/*
Theme Name: Curtis Stigers 2012 Custom Theme
Theme URI: http://equaltemp.com/
Description: This theme was created all for my pal Curtis!
Version: 1.0
Author: <a href="http://equaltemp.com/">Matthew Fries</a>
by Matthew Fries - equaltemp.com
*/

/* Overwrites and Tag Declarations
----------------------------------------------- */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}



@font-face {
	font-family: 'Univers';
    src: url('fonts/UniversLTStd/UniversLTStd-Cn.eot');
    src: url('fonts/UniversLTStd/UniversLTStd-Cn.eot?#iefix') format('embedded-opentype'),
         url('fonts/UniversLTStd/UniversLTStd-Cn.woff') format('woff'),
         url('fonts/UniversLTStd/UniversLTStd-Cn.ttf') format('truetype'),
         url('fonts/UniversLTStd/UniversLTStd-Cn.svg#UniversLTStd-Cn') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	position:relative;
	margin:0px;
	padding:0px;
	background:#000 url(images/bg_body.jpg) no-repeat fixed center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#eee;
}

#header {
	position:fixed;
	width:100%;
	background:transparent url(images/bg_header.png) repeat-x;
	height:50px;
	overflow:hidden;
	text-align:center;
}

#nav {
	position:relative;
	margin:0px auto 0px auto;
	width:100%;
	font-family: Univers;
	font-size: 18px;
}

#nav a {
	color:#123a5a;
	text-decoration:none;
	font-weight:normal;
	text-shadow: 1px 1px #f1eee9;
}

#nav a:HOVER {
	color:#f1eee9;
	text-shadow: 1px 1px #123a5a;
	
}

#nav ul {
	list-style: none;
	padding:11px 0px 0px 0px;
	margin:0px;
}

#nav ul li {
	display:inline;
	margin:0px 8px 0px 8px;
	padding:0px;
}

#nav ul.nav-1 {
	position:absolute;
	right:50%;
	margin-right:160px;
}
#nav ul.nav-2 {
	position:absolute;
	left:50%;
	margin-left:160px;
}

#logo {
	position:absolute;
	left:50%;
	margin-left:-155px;
}

#frame {
	max-width:960px;
	margin:0px auto 50px auto;
	padding:40px 0px 80px 0px;
}

#content {
	/*float:left;
	width:490px;
	margin:0px 0px 80px 285px;*/
	padding:25px 0px 0px 0px;
	line-height: 19px;
}

#sidebar {
	/*float:right;
	width:155px;*/
	font-size:12px;
	line-height:17px;
	padding:20px 0px 50px 0px;
}

#inside {
	padding:0px 10px 0px 30px;
}

#sidebar_inside {
	padding:0px 5px 0px 5px;
}

#footer {
	position:fixed;
	height:53px;
	overflow:hidden;
	bottom:0px;
	background: #497088 url(images/bg_footer.jpg) repeat-x;
	width:100%;
	padding:0px;
}

#footer #footer_content {
	width:98%;
	max-width:960px;
	margin:0px auto 0px auto;
	text-align:right;
	padding:0px !important;
	font-family:Univers;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	
}

#footer_content div {

}

#footer_content #mailing_list {
	display:inline-block;
	margin:0px 0px 10px 5px;
}
#footer_content #social_links {
	display:inline-block;
	margin:0px 0px 10px 5px; 
}
#mailing_list_text {
	width:180px;
}

.article {
	clear:both;
	margin-bottom:15px;
	padding:5px 0px 10px 0px;
	border-bottom:solid 1px #333;;
}

.photo_download {
	clear:both;
	margin-bottom:0px;
	padding:5px 0px 10px 0px;
}

a {
	color:#c0d5e3;
	text-decoration:underline;
}

h1 {
	color: #a77c5e;
	font-size:30px;
	font-family:Univers;
	font-weight:normal;
	padding:0px;
	margin:15px 0px 10px 0px;
	line-height: normal;
	text-shadow: 1px 1px #000;
}

h2, 
h2 a {
	color:#c0d5e3;
	font-size: 22px;
	font-family:Univers;
	font-weight:normal;
	padding:0px;
	margin:0px 0px 8px 0px;
	line-height: 23px;
	text-shadow: 1px 1px #000;
	text-decoration:none;
}

h2 a:HOVER {
	text-decoration:underline;
}

