/*  
Theme Name: Magazine Style Theme
Theme URI: http://www.cmdesignlounge.com/magazinestyle
Description: Magazine Style Theme 
Version: 1.0
Author: ChiQ Montes
Author URI: http://www.cmdesignlounge.com/
*/

* { margin:0; padding:0;}

body { color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:url(images/bg.gif) repeat-y center #f9f8f3;}

a {color:#be0c0c; text-decoration:none;}
a:hover {color:#0a557f;}
a img {border:none;}
.clear { clear:both;}



/*Menu*/
#menu { background:url(images/menu_bg.gif); height:40px; width:100%;}
#menu ul { list-style-type:none; float:left;}
#menu li { padding:5px 2em 2px 2em; margin-top:6px; display:block; float:left; background:url(images/menu_divider.gif) right bottom no-repeat ; }
#menu li a { color:#FFFFFF; text-transform:uppercase; font-weight:bold; text-decoration:none; font-family:"Trebuchet MS", Verdana, Arial, Helvetica; }
#menu li.last { background:none;}
/*Search*/
#search {float:right; padding:5px 20px 0 0;}
#search input { background:url(images/search_box.gif); height:19px; width:170px; border:none; padding:6px 0 0 25px;}

/*Header*/
#header { width:100%; height:127px; background:#be0c0c; position:relative;}
#header h1 { font-size:30px; position:absolute; left:23px; top:35px;}
#header h1 a { color:#ecf2f5; text-decoration:none;}
#header h2 { color:#FFFFFF; font-size:12px; position:absolute; left:27px; top:72px;}
#header .advert { width:468px; height:60px; position:absolute; right:45px; top:33px; }

/*Main divs*/
#wrap { width:971px; margin:0 auto;}
#contentwrap {}
#content { width:551px; float:left; padding:20px 16px 20px 23px;}
#sidebar { width:350px; float:right; padding:20px 15px;}



/*Content*/

h2.latest { font-weight:bold; font-size:12px; padding:3px 0 3px 7px; margin:1em 0; color:#808080; border-bottom:1px dotted #cccccc; border-top:1px dotted #cccccc; }
 
 /*Featured*/

#featured { border:1px solid #cccccc; padding:1em 1em 0 1em;}
#featured .meta { border-bottom:1px dotted #cccccc; padding:0 0 3px 0; }
#featured .meta .title { font-weight:bold; color:#808080; float:left;}
#featured .meta .date  { color:#be0c0c; float:right;}

#featured h3 { font-size:18px; padding:5px 0 0 0; font-weight:normal;} 
#featured .tags { color:#808080; float:left; padding-left:12px; margin:0 0 0 5px; background:url(images/category_icon.gif) left center no-repeat;} 
#featured .tags a {color:#808080;}
#featured .tags a:hover {color:#555555;}

#featured .comments {float:right; color:#808080; padding-left:20px; background:url(images/comments_icon.gif) left center no-repeat;  }
#featured .comments a {color:#808080;}
#featured .comments a:hover {color:#555555;}

#featured .text { padding:1em 0 5px 0 ;}
#featured .text  p { padding-bottom:1em; text-align:justify;}


 /*Post*/

.post { margin:1em 0;}
.post h3 { padding:7px 0 4px 0; font-size:18px; font-weight:normal;}
.post h3 a { color:#333333;} .post h3 a:hover { color:#111111;}
.post .meta { padding:0 0 0 5px; color:#808080; font-size:10px;}
.post .text { padding:1em 0 1em 5px;}
.post .text p {padding-bottom:1em; text-align:justify;}
.post .underpost { padding:7px; border:1px solid #eeeeee; color:#be0c0c;}
.post .underpost .tags {float:left; padding-left:12px; background:url(images/category_icon.gif) left center no-repeat; }
.post .underpost .comments {float:right; padding-left:20px; background:url(images/comments_icon.gif) left center no-repeat;}
.post blockquote {  border:1px solid #dadada; padding:2em 1em 1em 1em; text-indent:3em; background:url(images/blockquote.gif) no-repeat top left; line-height:16px;}
.post code { display:block; border:1px dashed #dadada; padding:1em; line-height:18px;}
.post ul { list-style-type:none; padding:0 0 0 1em; margin:0 0 1em 0; }
.post ul li {border-left:3px solid #f2f2f2; padding:1px 5px 1px 5px; margin:2px; margin-top:5px;}
.post ul li:hover {border-color:#d1d1d1;}

/*Sidebar*/

 /*RSS*/
 
#rss { border:1px solid #eeeeee;  height:62px; padding:19px 0 0 80px; background:url(images/rss.gif) no-repeat; background-position:10px 7px; }
#rss p { padding:3px 0 3px 15px; width:250px;}
#rss .subscribe { border-bottom:1px dotted #dadada;}


 /*Advertisment*/
 
#sidebar-adverts { border:1px solid #eeeeee; margin:1em 0; padding:9px;}
#sidebar-adverts .left { width:270px; float:left;}
#sidebar-adverts .right {float:right; background:url(images/advert_here.gif); width:59px; height:125px;}
#sidebar-adverts .right a {display:block; width:100%; height:100%;}
#sidebar-adverts .advert {width:125px; height:125px; float:left; padding:0 10px 10px 0;}

 /*Widgets*/

#widgets { padding:2em 0;}
#widgets .left {width:170px; float:left;}
#widgets .right {width:170px; float:right;}

#widgets .widget {border-top:4px solid #e8e8e8; border-bottom:4px solid #e8e8e8; margin-bottom:1em; padding:1em 0; width:160px;}
#widgets ul { list-style-type:none;}
#widgets h4 { padding:0 0 5px 5px; color:#be0c0c; font-size:12px; text-transform:uppercase;}
#widgets ul li { padding:5px 0 5px 12px; border-bottom:1px solid #f0f0f0;}
#widgets ul li:hover { background:#f7f7f7;}
#widgets ul li a{ color:#808080;}


#video { border:1px solid #cccccc; padding:1.8em;}



/*Footer*/

#footer {background:#1b1b1b; color:#FFFFFF; padding:10px; font-size:10px;}
#footer a { color:#FFFFFF; font-weight:bold;}



/*Changebox*/

#changebox { position:relative; height:300px;  }
#changebox-header { list-style-type:none; text-transform:uppercase; position:absolute; top:0; left:0; z-index:100;}
#changebox-header li { float:left; padding:7px; margin:0 4px 0 0;  background:#eeeeee;}
#changebox-header li.active { border:1px solid #cccccc; border-bottom:none; background:#ffffff; }
#changebox-content { padding:12px; width:324px; height:242px; border:1px solid #cccccc; position:absolute; top:28px; left:0; z-index:10; overflow:hidden; }
#changebox-content ul { list-style-type:none;}
#changebox-content ul li { padding:10px 0 10px 20px; background:url(images/bullet.gif) no-repeat; background-position:4px 13px;  border-bottom:1px dotted #dadada;}
#changebox-content ul li a { color:#808080;}
#changebox-content ul li a:hover { color:#666666;}

/*Comments*/

#comments h4 { font-size:14px; font-weight:bold; text-align:right; margin-bottom:2em;}

.comment { border:1px solid #eeeeee; margin-bottom:1em;}
.comment .meta { padding:10px; background:#f9f9f9; border-bottom:1px solid #eeeeee;}
.comment .author { float:left; font-size:13px; font-weight:bold;}
.comment .date { float:right; font-size:10px; color:#1e7cb0;}
.comment .text { padding:1em;}
.comment .text p { text-align:justify; margin-bottom:1em;}

#comments .rss, #comments .trackback {text-align:center; font-size:10px;}
#commentform input {background:#fafafa; height:21px; border:1px solid #ebe8e7; margin:1px 0; width:200px;}
#commentform textarea {background:#fafafa; border:1px solid #ebe8e7; padding:1em; width:90%; margin:0 auto; color:#555555; font-family:Arial, Helvetica, sans-serif;}
#comment_login {margin-left:3em;}