/*
Theme Name:WNN-WP
Theme URI: turbocharged06@gmail.com
Description: Modelled after CNN's theme design, WNN is an efficiant, easy to use, professional, and simplistic theme created for webmasters serious about their image as shown to their wide range of audiences.
Version: 1
Author: Khaled R
Author URI: mailto:turbocharged06@gmail.com
Tags: news, red, white, black, cnn, magazine, theme, professional, global
*/
body{
margin: 0;
padding: 0;
background: #dadada;
font-family: Arial;
font-size: 14px;
}
a{
color: #004276;
text-decoration: none;
}
a:hover{
color: #ca0002;
}
#header{
background: #ffffff;
border-bottom: 6px solid #cc0000;
margin-bottom: 10px;
}
img{
border: 0;
}
#logo{
width: 169px;
float: left;
padding: 12px;
}
#search{
float: right;
text-align: right;
margin-bottom: 10px;
margin: 12px;
}
#searchinput{
width: 435px;
height: 15px;
font-size: 11px;
font-weight: bold;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 3px;
background-color: #ffffff;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #646464;
border-left-color: #646464;
border-right-color: #d9d9d9;
border-bottom-color: #d9d9d9;
}
.wnnNavStretch{
border-width:1px 0;
border-style:solid;
border-color:#e6e6e6;
clear: both;
padding-left: 12px;
margin-bottom: 7px;
}
.wnnHeaderNav{
height:27px;
position:relative;
min-width:984px;
margin:0 auto;
}
.wnnHeaderNav li{
font-weight:bold;
font-size: 10px;
}
.wnnHeaderNav li a,
.wnnHeaderNav li a:visited{
color:#ca0002;
text-decoration:none;
text-transform:uppercase;
line-height:25px;
}
.wnnHeaderNav li a:hover{
color:#fff;
background:#ca0002;
}
.wnnHeaderNav li a.wnnCurPage{
color:#fff;
background:#ca0002;
}
.wnnHeaderNav li a.wnnCurPage:visited{
color:#fff;
}
.wnnHeaderNav ul.wnnUtilityNavigation,
.wnnHeaderNav ul.wnnNavigation{
margin:0;
padding:0;
list-style:none;
position:absolute;
white-space:nowrap;
}
.wnnHeaderNav ul.wnnNavigation{
left:0;
}
.wnnHeaderNav ul.wnnNavigation li{
float:left;
border-width:0 1px 0 0;
border-style:solid;
border-color:#e6e6e6;
}
.wnnHeaderNav ul.wnnNavigation li a{
padding:0 6px;
width:auto;
height:25px;
margin:1px;
display:block;
vertical-align:middle;
}
* html .wnnHeaderNav ul.wnnNavigation li a{
width:25px;
}
* html .wnnHeaderNav li{
font-size:11px;
}
* html .wnnHeaderNav ul.wnnNavigation li a{
padding:0 4px 0 5px;
}
* html .wnnHeaderNav ul.wnnUtilityNavigation li a{
padding:0 12px 0 7px;
}
#leftt{
width: 12px;
}
#rss{
margin-left: 6px;
}
#pages{
padding-left: 12px;
font-size: 11pt;
margin-bottom: 12px;
}
#pages ul{
padding: 0;
margin: 0;
}
#pages ul li{
display: inline;
list-style: none;
padding: 0 3px;
}
#pages ul li a{
color: #004276;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
}
#pages ul li a:hover{
color: #004276;
font-weight: bold;
font-size: 10pt;
text-decoration: underline;
}
#pgtitle{
color: #ca0002;
font-weight: bold;
font-size: 10pt;
}
#main{
width: 985px;
margin-left: auto;
margin-right: auto;
clear: both;
}
#left{
width: 622px;
float: left;
margin-bottom: 25px;
}
#right{
width: 355px;
float: right;
margin-bottom: 25px;
}
#exctop{
width: 602px;
height: 24px;
background: url("images/exctop.jpg") no-repeat;
padding: 10px 10px 0 10px;
font-size: 12px;
font-weight: bold;
}
#info{
color: #949494;
width: 330px;
float: left;
}
#homepage{
color: #004276;
width: 265px;
float: right;
text-align: right;
}
#exccontent{
background: url("images/featuredbg.jpg") repeat-y;
width: 603px;
padding: 18px;
padding-right: 0;
}
#excpost{
width: 267px;
margin-right: 18px;
float: left;
}
#recentposts{
width: 285px;
float: right;
margin-left: 18px;
}
h3 a{
color: #004276;
font-family: Arial;
font-weight: bold;
font-size: 22px;
}
#excpost p{
font-size: 12px;
font-weight: lighter;
}
#full{
color: #004276;
font-size: 12px;
}
#h4{
color: #000000;
font-weight: bold;
font-size: 16px;
}
#recentposts ul{
list-style: url("images/bullet2.jpg");
margin: 0px;
}
#recentposts li{
margin: 0;
}
#recentposts ul li a{
color: #004276;
font-weight: bolder;
font-size: 13px;
text-decoration: none;
}
#recentposts ul li a:hover{
text-decoration: underline;
}
#clear{
clear: both;
}
#adsfooter{
clear: both;
background: url("images/adsfooter.jpg") no-repeat;
width: 468px;
height: 89px;
padding: 29px 81px 0 73px;
}
#featured_video{
background: url("images/featuredvideo.jpg") no-repeat;
width: 333px;
height: 333px;
padding: 11px;
}
#rtop{
width: 354px;
height: 11px;
background: url("images/rtop.jpg") no-repeat;
margin-top: 15px;
}
#rmid{
width: 335px;
background: #ffffff;
padding-left: 9px;
padding-right: 9px;
border-left: 1px solid #dadada;
}
#ourlinkstop{
background: url("images/ourlinkstop.jpg") no-repeat;
width: 336px;
height: 45px;
}
#links{
width: 336px;
background: url("images/rmid.jpg") repeat-y;
}
#links ul{
list-style: none;
padding: 0;
margin: 0;
padding-bottom: 20px;
}
#links li{
list-style: none;
padding-top: 5px;
padding-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
/*border-top: solid 1px #dfdfdf;
border-bottom: solid 1px #ffffff;*/
background: url("images/border-bottom-li.jpg") repeat-x;
background-position: bottom;
}
#links li a{
color: #4b4b4b;
text-decoration: none;
font-size: 14px;
font-weight: normal;
}
#links li a:hover{
color: #ca0002;
text-decoration: underline;
font-size: 14px;
font-weight: normal;
}
#bottomm{
background: url("images/lbottom.jpg") no-repeat;
width: 335px;
height: 23px;
}
#topp{
background: url("images/topp.jpg") no-repeat;
width: 335px;
height: 23px;
}
#rbottom{
background: url(images/rbottom.jpg) no-repeat;
width: 354px;
height: 11px;
}
#midd{
width: 336px;
background: url("images/rmid.jpg") repeat-y;
}
#midda table{
text-align: center;
padding: 15px;
width: 336px;
}
#midda table td{
padding: 10px;
}
#midda{
width: 336px;
background: url("images/rmida.jpg") repeat-y;
}
#archivestop{
background: url("images/archivestop.jpg") no-repeat;
width: 336px;
height: 45px;
}
#rcomments{
background: url("images/rcommentstop.jpg") no-repeat;
width: 336px;
height: 45px;
}
#metatop{
background: url("images/metatop.jpg") no-repeat;
width: 336px;
height: 45px;
}
#postinfotop{
background: url("images/postinfotop.jpg") no-repeat;
width: 602px;
height: 24px;
font-size: 12px;
font-weight: bold;
color: #949494;
padding: 10px 10px 0 10px;
}
#post{
margin-top: 10px;
color: #414141;
font-size: 12px;
}
#postcontent{
width: 591px;
border-left: 1px #dadada solid;
background: #ffffff;
padding: 15px;
clear: both;
}
#h3 a{
font-weight: bold;
font-size: 24px;
color: #cc0000;
text-decoration: none;
}
#h3 a:hover{
text-decoration: underline;
}
#postbottom{
background: url("images/postbottom.jpg") no-repeat;
width: 601px;
height: 21px;
text-align: right;
font-size: 11px;
font-weight: bold;
padding-top: 7px;
padding-right: 20px;
border-left: 1px #dadada solid;
color: #949494;
clear: both;
}
#postbottom a{
color: #cc0000;
text-decoration: none;
}
#postbottom a:hover{
text-decoration: underline;
}
#footer{
clear: both;
width: 984px;
text-align: center;
margin-left: auto;
margin-right: auto;
color: #aaaaaa;
font-size: 12px;
}
#footertop{
width: 984px;
height: 56px;
background: url("images/footertop.jpg") no-repeat;
padding-top: 17px;
}
#footer a{
color: #004276;
text-decoration: none;
}
#footer a:hover{
color: #ca0002;
}
#footer a:focus{
outline-style: none;
outline-width: medium;
}
#footerbottom{
width: 744px;
height: 42px;
background: url(images/footerbottom.jpg) no-repeat;
margin-bottom: 20px;
padding-left: 240px;
padding-top: 10px;
}
#commentss{
margin-left: 5px;
background: #fafafa;
padding: 15px;
margin-top: 25px;
border-left: solid 5px #004276;
}
.commentlist li{
background: #f3f3f3;
list-style: none;
padding: 8px;
border: 1px solid #bfbfbf;
}