/*  

Theme Name: Red Evo News Blue

Theme URI: http://www.redevolution.com/ 

Description: FREE Professional Wordpress theme created by Red Evolution, ideal for news site. Web 2.0 design, flexible homepage layout, widget ready.

Version: 1.0.2

Author: Red Evolution

Author URI: http://www.redevolution.com/ 

*/ 



html, body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form, ul{ 

margin: 0; 

padding: 0; 

} 



html{

font-size:62.5%;

}



body{ 

font-family:arial, helvetica, sans-serif; 

background-color: #c1c1c1;

font-size:1.2em;

line-height:1.8em;

} 



/* headings */



h1, h2, h3, h4, h5, h6{

margin:0.5em 0;

}



h1{ 

font-size:1.8em;

} 



h2{

font-size:1.7em; 

} 



h3{ 

font-size:1.6em;

} 



h4{ 

font-size:1.4em;

color: #330066;

} 



h5{ 

font-size:1.1em;

} 



h6{ 

font-size:1.0em;

} 



/* links */

a{

color:#2198b2;

font-weight:bold;

text-decoration:none;

}



a:hover{

text-decoration:underline;

}



a img{

border:0;

}

/*-----Lists-----*/

ul{

list-style:none;

padding-left:20px;

}



ul li{

}



/* basic selectors */

a.more-link{



}



p{ 

padding: 0.2em 0 0.3em 0; 

}



code{

font-family:"Courier New", Courier, monospace;

}



blockquote{ 

margin: 1em 0 0; 

border-top: 2px solid #ddd; 

background: #f5f5f5; 

} 



blockquote p{ 

padding: 1em; 

} 



blockquote blockquote{ 

float: none; 

width: auto; 

margin: 0 1em; 

background: #fff; 

} 



dd{ 

padding: 0 0 0 2em; 

} 



form, input, textarea{

font-family:Arial, Helvetica, sans-serif;

font-size: 12px; 

} 



p img{ 

max-width: 100%; 

} 



img.centered{ 

display: block; 

margin-left: auto; 

margin-right: auto; 

} 



img.alignright{ 

margin: 3px 0 2px 10px; 

padding: 4px; 

border: 1px solid #ededed; 

display: inline; 

} 



img.alignleft{ 

margin: 3px 10px 2px 0; 

padding: 4px; 

border: 1px solid #ededed; 

display: inline; 

} 



.alignleft{float: left;} 



.alignright{float: right;} 



.clear{

margin: 0; 

padding: 0; 

clear: both;} 



small, .small{ 

font-size: 11px; 

} 

.xsmall{

font-size:10px;

color:#8f8f8f;

}



/* top navigation */



#menu{

background-color:#343434;

display:block;

padding:0;

width:1024px;

float:left;

}

#menu ul, #menu ul li{ 

float:left;

margin:0;

padding:0;

list-style:none;

}

#menu ul li{

padding:0 5px;

}

#menu ul a{

font-size:14px;

color:#fff;

font-weight:bold;

text-decoration:none;

display:block;

padding:10px;

text-transform:uppercase;

}

#menu ul ul a{



}



#menu ul a:hover{

background-color:#565656;

}



#menu ul li a{



}



#menu ul li:hover, #menu ul li.sfhover,

#menu ul li#current{



}



#menu ul li:hover a, #menu ul li.sfhover a,

#menu ul li#current a{



}





/*post layout */



.post{ 

padding: 10px 0px; 

} 

.post h2{ 

} 

.post h2 a{ 

font-size:24px;

font-family:Geneva, Arial, Helvetica, sans-serif;

color:#000;



} 

.post h2 a:hover{

text-decoration:none;

color:#2198b2

}

.post ul li{

background:url(images/bullet.png) no-repeat;

background-position:0px 9px;

padding-left:10px;

}

.entry-date{ 

font-size:0.9em;

color:#757575;

} 

.entry-meta{

font-size:0.9em;

color:#757575;

}

.entry-content{ 

padding-bottom:20px;

} 



/* comments */



#comments-display{

background:url(images/comment-top.png) top left repeat-x;

padding:15px 10px 20px 10px;

} 

#comments ol{

list-style-type:none;

padding:0;

} 

#comments ol li{ 

margin-bottom:10px;

} 

#comments span.comment-author{ 



} 

h4#comments-count{

font-size:1em;

}

