/*
Theme Name: NJs Best DJs
Theme URI: http://njsbestdjs.com/
Description: The default NJsBestDJs.com theme developed by Greater Web.
Version: 1.0
Author: Ron Edgecomb II
Author URI: http://greaterwebdesign.com/
*/

/*-------------------------------------------

	-- -- -- -- -- -- --
	NJs Best DJs CSS
	last edit: 04 March 09
	-- -- -- -- -- -- --
	
-------------------------------------------*/


/*-------------------------------------------

    General Setup

-------------------------------------------*/

* {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	}	
body {
	color: #660000;
	margin: 0; padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
	background: #340100 url(i/bg_body.jpg) repeat-x center 0;
	}
body * {
	font-size: 95%;
	line-height: 1.5;
	}

:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,dl,dt,dd,ul,ol,li,strong,em, a {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,cite {margin: 0; padding: 0;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }
em { font-weight: inherit; font-style: italic; }
legend, hr, .hidden { display: none;	}
label { display: block; }
small { font-size: .75em; }

h1, h2, h3, 
h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	}
	
.hr, .br {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	border: none;
	}

a, a:link, a:visited, a:hover { color: #000; }
 
/*-------------------------------------------

    delish.

-------------------------------------------*/

/* --->>> Container <<<--- */
#container {
	min-width: 967px;
	text-align:center;
	background: transparent url(i/bg_container.png) no-repeat center 113px;
	} * html #container { height: 994px; background-image: url(i/ie6/bg_container.jpg); }
	#container-wrapper {
		width: 949px;
		margin: 0 auto;
		position: relative;
		}

/* --->>> Header <<<--- */
#header {
	height: 165px;
	position:relative;
	}

/* logo */	
#header h1 {
	width: 208px;
	height: 76px;
	position: absolute;
	top: 25px; left: 50px;	
	background: url(i/bg_logo.png) no-repeat 0 0;
	} * html #header h1 { background: url(i/ie6/bg_logo.jpg) no-repeat 0 0; }
	#header h1 a {
		width: 208px;
		height: 76px;
		display: block;
		text-indent: -9999px;
		outline: none;
		}
/* tagline */	
#header p.tagline {
	width: 624px;
	height: 31px;
	position:absolute;
	top: 65px; right: 35px;
	text-indent: -9999px;
	background: url(i/bg_tagline.png) no-repeat 0 0;	
	} * html #header p.tagline { background-image: url(i/ie6/bg_tagline.jpg); }
	
/* main nav */
ul#main-nav  {
	width: 100%;
	position: absolute;
	top: 131px; left: 0;
	text-align: center;
	list-style:none;
	}	

	ul#main-nav li { display: inline; }
	
	ul#main-nav a {
		font: bold 14px/1.5 Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: .05em;
		padding: 0 20px;
		margin: 0 0 0 -1px; 
		border-right: 1px solid #5c0000;
		} ul#main-nav li.last a { border: none; }		
		
	ul#main-nav a:link, ul#main-nav a:visited  {
		color: #cc9966;
		text-decoration: none;
		}		
/*	ul#main-nav li.active a,*/
	ul#main-nav a:hover { text-decoration: underline; }
	
	ul#main-nav li.active a { color: #eee8e1; text-decoration: underline; }

/* top nav */
ul#top-nav  {
	position: absolute;
	top: 10px; right: 265px;
	list-style:none;
	}	
	ul#top-nav li { 
		float: left;
		margin: 0; padding: 0;
		}
	
	ul#top-nav a {
		font: bold .75em/1.5 Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		padding: 0 10px;
		margin: 0;
		border-right: 1px solid #a37f46;
		border-left: 1px solid #d8bfa9;		
		} ul#top-nav li.first a { border-left: none; }
		  ul#top-nav li.last a { border-right: none; }
		
		
	ul#top-nav a:link, ul#top-nav a:visited  {
		color: #7c2420;
		text-decoration: none;
		}		
/*	ul#main-nav li.active a,*/
	ul#top-nav a:hover { text-decoration: underline; }
	
	ul#top-nav li.active a { color: #000; }

