/* Author Femi Hasani [www.vision.to], a special CSS Style for feedpixel.com */
/* Thank You for checking this file, great way of learning something  :-) */

* {
margin : 0;
padding : 0;
}
body {
font : 88%/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background : #eeeeee url('images/feedpixel_banner.png') no-repeat 0 0 fixed;
/*background : #eeeeee;*/
}
h1 {
font-weight : normal;
font-size : 2em;
}
h1 a {
text-decoration : none;
color : #212575;
}
h2 {
font-weight : normal;
font-size : 1.4em;
}
h2 a {
text-decoration : none;
color : #3b8cc8;
}
h3 {
margin-bottom : 8px;
color : #000000;
font-weight : normal;
}
h1, h2 {
color : #3b8cc8;
}
ol, ul {
list-style : none;
}
#wrapper {
width : 760px;
min-width : 310px;
padding : 0;
margin : 0 auto;
}
#content {
padding : 0;
margin : 0.5em auto;
background : #ffffff;
padding : 1em;
border : 1px solid #555;
}
#player {
padding : 5px;
margin : 5px auto;
background : #fefefe;
border : 1px solid #eee;
text-align : center;
}
#footer {
padding : 5px;
margin : 0 auto;
text-align : center;
}
.video_player {
width : 555px;
padding : 5px;
margin : 10px auto;
background : #fefefe;
border : 1px solid #eee;
text-align : center;
}
#header {
padding : 5px;
margin : 0 auto;
}
.clear {
clear : both;
}
h1 {
padding : 3px;
text-align : left;
}
img {
border : none;
}
a {
color : #3b8cc8;
text-decoration : none;
}
a:link {
color : #3b8cc8;
text-decoration : none;
}
a:visited {
color : #888;
text-decoration : none;
}
a:hover {
color : #8ec63d;
text-decoration : underline;
}
a:focus {
color : #8ec63d;
text-decoration : none;
}
a.more {
color : #a4a4a4;
}
a.more:hover {
color : #828282;
}

ul.featured_channels {
	/*float: left;*/
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
ul.featured_channels li {
	float: left;
	text-align:center;
	/*width:600px;*/
margin : 0 auto;

}

.feed_channels {
margin: 2px;
/*width : 100%;*/
/*
background:#fff;
padding: 3px;
border:solid 1px #ccc;
*/
}
.chanel_details {
float : left;

}
.feed_channels .channel_logo img {
max-width : 110px;
}
.feed_channels .channel_logo {
float : left;
padding : 5px;
margin : 2px auto;
background : #fff;
border : 1px solid #ccc;
width : 115px;
min-height:115px;
text-align : center;
}
#featured_feeds h3.mod{
text-align : left;
font-weight : bold;
margin:5px;
margin-bottom:-5px;
color:#777;
}
.feed_channels h3, div.feed_channels p, div.feed_channels  {
text-align : left;
}



.feed_channels .decription_footer p {
display : inline;
margin : 0 5px 0 5px;
font-size : 80%;
font-style : italic;
color : #8ec63d;
float:left;
}
.feed_channels .decription_footer p a {
display : inline;
font-style : italic;
text-decoration : underline;
}


.feed_channel {
width : 100%;
clear : both;
}
.feed_channel .permanent_link p {
margin : 0 5px 0 5px;
font-size : 100%;
font-style : italic;
color : #666;
}
.feed_channel .permanent_link p a {
font-weight:bold;
font-style : italic;
color : #3b8cc8;
}
.feed_channel .chanel_details {
float : left;
}
.feed_channel .channel_logo img {
max-width : 110px;
}
.feed_channel .channel_logo {
float : right;
padding : 5px;
margin : 0 5px 0 5px;
background : #fff;
border : 1px solid #eee;
width : 115px;
text-align : center;
}
.feed_channel .decription_footer p {
display : inline;
margin : 0 5px 0 5px;
font-size : 80%;
font-style : italic;
color : #8ec63d;
text-align:left;
}
.feed_channel .decription_footer p a {
display : inline;
font-style : italic;
text-decoration : underline;
}

.feed_channel .decription_footer h3 a {
font-style : italic;
text-decoration : underline;
}

