/*  
Theme Name: Popular Fidelity
Theme URI: http://blendinteractive.com
Description: The Popular Fidelity Design.
Version: 1.0
Author: Blend Interactive
Author URI: http://blendinteractive.com/


*/


/************ Browser Neutralizers *************************/
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img { border:none }

address { font-style:normal }


/************ Basic Settings ******************************/
body { font-size: 14px; font-family: Arial, Helvetica, sans-serif; background: #596781 url(images/bkgnd_top_repeat.gif) repeat-x top; color: #626262; text-align: center; border-top: 3px solid black;}

a { color: black; }
a:hover {text-decoration:underline; color:#F99939;}


/************ Layout **************************************/

#sidebar { 
	width: 120px; background-color:#ffffff; float:right; color:#FFFFFF;
	border:0px solid #cccccc;
        margin-left:10px;
 	padding:5px;
}

p.heading {font-size: 20px; color:#FFF; padding:5px; background-color:#B5B5B5; }
p.heading a {color:#FFF; text-decoration:underline; }
p.heading a:hover {color:black; text-decoration:none; }

#slice { background-color:black; width: 100%; height: 22px; 
        border-bottom: 1px solid white; padding-top: 4px; color:#FFF; font-size: 12px; } 

#slice a { color:#FFF; text-decoration:none; }
#slice a:hover { color:#F99939; text-decoration:underline; }

#container { width: 781px; text-align: left; margin: 0 auto; }

#body_design {background: url(images/bkgnd_btm_repeat.gif) repeat-x bottom center;}

#header {background: url(images/header.gif) no-repeat; height: 68px; margin-bottom: 10px;}
#header #header_logo {float:left;}
#header_menu {float:right; text-align:right; width:20em; margin-right:15px; margin-top:24px; color:#596781;}
#header_menu img {vertical-align:bottom;}
#header_menu a { color:#FFF; text-decoration:none; }
#header_menu a:hover { color:#FFF; text-decoration:underline; }

#banner {text-align:left; width: 768px; margin: 12px 0 12px 0;}
#banner .inner {margin-left: 25px;}

#content_banner {background: white; padding: 0 25px 30px 25px;}


#category_heading{background:url(images/corners_top_grey.gif); width: 781px; height: 60px; color: white;}

#category_heading h1 {float: left; font-size: 23px;font-weight: normal; margin: 12px 0 0 25px;}
#category_heading a {color:white; text-decoration: none;}
#category_heading a:hover {text-decoration: underline;}
#category_heading form {float: right; background: #6A748D; margin: 14px 30px 0 0; padding-left:8px;}
#category_heading label {text-transform: uppercase; font-weight: bold; font-size: 90%;}

#category_heading .back_link {float: left; background: url(images/back_btn_left.png) no-repeat; padding-left: 10px; margin: 12px 0 0 25px;}
#category_heading .back_link a {background: url(images/back_btn_right.png) right; display: block; height: 25px; line-height: 25px; padding: 0 10px 0 0; color: white; text-transform: lowercase; text-decoration: none;}
#category_heading .back_link a:hover {text-decoration: underline;}

#category_heading div.topic_icon {float:right; width:250px; margin:14px 30px 0 0; white-space: nowrap; text-align:right;}
#category_heading .topic_icon img {float:right; vertical-align: middle; margin: 0 8px}
#category_heading .topic_icon h2 {float:right; font-size: 23px; font-weight: normal;}

#category_headingind{background:url(images/corners_top_grey.gif); width: 781px; height: 60px; color: white;}

#category_headingind h1 {float: left; font-size: 23px;font-weight: normal; margin: 12px 0 0 25px;}
#category_headingind a {color:#F99939; text-decoration: none;}
#category_headingind a:hover {color:white; text-decoration: underline;}





#posts, #morenews {background: white; padding: 25px 25px; border-bottom: 1px solid white;}

#morenews {background: white url(images/more_news_bar.gif) no-repeat; padding-top: 10px;}
#morenews h2.MoreNews {font-size: 20px; color: #FFF; font-weight: normal; margin: 0; padding-bottom: 29px;}

#footer {background: black; padding-bottom: 5em; margin: 0 auto; padding-top: 1em; color: #939CAD;  }

#footer a {color: #939CAD;}

#footer img {vertical-align: middle;}

#footer #footer_logo {vertical-align: top;}

#footer_design {text-align: left; width: 700px; margin: 0 auto;}

#categories {text-align: center; background: url(images/corners_btm_grey.gif) no-repeat; height: 90px;}

#categories ul {height: 25px; list-style: none; padding-top: 25px; margin-left: 50px;}

#categories li {float: left; margin: 0 8px; }

#categories span.link_wrap {display:block; padding:0 0 0 8px; background:#6B7991 url(images/btn_left_cap.gif) no-repeat top left;}

#categories li span {padding-right:8px; display:block; background: #6B7991 url(images/btn_right_cap.gif) no-repeat top right; display: block;}

#categories a {display:block; line-height: 25px; color: white; text-decoration:none;}


#categories a:hover span.images, 
#categories a:hover span.images span.link_wrap {background-color: #9A96D0; }
#categories a:hover span.nation, 
#categories a:hover span.nation span.link_wrap {background-color: #D1D656; }
#categories a:hover span.biz, 
#categories a:hover span.biz span.link_wrap {background-color: #86CF94; }
#categories a:hover span.unusual, 
#categories a:hover span.unusual span.link_wrap {background-color: #8ACCFF; }
#categories a:hover span.videos, 
#categories a:hover span.videos span.link_wrap {background-color: #FF5D21; }
#categories a:hover span.sci, 
#categories a:hover span.sci span.link_wrap {background-color: #D69819; }

#categories li.selected span.images,
#categories li.selected span.images span.link_wrap,
#categories li.selected a:hover span.images {background-color: #A7A7D4 }

#categories li.selected span.nation,
#categories li.selected span.nation span.link_wrap,
#categories li.selected a:hover span.nation {background-color: #DBDB78 }

#categories li.selected span.biz,
#categories li.selected span.biz span.link_wrap,
#categories li.selected a:hover span.biz {background-color: #A7D4A7 }

#categories li.selected span.unusual,
#categories li.selected span.unusual span.link_wrap,
#categories li.selected a:hover span.unusual {background-color: #A7D4FF }

#categories li.selected span.videos,
#categories li.selected span.videos span.link_wrap,
#categories li.selected a:hover span.videos {background-color: #EE7843 }

#categories li.selected span.sci,
#categories li.selected span.sci span.link_wrap,
#categories li.selected a:hover span.sci {background-color: #D4A743 }


#categories li.selected a {color: black;}

#categories a:hover {text-decoration: none;}


#categories .back_link2 {float: right; background: url(images/back_btn_left.png) no-repeat; padding-left: 10px; margin: 23px 25px 0 0;}
#categories .back_link2 a {background: url(images/back_btn_right.png) right; display: block; height: 25px; line-height: 25px; padding: 0 10px 0 0; color: white; text-transform: lowercase; text-decoration: none;}
#categories .back_link2 a:hover {text-decoration: underline;}







#categories_btm {background:url(images/corners_top_grey.gif); width: 781px; height: 60px; color: white;}

#categories_btm ul {height: 25px; list-style: none; padding-top: 12px; margin-right: 250px;}

#categories_btm li {float: right; margin: 0 8px; }

#categories_btm span.link_wrap {display:block; padding:0 0 0 8px; background:#6B7991 url(images/btn_left_cap.gif) no-repeat top left;}

#categories_btm li span {padding-right:8px; display:block; background: #6B7991 url(images/btn_right_cap.gif) no-repeat top right; display: block;}






#categories_btm a:hover span.images, 
#categories_btm a:hover span.images span.link_wrap {background-color: #9A96D0; }
#categories_btm a:hover span.nation, 
#categories_btm a:hover span.nation span.link_wrap {background-color: #D1D656; }
#categories_btm a:hover span.biz, 
#categories_btm a:hover span.biz span.link_wrap {background-color: #86CF94; }
#categories_btm a:hover span.unusual, 
#categories_btm a:hover span.unusual span.link_wrap {background-color: #8ACCFF; }
#categories_btm a:hover span.videos, 
#categories_btm a:hover span.videos span.link_wrap {background-color: #FF5D21; }
#categories_btm a:hover span.sci, 
#categories_btm a:hover span.sci span.link_wrap {background-color: #D69819; }

#categories_btm li.selected span.images,
#categories_btm li.selected span.images span.link_wrap,
#categories_btm li.selected a:hover span.images {background-color: #A7A7D4 }

#categories_btm li.selected span.nation,
#categories_btm li.selected span.nation span.link_wrap,
#categories_btm li.selected a:hover span.nation {background-color: #DBDB78 }

#categories_btm li.selected span.biz,
#categories_btm li.selected span.biz span.link_wrap,
#categories_btm li.selected a:hover span.biz {background-color: #A7D4A7 }

#categories_btm li.selected span.unusual,
#categories_btm li.selected span.unusual span.link_wrap,
#categories_btm li.selected a:hover span.unusual {background-color: #A7D4FF }

#categories_btm li.selected span.videos,
#categories_btm li.selected span.videos span.link_wrap,
#categories_btm li.selected a:hover span.videos {background-color: #EE7843 }



#categories_btm li.selected span.sci,
#categories_btm li.selected span.sci span.link_wrap,
#categories_btm li.selected a:hover span.sci {background-color: #D4A743 }

#categories_btm li.selected a {color: black;}

#categories_btm a:hover {text-decoration: underline;}

#categories_btm h1 {float: left; font-size: 23px;font-weight: normal; margin: 12px 0 0 25px;}
#categories_btm a {text-decoration: none;}


/************ Categories **********************************/
body.biz #category_heading{background:url(images/corners_top_biz.png)}
* html body.biz #category_heading{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/popfi/images/corners_top_biz.png',sizingMethod='scale');}

body.videos #category_heading{background:url(images/corners_top_entertainment.png)}
* html body.videos #category_heading{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/popfi/images/corners_top_entertainment.png',sizingMethod='scale');}

body.nation #category_heading{background:url(images/corners_top_nation.png)}
* html body.nation #category_heading{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/popfi/images/corners_top_nation.png',sizingMethod='scale');}

body.sci #category_heading{background:url(images/corners_top_sci.png)}
* html body.sci #category_heading{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/popfi/images/corners_top_sci.png',sizingMethod='scale');}

body.unusual #category_heading{background:url(images/corners_top_tech.png)}
* html body.unusual #category_heading{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/popfi/images/corners_top_tech.png',sizingMethod='scale');}

body.images #category_heading{background:url(images/corners_top_unusual.png)}
* html body.images #category_heading{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/popfi/images/corners_top_unusual.png',sizingMethod='scale');}


/************ Post items **********************************/

.post {margin: 0; padding-top: 3px;zoom:1.0}
.post .break {clear: both;}
.post h2 {font-size: 145%; }
.post_inner h2 a {text-decoration: none; color:#000;}
.post_inner h2 a:hover {text-decoration:underline; color:#F99939;}
.post .post_design {background: #ECEDF1; padding:0 5px 15px 0;zoom:1.0}
.post .post_design .post_inner {padding:15px 0 0 45px;}
.post {background-image: url(images/post_rules.png); background-repeat: no-repeat;}
.post p {margin: 0.5em 0;}
.post_icon {float: left;}
.post .entry img {margin: 0 5px;
border: solid 1px #cccccc;
    padding: 4px;}
.page h1 {font-size: 150%; margin-bottom: 1em;}
#posts .alt .post_design, #morenews .alt .post_design {background-color: white;}
#posts .videos, #morenews .videos {background-position: 0 -3px;}
#posts .nation, #morenews .nation {background-position: 0 -6px;}
#posts .sci, #morenews .sci {background-position: 0 -9px;}
#posts .unusual , #morenews .unusual {background-position: 0 -12px;}
#posts .images, #morenews .images {background-position: 0 -15px;}


/********* SOCIAL SHARE AND IMAGES *********/

div.share a img {
    padding: 5px;
}

div.share a:hover img {
    background: #eeeeee;
    border: solid 1px #cccccc;
    padding: 4px;
}

/********* VIPER'S VIDEO QUICKTAGS *********/

.vvqbox { display: inline !important; }


/************ Forms **************************************/


div.archiveindex h1 {
    font-size: 23px;
    text-decoration: underline;
}