/*
Theme Name: DJ Theme 1
Theme URI: http://www.fusedinc.com/
Description: DJ Theme 1 for Wordpress
Version: 1.0
Author: Fused Interactive
Author URI: http://www.fusedinc.com/
Tags: red, two column, widget, dj
*/

* { margin: 0; padding: 0; text-decoration: none; outline: 0; border: 0; }

@font-face {
	font-family: 'GeosansLight';
	src: url('geosanslight-webfont.eot');
	src: url('geosanslight-webfont.woff') format('woff'), url('geosanslight-webfont.ttf') format('truetype'), url('geosanslight-webfont.svg#webfont') format('svg');
}

body {
	background: #000 url(images/page-bg.jpg) top center no-repeat;
	color: #c4c4c4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1, h2, h3, h4 {
	font-family: "GeosansLight";
	letter-spacing: -1px;
}

#container {
	width: 960px;
	margin: 0 auto;
}

#header {
	width: 960px;
	padding: 0 0 20px 0;
	float: left;
	border-bottom: 1px solid #555655;
}

#header #logo {
	width: 300px;
	margin: 30px 0 0 10px;
	float: left;
}

#header #logo a {
	display: block;
}

#header #aux {
	width: 305px;
	margin: 0 20px 0 0;
	float: right;
	list-style: none;
	background-color: #474747;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#header #aux li {
	margin: 4px 0;	
	display: inline;
	font-size: 14px;
	color: #c4c4c4;
	border-left: 1px solid #c4c4c4;
}

#header #aux li:first-child {
	border: none;
}

#header #aux li a {
	color: #c4c4c4;
	padding: 7px 8px;
}

#header #aux li a:hover {
	color: #fff;
}

#header .nav {
	width: 650px;
	margin: 55px 0 0 0;
	float: right;
}

#header .nav ul {
	float: right;
	font-family: "GeosansLight";
	font-size: 28px;
	list-style: none;
	letter-spacing: -1px;
}

#header .nav li {
	margin: 0 17px 0 0;
	float: left;
}

#header .nav li a {
	display: block;
	color: #727272;
}

#header .nav li a:hover {
	color: #e24136;
}

#header .nav li.current-menu-item a {
	color: #e24136;
}

#home-copy {
	width: 920px;
	padding: 30px 20px;
	float: left;
	border-bottom: 1px solid #555655;
	font-family: "GeosansLight";
}

#home-copy h3 {
	margin: 0 0 0 60px;
	float: right;
	font-size: 60px;
	text-transform: uppercase;
	color: #e24136;
}

#home-copy p {
	font-size: 23px;
	color: #727272;
}

#home-copy em {
	font-style: normal;
}

#quote {
	width: 920px;
	padding: 30px 20px;
	float: left;
	border-bottom: 1px solid #555655;
	font-family: "GeosansLight";
	font-size: 23px;
	letter-spacing: -1px;
}

#quote p {
	color: #727272;
}

#quote address, #quote cite {
	float: right;
	font-style: normal;
	color: #e24136;
}

#quote .quotescollection_nextquote {
	width: 100%;
	margin: 10px 0 0 0;
	text-align: right;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
}

#quote .quotescollection_nextquote a {
	color: #fff;
}

#quote .quotescollection_nextquote a:hover {
	border-bottom: 1px dotted #fff;
}

#content {
	width: 960px;
	padding: 30px 0;
	float: left;
	border-bottom: 1px solid #555655;
}

#home-slider {
	width: 920px;
	height: 450px;
	padding: 0 20px 30px;
	float: left;
	border-bottom: 1px solid #555655;
}

#home-slider ul {
	list-style: none;
}

#home-slider #slider {
	width: 920px;
	height: 450px;
	float: left;
}

#home-slider #slider li {
	position: absolute;
	width: 920px;
	height: 450px;
}

#home-slider #slide_nav {
	position: absolute;
	z-index: 500;
	margin: 420px 0 0 700px;
	text-align: right;
}

