/*
Theme Name: Free Magazine
Theme Date: 24072008
Description: A cool 3 column wordpress theme with ajax enable, gallery and featuring option
Author: TemplatesInn.com
Author URI: http://www.templatesInn.com
*/


@charset "utf-8";
/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; /*background:#5f7343;*/background:#e4f0cd;  }

a { text-decoration:none; color:#0066CC; }
a:hover { text-decoration:underline; }
a img { border:0px; }

.header-links { height:20px; line-height:20px; padding:0px 10px; text-align:right; background:#3b3b3b; font-size:11px; }
.header-links a { color:#d1d0d0; }
.header-links span { color:#8ab200; padding:0px 4px; }

.clear { clear:both; }

.wrapper { width:1003px; margin:0px auto; }

.logoadv { height:78px; padding-top:19px; background:#fff; }
.logoadv .logo { height:64px; background:url(images/logo.gif) no-repeat top left; float:left; width:375px; margin-left:9px;}
.logoadv .logo span { position:absolute; top:-1000000px;}
.logoadv .adv  { height:78px; float:right; width:470px; padding-right:12px;}
.logoadv .adv .advertisement { height:60px; width:468px; background:#f7f7f7; border:1px solid #dddddd;}
.logoadv .adv h3 { margin:0px; color:#666666; font-weight:bold; padding:20px 100px;}
.logoadv .adv h3 span { color:#999999; font-weight:normal;}

.featuredCats { background:#f2fbe7 url(images/feat-mo.gif) repeat-x bottom left; border:1px solid #d7d7d7; line-height:31px; border-left-width:0px; border-right-width:0px; }
.featuredCats a { display:block; color:#3b3b3b; float:left; padding:0px 8px; text-decoration:none; border-right:1px solid #d7d7d7; }
.featuredCats a:hover,.featuredCats a.selected { background:#f2fbe7 url(images/feat-cat-mo.gif) repeat-x bottom left; }

.docbody { background:#e4f0cd; padding:9px; }


.topSliders { margin-bottom:10px; }
.topSliders .galleryBox { float:left; width:416px; height:234px; }
.topSliders .ajaxArea { background:#f77522; float:left; width:555px; height:229px; border:1px solid #d7d7d7; margin-left:10px; padding-bottom:5px; }
.ajaxArea .divPost { background:#e46b25; border:1px solid #d7d7d7; display:block; padding:10px; font-size:14px; color:#fff; text-decoration:none; margin:6px 11px 0px; }
.ajaxArea .divPost a { color:#fff; }
.ajaxArea .divPost:hover { text-decoration:none; background:#ca6528; }
.ajaxLinks a { background:#e46b25; border:1px solid #d7d7d7; display:block; padding:10px; font-size:13px; font-weight:bold; color:#fff; text-decoration:none; margin-right:6px; float:left; border-top-width:0px; }
.ajaxLinks a:hover, .ajaxLinks a.selected { text-decoration:none; background:#ca6528; }

#mostViewed, #featuredArticle, #latestArticle { display:none; }


.container {  }
.container .leftside  { width:494px; border:1px solid #d7d7d7; float:left; margin-right:9px; background:#fff; padding:9px; }
.container .midbar    { width:160px; border:1px solid #d7d7d7; float:left; margin-right:9px; background:#5f7343; }
.container .rightside {  width:289px; float:left; }
.container .rightside .Sponsors {  float:none; margin-left:0px; margin-bottom:8px; height:393px; }


.heading { color:#DE4834; padding-bottom:6px; margin-bottom:4px; font-family:Georgia; font-size:24px; margin-top:8px; margin-bottom:10px; font-weight:normal; }

.posts { border:1px solid #DBDCDC; margin-bottom:18px; background-color:#fff; width:488px;}
.posts .postdesc { width:350px; float:left; padding-top:10px; padding-left:8px; }
.posts .postdesc h2 { font-family:Georgia; font-size:16px; margin:0px; margin-bottom:8px;}
.posts .postdesc h2 a { color: #525252;}
.posts .postdesc h2 a:hover { color:#1E5B7E; text-decoration:underline;}
.posts .postdesc p { font-size:11px; line-height:14px; margin:0px; margin-bottom:8px;}
.posts .postshare {height: 16px;}
.posts .postimg {height: 115px; width:115px; float:right; padding-top:10px; padding-right:10px; }
.posts .postimg img { width:113px; height:113px; padding:1px; border:#DBDCDC; border:1px solid #DCDCDC;}
.posts .footerlink { height:30px; padding:0px 8px; line-height:28px; background:transparent url(images/post-digg.gif) repeat-x top left; font-size:11px; margin-top:12px; }
.posts .footerlink .other { float:left;}
.posts .footerlink .readmore { float:right; font-weight:bold; padding-right:10px; background:transparent url(images/arrow.gif) no-repeat 60px 11px;}
.posts .footerlink a { color:#008DAE; }
.posts .footerlink a:hover { color:#008DAE; }


.side_ads { width:250px; height:250px; background:#fff; padding:18px; border:1px solid #d7d7d7; margin-bottom:9px; }
.side_ads_120_600 { height:600px; padding-bottom:9px; border-bottom:1px solid #d7d7d7; }

.fullWidget { border:1px solid #d8d7d7; background:#fff; margin-bottom:7px; }
.fullWidget h3 { background:#d7ecaa; line-height:31px; height:31px; font-size:13px; color:#3f3f3f; margin:0px; padding:0px 8px; border-bottom:1px solid #d7d7d7; }
.fullWidget2 { border-top:1px solid #d8d7d7; background:#5f7343; margin-bottom:7px; }
.fullWidget2 h3 { background:#d7ecaa; line-height:31px; height:31px; font-size:13px; color:#3f3f3f; margin:0px; padding:0px 8px; border-bottom:1px solid #d7d7d7; }

.catListingV { list-style:none; margin:0px; padding:0px; }
.catListingV li {font-size:11px; }
.catListingV li a { color:#595959; padding:3px 0px;  padding-left:18px; background:transparent url(images/hover.jpg) no-repeat 0px 8px; display:block; border-bottom:1px solid #d7d7d7; }
.catListingV li a:hover { text-decoration:none; background:#fcf7d5 url(images/hover.jpg) no-repeat 0px 8px; }
.catListingD { list-style:none; margin:0px; padding:0px; margin:6px 0px; }
.catListingD li { padding:3px 0px; font-size:11px; padding-left:12px; background:transparent url(images/icons/ico-featured-list.gif) no-repeat 0px 6px; }
.catListingD li a { color:#Fff; }
ul.children { padding:0px; margin:0px; list-style:none; }
ul.children li a { padding-left:24px; background-position:12px 8px; }

.tag_cloud { padding:11px; }
.tag_cloud a { color:#008DAE; }

.ajaxBox { background: #fff url(images/ajax-bg.gif) repeat-x top left; margin-bottom:7px; }
.ajaxBox .ajaxBoxInside { border:1px solid #d7d7d7; border-top-width:0px; height:340px; padding:6px 0px; }
.ajaxBox .ajaxBoxLinks { border:1px solid #d7d7d7; height:31px; border-bottom:0px; }
.ajaxBox .ajaxBoxLinks a { display:block; line-height:30px; font-size:12px; color:#282828; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:0px 16px; float:left; text-decoration:none; color:#6c6b6b; }
.ajaxBox .ajaxBoxLinks a.selected { border-bottom-width:0px; }
.ajaxBox .ajaxBoxLinks .last { margin:0px; width:168px;}

.ajaxpost { width:208px; float:left; margin-left:14px; }
.ajaxpost .ajaximage { width:200px; background:url(images/featured-bg.gif); height:162px; border:1px solid #d7d7d7; padding:3px; }
.ajaxpost .ajaxdetail { padding:9px 0px 0px; }
.ajaxpost .ajaxdetail h2 { font-size:14px; margin:0px; }
.ajaxpost .ajaxdetail h2 a { color:#e46b25; }
.ajaxpost .ajaxdetail p { font-size:11px; }
.ajaxpost .ajaxdetail p.postmeta   { color:#80bc42; margin:2px 0px; }
.ajaxpost .ajaxdetail p.postmeta a { color:#e46b25; }
.readmore { color:#e46b25; }


.topSponsors { margin-bottom:9px; }
.topSponsors * { overflow:hidden; }
.topSponsors .gallery { width:982px; border:1px solid #e8e7e7; float:left; }
.topSponsors .gallery .gallerypost { width:137px; border-right:1px solid #e8e7e7; height:280px; background:#ffffff url(images/gallery-posts.gif) repeat-x bottom left; float:left; }
.topSponsors .gallery .galleryimage { height:264px; background:#ffffff; width:382px; padding:8px; float:left; }
.Sponsors { margin-left:8px; width:286px; float:left; border:1px solid #d7d7d7; background:#fff; }
.Sponsors .Insider { padding:10px; }
.Sponsors .Insider .adSpot { width:125px; height:125px; float:left; padding-right:10px; padding-bottom:9px; }
.Sponsors .Insider .adSpotLast { padding-right:0px; }
.Sponsors .extrabox { height:96px; }

.copyright { padding-top:3px; line-height:18px; height:18px; text-align:center; background:#E4F0CD url(images/copyright.gif) repeat-x top left; font-size:11px; color:#fff;  }
.copyright a { color:#E46B25 }











#post-navigator a {
	color: #FFFFFF;
	background: #CCCCCC;
	padding: 2px 4px;
	margin: 0px 0px 0px 3px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}
#post-navigator a:hover {
	color: #FFFFFF;
	background: #000000;
	padding: 2px 4px;
	margin: 0px 0px 0px 3px;
	text-decoration: none;
	border: 1px solid #000000;
	font-weight: bold;
}
#post-navigator-single .alignleft {
	font-size: 12px;
	text-align:left;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 45%;
	overflow: hidden;
	height: 18px;
}
#post-navigator-single .alignright {
	text-align:right;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 45%;
	overflow: hidden;
	height: 18px;
}
#post-navigator-single a {
	color: #0066CC;
	padding: 5px 8px;
	margin: 0px 0px 0px 3px;
}
#post-navigator-single a:hover {
	color: #333333;
	padding: 5px 8px;
	margin: 0px 0px 0px 3px;
}

#comments-template {
	float: left;
	padding-top:16px; margin-top:16px; border-top:1px solid #d7d7d7;
	width: 494px;
	background: #fff;
}



#comments-template h4 {
	font-size: 18px;
	margin: 1em 0px;
	padding: 0px;
	float: left;
	width: 100%;
	line-height: 20px;
	color: #000000;
}
.com-box {
	margin: 0px 0px 10px;
	padding: 0px;
	float: left;
	width: 100%;
}
.com-box a {
	color: #0066CC;
	text-decoration: none;
}
.com-box a:hover {
	color: #000000;
	text-decoration: underline;
}

.com-avatar {
	float: left;
	width: 52px;
}
.com-wrp {
	float: right;
	width: 413px;
	padding: 6px 10px;
}
.com-wrp-alt {
	float: right;
	width: 413px;
	padding: 6px 10px;
	background: #f9f9f9;
}
.com-bottom {
	background: url(images/cb.gif) no-repeat bottom;
	float: right;
	height: 15px;
	width: 100%;
}
.com-content {
	background: url(images/ct.gif) no-repeat top;
	float: left;
	width: 100%;
}
.com-author {
	float: left;
	width: 413px%;
	font-family: Calibri, Cambria, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	line-height: 22px;
}
.com-date {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 11px;
}
.com-text {
	margin: 0px;
	padding: 8px 0px;
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
}
.com-wrp-author {
	float: right;
	width: 413px;
	padding: 10px;
	background: #F8F5EF;
}
.com-bottom-author {
	float: right;
	height: 15px;
	width: 100%;
}
.com-content-author {
	background: url(images/cta.gif) no-repeat top;
	float: left;
	width: 100%;
}
#comments-template #commentform {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 98%;
}
#commentform label {
	font-family: Calibri, Cambria, Verdana;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
}
#commentform p {
	margin: 0px 0px 20px;
	padding: 0px;
}
#commentform .comfield {
	padding: 3px;
	width: 300px;
	border-top: 1px solid #666666;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #666666;
	background: #FFFFFF;
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica;
}
#commentform label span {
	font-size: 13px;
	color: #990000;
	padding-left: 5px;
}
#commentform label a {
	color: #660000;
	text-decoration: underline;
}
#commentform .comarea {
	padding: 3px;
	width: 450px;
	border-top: 1px solid #666666;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #666666;
	background: #FFFFFF;
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica;
	height: 200px;
	line-height: 20px;
}
#commentform .submit-button {
	font-family: Calibri, Cambria, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.post-author {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
}
.post-content {
	border-top:1px solid #d7d7d7;
	margin: 0px;
	padding: 12px 0px;
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	margin-top:8px;
}

.rssFeedInside { height:65px; padding-top:6px; padding-left:6px; }
.rssFeedInside .feedDetail { width:200px; float:left; }
.rssFeedInside .feedDetail .feedLinks { padding-top:4px; font-size:11px; }
.rssFeedInside .feedDetail .feedLinks a { display:block; color:#ea7a14; }
.rssFeedInside .feedImage { width:76px; float:left; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */