/* @override 
	http://localhost:8888/windmill/css/style.css
	http://192.168.0.4:8888/windmill/css/style.css
	http://www.windmilllanerecording.com/css/style.css
	http://www.toddlerbody.com/windmill/css/style.css
*/

/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/

/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/

/**************************************/

/*              GLOBALS               */

/**************************************/

body {
	background: #0d0d0d url(../images/bg_scratch2.jpg) repeat;
	color: #f8f8f8;
	font: normal 11px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}

strong {
	color: #d7622e;
	font-weight: normal;
}

a:link, a:visited {
	color: #d7622e;
	text-decoration: underline;
}

a:hover, a:active {
	color: #fc7b22;
	text-decoration: none;
}

#container img.border {
	border: 1px solid #505050;
}

/**************************************/

/*              HEADER                */

/**************************************/

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 870px;
}

.header {
	xbackground: url(../images/header2.png) no-repeat;
	xtext-indent: -9999px;
	width: 950px;
	height: 122px;
}

ul {
	color: #f8f8f8;
	list-style-type: none;
	xbackground-color: #fe5fa1;
}

#sidebar {
	
	color: #000;
	line-height: normal;
}

#side_bar_bg {
	background: url(../images/sidebar.png) repeat-y;
}

#sidebar a:link, #sidebar a:visited {
	color: black;
	xpadding: 5px;
	xpadding: 4px 6px 4px 6px;
	xbackground-color: #bcd2f0;
	text-decoration: none;
	xborder: 1px solid #a04e15;
}

#sidebar a:hover, #sidebar a:active {
	color: white;
	text-decoration: none;
}

#sidebar a:link.textlink, #sidebar a:visited.textlink {
	color: black;
	xpadding: 5px;
	padding: 4px 6px 4px 6px;
	xbackground-color: #b7ff6c;
	text-decoration: none;
	border: 1px solid;
	border-top-color: #9c4a14;
	border-left-color: #9c4a14;
	border-bottom-color: #fc994c;
	border-right-color: #fc994c;
	width: 80%;
	background: url(../images/sidebar_button_bg.gif) repeat-x;
}

#sidebar a:hover.textlink, #sidebar a:active.textlink {
	xcolor: white;
	text-decoration: none;
	border-bottom-color: #9c4a14;
	border-right-color: #9c4a14;
	border-top-color: #fc994c;
	border-left-color: #fc994c;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
	display: block;
	xheight: 50px;
	list-style-image: none;
	width: 60%;
	margin-top: 4px;
	color: black;
}

#sidebar ul li a:hover, #sidebar ul li a:active {
	background-color: #a45625;
}

.sidebar_thumbs {
	border-top: 1px solid #9c4a14;
	border-left: 1px solid #9c4a14;
	border-right: 1px solid #fcbc7a;
	border-bottom: 1px solid #fcbc7a;
}

.sidebar_small {
	font-size: 0.88em;
}

.sidebar_hr {
	border-bottom: 1px solid #9c4a14;
}

.sidebar_map {
	border: 1px solid;
	border-top-color: #9c4a14;
	border-left-color: #9c4a14;
	border-bottom-color: #fc994c;
	border-right-color: #fc994c;

}

/**************************************/

/*             NAVIGATION             */

/**************************************/

/**************************************/

/*            MAIN CONTENT            */

/**************************************/

p.first-para:first-letter {
	color: #fff;
	xfont-size: 240%;
}

p.first-para:first-line {
	font-size: 140%;
}

ul.studio_list li a:link, ul.studio_list li a:visited {
	background-color: #242424;
	padding: 10px;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	text-align: left;
	float: left;
	clear: left;
	width: 90%;
	font-size: 240%;
	border: 1px solid #333;
}

ul.studio_list li a:hover, ul.studio_list li a:active {
	color: black;
	background-color: #e27835;
	padding: 10px;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	text-align: left;
	float: left;
	clear: left;
	width: 90%;
}

ul.studio_list li a:link img, ul.studio_list li a:visited img {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}

ul.studio_list li a:hover img, ul.studio_list li a:active img {
	border-top: 1px solid #9c4a14;
	border-left: 1px solid #9c4a14;
	border-right: 1px solid #fcbc7a;
	border-bottom: 1px solid #fcbc7a;
}