#search-box {
	width: 261px;
	height: 48px;
	position: absolute;
	top: 0; right: 6px;
	background: url(i/bg_search-box.png) no-repeat right 0; 
	} * html #search-box { background-image: url(i/ie6/bg_search-box.jpg); }

	#search-box p.input {
		width: 165px;
		float: left;
		display: inline;
		padding: 7px 0 7px 13px;		
	}
	#search-box p.input	input {
		width: 165px;		
		font: 16px/normal Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 2px;
		}
	
	#search-box p.button {
		height: 26px;
		float: right;
		display: inline;
		padding: 7px 13px 7px 0;		
		line-height: 26px;
		}

		
/* --->>> Content <<<--- */
#content {	
	width: 949px;
	position:relative;
	margin: 0 auto;
	background: #e8d8cc url(i/bg_content.jpg) repeat-x 0 0;
	}

	#content-wrapper {	
		min-height: 829px;
		background: url(i/bg_content-wrapper.jpg) no-repeat right 0;
		} .home #content-wrapper { background: url(i/bg_content-wrapper-full.jpg) no-repeat center 0; }
		 * html #content-wrapper { height: 829px; }


/* --->>> Intro <<<--- */
#intro {
	width: 949px;
	height: 261px;
	position: relative;
	background: url(i/bg_intro.jpg) no-repeat center 5px;
	}
/* intro heading */
#intro h2 {
	width: 450px;
	height: 250px;
	position: absolute;
	top: 8px; left: 9px;
	text-indent: -9999px;
	}
/* intro text */
p.intro-text {
	width: 425px;
	float: right;
	font-size: 1.25em;
	line-height: 1.75;
	padding: 45px 28px 0 0;
	}
/* --->>> Feature <<<---*/
#feature { padding: 5px 0 20px 0; }
	#feature-wrapper { margin: 0 185px;
	border-top: 1px dashed #b46374;
	border-bottom: 1px dashed #b46374;}
	#feature p { 
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center; 
	font-size: 36px;
	}
	#feature p.details {
	text-align: right;
	font-size: 14px;
	}
	#feature a { color: #660000; }

/* --->>> Videos <<<--- */
#video { padding: 0 20px 0; }
	#video-wrapper { margin: 0 150px; }

/* videos */
#video p.video { 
	width: 300px;
	float: left;
	display: inline;
	margin: 0 0 0 2px;
	}
	
#video p.dave { background: url(i/bg_dave-video.jpg) no-repeat 0 0;	}
#video p.joey { background: url(i/bg_joey-video.jpg) no-repeat 0 0;	}
#video p.dj { background: url(i/bg_dj-video.jpg) no-repeat 0 0;	}

#video p.video a { 
	width: 300px;
	display: block;
	font-weight: bold;
	text-align: center;
	padding: 175px 0 25px;
	}
	
#video p.video a span { display: block; margin: 0 auto; text-align: center; font-weight: bold; color: #660000; }

/* --->>> Features <<<--- */
.feature {
	width: 276px;
	float: left;
	display: inline;
	margin-left: 30px;	
	}

/* feature p */
.feature p {
	margin: 5px 10px;
	}
	
/* newsletter signup */
#newsletter p label {
	color: #000;
	font: bold 1.075em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	#newsletter p label span { color: #660000; font-size: .75em; text-transform: none; }


#newsletter p.input input {
	width: 160px;
	display: block;
	font: 14px/normal Arial, Helvetica, sans-serif;
	margin: .25em 0 .5em;
	padding: 3px;
	}

/* events */
.event-table {
	width: 260px;
	margin: 5px 0 0 10px; padding: 0;
	border-collapse: collapse;
	}
	.event-table th {
		color: #000;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
		padding: 2px 3px 5px;
		border-bottom: 1px solid #a17d42;
	}
	.event-table td {
		color: #000;
		font: 10px Verdana, Arial, Helvetica, sans-serif; 
		padding: 7px 5px;
		border-bottom: 1px solid #c49850;
	}
	.event-table td.red {
		color: #660000; 
		font-weight: bold;
		}

.events p.showcases a {
	width: 136px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	background: url(i/btn_view-all.png) no-repeat 0 0;
	outline: none;
	}


/* recent blog */
.blog h3 {
	padding: 3px 10px 0;
	font-weight: bold;
	}

