/*



Theme Name: Club Basic v 1

Theme URL: http://www.basicnyc.com

Description: Theme created for Basic NYC, by Mitch Wells, 2009.

Author: Mitch Wells

Author URI: http://www.mitchwells.com

Tags: Theme designed specifically for a club promoter, simple, clean

Version: 1.0



*/







body { margin: 0 auto; padding: 0px; font-family: Helvetica, Arial, sans-serif; color: #000; background: #000; background-image:url('images/checkers-background.gif'); background-position:top center; background-repeat:repeat-y; }


#container { width: 960px; margin: auto; position: relative; top: 20px;}


a img { border: none; }

p {margin: 0; padding: 0;}

img {margin: 0; padding: 0;}





/* HEADER */

#header {float: left;  width: 960px; display: inline; margin: 0; padding: 0px; background: #000;  height: 240px; overflow: hidden; background-image:url('images/header-bg.png');  }

#logo { float: left; padding: 0;}

#logo a {position: relative; top: -13px; left: 14px;}



#mainNav { float: right; margin: 0px; text-align: right; padding: 13px 13px 17px 18px; }

#mainNav ul { margin: 0; padding: 0; list-style: none; color: #999; font-size: 25px; font-weight: 500; line-height: 95%;}

#mainNav li {margin: 0 0 2px 0;}

#mainNav li a { text-decoration: none; margin: 0; padding: 0; color: #999; }

#mainNav li a:hover, #nav li a.active { color: #930C10;  margin: 0; padding: 0;  }


#secondNav { position: relative; top: -5px; margin: 0; padding: 0; text-align: right; color: #FFF; font-size: 9px; }
#secondNav a {color: #FFF; font-size: 10px; font-weight: 500; text-decoration: none;}
#secondNav a:hover {color: #930C10}

#wrapper { width: 960px; padding: 0px; margin: 0px; }


div.float-right { float: right; display: inline; overflow: hidden; }

div.one-column { width: 960px; padding: 0px; margin: 0px; }

div.widget { margin-bottom: 0px; padding: 0px; }



/* Parties */

#partiesHead {position: relative; width: 100%; background: #000; font-size: 30px; padding: 20px 20px 10px 20px; color: #FFF; font-weight: 900; margin-top: 20px;}

#parties {position: relative; width: 956px; border: solid #000 2px; padding: 0px; background: #333;}

#partiesArchive {position: relative; width: 916px; border: solid #000 2px; padding: 20px; background: #333;}

#partiesPost { margin: 20px; border: solid #000 2px; overflow: hidden;}

#partiesPost a {text-decoration: none; width: 100%; height:100%; display:block; padding: 20px 20px 15px 20px; background: #222;}
#partiesPost a:hover {text-decoration: none; background: #930C10; }

.partiesTitleDate {font-size: 22px; font-weight: 900; color: #AAA;}
.partiesTitleTitle {position: relative; font-size: 30px; font-weight: 900; color: #FFF;}

#archivePost {margin: 5px; overflow: hidden; }
#archivePost a {text-decoration: none; color: #CCC; width: 100%; height:100%; display:block; padding: 10px 10px 5px 10px; background: #222;}
#archivePost a:hover {text-decoration: none; background: #000; color: #CCC; }

#partiesColumn {width: 916px; margin: 0px auto 0px auto; -moz-column-count: 2; -moz-column-width: 453px; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-width: 453px; -webkit-column-gap: 10px; -webkit-column-rule: none;}

/* Post */


#content .post { position: relative; margin: 10px 0 0 0; text-align: left;  padding: 0; width: 956px; background: #000; border: solid #000 2px; overflow: hidden;}  


#content .thisWeek {background: #444; width: 950px;  display:block; margin: 0;}

#content .thisWeekLeft {position: absolute; bottom: 30px; text-align: right; margin: 0; width: 220px; padding: 30px 30px 0px 30px; font-size: 14px; font-weight: 900; color: #AAA; }

#content .thisWeekLeft H1 {font-size: 28px; font-weight: 900; color: #FFF; margin: 0;}

#content .thisWeekRight {position: relative; margin:0; background: #999; padding: 30px 30px 5px 30px; font-size: 12px; font-weight: normal; left: 276px; width: 620px; border-left: solid #000 2px;}


#content .thisWeekRight a  {color: #000; text-decoration: underline; font-weight: bold;}

#content .thisWeekRight a:hover  {color: #FFFED4;}


#content .interviewLeft {position: absolute; top: 5px; left: 5px; text-align: left; margin: 0; width: 240px; padding: 15px; font-size: 24px; font-weight: 900; color: #FFF; line-height: 125%;}
#content .interviewRight {position: relative; margin:0; background: #999; padding: 20px 30px 5px 30px; font-size: 12px; font-weight: normal; left: 276px; width: 620px; border-left: solid #000 2px; line-height: 175%;}
#content .interviewRight p {margin-bottom: 10px; color: #000;}
#content .interviewDeets {position: relative; left: 0px; margin-top: 5px; color: #DDD; font-weight: normal; font-size: 12px; width: 240px; line-height: 140%;}
#content .interviewDeets a {color: #FFF;}
#content .interviewDeets a:hover {color: #FFFED4;}

#content .columns {line-height: 175%; margin: 0 auto 0 auto; -moz-column-count: 2; -moz-column-width: 290px; -moz-column-gap: 40px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-width: 290px; -webkit-column-gap: 40px; -webkit-column-rule: none;}



#content .thisWeekComment {margin-bottom: 20px; margin-top: 5px;}

#content .thisWeekComment a {color: #FFF; background: #930C10; font-size: 8px; font-weight: bold; text-decoration: none; padding: 5px; }

#content .thisWeekComment a:hover {color: #000; background: #FFFED4;}





#content .event {width: 960px;  display:block; overflow: auto; margin: 0;  padding: 0;}

#content .eventFlyer {background: #000; width: 950px; margin: 0; padding: 0; border-top: solid #000 5px;}


#content .eventFlyer p {margin: 0; padding: 0;}


#content .eventMiddle {background: #999; width: 956px;  display:block; overflow: hidden; margin-top: 2px;  padding: 0;}


#content .eventTitle {position: relative; text-align: left; margin:0 20px 0 0; padding: 20px 40px 0px 20px; border-right: solid #000 2px; background: #444; float: left;}


#content .eventTitleDate {font-size: 22px; font-weight: 900; padding: 0; margin: 0; color: #AAA;}

#content .eventTitleTitle {position: relative; top: -15px; font-size: 30px; font-weight: 900; padding: 0; margin: 0; color: #FFF;}



#content .eventBuy {margin:0; font-size: 14px; font-weight: normal; position: relative;  top: 20px;  }

#content .eventBuy a {font-size: 15px; font-weight: 900; color: #000; text-decoration: none;}

#content .eventBuy a:hover {color: #930C10;}

#content .eventBuy .share { position: relative; left: -10px; top: -5px;}

#content .eventBottom {margin-top: 2px; position: relative; overflow: hidden; width: 960px; }

#content .eventBottom p {margin-bottom: 15px;}


#content .eventLeft {position: relative; text-align: right; margin:0; width: 300px; padding: 30px 30px 50px 30px; font-size: 12px; line-height: 250%; float: left;}


#content .eventLeft a {font-weight: bold; color: #FFFED4;}
#content .eventLeft a:hover {color: #FF0;}

#content .eventLeft .thisWeekComment a:hover {color: #000;}

#content .eventRight {color: #000; position: relative; padding: 0px 0px 30px 30px; font-size: 16px; width: 520px; float:right;  background: #999; border-left: solid #000 2px; line-height: 175%; }

#content .eventRight a {color: #FFF; font-weight: bold; padding: 5px; background: #930C10; text-decoration: none; font-size: 12px; }

#content .eventRight a:hover {color: #000; background: #FFFED4;}


#content .eventDeets {font-size: 16px; line-height: 200%; padding-right: 25px; }

#content .eventDeets p {margin-bottom: 10px;}

#content .eventDeets a {color: #FFF; font-weight: bold; padding: 5px; background: #930C10; text-decoration: none; font-size: 12px; }

#content .eventDeets a:hover {color: #000; background: #FFFED4;}



#content .eventStory {font-size: 13px; line-height: 185%; }
#content .eventStory a {font-weight: bold; color: #930C10;}
#content .eventStory a:hover {color: #FFFED4;}
#content .eventStory .thisWeekComment a:hover {color: #000;}
#content .eventStory .thisWeekComment a {color: #FFF;}


#content .eventTitleTitleDJ {position: relative; font-size: 30px; font-weight: 900; color: #FFF;}
#content .DJmixName {position: relative; font-size: 20px; font-weight: 900; color: #CCC;}
#content .djStory {position: relative; padding: 30px; margin: 0; }
#content .djStory p {padding: 0; margin: 0 0 10px 0; font-size: 12px; color: #333; line-height: 150%; }



/* 2 Column System */


/* EVENT BOTTOM */



.colmask { position: relative; clear: both; float:left; width:960px; overflow:hidden;}

.colright, .colmid, .colleft { float:left; width:100%; position:relative; }

.col1, .col2, .col3 { float:left; position:relative; padding:20px 0 10px 0; overflow:hidden;}

.leftmenu { background:#787878;	}

.leftmenu .colleft {right:590px;	/* right column width */

		background:#999;	/* left column background colour */

		border-right: solid #000 2px;}


.leftmenu .col1 {width:550px;	/* right column content width */

		left:103%;	/* 100% plus left column left padding */}


.leftmenu .col2 {width:320px;	/* left column content width (column width minus left and right padding) */

		left:7%;	/* (right column left and right padding) plus (left column left padding) */}





/* RADIO */



.colmaskR { position: relative; clear: both; float:left; width:960px; overflow:hidden; margin: 0px; padding: 0px;}



.colrightR, .colmidR, .colleftR { float:left; width:100%; position:relative; }



.colR1, .colR2, .colR3 { float:left; position:relative; padding: 0; margin: 0; overflow:hidden;}


.leftmenuR { background: #000;	}



.leftmenuR .colleftR {right:450px;	/* right column width */



		background: #999;	/* left column background colour */}



.leftmenuR .colR1 {width:450px;	/* right column content width */



		left:960px;	/* 100% plus left column left padding */}



.leftmenuR .colR2 {width:510px;	/* left column content width (column width minus left and right padding) */



		left: 0px;	/* (right column left and right padding) plus (left column left padding) */

		margin: 0;}



#content .eventDJ { position: relative; left: 0px; padding: 20px 20px 20px 30px; background: #000;}







/* Comments */



#addAComment {width: 450px; margin: 40px auto 0 auto; }



#content .comments { width: 915px; margin: 0px; padding: 20px; background: #AAA; border-right: solid #000 2px; border-left: solid #000 2px; border-bottom: solid #000 2px;}



#content .comments ul { margin: 10px 20px; padding: 0px 20px; list-style: none; border-left: 5px #ccc solid; border-right: 5px #ccc solid; }



#content .comments li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #ccc; list-style-type: none; }



#content .comments img { padding: 0px; margin: 0px 0px 10px 10px; float: right; }











/* Footer */



#credit {font-size: 17px; font-weight: 900; color: #AAA; text-align: center; padding: 20px; background: #000; margin: 10px 0px 0px 0px; float: left; width: 920px;}





#credit a {text-decoration: none; color: #FFFED4;}



#credit a:hover {color: #930C10;}





#bottomNewsletter {width: 936px; margin: 10px 0 0 0; background: #777; text-align: center; padding: 10px; color: #FFF; font-weight: bold; border: solid #000 2px; height: 25px; overflow: hidden;}











/* WordPress Images and Captions */



#content .post p.wp-caption-text { text-align: center; font-size: 0.8em; line-height: 135%; margin: 0px; padding: 3px 0px; }



#content img.alignnone { margin: 0px 10px 10px 0px; }



#content .post div.alignleft, #content .post img.alignleft { float: left; margin: 0px 10px 10px 0px; }



#content .post div.aligncenter, #content .post img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; clear: both; }



#content .post div.alignright, #content .post img.alignright { float: right; margin: 0px 0px 10px 0px; }