#home-slider #slide_nav li {
	width: 19px;
	height: 19px;
	margin: 0 0 0 10px;
	float: left;
	z-index: 500;
	background: #000;
	border: 1px solid #fff;
	cursor: pointer;
	opacity: 0.3;
	filter:alpha(opacity=30);
}

#home-slider #slide_nav li#button_selected {
	opacity: 1;
	filter:alpha(opacity=100);
	background: #5e5e5e;
}

#home-info, #home-split {
	width: 920px;
	padding: 30px 20px;
	float: left;
}

#home-info p, #home-split p {
	line-height: 1.4em;
}

#home-info h1, #home-split h1 {
	margin: 0 0 10px 0;
	font-size: 30px;
	color: #e24136;
}

#home-info a, #home-split #text a {
	padding: 2px;
	background: #e24136;
	color: #fff;
	font-weight: bold;
}

#home-info a:hover, #home-split #text a:hover {
	background: #fff;
	color: #000;
}

#home-split #text {
	width: 500px;
	float: left;
}

#home-split #posts {
	width: 380px;
	margin: 0 0 0 40px;
	float: left;
}

#home-split #posts h2 {
	margin: 0 0 10px 0;
	font-size: 30px;
	color: #e24136;
}

#home-split #posts ul {
	list-style: none;
}

#home-split #posts ul li {
	margin: 0 0 20px 0;
}

#home-split #posts ul li h3 {
	font-size: 20px;
}

#home-split #posts ul li h3 a {
	color: #e24136;
}

#home-split #posts ul li h3 a:hover {
	color: #fff;
}

#page-left {
	width: 287px;
	padding: 0 20px;
	float: left;
	list-style: none;
}

#page-left li {
	width: 287px;
	margin: 0 0 30px 0;
	float: left;
}

#page-left li h4 {
	margin: 0 0 10px 0;
	font-family: "GeosansLight";
	font-size: 30px;
	color: #727272;
}

#page-left li p {
	margin: 0 0 10px 0;
}

#page-left li ul {
	list-style: none;
}

#page-left li ul li {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}

#page-left li ul li a {
	color: #e24136;
}

#page-left li ul li a:hover {
	color: #fff;
}

#page-left li ul.list li {
	width: 287px;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	float: left;
	border-bottom: 1px solid #555655;
	font-size: 20px;
	list-style: none;
}

#page-left li ul.list li a {
	padding: 2px;
	color: #c4c4c4;
}

#page-left li ul.list li a:hover {
	color: #fff;
}

#page-left li ul.list li.current_page_item a {
	color: #fff;
	background: #e24136;
}

#page-left li ul.list li:first-child.current_page_item a {
	color: #fff;
}


#page-left li ul.list li:first-child a {
	color: #e24136;
}

#page-left .connect li {
	width: 41px;
	height: 41px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	background: center no-repeat;
	overflow: hidden;
	text-indent: -800px;
}

#page-left .connect-fresh li {
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	background: center no-repeat;
	overflow: hidden;
	text-indent: -800px;
}

#page-left .connect li a {
	width: 41px;
	height: 41px;
	display: block;
	background: center no-repeat;
}

#page-left .connect-fresh li a {
	width: 60px;
	height: 60px;
	display: block;
	background: center no-repeat;
}

#page-left .connect li.blog {
	background-image: url(images/connect-blog.png);
}

#page-left .connect li.facebook {
	background-image: url(images/connect-facebook.png);
}

#page-left .connect li.youtube {
	background-image: url(images/connect-youtube.png);
}

#page-left .connect li.twitter {
	background-image: url(images/connect-twitter.png);
}

#page-left .connect-fresh li a:hover {
	background-image: url(images/side-hover.png);
}

#page-left .connect-fresh li.blog {
	background-image: url(images/side-blog.png);
}

#page-left .connect-fresh li.facebook {
	background-image: url(images/side-facebook.png);
}