.studio_img {
	float: left;
}

.studio_title {
	margin-left: 20px;
	float: left;
	line-height: 0.8em;
	xclear: both;
}

.studio_price {
	font-size: 0.45em;
	float: right;
}

.studio_img_padding_10 {
	padding-right: 10px;
}

.studio_sub_title {
	font-size: 0.4em;
}

.nb {
margin-top: 10px;
	color: #aeaeae;
}

h2 {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #505050;
	font-size: 2.1em;
}

h2.pagehead {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #505050;
	font-size: 2.1em;
	xtext-align: right;
}

h3.underlined {
	color: #e27835;
	border-bottom: 1px solid #777;
	padding-bottom: 4px;
	padding-top: 20px;
}

#studio_sections {
	padding-left: 30px;
}

#studio_sections ul li {
	list-style-type: none;
	padding-bottom: 10px;
}

#section_body {
	xpadding-left: 30px;
	xbackground-color: #6051fb;
}

#section_body p {
	padding-left: 30px;
	xbackground-color: #6051fb;
}

#key {
	float: left;
	clear: both;
	padding-bottom: 20px;
	text-align: right;
	width: 140px;
	xbackground-color: #555;
}

#value {
	margin-left: 30px;
	float: left;
	padding-bottom: 20px;
	width: 340px;
	xbackground-color: #666;
}

ul.links {
	
}
ul.links li {
	background-color: #1d1c1c;
	border: 1px solid #505050;
	margin-bottom: 8px;
	text-transform: uppercase;
}

ul.links li a:link, ul.links li a:visited {
	padding: 10px;
	display: block;
	text-decoration: none;
	font-size: 1.2em;
}
ul.links li a:hover, ul.links li a:active {
	color: black;
	background-color: #e27835;
}

/**************** CONTACT FORM **************/

#commentForm {
	width: 500px;
	xbackground-color: aqua;
}

#commentForm label {
	width: 180px;
	xcolor: blue;
}

#commentForm label.error, #commentForm input.submit {
	xmargin-left: 253px;
	border: none;
	font-size: 1.0em;
	width: 100%;
	padding: 0;
	line-height: 1.2em;
	background: transparent;
	color: #f5061b;
}

#internships-form {
	clear: both;
}

input.txt, textarea, select {
	background-color: #1d1c1c;
	border: 1px solid #505050;
	padding: 4px;
	color: white;
	font-size: 1.1em;
}

input.btn {
	padding: 2px 6px;
	font-weight: normal;
	color: #adadad;
	background-color: #414141;
	border: 1px solid #817A88;
	text-transform: uppercase;
}

label, dl dt {
	color: #fff;
	font-weight: bold;
}

#internships-form textarea {
	width: 300px;
}

#internships-form p {
	margin: 0.75em 0 0 0;
	clear: both;
}

#internships-form p label {
	display: block;
	float: left;
	width: 150px;
}

#internships-form p input.txt {
	width: 330px;
}

textarea#message {
	width: 330px;
	height: 150px;
}

/* Name Block */

dl.name-block {
	padding: 0;
	margin: 0;
}

dl.name-block dt {
	float: left;
	width: 150px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

dl.name-block dd {
	padding: 0;
	margin: 0 0 0 150px;
}

* html dl.name-block dd {
	padding: 0 0 0 153px;
	margin: 0;
}

dl.name-block dd input.txt {
	display: block;
	width: 12em;
}

dl.name-block dd label {
	display: block;
	color: #999999;
	font-size: 0.75em;
	font-weight: normal;
}

dl.name-block dd label.errorvalidate {
	display: block;
	color: #f5061b;
	font-size: 1.0em;
	font-weight: normal;
}

dl.name-block dd label.first {
	float: left;
	width: 18em;
}

dl.name-block dd label.last {
	margin-left: 18em;
}

* html dl.name-block dd label.last {
	margin: 0;
}

/* Address Block */

dl.address-block dt {
	float: left;
	width: 150px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

dl.address-block dd {
	padding: 0;
	margin: 0 0 0 150px;
}

* html dl.address-block dd.street-city, * html dl.address-block dd.state-zip {


/* Hack IE only */
	padding: 0;
	margin: 0 0 0 153px;
}

dl.address-block dd input.txt {
	width: 330px;
	padding: 0;
	margin: 0;
}

dl.address-block dd label {
	display: block;
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 0.75em;
	font-weight: normal;
	color: #999999;
}

* html dl.address-block dd.state-zip {


/* Hack IE only */
				clear: both;
	padding: 0 0 0 153px;
	margin: 0 0 0 0;
}

dl.address-block dd.state-zip div.state-div {
	display: block;
	float: left;
	width: 3em;
	padding: 0;
	margin: 0;
}

dl.address-block dd.state-zip div.state-div input.txt {
	width: 2em;
	padding: 0;
	margin: 0x;
}

dl.address-block dd.state-zip div.zip-div input.txt {
	width: 10em;
}

.errorvalidate {
	xbackground: #630007;
	color: #f5061b;
	border-color: #f5061b;
	font-size: 1.0em;
}

#venus {
	display: none;
}

/**************************************/

/*               FOOTER               */

/**************************************/

#footer {
	color: #626262;
}