.comment-left{

float:left;

width:130px;

}

.comment-right{

float:right;

width:460px;

}

#respond{ 

background-color:#efefef;

padding:10px 10px 20px 20px;

border-top:#c9c9c9 1px solid;

} 



/*layout*/

#wrapper{

width:1024px;

text-align:left;

background-color:#fff;

}

/*changing this reformats the entire header*/

#top{clear:both;}

#topleft{

float:left;

width:519px;

height:100px;

}

h1#sitename{

margin:30px 0 10px 0;

}

h1#sitename a{

color:#000000;

font-family:"Myriad Web", "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;

font-size:32px;

text-decoration:none;

padding:0px 0 0 30px;

}



#topleft p{

color:#868686;

font-size:18px;

font-family:"Myriad Web", "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;

padding:0 0 0 30px;

}

#topright{

float:right;

width:500px;

padding-top:20px;

}

ul#categories{

text-align:right;

padding-right:16px;

line-height:14px;

}

ul#categories b{display:inline;}

ul#categories li, ul#categories ul{

display:inline ;

padding:0px 1px;

}

ul#categories a{

font-size:1em;

font-weight:normal;

text-decoration:underline;

}

ul#categories a:hover{

color:#000;

}

#search{

text-align:right;

float:right; 

width:332px;

padding-top:10px;

}



#search input#s{

background-color:#e3e3e3;

width:244px;

height:24px;

border:none;

font-size:15px;

float:left;

margin-right:5px;

}

#search input#searchsubmit{

height:25px;

width:66px;

float:left;

}



#header, #homecontent, #container{

padding:0 10px;

clear:both;}

#headerleft{

width:680px;

height:248px;

float:left;

background:url(images/red3.png) top left no-repeat;

overflow:hidden;

color:#fff;

}

#headerleft a.readmore{

color:#fff;

font-weight:normal;

text-decoration:underline;

}

#headerleft a.readmore:hover{

color:#fff;

text-decoration:none;

}

a.readmore{

text-decoration:underline;

}

a.readmore:hover{

text-decoration:none;

}

#headerleft ul{

padding:10px 10px 30px 10px;

}

/*  This controls the width of the excerpt in the top news!! very useful (352)*/

#topnews_rightnarrow{

width:352px;

}

.topnews-meta{

color:#bde9f2;

font-size:10px;

}

.topnews-meta a{

color:#fff;

text-decoration:underline;

font-weight:normal;

}

.topnews-meta a:hover{

text-decoration:none;

}

.topnews-excerpt{

height:105px;

overflow:hidden;

}

h2#topnews-title a{

font-size:24px;

font-family:Geneva, Arial, Helvetica, sans-serif;

color:#fff;

}



#headerright{

float:right;

width:320px;



}

#featured{

margin-top:10px;

padding:0px 10px;

font-size:1em;

color:#262626;

}

#featured a:hover{

text-decoration:none;

}

#featured .box{

background-color:#eeeeee;

padding:10px 5px;

}

#featured h2{

font-size:1em;

line-height:1.2em;

margin:0 0 0px 0;

}

#featured p{

padding-top:0px;

margin:0;

line-height:1.3em;}





.featuredleft{

width:125px;

position: absolute;

}



.featuredright{

margin: 0;

padding: 0;

display: block;

left:165px;

position:absolute;

width:165px;

font-size:1em;

color:#262626;

font-weight:normal;

}

.featuredright a, .featuredright a:hover{

text-decoration:underline;

}

#featured ul{

list-style:none;

padding:0;

margin:0;

}

#featured ul li{

  cursor:pointer;

  float: left;

  background-color:#fff;

  display: block;

  margin-right: 10px;

  height:112px;

  width:125px;  

  overflow:hidden;

  padding:10px;

  position:relative;

}



#featured ul li div{

  display: block;

  overflow: hidden;

  height: 112px;

  width: 125px;

}



#featured .block1{

  width: 302px;

}



/* This controls the main divs in the center of the page  such as featured news. Changed from 729 to 888 (subtracted 61px) */

#homeleft, #content{

width:668px;

float:left;

padding-bottom:20px;

}



.bread{

background:url(images/breadbg.png) center left repeat-x;

width:668px;

float:left;

margin-bottom:15px;}

.bread p{

float:left;

padding-right:10px;

background-color:#fff;

}



#homeleft h4{

display: block;

width:200px;

