/*
Theme Name: CosmeticCraze
Theme Date: 30042009
Description: A cool 4 column wordpress theme with ajax enabled, gallery and featuring options.
Theme Author: ElegantWPThemes.com
Author URL: http://www.elegantwpthemes.com
Theme URL: http://www.elegantwpthemes.com
*/

@charset "utf-8";
/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; /*background:#5f7343;*/background:#fff url(images/bodybg.gif) repeat-x top left;  }

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

.superlogo { display:none; }

div#tab1, div#tab2, div#tab3, div#tab4, div#tab5, div#tab6, div#tab7, div#tab8 { display:none; }

.header-links { height:30px; line-height:30px; padding:1px 0px 7px; text-align:right; background:#3b3b3b url(images/top-menu.gif) repeat-x top left; font-size:11px; }
.header-links a { color:#d1d0d0; }
.header-links span { color:#8ab200; padding:0px 4px; }
.wrapper-header-links { width:1003px; margin:0px auto; }
.searchbox{width: 250px; float:right;}
.searchbox .s1 {width: 180px; position:relative; top:-1px; border:1px solid #4C5254; color:#FFF; background:#000000;}
.searchbox .b1 { position:relative; top:4px;}

.clear { clear:both; }

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

.logomnu { height:122px; }
.logomnu .logo { height:56px; background:url(images/logo.png) no-repeat top left; float:left; width:299px; margin-left:9px; margin-top:26px;}
.logomnu .logo h1 { position:absolute; top:-1000000px; display:none; }
.logomnu .mnu  { height:78px; float:right; width:620px; padding-right:12px; position:relative; top:-1px; }
.logomnu .mnu .mnubox { background:transparent url(images/mnu-bg.png) repeat; height:33px; line-height:33px; float:right; }
.logomnu .mnu .mnubox a { color:#ffffff; }
.logomnu .mnu .mnubox span { color:#bba9a7; padding:0px 8px; }

.logomnu .mnu img { float:right; }

.docbody { min-height:1024px; padding:9px; }


.topSliders { margin-bottom:10px; }
.topSliders .galleryBox { float:left; width:630px; height:303px; border:1px solid #fac8c1; background:#fff url(images/box-bg.png) repeat-x top left; }
.topSliders .galleryBox .prjList { float:right; width:198px; background:transparent url(images/gallery-li-bg.gif) repeat-y top right; height:303px; }
.topSliders .galleryBox .prjList ul { list-style:none; list-style-type:none; margin:0px; padding:0px; margin-top:34px; }
.topSliders .galleryBox .prjList ul li { margin-left:22px; color:#a47e7a; font-size:13px; line-height:27px; height:27px; padding-left:7px; background:#fff1f0; margin-bottom:6px; cursor:pointer }
.topSliders .galleryBox .prjList ul li.selected { margin-left:0px; color:#a47e7a; font-size:13px; line-height:27px; height:27px; padding-left:29px;  background:#fae4e2 url(images/gallery-li-arrow.gif) no-repeat top left; }
.topSliders .galleryBox .prjList ul li .boxInfo { display:none; }
.topSliders .galleryBox .prjDesc { flaot:left; padding:6px 15px 0px; width:417px; height:39px; background:url(images/gallery-desc-box.png) repeat-x top left; display:none; position:relative; top:258px; border-top:1px solid #FAC8C1;  }
.topSliders .galleryBox .prjDesc * { overflow:hidden;  }
.topSliders .galleryBox .prjDesc h2 { color:#7F2921; margin:0px; font-size:16px; }
.topSliders .galleryBox .prjDesc h2 a { color:#7F2921; }
.topSliders .galleryBox .prjDesc #postInfo { color:#91817e; margin-bottom:6px; }
.topSliders .galleryBox .prjDesc #postBy { text-align:right; color:#ae7269;}
.topSliders .galleryBox .prjDesc #postBy a { color:#91817e;}

#loadImageLoc { background-position:center center; background-repeat:no-repeat; height:303px; }
/*.topSliders .galleryBox .prjList ul li.selected { margin-left:0px; color:#a47e7a; font-size:13px; line-height:27px; height:27px; padding-left:13px; background:#fff1f0 url(images/gallery-li-arrow.gif) no-repeat top left; }*/


.topSliders .ajaxArea {  float:left; width:341px; margin-left:10px; }
.topSliders .ajaxArea .ajaxContent { background:transparent url(images/ajaxContent.gif) no-repeat bottom right; height:263px; margin-bottom:0px!important; }
.ajaxArea {  background:#fff url(images/box-bg.png) repeat-x top left; height:303px; border:1px solid #fac8c1; margin-bottom:8px; }
.ajaxArea .ajaxLinks { border-bottom:1px solid #fac8c1; height:29px; padding:8px 8px 0px; }
.ajaxArea .ajaxLinks ul { margin:0px; padding:0px; list-style:none; list-style-type:none; display:inline; }
.ajaxArea .ajaxLinks ul li { float:left; margin-right:8px; line-height:22px; height:22px; padding-left:8px; cursor:pointer; padding-right:8px; border-right:1px dotted #FAC8C1; }
.ajaxArea .ajaxLinks ul li span { float:left; display:block; height:22px; line-height:22px; padding-right:8px; }
.ajaxArea .ajaxLinks ul li.selected { background:transparent url(images/ajax-link-left.png) no-repeat top left;  }
.ajaxArea .ajaxLinks ul li.selected span { background:transparent url(images/ajax-link-right.png) no-repeat top right; color:#fff; }
.ajaxArea .ajaxContent { height:265px; }

.breadcrumb { background:#FFF; margin:0px; color:#59524c; font-size:12px; border:1px solid #FAC8C1; padding:4px 8px; margin-top:8px!important; margin:0px 9px;  }
.breadcrumb a { color:#673F3F; }
.breadcrumb img { padding:0px 6px; }

.content-body { padding:0px 0px 10px 0px; }
.content-body .leftside { float:left; width:646px;}
.content-body .sidebar { float:right; width:330px;}

.forntArea{ width:646px;}
.forntArea .fCol1 { width:437px; float:left; }
.forntArea .fCol2 { width:160px; float:right;  }

.latestNews{ width:475px; border:1px solid #FAC8C1; color:#595959; background:#fff url(images/box-bg.png) repeat-x top left; }
.latestNews .innerArea { background:transparent url(images/ajaxContent.gif) no-repeat bottom right; padding-bottom:144px; }
.latestNews .innerArea p { padding:0px 10px; }
.latestNews h2{ margin:0px; border-bottom:1px dotted #FAC8C1; color:#7f2921; line-height:32px; font-size:14px; margin-bottom:22px; padding-left:5px;}
.latestNews .laBlock { padding-left:18px; width:210px; float:left; padding-bottom:25px;}/*22*/
.latestNews .laBlock img { border:1px solid #e6cecc; }
.latestNews .laBlock a.title { font-weight:bold; color:#ae7269; line-height:22px;}
.latestNews .laBlock p { display: block; font-size:12px; color:#000; margin:3px 0px; padding:0px!important; }
.latestNews .laBlock p.description { height:58px!important; }
.latestNews .laBlock p.readmore { display: block; font-size:12px; color:#000; margin:0px; text-align:right; }
.latestNews .laBlock p.readmore a { color:#da3427; }
.latestNews .laBlockClear { height:25px; clear:both; border-top:1px dotted #FAC8C1; }

.featureArticles{ width:160px; background:#fff url(images/box-bg.png) repeat-x top left; }
.featureArticles h2{ margin:0px; border:1px solid #FAC8C1; border-bottom-style:dotted; color:#7f2921; line-height:32px; font-size:14px; margin-bottom:5px; padding-left:5px;}
.featureArticles .faBlock { width:160px; margin-bottom:5px; }
.featureArticles .faBlock img { display:block; border:1px solid #e6cecc; }
.featureArticles .faBlock a.title { font-weight:bold; color:#ae7269; line-height:22px;}
.featureArticles .faBlock p { display: block; font-size:11px; color:#000; margin:3px 0px; }
.mpBlock { padding:8px 6px 0px; margin-bottom:5px; }
.mpBlock .image { display:block; text-align:center; }
.mpBlock img { border:1px solid #e6cecc; }
.mpBlock a.title { font-weight:bold; color:#ae7269; line-height:22px;}
.mpBlock p { display: block; font-size:11px; color:#000; margin:3px 0px; }


.sponsors{width:328px; border:1px solid #FAC8C1; color:#595959; background:#fff url(images/box-bg.png) repeat-x top left; margin-bottom:10px;}
.sponsors h3 { margin:0px; border-bottom:1px dotted #FAC8C1; color:#7f2921; line-height:32px; font-size:14px; margin-bottom:22px; padding-left:5px; }
.adver{	float:left; width:125px; height:125px; margin-bottom:25px; padding-left:25px; }
.image_sponsors{text-align:center; padding:14px; width:300px; background:#fff; border:1px solid #FAC8C1; margin-bottom:10px;}


.twocols{ width:330px; margin-bottom:10px; }
.twocols .tcol1 { width:163px; float:left; color:#595959; }
.twocols .tcol2 { width:156px; float:right; color:#595959; }
.twocols .subscribed { padding:8px; padding-left:16px; width:116px; float:left; }
.twocols .bookmark { padding:8px; padding-right:16px; width:116px; float:right; }

.box1 { border:1px solid #FAC8C1; background:#fff url(images/box-bg.png) repeat-x top left; }
.box1 .innerArea { background:transparent url(images/ajaxContent.gif) no-repeat bottom right; padding-bottom:21px; }
.box1 h3 { margin:0px; border-bottom:1px dotted #FAC8C1; color:#7f2921; line-height:32px; font-size:14px; padding-left:5px; }
.box1-s { margin-top:10px; }

.featurecats { border:1px solid #FAC8C1; background:#fff url(images/box-bg.png) repeat-x top left; height:29px; padding:8px 8px 0; margin:0px 9px; }
.featurecats ul { margin:0px; padding:0px; list-style:none; list-style-type:none; display:inline; }
.featurecats ul li { float:left; margin-right:8px; line-height:22px; height:22px; padding-left:8px; cursor:pointer; padding-right:8px; border-right:1px dotted #FAC8C1; }
.featurecats ul li a { float:left; display:block; height:22px; line-height:22px; padding-right:8px; text-decoration:none; }
.featurecats ul li:hover { background:transparent url(images/ajax-link-left.png) no-repeat top left;  }
.featurecats ul li:hover a { background:transparent url(images/ajax-link-right.png) no-repeat top right; color:#fff; text-decoration:none; }

.singlePost { border:1px solid #FAC8C1; background:#fff url(images/box-bg.png) repeat-x top left; }
.singlePost .innerArea { background:transparent url(images/ajaxContent.gif) no-repeat bottom right; padding:4px 8px; }
.singlePost h1 { margin:0px; border-bottom:1px dotted #FAC8C1; color:#7f2921; line-height:38px; font-weight:normal; font-size:20px; padding-left:5px; }
.singlePost-s { margin-top:10px; }

.listing{ margin-top:2px; /*width of menu*/}
.listing ul{list-style-type: none; margin: 0px 0; padding: 0;}
.listing ul li { background: transparent url(images/bullet.gif) no-repeat 5px 2px; padding: 4px 0; padding-left: 28px;  }
.listing ul li a{color: #673f3f; font-size:11px; display: block; text-decoration: none; }
* html .listing ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 120px;}
.listing ul li a:hover{ text-decoration:underline;}


.listing2{ margin-top:2px; /*width of menu*/}
.listing2 ul{list-style-type: none; margin: 0px 0; padding: 0;}
.listing2 ul li { background: transparent url(images/bullet.gif) no-repeat 5px 2px; padding: 6px 0; padding-left: 28px;  }
.listing2 ul li a{color: #673f3f; font-size:11px; display: block; text-decoration: none; }
* html .listing2 ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 120px;}
.listing2 ul li a:hover{ text-decoration:underline;}

















.featureContent .boxes { width:161px; padding-left:28px; float:left; padding-top:28px; }
.featureContent .boxes img { border:1px solid #E6CECC; }
.featureContent .boxes h2 { margin:8px 0px 4px; font-size:12px; }
.featureContent .boxes h2 a { color:#ae7269; }
.featureContent .boxes p { color:#91817e; font-size:11px; margin-top:0px; }




.container {  }
.container .leftside  { width:494px; border:1px solid #d7d7d7; float:left; margin-right:9px; background:#fff; min-height:1024px; padding:9px; }
.container .midbar    { width:160px; border:1px solid #d7d7d7; float:left; margin-right:9px; background:#5f7343; min-height:1992px;}
.container .rightside {  width:289px; float:left; min-height:1024px; }


/*.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; }

.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; }

.tag_cloud { padding:8px; }
.tag_cloud .inside {  }
.tag_cloud a { color:#673f3f; }

.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:684px; 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 { line-height:30px; height:30px; text-align:center; background:#362c23; font-size:12px; color:#fff;  }
.copyright a { color:#fff; }




















#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: #673F3F;
	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: 628px;
}



#comments-template h4 {
	font-size: 16px;
	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: #673F3F;
	text-decoration: none;
}
.com-box a:hover {
	color: #000000;
	text-decoration: underline;
}

.com-avatar {
	float: left;
	width: 52px;
}
.com-wrp {
	float: right;
	width: 541px;
	padding: 6px 10px;
}
.com-wrp-alt {
	float: right;
	width: 541px;
	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: 541px;
	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 */