#footer a:link, #footer a:visited {
	color: #555;
}

#footer a:hover, a:active {
	color: #d7622e;
	text-decoration: none;
}

.botbox-1 {
	padding: 10px;
	background-color: #181818;
	height: 80px;
}

.botbox-2 {
	padding: 10px;
	background-color: #181818;
	height: 80px;
	width: 20.6%;
}

ul.sliderotator {
	xlist-style: none;
	xmargin-left: -11px;
	/*margin-left: auto;
	margin-right: auto;*/
	margin-top: 0;
	display: inline-block;
}

ul.sliderotator li {
	padding: 0;
	list-style: none;
	margin-left: -20px;
	margin-top: 0;

}

#soc_ml {
	width: 870px;
}

#mailing_list {
	float: right;
	xright: 70px;
	top: 0px;
	position: relative;
	height: 20px;
}

#mailing_list input[type="text"] {
	width: 170px;
	xborder: 0;
	xheight: 26px;
}

#mailing_list input[type="submit"] {
	width: 36px;
	height: 22px;
	margin-left: 8px;
	background-color: #e27835;
	border: 0;
	font-weight: bold;
	font-size: 12px;
}

#workexp_button {
	position: relative;
	xtop: 440px;
	left: 46px;
	margin-left: 46px;
	padding-left: 46px;
	height: 28px;
	width: 1px;
	margin: 0;
	padding: 0;
}

#social_links {
	float: left;
}


#navbar {
	
	
}

#slider {
	xmargin-top: 10px;
}

#wexp_cont_butt {
	padding: 6px;
	text-align: center;
	
	border: 1px solid #505050;
	cursor: pointer;
	font-size: 1.4em;
	color: #e27735;
}

#wexp_cont_butt:hover {
	background-color: #e27735;
	color: #000;
	
}

#wexp_info {
	margin-top: 20px;
	padding: 10px 20px;
	background-color: #1d1c1c;
}

#livead {
	margin-top: 20px;
	margin-left: -20px;
	
}

ul.rates li {
	font-size: 1.2em;
	padding: 12px;
	margin-bottom: 16px;
	xtext-align: right;
	xmargin-right: 200px;
	xfloat: left;
	width: 400px;
	color: #fae7dc;
	font-weight: bold;
	background-color: #e27835;
}

ul.rates li div {
	xpadding-left: 200px;
	float: right;
	text-align: right;
	xbackground-color: aqua;
	display: inline;
}

/* New Slider CSS */

ul.slideshow {
	list-style:none;
	width: 880px;
	height: 370px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	margin-left: -10px;
	margin-bottom: 14px;
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}


#slideshow-caption {
	width:870px;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size: 14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
	font-size: 14px;
}

.modal_get_nl {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index: 10000;
	
	/* styling */
	background-color: #111;
	
	width: 400px;	
	min-height: 140px;
	border: 1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px 5px #000;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	text-align: center;
	
	xposition: absolute;
	
	xtop: 100%;
}

/* close button positioned on upper right corner */
.modal_get_nl .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.details {
	position:absolute;
	top:26px;
	xright:15px;
	font-size:11px;
	color:#fff;
	width:400px;
}

.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 10px 0;
}

input#get_nl_input {
	width: 250px;
	margin-bottom: 10px;
}

input#get_nl_input.blur {
	color: #999;
	font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	border: 1px solid #111;
}