text-align:center;

	margin-top:-20px;

	float:left;

	background-color: #fff;

	padding: 0 8px;

		font-size:1.1em; 

}



#homeleft h4 a{

font-weight: bold;

color:#333333;

border-bottom:#ccc 1px solid;

}

#homeleft h4 a:hover{

text-decoration:none;

color:#2198b2;

}

#homeleft h2{

font-size:24px;

font-family:Geneva, Arial, Helvetica, sans-serif;

}

#homeleft .date{

color:#666666;

font-size:11px;

}	

#homeleft ul li{

border: 1px solid #999;

padding: 10px;

	margin: 18px 0;

	}

ul#cat-excerpts{

padding:0;

}

#homeright{

width:320px;

float:right;

}



#footer{

clear:both;

padding:10px;

background-color:#989898;

color:#fff;

}

#footer a{

color:#ddd;

font-weight:normal;

text-decoration:underline;

}

#footer a:hover{

color:#fff;

}

/*sidebar*/

.sidebar{

width:320px;

float:right;

}



.sidebar ul.sidebar{ 

list-style: none; 

margin: 0; 

padding: 0 0px 10px 0px; 

} 



.sidebar ul.sidebar li{ 

padding: 0; 

} 

.sidebar ul.sidebar h2{

display: block;

width:120px;

text-align:center;

	margin-top:-20px;

	background-color: #fff;

	padding: 0 8px;

		font-size:1.1em;

	

} 

.sidebar ul.sidebar ul{

padding:0;

margin:0;

} 

.sidebar ul.sidebar li{ 

border: 1px solid #999;

padding: 10px;

margin: 18px 0;

clear:both;

} 

.sidebar ul.sidebar ul li{

padding:0;

margin:0;

border:0;

}

.sidebar ul.sidebar ul ul{ 

padding: 0 0 0 10px; 

} 

.sidebar ul.sidebar a{



}



.sidebar ul.sidebar a:hover{



}



.sidebar ul ul ul a{



}



.sidebar h2{



}



/*tabs*/

#fragment-1 ul li{

background:url(images/bullet.png) no-repeat;

background-position:0px 9px;

padding-left:10px;

}



ul.ui-tabs-nav{

padding:0;

list-style:none;

border-left:1px solid #c1c1c1;

background:url(images/grey.png) bottom left repeat-x;

}



ul.ui-tabs-nav li{

border-right: 1px solid #c1c1c1;

background-color:#e7e7e7;

 border-top: 1px solid #c1c1c1;

   float: left;

    margin: 0;

    font-weight: bold;

}



ul.ui-tabs-nav li.ui-tabs-selected{

background-color:#fff;

border-bottom:#fff 1px solid;

}

.ui-tabs-hide { display: none; }





.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */

    display: block;

    clear: both;

    content: " ";

}



.ui-tabs-nav a, .ui-tabs-nav a span {

    float: left; /* fixes dir=ltr problem and other quirks IE */

    padding: 0 12px;

}

.ui-tabs-nav a {

    margin: 2px 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */

    padding-left: 0;

    text-decoration: none;

    white-space: nowrap; /* @ IE 6 */

    outline: 0; /* @ Firefox, prevent dotted border after click */    

}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited {

    color: #686868;

}

.ui-tabs-nav .ui-tabs-selected a {

    position: relative;

    z-index: 2;

}



.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,

.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */

    cursor: text;

}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,

.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */

    cursor: pointer;

}







.ui-tabs-panel {

    border: 1px solid #c1c1c1;

	border-top:none;

    padding:0 10px;

	height:214px;

    background: #fff url(images/toprightbg.jpg) bottom left repeat-x; /* declare background color for container to avoid distorted fonts in IE while fading */

	overflow:hidden;

}

.ui-tabs-panel ul{

	padding:12px 10px;

	}

.ui-tabs-panel li{

	margin:6px 0px;

	}

/*.ui-tabs-loading em {

    padding: 0 0 0 20px;

    background: url(loading.gif) no-repeat 0 50%;

}*/



/* Additional IE specific bug fixes... */

* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */

    display: inline-block;

}

*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */

    display: inline-block;

}



/* image sizes */



.topnews_image{

width:280px;

height:210px;

float:left;

margin-right:10px;

margin-top:5px;

}



.featured_image{

width:126px;

height:80px;

position:absolute;

top:30px;

}