#page-left .connect-fresh li.youtube {
	background-image: url(images/side-youtube.png);
}

#page-left .connect-fresh li.twitter {
	background-image: url(images/side-twitter.png);
}

#page-left .widget_dj_intelligence {
	text-align: center;
}

#page-left .widget_dj_intelligence h4 {
	text-align: left;
}

#page-left .widget_dj_intelligence select {
	margin: 0 3px 10px 0;
	padding: 1px;
	background: #fff;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#page-left .widget_dj_intelligence .submit {
	padding: 3px;
	background: #e24136;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

#page-left .widget_dj_intelligence .submit:hover {
	background: #fff;
	color: #000;
}

#page-right {
	width: 603px;
	padding: 0 20px 0 10px;
	float: left;
}

#page-right h1, #page-right h2, #page-right h3 {
	margin: 0 0 10px 0;
	font-size: 30px;
	color: #e24136;
}

#page-right h2, #page-right h3 {
	margin: 20px 0 10px 0;
	font-size: 30px;
	color: #e24136;
}

#page-right h4 {
	margin: 20px 0 10px 0;
	font-size: 24px;
	color: #e24136;
}

#page-right p {
	margin: 0 0 30px 0;
	line-height: 16px;
}


#page-right a {
	padding: 2px;
	color: #fff;
	font-weight: bold;
}

#page-right p {
	margin: 0 0 10px 0;
	line-height: 1.4em;
}

#page-right ul, #page-right ol {
	margin: 0 0 20px 20px;
	list-style: inside;
}

#page-right li {
	margin: 0 0 5px 0;
}

.blogpost {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #555655;
}

.blogpost-single {
	border: none;
}

.blogpost h1 {
	font-size: 30px;
	color: #e24136;
}

.blogpost h1 a {
	color: #e24136;
}

.blogpost .info {
	margin: 0 0 10px 0;
	padding: 5px 0 10px 0;
	border-bottom: 1px dotted #555655;
	font-size: 12px;
}

.blogpost .info a {
	color: #fff;
}

#comments a {
	color: #e24136;
}

#comments .list ol {
	list-style: none;
}

#comments .list ol li {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #555655;
}

#comments .list ol li:first-child {
	margin: 0;
	padding: 0;
	border: none;
}

#comments .list ol li .author-meta {
	margin: 0 0 10px 0;
	padding: 5px 0 10px 0;
	border-bottom: 1px dotted #555655;
	font-size: 12px;
}

#comments .list ol li .author-meta a {
	color: #fff;
}

#comments .list ol li .author-meta .author {
	margin: 0 10px 0 0;
	font-size: 14px;
}

#comments .list ol li .author-meta .author a {
	color: #fff;
}

#comments .list ol li .author-meta .author a:hover {
	text-decoration: underline;
}

#comments .list ol li.byuser .author-meta .author {
	font-weight: bold;
	font-size: 16px;
}

#comments .list ol li .author-meta .date {
	float: right;
}

#comments .list ol li p {
	margin: 0;
}

#respond h3 {
	margin: 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #555655;
}

#respond input.text {
	padding: 4px;
	height: 20px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	background: #fff;
}

#respond input.text:focus {
	color: #000;
}

#respond textarea {
	padding: 4px;
	height: 150px;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	background: #fff;
}

#respond textarea:focus {
	color: #000;
}

#respond input.submit {
	padding: 5px;
	background: #e24136;
	font-family: 'GeosansLight';
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

#respond input.submit:hover {
	background: #fff;
	color: #000;
}

#bottom-boxes {
	width: 940px;
	padding: 30px 0 30px 20px;
	float: left;
	list-style: none;
	border-top: 1px solid #555655;
}

#bottom-boxes li {
	width: 287px;
	margin: 0 0 0 30px;
	float: left;
}

#bottom-boxes li:first-child {
	margin: 0;
}

#bottom-boxes li h4 {
	margin: 0 0 10px 0;
	font-size: 28px;
	color: #727272;
}