.item_decription_footer p {
display : inline;
margin : 0 5px 0 5px;
padding : 1px 0;
font-size : 80%;
font-style : italic;
color : #828282;
}
.item_decription_footer p a {
display : inline;
font-style : italic;
text-decoration : underline;
}
p.media_player_items {
text-align : center;
margin : 0 auto;
font-size : 80%;
font-style : italic;
color : #aaa;
clear : both;
}
.feed_widget {
clear : both;
}
ul.feed_items_list {
margin : 5px auto;
padding : 0;
list-style : none;
width : 100%;
clear : both;
}
ul.feed_items_list li {
float : left;
background : #fefefe;
width : 100%;
padding : 5px 0;
margin : 5px 0;
border : 1px solid #ddd;
font-weight : normal;
}
ul.feed_items_list li .item_image img {
max-width : 125px;
margin : 0;
}
ul.feed_items_list li .item_image {
float : left;
padding : 5px 5px 0 5px;
margin : 0 5px 0 5px;
background : #fff;
border : 1px solid #eee;
width : 125px;
text-align : center;
}
ul.feed_items_list li h3 {
font-weight : bold;
}
ul.feed_items_list li h3, ul.feed_items_list li p {
margin : 0 5px 0 5px;
padding : 1px 0;
}
#feed_reader p, #feed_search p {
margin : 3px auto;
width : 98%;
padding : 5px;
text-align : center;
background : #fefefe url('images/form_arrow.png') no-repeat right center;
}
#feed_reader .button, #feed_search .button {
min-height : 40px;
min-width : 70px;
border : none;
background-color : transparent;
text-align : center;
margin-left : 5px;
color : #3b8cc8;
font-size : 200%;
cursor : pointer;
}
#feed_reader input.text {
min-height : 40px;
border : 2px solid #b8d6eb;
color : #b8d6eb;
background : #fefefe url('images/feedpixel_input.png') no-repeat 0 -4px;
width : 70%;
padding : 2px 2px 2px 50px;
font-size : 210%;
letter-spacing : -1px;
}
#feed_reader input.text_focus {
min-height : 40px;
border : 2px solid #3b8cc8;
color : #3b8cc8;
background : #fefefe url('images/feedpixel_input.png') no-repeat 0 -54px;
width : 70%;
padding : 2px 2px 2px 50px;
font-size : 210%;
letter-spacing : -1px;
}
#feed_search input.text {
min-height : 40px;
border : 2px solid #b8d6eb;
color : #b8d6eb;
background : #fefefe url('images/feedpixel_input.png') no-repeat 0 -104px;
width : 70%;
padding : 2px 2px 2px 55px;
font-size : 210%;
letter-spacing : -1px;
}
#feed_search input.text_focus {
min-height : 40px;
border : 2px solid #ff3333;
color : #3b8cc8;
background : #fefefe url('images/feedpixel_input.png') no-repeat 0 -154px;
width : 70%;
padding : 2px 2px 2px 55px;
font-size : 210%;
letter-spacing : -1px;
}
.feed_form label {
color : #3b8cc8;
clear : both;
}
p.random_clear {
float : right;
margin-right : 35px;
}
ul.feed_items_list li.odd {
background : #fefefe;
}
ul.feed_items_list li.even {
background : #fbfbfb;
}
.message {
width : 96%;
margin : 2px auto;
padding : 0.5em;
border : 1px solid #ccc;
background-color : #fefefe;
color : #222;
text-align : left;
}
.message h2 {
margin-top : -5px;
}
.message p {
margin : 1px;
}
.notice {
color : #817134;
background : #fff6bf;
border-color : #ffd324;
}
.feeds_count {
text-align : center;
position : absolute;
right : 0;
top : 0;
margin : 0;
padding : 0;
border : none;
float : none;
color : #d5d5d5;
font-size : 150%;
}
.feeds_count div {
font-size : 300%;
}
.feed_button {
border:1px solid #f96;
padding:0 3px;
font:bold 10px verdana,sans-serif;
color:#fff;
background:#f60;
text-decoration:none;
margin:0;	
}
.xspf_button {
border:1px solid #3b8ccc;
padding:0 3px;
font:bold 10px verdana,sans-serif;
color:#fff;
background:#3b8cc8;
text-decoration:none;
margin:0;	
}
.pdf_button {
border:1px solid #cc0000;
padding:0 3px;
font:bold 10px verdana,sans-serif;
color:#fff;
background:#cc0000;
text-decoration:none;
margin:0;	
}
ul#socialbookmarks {
	list-style: none;
}
ul#socialbookmarks li {
	float:left;
    margin: 0 5px;
}
ul#socialbookmarks li a {
	color: #555;
	text-decoration: none;
}
ul#socialbookmarks li a:hover {
	color: #3b8cc8;
}

ul#socialbookmarks li span {
	background: url('images/feedpixel_com_sprite.png');
	float: left;
	width: 16px;
	height: 16px;
	margin: 3px 5px 0 0;
}
ul#socialbookmarks li a:hover span {
	background-position: 0 -16px;
}
ul#socialbookmarks li#digg span {
	background-position: -16px 0;
}
ul#socialbookmarks li#delicious span {
	background-position: -32px 0;
}
ul#socialbookmarks li#facebook span {
	background-position: -48px 0;
}
ul#socialbookmarks li#technorati span {
	background-position: -64px 0;
}
ul#socialbookmarks li#reddit span {
	background-position: -80px 0;
}

ul#socialbookmarks li#stumbleupon span {
	background-position: -96px 0;
}
ul#socialbookmarks li#googlebookmark span {
	background-position: -112px 0;
}
ul#socialbookmarks li#mixx span {
	background-position: -128px 0;
}
ul#socialbookmarks li#myspace span {
	background-position: -144px 0;
}
ul#socialbookmarks li#twitter span {
	background-position: -160px 0;
}
ul#socialbookmarks li#yahoomyweb span {
	background-position: -176px 0;
}
ul#socialbookmarks li#blinklist span {
	background-position: -192px 0;
}

