/*  
Theme Name: Maggo Magazine Theme
Theme URL: http://ythv.info/maggo
Author: ChiQ Montes
Author URL: http://www.wpthemedesigner.com
Description: 3 Column Magazine Style wordpress theme designed by <a href="http://www.wpthemedesigner.com">ChiQ Montes</a>.
*/

* {margin:0; padding:0;}
body { background:#FFFFFF url(images/bg.gif) repeat-x; color:#808080; font: 12px "Century gothic", Arial, sans-serif; }

a {color:#296dc0; text-decoration:none;}
a:hover {color:#1a57a1;}
a img {border:none;}
.c {clear:both;}

#menu_wrap { height:35px; width:100%;}
#menu {width:960px; margin:0 auto;}
#menu ul { list-style-type:none;}
#menu li { float:left; text-align:center; padding:10px 20px 0 0; font-weight:bold;}
#menu li a {color:#FFFFFF;}
#menu li:hover a {color:#e7fbff;}


#header_wrap { width:100%; height:117px; border-bottom:1px solid #e1e1e1;}
#header { height:113px; width:960px; margin:0 auto; position:relative;}
#header h1 {position:absolute; top:25px; left:18px;  font: 25px "Century gothic", Arial, sans-serif;}
#header h1 a { color:#aadae5;}
#header h2 {position:absolute; top:65px; left:18px; font-size:14px; color:#FFFFFF; font-weight:bold;}
#header .advert { position:absolute; top:25px; right:0px;}



#wrap {width:960px; margin:16px auto 0 auto;}

#main {}
#sidebar_left {float:left; width:160px;}
#content {float:left; width:468px; padding:0 0 0 10px;}
#content2 {float:left; width:628px; padding:0 0 0 10px;}
#sidebar_right {float:right; width:312px; }



/*BLOCKS*/
.block { margin:0 0 8px 0;}
.block .header { background:url(images/block_header.gif); border-left:1px solid #d9e3ff; border-right:1px solid #d9e3ff; height:20px; padding:10px 12px 0 12px; }
.block .wrap { margin:1px 0 0 0;}
.block .top, .block .bottom { font-size:2px;}

.block .header h4 { color:#282c34; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.block .header h5  { color:#282c34; font-size:12px; font-weight:bold; }
.block.left ul, .block.right ul { list-style-type:none;}
.block.left li, .block.right li { padding:0 0 0 11px; margin:11px 0; background:url(images/bullet.gif) left no-repeat;}

.block.left {width:160px;}
.block.left .top { background:url(images/block_left_top.gif); height:4px;}
.block.left .content { background:url(images/block_left_bg.gif); padding:3px 17px; overflow:hidden;}
.block.left .bottom { background:url(images/block_left_bottom.gif); height:5px;}

.block.right {width:312px;}
.block.right .top { background:url(images/block_right_top.gif); height:6px;}
.block.right .content { background:url(images/block_right_bg.gif); padding:3px 17px;}
.block.right .bottom { background:url(images/block_right_bottom.gif); height:10px;}

.block.rss_search .content { padding:10px 0 10px 10px;}
.rss_search_bg { background:url(images/rss_search.gif); width:292px; height:88px; position:relative; font-size:11px; }
.rss_search_bg .first { position:absolute; top:5px; left:100px;}
.rss_search_bg .second { position:absolute; top:20px; left:100px;}
.rss_search_bg .s_input { position:absolute; top:56px; left:15px; width:225px; border:none; background:none;}
.rss_search_bg .s_submit { position:absolute; top:55px; left:255px;}

.block.center {width:468px; }
.block.center .top { background:url(images/block_center_top.gif); height:10px;}
.block.center .top_post { background:url(images/block_center_post_top.gif) no-repeat #ebf0ff; padding:5px 8px; font-size:11px; border-left:1px solid #d9e3ff; border-right:1px solid #d9e3ff;}
.block.center .content { background:url(images/block_center_bg.gif); padding:12px 17px 2px 17px;}
.block.center .bottom { background:url(images/block_center_bottom.gif); height:16px;}

.block.center .header .date { float:left; background:url(images/icon_date.gif) no-repeat left center; padding:0 0 0 14px; font-size:11px;}
.block.center .header .comments {float:right; background:url(images/icon_comments.gif) no-repeat left center; padding:0 0 0 14px; font-size:11px;}
.block.center .header .comments a, .block.center .top_post .meta .tags a {color:#808080;}
.block.center .top_post .meta { padding:10px 0 0 0; font-size:11px; font-family:"Century gothic", Arial, sans-serif;}
.block.center .top_post .meta .author{ float:left; background:url(images/icon_author.gif) no-repeat left center; padding:0 30px 0 14px; font-size: 10px; }
.block.center .top_post .meta .tags{ float:left; background:url(images/icon_tags.gif) no-repeat left center; padding:0 0 0 14px;}
.block.center .top_post .meta .tags a { font-family: "Century gothic", Arial, sans-serif; font-size:10px; }
.tagcloud { font-family: "Century gothic", Arial, sans-serif;  font-size:11px;}



.block.center .top_post  h3 { font-family:"Century gothic", Arial, sans-serif; font-size:18px; padding:10px 0 0 0;}

.block.center .content  p { text-align:justify; margin-bottom:10px;}
.block.center .content a { text-decoration:underline;}

.block.center .content blockquote { background:#eef2fe; font-style:italic; padding:5px; margin:5px 10px;}
.block.center .content code { padding:7px; border:1px dotted #e1e1e1; margin:5px 0; display:block;}

.block.center .content  ul, .block.center .content  ol { margin:0 0 0 35px; font-size: 10px;}
.block.center .content li { padding:5px 5px; font-style:italic;}

.block.center2 {width:628px; }
.block.center2 .top { background:url(images/block_center_top2.gif); height:10px;}
.block.center2 .top_post { background:url(images/block_center_post_top2.gif) no-repeat #ebf0ff; padding:5px 8px; font-size:11px; border-left:1px solid #d9e3ff; border-right:1px solid #d9e3ff;}
.block.center2 .content { background:url(images/block_center_bg2.gif); padding:12px 17px 2px 17px;}
.block.center2 .bottom { background:url(images/block_center_bottom2.gif); height:16px;}

.block.center2 .header .date { float:left; background:url(images/icon_date.gif) no-repeat left center; padding:0 0 0 14px; font-size:11px;}
.block.center2 .header .comments {float:right; background:url(images/icon_comments.gif) no-repeat left center; padding:0 0 0 14px; font-size:11px;}
.block.center2 .header .comments a, .block.center .top_post .meta .tags a {color:#808080;}
.block.center2 .top_post .meta { padding:10px 0 0 0; font-size:11px; font-family:"Century gothic", Arial, sans-serif;}
.block.center2 .top_post .meta .author{ float:left; background:url(images/icon_author.gif) no-repeat left center; padding:0 30px 0 14px;}
.block.center2 .top_post .meta .tags{ float:left; background:url(images/icon_tags.gif) no-repeat left center; padding:0 0 0 14px;}
.block.center2 .top_post  h3 { font-family:"Century gothic", Arial, sans-serif; font-size:18px; padding:10px 0 0 0;}

.block.center2 .content  p { text-align:justify; margin-bottom:10px;}
.block.center2 .content a { text-decoration:underline;}

.block.center2 .content blockquote { background:#eef2fe; font-style:italic; padding:5px; margin:5px 10px;}
.block.center2 .content code { padding:7px; border:1px dotted #e1e1e1; margin:5px 0; display:block;}

.block.center2 .content  ul, .block.center2 .content  ol { margin:0 0 0 35px;}
.block.center2 .content li { padding:5px 5px; font-style:italic;}

.post {margin:10px 0 20px 0;}
.post h3 { font: "Century gothic", Arial, sans-serif;
 font-size:24px;}
.post h3 a { font-weight:normal; color:#333333;}
.post .meta { padding:7px 0; font-size:11px;}
.post .meta p { float:left; padding:0 0 0 15px; background:no-repeat left center;}
.post .meta .date { background-image:url(images/icon_post_date.gif); margin:0 40px 0 0;}
.post .meta .comments { background-image:url(images/icon_post_comment.gif);}
.post .meta .author { background-image:url(images/icon_post_author.gif); margin:0 40px 0 0;}
.post .meta .tags { background-image:url(images/icon_post_tag.gif);}
.post .meta .tags  a {color:#808080;}
.post .text {padding:5px 20px 5px 3px;}
.post .text p { text-align:justify; margin-bottom:10px;}
.post .text ul, .post .text ol { margin:0 0 0 35px;}
.post .text li { padding:5px 5px;}

.post blockquote, .post code { padding:7px; border:1px dotted #e1e1e1; margin:5px 0; display:block;}
.post code { border-style:solid;}



#comments .comment { background:url(images/comments_bg.gif) repeat-x; min-height:111px; _padding-bottom:30px;  margin:0 0 20px 0; border-top:1px solid #d9e3ff;}
#comments .comment .meta { padding:15px 15px 5px 15px; font-size:11px; color:#282c34;  }
#comments .comment .author {float:left;}
#comments .comment .author a, #comments .comment .author span {font-weight:bold; font-size:12px;}
#comments .comment .date {float:right;}
#comments .comment .text { font-size:11px; color:#333333; padding:10px 20px;}





#footer { background:url(images/block_header.gif); border-left:1px solid #d9e3ff; border-right:1px solid #d9e3ff; height:20px; padding:10px 12px 0 12px; text-align:center; margin:5px 0 15px 0; color:#292c33; }


.nextprev {
	color: #333333;
	text-align: center;
	margin: 5px 0px 5px 0px;
	padding: 7px 6px 7px 6px;
}

.nextprev a {
	color: #666666;
	text-decoration: none;
}

.nextprev a:hover {
	color: #32AAF0;
	text-decoration: none;
}

.nextprev_current {
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	margin: 0px auto;
	border: #E2E2E2 1px solid;
	background-color: #FFFFFF;
}

.nextprev_link {
	padding: 0px 5px 0px 5px;
	margin: 0px auto;
	border: #E2E2E2 1px solid;
	background-color: #F4F4F4;
}

.nextprev_link:hover {
	padding: 0px 5px 0px 5px;
	margin: 0px auto;
	border: #7FB1CF 1px solid;
	background-color: #DFEBF3;
}



.linkspage_button {
	border: 1px solid #414c54;
        padding: 3px;
}
.linkspage_button:hover {
	border: 1px solid #CCCCCC;
        padding: 3px;
}

/* tbox, chatbox, button */
.tbox{ font: 11px "Century gothic", Arial, sans-serif; color: #000; background: #fffefc url() no-repeat left top; margin: 5px 0 0 5px; padding: 3px; border: 1px solid #f1f1f1; }
.tbox.chatbox { width: 96%; color: #000; border: 1px solid #f1f1f1; padding: 2px; margin: 2px auto; background: #ffffff url() no-repeat left top; }
.tbox.comment {  font: 11px "Century gothic", Arial, sans-serif; color: #000; background: #fffefc url() no-repeat left top; margin: 5px 0 0 5px; padding: 3px; border: 1px solid #f1f1f1; }

.button{
	background-color: #eaeef2;
	border: #000 1px solid;
	color: #000000;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	text-align:center;
	background-image : url(images/button.png);
}

/* MISC */
td { font: 11px "Century gothic", Arial, sans-serif; padding: 0 3px; text-align:left; }
form { margin: 2px 0px 0px 0px; }
/*.spacer{ padding: 10px 0px 10px 0px; } */
hr { height: 2px; border-top: 1px solid #dfe5cb; border-bottom: 1px solid #aaa; text-align: left; } 
.helpbox { background: transparent; font: 9px "Century gothic", Arial, sans-serif; color:#1a556b; border: 1px #fff; margin: 0; padding: 0; }
.bodytable { font: 11px "Century gothic", Arial, sans-serif; color: #F2F9FF; padding: 8px; }
.code-box { font: 10px "Century gothic", Arial, sans-serif; color:#000; padding: 8px; }
.code_highlight { 
  width: 85%; 
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 12px "Century gothic", Arial, sans-serif;
  /* white-space: pre; */
  background: #f8f8f3; 
  border: 2px dotted #d5d5ba;  
}
blockquote, .indent { width: 85%; font: bold 11px "Century gothic", Arial, sans-serif; margin: 10px 15px; padding: 10px 0 10px 28px; border: 1px dotted #0065C6; background: #f1f1f1; }
.smalltext { font: 10px "Century gothic", Arial, sans-serif; } 
.smallblacktext { font: 10px "Century gothic", Arial, sans-serif; }  
.defaulttext { font: 12px "Century gothic", Arial, sans-serif; }
.mediumtext { font: 11px "Century gothic", Arial, sans-serif; }


/* FORUMS */

.forumheader img { padding-right: 3px; }

.fborder {
	BORDER-RIGHT: transparent 0px solid; BORDER-TOP: transparent 0px solid; BORDER-LEFT: transparent 0px solid; BORDER-BOTTOM: transparent 0px solid; BACKGROUND-COLOR: transparent
}
.forumborder {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.forumheader {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; BACKGROUND-IMAGE: url(images/tbg.png); PADDING-BOTTOM: 4px; FONT: bold 11px "Century gothic", Arial, sans-serif; BORDER-LEFT: #cccccc 1px solid; COLOR: #000032; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #fff
}
.forumheader2 {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; BACKGROUND-IMAGE: url(images/chatbg.jpg); PADDING-BOTTOM: 4px; FONT: 10px "Century gothic", Arial, sans-serif; BORDER-LEFT: #cccccc 1px solid; COLOR: #000032; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #fff
}
.forumheader3 {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; BACKGROUND-IMAGE: url(images/chatbg.jpg); PADDING-BOTTOM: 4px; FONT: 10px "Century gothic", Arial, sans-serif; BORDER-LEFT: #cccccc 1px solid; COLOR: #000032; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #fff
}
.forumheader4 {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; BACKGROUND-IMAGE: url(images/chatbg.jpg); PADDING-BOTTOM: 4px; FONT: 10px "Century gothic", Arial, sans-serif; BORDER-LEFT: #cccccc 1px solid; COLOR: #000032; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #fff
}
.forumtable2 {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; BACKGROUND-IMAGE: url(images/chatbg.jpg); PADDING-BOTTOM: 4px; FONT: 10px "Century gothic", Arial, sans-serif; BORDER-LEFT: #cccccc 1px solid; COLOR: #000032; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff
}

.finfobar {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; FONT: 10px "Century gothic", Arial, sans-serif; BORDER-LEFT: #cccccc 1px solid; COLOR: #000032; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #f1f1f1
}
.nforumholder {
	border: 1px solid #f6f9ff;
	padding: 0px;
	background-color: #fff;
}
.nforumcaption, .fcaption {
	background-image: url(images/nforumcaption.png);
	padding: 8px 4px 8px 4px;
	font: 12px "Century gothic", Arial, sans-serif;
	color: #666666;
       border-left: 1px solid #d8e2fe;
       border-right: 1px solid #d8e2fe;
}

.nforumcaption2 {
	background-image: url(images/nforumcaption2.png);
	padding: 8px 0px 8px 4px;
	font: 10px "Century gothic", Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

.nforumcaption3 {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #E4EAF2;
	font: 12px "Century gothic", Arial, sans-serif;
}

.nforumthread {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #EEF2F7;
	font: 10px "Century gothic", Arial, sans-serif;
}

.nforumthread2 {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #D1DCEB;
	font: 10px "Century gothic", Arial, sans-serif;
}

.nforumreplycaption {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #E2EDF2;
	font: 12px "Century gothic", Arial, sans-serif;
}

.nforumreply {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #EDF4F7;
	font: 10px "Century gothic", Arial, sans-serif;
}

.nforumreply2 {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #CFE0EB;
	font: 10px "Century gothic", Arial, sans-serif;
}
.nforumdisclaimer {
	font: 9px "Century gothic", Arial, sans-serif;
	color:#5d6e75;
}

.nforumview1 {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #E4EAF2;
	font: 10px "Century gothic", Arial, sans-serif;
}

.nforumview2 {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #DFE6EF;
	font: 10px "Century gothic", Arial, sans-serif;
}

.nforumview3 {
	padding: 4px;
	background-color: #BCD0ED;
	font: 10px "Century gothic", Arial, sans-serif;
	color: #263448;
}

.nforumview4 {
	padding: 4px;
	background-color: #E4EAF2;
	font: 9px "Century gothic", Arial, sans-serif;
	color: #3A4F6C;
}
a.forumlink, .fcaption a {
	color: #666666;
	text-decoration: underline;
}

/* sdmenu */
div.sdmenu {
	width: 100px;
	font-family: "Century gothic", Arial, sans-serif;
	font-size: 10px;
	color: #000;
}
div.sdmenu div {
	overflow: hidden;
}
div.sdmenu div:first-child { }

/**************  FBOX  ************/

#fbox {
background: url(images/lite/fbox_bg.png) no-repeat;
width: 700px;
height: 210px;
margin: 0px 0px 0px 10px;
border: 1px solid #DCDCDC;
}

div#promos div.scroller { 
width: 630px;
height: 210px; 
text-align: left;
overflow: hidden;
}
div#promos div.scroller div.content {
width: 10000px;
}

div#promos div.scroller div.section {
width: 600px;
height: 210px;
overflow: hidden;
float: left;
padding: 0px 15px;
}

.innerbox {
margin: 15px 0px;
}

p.promo{
color: #6B717C;
font: 15px "Lucida Grande", Helvetica, Arial, sans-serif;
}

div.fBoxImage img, div.ecliImage img {
padding: 0px;
}

.but_l {
float: left;
width: 35px;
height: 55px;
top: 80px;
position: relative;
}

.but_r {
float: right;
width: 35px;
height: 55px;
top: 80px;
position: relative;
}