#bottom-boxes li h4 a {
	color: #727272;
}

#bottom-boxes li p {
	margin: 0 0 10px 0;
}

#bottom-boxes li img {
	border: 1px solid #fff;
	width: 287px;
	height: 158px;
}

#bottom-boxes li a span {
	width: 289px;
	height: 160px;
	background: url(images/bottom-hover.png) center repeat-y;
	display: none;
	z-index: 1000;
	position: absolute;
}

#bottom-boxes li a.video span {
	background: url(images/bottom-video-hover.png) center no-repeat;
}

#bottom-boxes li a:hover span {
	display: block;
}

#footer {
	width: 960px;
	float: left;
}

#footer #more {
	width: 920px;
	padding: 30px 20px;
	float: left;
	/*border-top: 1px solid #555655;*/
	text-transform: uppercase;
	font-family: "GeosansLight";
	letter-spacing: -1px;
}

#footer #more h4 {
	margin: 0 30px 0 0;
	float: left;
	font-size: 20px;
}

#footer #more ul {
	list-style: none;
	float: left;
}

#footer #more ul li {
	margin: 0 10px 0 0;
	float: left;
}

#footer #more ul li a {
	color: #727272;
}

#footer #more ul li a:hover {
	color: #c4c4c4;
}

#footer #copyright {
	width: 960px;
	padding: 30px 0;
	float: left;
	border-top: 1px solid #555655;
	font-size: 12px;
}

#footer #copyright a {
	color: #c4c4c4;
}

#footer #copyright a:hover {
	color: #fff;
}

#footer #copyright p {
	margin: 0 0 10px 0;
}

#footer #copyright .fused {
	margin: 0;
	float: right;
	background: url(images/djwebdesign.gif) top right no-repeat;
	text-align: right;
}

#footer #copyright .fused .logo {
	height: 20px;
	width: 96px;
	margin: 0 0 10px auto;
	display: block;
	overflow: hidden;
}

#footer #copyright .fused .logo span {
	margin: -999px;
}

#virtual-tour {
	width: 920px;
	padding: 30px 20px;
	float: left;
}

#virtual-tour h1 {
	margin: 0 0 20px 0;
	text-align: center;
	color: #e24136;
	font-size: 30px;
}

#virtual-tour #content {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

#virtual-tour #flashcontent {
	display: block;
	margin: 0 auto;
}

#contact {
	margin: 0 0 20px 0;
}

#contact fieldset p {
	width: 100%;
	margin: 0 0 5px 0;
	float: left;
}

#contact h3.info {
	margin: 10px 0;
}

#contact fieldset .text {
	width: 300px;
	padding: 2px;
	background: #fff;
	color: #333;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contact fieldset .text:focus {
	color: #000;
}

#contact fieldset textarea {
	width: 300px;
	padding: 2px;
	background: #fff;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contact fieldset textarea:focus {
	color: #000;
}

#contact fieldset label {
	float: left;
	margin: 0 5px 0 0;
	width: 150px;
	text-align: right;
}

#contact #state {
	width: 50px;
	float: left;
}

#contact #zip {
	width: 100px;
}

#contact label.zip {
	width: auto;
	margin: 0 5px 0 10px;
}

#contact #guests {
	width: 50px;
}

#contact .reach {
	margin: 0 20px 0 0;
	width: auto;
	float: left;
}

#contact .reach input {
	margin: 0 5px 0 0;
}

#contact input.submit {
	margin: 10px auto 0 auto;
	display: block;
	padding: 5px;
	background: #e24136;
	font-family: 'GeosansLight';
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

#contact input.submit:hover {
	background: #fff;
	color: #000;
}

#contact .error {
	border: 1px solid #e24136;
}

#contact p.error {
	margin: 0 0 20px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 20px;
	border: 2px solid #e24136;
}

#contact legend.error {
	color: #e24136;
	border: 0;
	margin: 0 0 0 10px;
	padding: 0;
}