ul#socialbookmarks li#diigo span {
	background-position: -208px 0;
}
ul#socialbookmarks li#dzone span {
	background-position: -224px 0;
}
ul#socialbookmarks li#designfloat span {
	background-position: -240px 0;
}
/* H O V E R */

ul#socialbookmarks li#digg a:hover span {
	background-position: -16px -16px;
}
ul#socialbookmarks li#delicious a:hover span {
	background-position: -32px -16px;
}
ul#socialbookmarks li#facebook a:hover span {
	background-position: -48px -16px;
}
ul#socialbookmarks li#technorati a:hover span {
	background-position: -64px -16px;
}
ul#socialbookmarks li#reddit a:hover span {
	background-position: -80px -16px;
}

ul#socialbookmarks li#stumbleupon a:hover span {
	background-position: -96px -16px;
}
ul#socialbookmarks li#googlebookmark a:hover span {
	background-position: -112px -16px;
}
ul#socialbookmarks li#mixx a:hover span {
	background-position: -128px -16px;
}
ul#socialbookmarks li#myspace a:hover span {
	background-position: -144px -16px;
}
ul#socialbookmarks li#twitter a:hover span {
	background-position: -160px -16px;
}
ul#socialbookmarks li#yahoomyweb a:hover span {
	background-position: -176px -16px;
}
ul#socialbookmarks li#blinklist a:hover span {
	background-position: -192px -16px;
}

ul#socialbookmarks li#diigo a:hover span {
	background-position: -208px -16px;
}
ul#socialbookmarks li#dzone a:hover span {
	background-position: -224px -16px;
}
ul#socialbookmarks li#designfloat a:hover span {
	background-position: -240px -16px;
}


 .share-some-love {
 position: relative;
 width:100%;
 margin-bottom:40px; 
 }

 .share-some-love:hover ul { 
 display: block;
 text-decoration: none; 
 }
 .share-some-love h3 a:link ,
 .share-some-love h3 a:visited ,
.share-some-love h3 a:focus ,
 .share-some-love h3 a:active,
 .share-some-love h3 a:hover{ 
 color : #3b8cc8;
 text-decoration: none; 
 }
 .share-some-love h3 {
 margin:0;
 font-size:110%;
 position: absolute; 
 left: -1px; 
 top: 0px; z-index: 1100; 
 width: 125px; 
 height: 20px;
 line-height:15px; 
 padding: 5px; 
 padding-left: 10px; 
 background-image: url('images/share_some_love.png') ; 
 background-repeat: no-repeat; 
 /*text-indent: -9999px;*/
text-decoration: none;
outline:none;
 cursor: pointer; 
 }
  .share-some-love:hover h3 { 
background-position: 0 -30px; 
}
 .share-some-love ul { 
 display: none; 
 position: absolute; 
 z-index: 1000; 
 min-width: 450px; 
 background-color: #fefefe; 
 border: 1px solid #ccc; 
 list-style: none; 
 top: 30px; left: -1px; 
 padding: 10px; 
 }
 .share-some-love ul li {
 min-width: 130px;  
 padding-left: 5px; 
 padding: 4px; 
 color: #3b3b3a; 
 }
 .share-some-love ul li.share-title{
 width:100%;
 clear:both;
 /*font-weight:bold;*/
 color: #3b8cc8;
 }
/* ================= */
.qr-code {
width:98%;
display: block;
background:#fefefe;
border:1px solid #ccc;
padding:0;
margin:5px;
clear:both;	
}
.qr-code p{
padding: 2px 10px;
}
.qr-code img.qrcode{border:1px solid #ccc;padding:5px;margin:5px;float:right;}

 
/* HOVER */
div.ads {
background : #fefefe;
width : 96%;
padding : 5px ;
margin : 5px auto;
border : 1px solid #bbb;
font-weight : normal;
}
/* iPhone feed */
#topright a{
position: fixed;
right: 0;
top:0px;
display: block;
height: 125px;
width: 125px;
background: url('images/feedpixel_iphone.png') no-repeat;
text-indent: -999em;
text-decoration: none;
outline:none;
}
#topright a:hover{
background-position: 0 -128px;
}

/* iPhone feed */
#click a{
position: fixed;
right: 0;
top:130px;
display: block;
height: 125px;
width: 125px;
background: url('images/play_now.png') no-repeat;
text-indent: -999em;
text-decoration: none;
outline:none;
}
#click a:hover{
background-position: 0 -128px;
}
/* FEATURED FEEDS */
ul#featured_feeds {
margin: 0;
padding: 1em 0; /* this is just for beauty */
list-style-type: none;
clear: both; /* to divide the rows */
}
ul#featured_feeds li { /* displays the thumbs row wise */
float: left;
/*width: 25%;*/
width:125px;
height:125px;
margin: 3px;
padding: 5px;
background:#fff;
border:#ccc solid 1px;
}
ul#featured_feeds li a { /* centers the thumb plus caption */
display: block;
text-align: center;
}
ul#featured_feeds li a img {
 /* seperates caption from thumb optically */
width:125px;

display: block;
margin: 0 auto;
}