/*
Theme Name: CojoStyle.com
Description: Website Theme
Author: Brian Sugden
Author URI: http://www.cojostyle.com
*/


/* ######## RESETS ########### */
/* resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}

input, textarea {font-family:Arial, Helvetica, sans-serif;}

ol, ul {list-style: none;}

caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong {font-weight:bold;}

.clear {clear:left;}



/* ######## LAYOUT FORMATTING ########### */

body {background:url(images/bg_repeat.gif) center repeat-y #c8cbce;font-family:Helvetica, Arial, sans-serif;}

.wrapper {width:964px;margin:0 auto;background:url(images/bg_homehdr.jpg) top no-repeat #ebeef1;padding-bottom:80px;position:relative;min-height:3200px;}

ul#nav {height:56px;width:501px;padding:0 0 0 1px;}
	ul#nav li {float:left;margin-right:1px;}
		ul#nav li a {display:block;text-indent:-999px;height:56px;}
		ul#nav li a:hover {background-color:#304890;}
		ul#nav li a.navPurgatory {background:url(images/nav_fashionpurg.png);width:146px;}
		ul#nav li a.navCaricature {background:url(images/nav_caricature.png);width:146px;}
		ul#nav li a.navVictim {background:url(images/nav_fashionvic.png);width:206px;}

.leftColWrap {width:502px;margin:0 12px 0 52px;float:left;min-height:500px;}
.rightColWrap {width:343px;margin:350px 55px 0 0;float:right;}

.mainFullPosts {background: url(images/bg_mainscroll.png) repeat-y;padding:0 21px 0 21px;margin-bottom:95px;}

.post {padding:20px 0 20px 0;border-bottom:1px solid #dee1e5;position:relative;margin-bottom:20px;}
.archivePost {padding:15px 0 10px 0;/*border-bottom:1px solid #dee1e5;*/position:relative;}

.date {position:absolute;top:10px;right:6px;font-size:48px;font-weight:bold;font-style:italic;color:#ededed;}

.searchWrap {width:313px;height:59px;background:url(images/bg_searchfield.jpg);padding:19px 15px 0 15px;}
	.searchInput {width:313px;height:42px;position:relative;background:url(images/bg_input_search.jpg) no-repeat;}
/*	.searchInput p {font-weight:bold;color:#FFF;font-size:12px;padding:0 0 8px 0;}*/
/*	.searchInput input {border: 0;font-size:14px;float:left;}*/
	.searchInput input.searchfield {background-color:transparent;margin-left:44px;border:0;float:left;width:206px;height:24px;padding:15px 10px 4px 0;}
	.searchInput input.go {margin:0;border:0;width:53px;height:42px;background:url(images/btn_go.jpg) 0 0;text-indent:-999em;cursor:pointer;}
	.searchInput input.go:hover {background-position:0 84px;}
	.searchInput input.go:active {background-position:0 42px;}
	
	.emailInput input.emailfield {background-color:transparent;border:0;float:left;width:223px;height:24px;background:url(images/bg_emailfield.jpg) no-repeat;padding:15px 10px 4px 10px;}
	.emailInput {width:313px;height:42px;position:relative;}
	.emailInput input.emailSubmit {margin:0;border:0;width:70px;height:42px;background:url(images/btn_join_sprites.jpg) 0 0;text-indent:-999em;cursor:pointer;}
	.emailInput input.emailSubmit:hover {background-position:0 84px;}
	.emailInput input.emailSubmit:active {background-position:0 42px;}

.fashVicTri {width:343px;background:url(images/bg_fashvictri.jpg) center repeat-y;position:relative;}
.fashVicTriGlowWrap {background:url(images/bg_fashvictri_glow.jpg) top center no-repeat;padding-top:12px;}
.fashVicTriHdr {width:341px;height:39px;background:url(images/hdr_fashionvictri.png) center no-repeat;margin:0 0 8px 0;}
.fashVicTriBody {padding:0 14px 12px 14px;}
.fashVicTriCont {background-color:#fff;width:313px;}
.fashVicTriCont img {border:1px solid #fff;}

.logoWrap {width:502px;height:106px;margin:15px 0 10px 0;}
.logoWrap a {width:502px;height:106px;display:block;background:url(images/cojostyle_logo.png);text-indent:-999em;}

.sideBarWrap {width:343px;background:url(images/bg_sidebar.jpg) repeat-y;position:relative;margin-top:12px;}
.sideBarHdr {width:343px;height:41px;position:absolute;top:0;z-index:300;}
	.caricatureHdr {background:url(images/hdr_caricatureoftheday.png);}
	.psychicHdr {background:url(images/hdr_stylepsychic.png);}
	.purgatoryHdr {background:url(images/hdr_fashionpurgatory.png);}
	.virtualHdr {background:url(images/hdr_virtualmakeover.png);}
	.blogrollHdr {background:url(images/hdr_blogsilove.png);}
	.videoHdr {background:url(images/hdr_cojoshow.png);}
	
.sideBarBody {width:341px;padding:0 1px;padding-top:39px;}
.sideBarBodyVid {width:341px;padding:0;padding-top:39px;}
.sideBarAd {width:300px;padding:15px 22px 15px 21px;}
.sideBarBodyVM {width:341px;padding:0;}
.sideBarBodyEM {width:341px;height:115px;padding:0;background:url(images/bg_emailsignup.jpg);}
span.sideMoreLinkFash {width:283px;padding:6px 15px;display:block;background:#fff;text-align:right;border-top:1px solid #990000;}
span.sideMoreLink {width:311px;padding:6px 15px;display:block;background:#fff;text-align:right;border-top:1px solid #dee1e5;}
.sidePanelFtr {height:2px;width:343px;background:url(images/ftr_sidepanel.jpg);}
.mainPanelFtr {height:2px;width:502px;background:url(images/ftr_mainpanel.jpg) bottom no-repeat;margin-left:-21px;padding-top:10px;}




/* ######## COMMENT FORM ########### */
#commentform input, .wpcf7 input {color:#666;font-weight:normal !important;width:190px;padding:10px 10px;margin: 5px 5px 1px 0;border:#e5e5e5 solid 1px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#commentform {margin:5px 10px 0 0;}

#commentform #submit {background:url(images/bg_btn.jpg) repeat-x center;border:1px solid #d6d6d6;font-weight:bold !important;height:38px;margin:0 5px 0 0 !important;font-size:13px !important;color:#a00000;cursor:pointer;}
#commentform #submit:hover {text-decoration:underline !important;}
#commentform textarea, textarea {width:430px;padding: 6px 5px;font-size:12px;border:#e5e5e5 solid 1px;color:#666;font-weight:normal !important;}
#commentform p {font: 12px Arial, Helvetica, sans-serif;color:#666666;}

ol.commentlist {margin:0;padding:0;list-style: none;border-bottom:1px solid #dee1e5;padding-bottom:16px;}
ol.commentlist li {border-top:3px solid #dee1e5;padding:5px 0 10px 0;margin:0 15px 20px 15px;}
.commentlist li .avatar {float:left;background: #fff;margin:0 15px 0 0;}
.commentlist cite, .commentlist cite a {font-weight:bold;font-style:normal;font-size:15px;color:#1e3888;padding-bottom:2px;}
.commentlist p {clear:left;font-weight:normal;font-size:12px;color:#666;padding:10px 0 0 0 !important;}
/*.commentlist .says {font-weight:bold;font-size:14px;color:#28afde;margin-left:-5px;}*/

.commentlist .says {display:none;}
.commentmetadata, .commentmetadata a {font-weight:normal;color:#000;font-size:11px;}

.commentnumber {float:right !important;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-weight:bold;padding:0 10px 0 0;font-size:40px;color:#eaeaea !important;}





/* ######## CONTACT MODAL FORMATTING ########### */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#333;}

/* Container */
#simplemodal-container {width:548px;}
.modalTop {background:url(images/modal_top.png);height:22px;width:548px;}
.modalContent {background:url(images/modal_bg.png) repeat-y;padding:0 38px 10px 38px;width:472px;}
	.modalContent p {font-size:12px;padding-bottom:10px;line-height:19px;color:#666;}
	.modalContent p.requireFields {font-weight:bold;color:#990000;}
.modalBot {background:url(images/modal_bot.png);height:22px;width:548px;}

input {padding:10px 10px;margin-bottom:8px;background:#fff;border:1px solid #d6d6d6;width:290px;color:#999;font-size:18px !important;}
textarea {height:114px;width:429px !important;font-size:18px !important;color:#999;}

#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat;width:34px;height:35px;display:inline;z-index:3200;position:absolute;top:4px;right:-5px;cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

.formElements span {position:relative;height:70px;}
.formElements span.txtArea {position:relative;height:170px;}
.formElements span em {position:absolute;right:-10px;top:-13px;color:#990000;}
.formElements span.txtArea em {position:absolute;right:-10px;top:-114px;color:#990000;}

.submitBtns input.btnSubmit {background:url(images/sendmessage_bg.jpg);color:#333;border:1px solid #d6d6d6;font-weight:bold;width:146px;height:40px;font-size:14px !important;margin:0 5px 0 0 !important;}
.submitBtns a.subCancel {width:93px;background:url(images/cancel_bg.jpg);}

#log_res {font-size:12px;color:#333;font-weight:bold;margin:10px 0;width:430px;display:block;} 
#log_res.ajax-loading {padding: 20px 0;background: url(../images/ajax.gif) no-repeat center;}


/* ######## TEXT FORMATTING ########### */

a {text-decoration:none;color:inherit;}
a:hover {text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#262626;clear:left;display:block;margin:10px 0;}

h2.articleTitle {font-size:28px;margin:0 0 10px 0 !important;width:385px;display:block;line-height:32px;}
h2.contactTitle  {font-size:28px;margin:0 !important;padding:5px 0 5px 0;}
h2.archiveTitle {font-size:28px;margin:0 !important;padding:20px 0 0 0;}
h2.widgettitle {display:none;}
h3 {font-size:16px;padding-bottom:4px;}
h3.archiveHdr {padding:0 0 5px 0 !important;font-size:20px;border-bottom:1px solid #eaeaea;margin-bottom:0 !important;}
h3.subSpotHdr {margin:3px 0;}
h3.relatedPostsHdr {font-size:20px;padding:0 0 10px 15px;margin:0;}
h3.comments {font-size:20px;padding:0px 0 10px 0;}
#respond h3 {font-size:20px;padding:10px 0 5px 0;}

.followMe {margin-top:12px;}
a.followMeFacebook, a.followMeTwitter {display:block;width:170px;height:81px;text-indent:-999em;float:left;}
a.followMeFacebook {background:url(images/followme_facebook.jpg);margin-right:3px;}
a.followMeTwitter {background:url(images/followme_twitter.jpg);}



span.sideBarText {width:283px;padding:12px 15px;display:block;background:#fff;}
span.sideBarText p {font-size:11px;line-height:15px;padding-bottom:3px;}

a.fashVicMore, a.caricatureMore, a.psychicMore, a.virtualMore, a.cojoShowMore {font-size:14px;font-weight:bold;}
a.fashVicMore {color:#990000;}
a.caricatureMore {color:#cf37e1;}
a.psychicMore {color:#b744f6;}
a.virtualMore {color:#fa51ca;}
a.cojoShowMore {color:#e257f3;}

.mainFullPosts p, span.sideBarText p {color:#444;}

.mainFullPosts p {font-size:12px;padding-bottom:10px;line-height:19px;}
.mainFullPosts img {margin:0 0 15px 0;}

a.more-link {font-size:14px;font-weight:bold;color:#990000;display:block;width:120px;clear:left;margin-top:20px;}

div.postMeta {border-bottom:1px solid #dee1e5;border-top:1px solid #dee1e5;padding:0 0 4px 0;margin-bottom:15px;}
div.postMetaArchive, div.postMetaSingle {border-bottom:1px solid #dee1e5;padding:2px 0 4px 0;margin-bottom:15px;}
div.postMetaSingle {border-top:1px solid #dee1e5;}
div.postMetaCat, div.postMetaDate {color:#7f7f7f;font-size:10px;display:inline-block;margin-right:10px;padding-right:15px;}
div.postMetaCat {border-right:1px solid #eaeaea;}

div.postMetaCat a, .entry a {color:#1e3888;text-decoration:underline;}
div.postMetaCat a:hover,.entry a:hover {color:#2f4da9;text-decoration:none;}

/*
ul.postmetaArchive {color:#7f7f7f;font-size:10px;display:block;margin:-3px 0 16px 0;}
ul.postmeta a, ul.postmetaArchive a {color:#7F7F7F;}
ul.postmeta li, ul.postmetaArchive li {display:inline-block;padding:1px 10px;border-left:1px solid #e2e2e2;}
ul.postmeta li:first-child, ul.postmetaArchive li:first-child {padding-left:0;border-left:0;} */

.pageNav {text-align:right;display:block;margin-bottom:16px;}



.entry ol, .entry ul {padding-left:15px;}
.entry ol li {margin:0;padding-left:7px;list-style:decimal;font-size:12px;padding-bottom:10px;color:#666;}
.entry ul li {margin:0;padding:0;list-style:circle;font-size:12px;padding-bottom:10px;color:#666;}


.attachment-post-thumbnail {float:left;margin-right:20px !important;}
.googleBuzz {text-align:right;border-bottom:1px solid #dee1e5;padding-bottom:20px;}
.googleBuzz img {padding:0 !important;margin:0 !important;}

span.btnWrap {float:left;margin-top:28px;background:url(images/bg_btn.jpg) repeat-x center;padding:8px 12px 0 12px;border:1px solid #d6d6d6;height:24px;margin-right:6px;display:block;}
span.btnWrap a {font-size:13px;color:#a00000;font-weight:bold;margin:0;padding:0;text-decoration:none !important;}
span.btnWrap a:hover {text-decoration:underline !important;color:#a00000 !important;}
span.btnWrap img.commentIcon {vertical-align:text-bottom;}
/*span.btnWrap em {font-size:15px;padding-left:2px;}*/

.wpbuzzer_button {margin-top:4px;}

.ftr {width:924px;height:100px;background:#b20000;color:#ffe2e2;font-size:12px;padding:15px 20px;position:absolute;bottom:0;}
.ftr span.ftrCopyright {width:450px;display:inline-block;}
.ftr span.ftrCopyright p {font-size:10px;padding-top:3px;}
ul.ftrLinks {list-style:none;display:inline-block;float:right;margin:0 -10px 0 0;padding:0;}
	ul.ftrLinks li:first-child {border-left:0;}
	ul.ftrLinks li {float:left;padding:0 10px;border-left:1px solid #f24f4f;}

.tags {/*border-top:1px solid #dee1e5;*/margin-bottom:2px;padding-top:20px;}
.tags a {font-size:11px;color:#fff  !important;/*border:1px solid #132d7c;*/background-color:#1e3888  !important;padding:6px 8px;text-decoration:none !important;}
.tags a:hover {background-color:#2c4ba8 !important;color:#fff !important;}

.blogrollPad {padding:15px 20px 10px 20px;font-size:16px;font-weight:bold;color:#262626;}
.blogrollPad a {padding:0 0 5px 0px;display:block;}

.entry {position:relative;}
.entry .triumph, .entry .victim {position:absolute;top:-3px;right:-3px;width:121px;height:90px;z-index:500;}
.entry .triumph {background-image:url(images/triumphbanner.png);}
.entry .victim {background-image:url(images/victimbanner.png);}

ul.xoxo li {border-top:1px dotted #CCC;padding:8px 0 5px 0;}
ul.xoxo li:first-child {border-top:0;}

.relatedWrapper {background:#fafbfb;display:block;border:1px solid #dadee1;padding:15px 0 15px 2px;margin-top:20px;}

ul.relatedPostsThumbs {list-style:none;padding:0;margin:0;}
ul.relatedPostsThumbs li {list-style:none;width:132px;margin-left:14px;float:left;text-align:center;padding:0;}
ul.relatedPostsThumbs li img {border:1px solid #fafbfb;margin-bottom:5px;}
ul.relatedPostsThumbs li img:hover {border:1px solid #dadee1;}
ul.relatedPostsThumbs li p {padding:0;}
ul.relatedPostsThumbs li a {text-decoration:none;font-weight:bold;font-size:13px;}
ul.relatedPostsThumbs li a:hover {color:#2f4da9;}


.feedburnerSignup {padding:58px 0 0 14px;}