.blog p.timestamp,
#sidebar p.timestamp {
	color: #000;
	font-size: .75em;
	font-weight: bold;
	margin-bottom: 0;
	}

.blog p.continue-reading a,
#sidebar p.continue-reading a {
	width: 126px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	background: url(i/btn_continue-reading.png) no-repeat 0 0;
	outline: none;
	}


/* --->>> Main <<<--- */
#main {
	width: 700px;
	float: right;
	} .home #main { width: 949px; }
	#main-wrapper { padding: 5px 20px 0 0;	}


/* --->>> Sidebar <<<--- */
#sidebar {
	width: 232px;
	min-height: 150px;
	float: left;
	position: relative;
	background: url(i/bg_sidebar.jpg) no-repeat 0 0;
	} * html #sidebar { height: 150px; }
	#sidebar-wrapper {
		padding: 135px 10px 0;
		}
		
/* h2 */
#sidebar h2 {
	width: 232px;
	height: 134px;
	position: absolute;
	top: 0; left: 0;
	display: block;
	text-indent: -9999px;
	}

/* sidebar and feature headings */
.feature h2,
#sidebar h3 { position: relative; margin: 15px 0 0 4px; background: url(i/bg_heading-right.gif) no-repeat right 0; }

.feature h2 span,
#sidebar h3 span {
	position: relative;	
	left: -4px;
	color: #c5946d;
	height: 33px;
	display: block;
	font: bold 1.125em/33px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .025em;
	text-transform: uppercase;
	text-align: center;
	padding: 0 0 0 4px;
	background: url(i/bg_heading-left.gif) no-repeat 0 0;
	}

/* sidebar p */
#sidebar p { position: relative; margin: 5px; font-size: 11px; }

/* sidebar nav */
.side-nav { margin: 10px 6px; border-top: 1px dashed #b46374;  }
	* html .side-nav { margin-top: 20px; }
	.side-nav li a {
		min-height: 1.75em;
		display: block;
		font: 1em/1.75 Verdana, Arial, Helvetica, sans-serif;
		color: #660000;
		margin: 0;
		padding: 0 10px 0 20px;
		border-bottom: 1px dashed #b46374; 
		}
	.side-nav li a:hover { text-decoration: underline; }	
	.side-nav li.current-cat a { font-weight: bold; }

#sidebar h4 { padding: 3px 5px; font-weight: bold; }

/* --->>> Footer <<<--- */
#footer {
	width: 949px;
	position: relative;
	margin: -2px 0 0;
	background: transparent url(i/bg_footer.jpg) no-repeat center 0;
	} .home #footer { background-image: url(i/bg_footer-home.jpg); }
	#footer-wrapper {
		min-height: 100px;
		padding: 10px 0 0;
		}
		* html #footer-wrapper { height: 100px; }

/* footer nav */
ul#footer-nav {
	display: block;
	margin: 0 30px;
	padding: 5px 0;
	text-align: center;
	white-space: normal;
	border-top: double #c5ab87;	
	border-bottom: double #c5ab87;	
	}

	ul#footer-nav li {
		display:inline;
		border-right: 1px solid #c5ab87;
		white-space: nowrap;
		}
		ul#footer-nav li.last { border: none; }

	ul#footer-nav li a {
		color: #3b0000;
		font-size: 1em;
		text-transform: uppercase;
		padding: 0 5px;
		}
		ul#footer-nav li a:hover { text-decoration:underline; }

/* copyright */	
#footer p.copyright {
	position: absolute;
	top: 80px; left: 25px;
	color: #a17d42;
	font-size: .85em;
	}
	
/* tag */
#footer p.tag {
	position: absolute;
	top: 80px; right: 25px;
	color: #a17d42;
	font-size: .85em;
	}
	
/* links */
#footer p a:link, #footer p a:visited { color: #c5ab87; font-size: 1em; }	
#footer p a:hover { text-decoration: underline; }


/* --->>> Formatting <<<--- */	
/* breadcrumb */
#main p.breadcrumb {
	color: #fff;
	font-size: 11px;
	padding: 5px 0 0;
	margin: 0;
	}

	#main p.breadcrumb a:link,
	#main p.breadcrumb a:visited,
	#main p.breadcrumb a:hover {
		color: #d9ba96;
		text-decoration: none;
		background: none;
		}		