h3, 
h3 a, 
h4, 
h4 a {
	color:#d1b29d;
	padding:0px;
	margin:0px 0px 5px 0px;
	font-size:17px;
	line-height: normal;
	text-shadow: 1px 1px #000;
	text-decoration:none;
	font-weight:normal;
}

h3 a:HOVER,
h4 a:HOVER {
	text-decoration: underline;
}

h4 {
	clear:left;
	padding-top:10px;
}

p {
	padding:0px;
	margin:0px 0px 12px 0px;
	text-shadow: 1px 1px #000;
}

.meta {
	color:#aaa;
	font-size:10px;
	text-transform: UPPERCASE;
	letter-spacing: 1px;
	padding:0px;
	margin:0px 0px 8px 0px;
	line-height:normal;
}

#content img {
	background-color:#fff;
	padding:4px;
	border:solid 1px #000;
	box-shadow: 0px 0px 4px 0px #000;
}

#sidebar img {
	background-color:#fff;
	padding:1px;
	border:solid 1px #000;
	box-shadow: 0px 0px 4px 0px #000;
	max-width:100%;
}

#content img.no-border, 
#content img.noborder, 
#content img.no_border, 
#content img.more-button, 
#content img.button, 
#sidebar img.button, 
img.button {
	padding:0px;
	border:none;
	background-color:transparent;
}

#content img.no-shadow, 
#content img.noshadow, 
#content img.no_shadow,  
#content img.button
#content img.more-button, 
#sidebar img.button, 
img.button {
	box-shadow:none !important;
}

#content .more-button {
	 vertical-align:top;
	 display:block;
	 margin:10px 0px 10px 0px;
}

#content .alignleft {
	float:left;
	margin: 0px 15px 5px 0px;
}

#content .alignright {
	float:right;
	margin: 0px 0px 5px 12px;
}

#content .wp-caption-text {
	color:#aaa;
	font-size:10px;
	letter-spacing: 1px;
	padding:2px 0px 3px 0px;
	margin:0px 0px 0px 0px;
	line-height:normal;
	text-align:center;
}

#content ul {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 15px;
}

#content ul li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}

#content ol {
	margin: 0px 0px 10px 30px;
}

#content ol li {
	margin:0px 0px 5px 0px;
	padding:0px;
}

#content blockquote {
	margin:0px 5px 0px 5px;
	padding-left:10px;
	border-left:solid 1px #333;
}

#content strong {
	color: #d1b29d;
	font-weight:normal;
}

#ajax-loader {
	display:none;
	margin:20px 0px 0px 510px;
}

.clear_floats {
	clear:both;
}

.two_col {
	-webkit-column-gap:20px; /* Chrome, Safari, Opera */
	-moz-column-gap:20px; /* Firefox */
	column-gap:20px;
	
	-webkit-column-count:2; /* Chrome, Safari, Opera */
	-moz-column-count:2; /* Firefox */
	column-count:2;
}


/* -- FORM STYLES ---- */

form {
	margin:0px;
	padding:0px;
}

form .text,
input[type=text],
textarea, 
select {
	/*border:solid 1px #71bcdd;
	background-color:#d6e3eb;
	border-radius:4px;*/
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:2px 4px 2px 4px;
	margin:0px;
	
	border:solid 1px #fff;
	background-color:#fff;
	border-radius:4px;
}

#mailing_list_form input[type=submit] {
	display:inline-block;
	width:64px;
	height:23px;
	border:none;
	margin: 0px 0px 0px 0px;
	background: transparent url(images/btn_sign-up.png) no-repeat;	
	overflow:hidden;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
}

#searchsubmit {
	display:inline-block;
	width:63px;
	height:23px;
	border:none;
	margin: 5px 0px 10px 0px;
	background: transparent url(images/btn_search.png) no-repeat;	
	overflow:hidden;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
}

/* -- Accordion Styles ---------- */
.accordion {
    //border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
}
.accordion-title {
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.accordion-title:hover {}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {padding-bottom: 20px;}



/* -- prettyPhoto ------- */

.pp_pic_holder {
	color:#000;
	text-shadow: none !important;
}

.pp_pic_holder p {
	text-shadow: none !important;
}

.pp_social {
	display:none !important;
}

/* -- SIDEBAR STYLES ---- */

#sidebar h3 {
	color:#c0d5e3;
	font-size: 16px;
	font-family:Univers;
	font-weight:normal;
	padding:0px;
	margin:0px 0px 4px 0px;
	line-height: 16px;
	text-shadow: 1px 1px #000;
}