/* headings */
#main h1.title {
	color: #660000;
	font: 2.5em Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	padding: 10px 0 0;
	margin: 0 0 10px;
	border-bottom: double #a17d42;
	}
/*	#main h1.title:first-letter { font-size: 1.5em; }*/
	
#main h1, #main h2, #main h3, 
#main h4, #main h5, #main h6 {
	clear: both;
	color: #660000;
	font: 2.25em Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	margin: 0 0 10px;
	padding: 15px 0 0;
	border-bottom: 1px dashed #a17d42;
	}

#main h1, #main h2 { color: #660000; border-bottom: double #a17d42; }
/*#main h1 { text-transform: uppercase; }*/

#main h3 { font-size: 2em; }
#main h4 { font-size: 1.75em; }
#main h5 { font-size: 1.5em; }
#main h6 { font-size: 1.25em; }

#main h1 a:link, #main h1 a:visited,
#main h2 a:link, #main h2 a:visited,
#main h3 a:link, #main h3 a:visited,
#main h4 a:link, #main h4 a:visited,
#main h5 a:link, #main h5 a:visited,
#main h6 a:link, #main h6 a:visited { text-decoration: none; border: none; }

/* gallery */
div.gallery-item {
	width: 150px;
	height: 150px;
	float: left;
	display: inline;
	position: relative;
	margin: 25px 0 45px 40px;
	padding: 7px;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
	}

#content p.gallery-icon { padding: 0; margin: 0; }
	#content p.gallery-icon a,
	#content p.gallery-icon a img { display: block; border: none; }

#content p.gallery-caption {
	position: relative;
	bottom: -12px;
	text-align: center; 
	padding: 0 10px; margin: 0;
	}


#main a.img:link, #main a.img:visited,
#main a.img:hover { background:none; border: none; }

#main p.attachment { text-align: center; }


/* general alignment */
.alignright { float: right; }
.alignleft { float: left }

/* images */
img.alignright {
	float: right;
	padding: 5px;
	margin: 0 0 0 10px;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
	}

img.alignleft {
	float: left;
	padding: 5px;
	margin: 0 10px 0 0;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
	}

img.aligncenter {
	margin: 0 auto;
	padding: 5px;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
	}
	
#main .wp-caption {
	text-align: center;
	padding: 4px 0px 5px 0px;
	margin: 10px 10px 0 0;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
/*	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
*/	
	}

#main .wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: none;;
	}

#main .wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	text-align: center;	
	}

	
/* paragraphs */
#main p {
	font-size: 1.15em;
	line-height: 1.65;
	margin: 0 0 10px;
	}

#main .entry p { font-size: 1.35em; }	
	
#main blockquote {
	margin: 0 1.5em 1.25em;
	padding: 1em 1em 1px;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
	}
#main blockquote p {	
	color: #666;
	font-style:italic;
	}	

/* lists */
#main ol li {
	list-style-position: inside;
	list-style-type: decimal;
	}

#main ul, #main ol { padding: 5px 10px 10px 15px; }
#main ul li {
	margin-left: 10px;
	list-style: disc;
	}
#main ul li, #main ol li {
	font-size: 1.15em;
	line-height: 1.65;
	padding-bottom: 5px;
	}

#main ul li li, #main ol li li { font-size: 1em; }

/* links */
#main a:link, #main a:visited { color: #000; border-bottom: 1px dashed #660000; }
#main a:hover { color: #eee8e1; background: #660000; }

#main small {
	font-size: .8em;
	}

/* --->>> Notices <<<--- */
p.notice, p.error,
p.success, p.info {
	color: #000;
	margin: 5px 0;
	padding: 10px 10px 10px 30px;
	background: #ddcbc0 url(i/bg_notice.gif) no-repeat 5px center;
	border: 1px solid #b88b6c;
	}