#sidebar ul.widgets {
	margin:5px 0px 60px 0px;
	padding:0px;
	list-style: none;
}

#sidebar ul.widgets li {
	margin:0px 0px 0px 0px;
	padding:15px 4px 5px 4px;
	border-bottom:solid 1px #333;
}

#sidebar ul.widgets li ul {
	margin:4px 0px 8px 2px;
	list-style: none;
	padding:0px;
}

#sidebar ul.widgets li ul li {
	margin:2px 0px 8px 0px;
	padding:0px;
	border:none;
}

#sidebar ul.widgets li ul li ul {
	margin:6px 0px 0px 10px;
	list-style: square;
	padding-left:6px;
}
#sidebar ul.widgets li ul li ul li {
	margin-bottom:2px;
}

#sidebar a {
	color:#fff;
}
#sidebar a:HOVER {
	color:#c0d5e3;
}

#sidebar ul.widgets li ul li a {
	text-decoration:none;
}

#sidebar ul.widgets li ul li a:HOVER {
	text-decoration: underline;
}

#sidebar .alignleft {
	float:left;
	margin: 0px 8px 8px 0px;
}

#sidebar .alignright {
	float:right;
	margin: 0px 0px 8px 8px;
}


/* -- MUSIC PLAYER --- */


#footer_content #music_player {
	width:200px;
}

#play_button {
	float:left;
	width:27px;
	height:27px;
	margin:2px 2px 0px 0px;
	overflow:hidden;
	background:transparent url(images/btn_play_pause.png) no-repeat 0px -27px;
	cursor:pointer;
}

#next_button, 
#previous_button {
	float:left;
	width:24px;
	height:24px;
	margin:4px 2px 0px 0px;
	cursor:pointer;
}

#next_button {
	background:transparent url(images/btn_next_sm.png) no-repeat;
}

#previous_button {
	background:transparent url(images/btn_previous_sm.png) no-repeat;
}

#track_info {
	margin-left:86px;
	text-align:left;
}

#track_title {
	
}

#album_title {
	font-size:13px;
	font-style: italic;
}


div.light_square .pp_close{
	width:52px !important;
	height:25px !important;
	background:url(images/btn_close.png) -1px -1px no-repeat !important;
	cursor:pointer;
}



/* -- CALENDAR -------- */

#cal .date {
	width:130px !important;
}

#sidebar h4, 
#sidebar h4 a {
	color:#d1b29d;
	font-size:13px;
	font-weight:normal;
	margin:0px 0px 2px 0px;
	padding:0px;
}

/* ==== Mini-Calendar =================== */

#mini_calendar ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

#mini_calendar ul li {
	padding:0px;
	margin:0px 0px 8px 0px;
}

#mini_calendar .date {
	font-size: 11px;
}

#mini_calendar .title {
	font-weight:bold;
	margin:0px 0px 2px 0px;
}

#mini_calendar .location {
	font-size:.9em;
}

#mini_calendar ul li a {
	text-decoration:underline !important;
}



/* ==== Media Queries ==================== */

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


@media only screen and (max-width: 950px) {
	body {
		background:#000 url(images/bg_body.jpg) no-repeat fixed -30px 0px;
	}
	
	.nav-1, .nav-2 {
		display:none;
	}
	
	#browser {
		display:block !important;
		position:fixed;
		left:310px;
		top:8px;
		width:40%;
	}
	
	#logo {
		left:0px;
		margin-left:-5px;
	}
}

@media only screen and (max-width: 840px) {
	
	#footer {
		position:relative;
		height:auto;
		width:100%;
	}
	
	#mailing_list_text {
		width:120px;
	}
}


@media only screen and (max-width: 480px) {
	body {
		background-image:url(images/bg_body_narrow.png);
		background-attachment: inherit;
		background-position: center top;
		background-size: 100% auto;
		padding-top:200px;
	}
	
	#header {
		display:none;
	}
	
	#browser {
		display:block !important;
		position:absolute;
		left:50%;
		top:80px;
	}
	
	#frame {
		margin-bottom:0px;
		padding:0px 0px 10px 0px;
		width:90%;
	}
	
	#content { padding-top:5px;}
	
	#sidebar {
		padding:0px 0px 0px 0px;
		margin:0px;
	}
	
	#inside {
		padding:0px;
	}

	#footer #footer_content {	
		text-align:center;
	}
	
	#jp_container_1 {
		display:none;
	}
}