p.error { background: #ddcbc0 url(i/bg_error.gif) no-repeat 5px center; }
p.success { background: #ddcbc0 url(i/bg_success.gif) no-repeat 5px center; }
p.info {
	color: #660000;
	padding: 20px;
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	border: 2px solid #b88b6c;
	}
	#main p.info a { font-weight: inherit; }

p.notice span, #main p.error span,
p.success span { font-weight: bold; }

/* --->>> Contact Form <<<--- */
#main .form form p.error,
#newsletter form p.error {
	color: inherit;
	margin: 5px 0;
	padding: inherit;
	background: none;
	border: none;
	}
	#newsletter form p.error { padding: 5px 10px; }

#main .form h3 { padding-top: 5px; }

#main .form fieldset {
	position: relative;
	margin: 0; padding: 0;
	background: 0;
	border: 0;
	} #main .form fieldset legend { display: none; }
	
/* standard input */
#main .form p.input label,
#main .form p.select label,
#main .form p.textarea label,
#main .form div.radio-label p,
#main .form div.checkbox-label p {
	width: 150px;
	float: left;
	color: #3b010c;	
	font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0; padding: 0;
	} #main .form div.checkbox-label p { padding-top: 5px; }
	
#main .form p.label-full {
	font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

#newsletter form p.error { display: block; }
	#newsletter form p.error input {
		padding: inherit;
		padding-left: 25px;
		margin: 0;
		background: #fff url(i/bg_error.gif) no-repeat 5px center; border: 1px solid #ca0056;
		}

	#main .form form p.error,
	#main .form form div.error {
		padding: 5px 0 5px 0;
		margin: 0 0 5px;
		background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center;
		border: 1px solid #333;
		}

	#main .form p.checkbox label {
		font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		margin: 0; padding: 0;
		}
	

#main .form div.radio,
#main .form div.checkbox-multi {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px;
	}	

#main .form p.input input,
#main .form p.select select,
#main .form p.textarea textarea,
#main .form div.radio-values,
#main .form div.checkbox-values {
	width: 180px;
	float: left;
	font: 14px/1.5 Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: .25em 0 .5em 10px;
	}

	#main .form div.radio-values,
	#main .form div.checkbox-values { width: 150px; float: left; }


#main .form div.radio-values p,
#main .form div.checkbox-values p {
	font: 14px/18px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: .25em 0 .5em 0;
	white-space: nowrap;
	}	
	
#main .form p.textarea textarea {
	width: 250px;
	height: 100px;
	}
#main .form p.input,
#main .form p.select,
#main .form p.textarea {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0;
	}

#main .form fieldset p.checkbox { margin-left: 150px; }

#main .form fieldset p.checkbox label {
	display: inline;
	text-align: left;
	margin: 0; padding: 0;
	}

#main .form fieldset p.full label {
	width: 100%;
	text-align: left;
	margin: 0; padding: 0;
	}

#main .form fieldset p.full input,
#main .form fieldset p.full select {
	clear: both;
	margin-left: 160px;
	}

/* submit  */
#main .form p.button {
	width: 100%;
	float: left;
	margin: 0 0 10px;
	}
#main .form p.button input {
	margin-left: 160px;
	}

#main .form .radio-label span,
#main .form label span {
	display: block;
	position: relative;
	margin: -5px 0 0;
	padding: 0;
	color: #ff0000;
	text-transform: uppercase;
	font-size:9px;
	line-height: 10px;
	text-align: right;
	}	

#main .form .radio-label small,
#main .form label small {
	display: block;
	position: relative;
	padding: 0 0 5px;
	font-size:9px;
	line-height: 10px;
	text-align: right;
	}	
	
/* comment styles */
#main .commentlist li { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#main .commentlist li ul li { font-size: 1em; }
#main .commentlist li { font-weight: bold; }
#main .commentlist li .avatar { 
	float: right;
	padding: 2px;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
	}

#main .commentlist cite, #main .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
	
#main .commentlist cite a:link, #main .commentlist cite a:visited,
#main .commentmetadata a:link, #main .commentmetadata a:visited { border: none; }

#main .commentlist p { text-transform: none; }

/* Begin Comments*/
#main .alt {
	padding: 10px;
	background: #ddcbc0;
	border-top: 1px solid #b88b6c;	
	border-bottom: 1px solid #b88b6c;		
	}

#main .commentlist { padding: 0; text-align: justify; }

#main .commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	list-style-position: outside;
	}
#main .commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

#main .commentlist p {
	margin: 10px 5px 10px 0;
}
#main .children { padding: 0; }


#main .nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

#main .commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */