/*
Theme Name: Stork
Theme URI: Your Theme's URI
Description: Stork Studio; Baby Photography
Version: 1.0
Author: reymendoza
Author URI: www.reymendoza.com.
*/

body {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Helvetica Neue, Helvetica, Verdana, sans-serif;
	font-size: small;
	background: #453a38;
}
#wrap {
	max-width: 960px;
	width: 960px;
	margin: 0 auto;
	padding-top: 75px;
}
#header {
	margin: 0;
	padding: 0px 0px;
	text-align: right;
	color: #efeacd;
	height: 50px;
	_height:50px;
	z-index: 999;
}
/*

#header ul li {

	display: inline;

	font-size: 12px;

}

#header h1 {

	margin: 0;

	padding: 0;

	font-family: "Trebuchet MS", sans-serif;

	font-size: 180%;

	color: #fff;

	}

*/	

#content_wrap {
	width: 960px;
}
#content {
	float: right;
	width: 750px;
	height: 450px;
	background: white;
	overflow:hide;
	padding:0;
	margin:0;
}
#content div.noscroll {
	overflow:hidden;
	height:450px;
	padding:0;
	margin:0;
}
.nopadd {
	margin:0;
	padding:0;
}
#content div {
	/*padding: 0 40px 0 5px;  this pushes the div down e*/ 
	_padding-right:0; /* fix for IE6 */
	_padding-left:0;
}
#content div.text {
	overflow: scroll;
	height:450px;
	width: 410px;
	_width: 410px;
	padding: 0 0 0 10px;
	float: right;
}
#content div.textwide {
	overflow: scroll;
	height:450px;
	width: 710px;
	_width: 710px;
	padding: 0 20px 0 20px;
	float: right;
}
#content div.text p {
	padding: 0 30px 0 20px;
	font-family: Trebuchet MS;
}
.photocontent {
	width: 255px;
	_width:295px;
	height: 450px;
	overflow: hidden;
	float:left;
}
#sidebar {
	float: left;
	width: 210px;
	height: 450px;
	background: White url(images/logo.gif) no-repeat top left;
}
#backhome {
	height: 170px;
	width: 209px;
	_width:200px;
}
/*	

#sidebar div {

	padding: 20px;

	}

*/	

#footer {
	clear: both;
	text-align: right;
	color: #efeacd;
	font-size:80%;
}
#footer p {
	padding: 3px 10px;
	_padding: 0px 20px;
	text-align: right;
	color: #efeacd;
	font-size:100%;
}
html {
	height: 100%;
	overflow: auto;
}
#flashcontent {
	height: 450px;
	width: 745px;
	z-index:1;
}
/*end simpleviwer additional css */



/*

#header ul li a:link,#header ul li a:visited{

	color:#efeacd;

	text-decoration: none;

	padding:5px 10px;

}

#header ul li a:hover{

	color:#555;

	text-decoration: none;

	background-color: #aac4c3;

	padding: 5px 10px;

}	



*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #75974a;
	_font-weight: lighter;
}
h3 {
	color: #75974a;
}
blockquote {
	display: block;
	padding: 10px 0 0 10px;
	width: 330px;
	_width: 320px;
	font-style: italic;
}
blockquote:before, blockquote:after {
	color: #7cbd00;
	display: block;
	font-size: 700%;
	width: 50px;
	font-family: "Times New Roman", Times, serif;
}
blockquote:before {
	content: open-quote;
	height: 0;
	margin-left: -0.55em;
}
blockquote:after {
	content: close-quote;
	height: 50px;
	margin-top: -70px;
	margin-left: 290px;
	_margin-left: 270px;
}
.drop {
	float:left;
	color:#6c7a7d;
	font-size:90px;
	line-height:70px;
	padding-top:0px;
}
.music {
	width:30px;
	height:20px;
	float:left;
	position:top;
	left: -25px;
	text-align: left;
	padding: 0;
}
.music2 {
	width:30px;
	height:30px;
	position:bottom left;
}
/* floating music box pushed at bottom right*/
.music3 {
width:190px;
height:30px;
z-index: 1001;
position:absolute;
bottom:10px;right:0;
float: right;
}

/* additional navigation */
.nav3 {
	width:400px;
	height:20px;
	float:left;
	position:top;
	left: -25px;
	top:18px;
	text-align: left;
	padding: 0;
}
.nav3, .nav3 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background-color: #453a38;
	position: relative;
	float:left;
	left:5px;
	font-size:1.05em;
	display:inline;
}
.nav3 a {
	/*display: block;*/
	width: 	auto;
	text-decoration:none;
	color:#efeacd;
	padding: 5px 10px;
}
.nav3 a:hover {
	color:#555;
	text-decoration: none;
	background-image: url(images/button_animate3.gif);
	padding: 5px 10px;
}
.nav3 a:active {
	background: url(images/button_still.gif) no-repeat;
	background-position: 0px;
	color:#453a38;
}
.nav3 li { /* all list items */
	/*float: left;*/
	width: auto; /* width needed or else Opera goes nuts */
	padding:10px 1px;
	text-decoration:none;
	text-align: left;
	width: 200px;
	display:inline;
}
.nav3 li ul {
	position: absolute; /* background: #453a38; */
	background: url(images/brown_trans.png);
	_background: #453a38;
	padding: 5px;
	width: 100px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	display:block;
}
.nav3 li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
.nav3 li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
.nav3 li:hover ul, .nav3 li li:hover ul, .nav3 li.sfhover ul, .nav3 li li.sfhover ul {
	/* lists nested under hovered list items */

	left: auto;
}
/* end css drop down menu */
/* Drop down menu */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	/*background-color: #453a38;*/
	position: relative;
	float:right;
	left:-10px;
	font-size:.9em;
	z-index:999999;
}
#nav {
	top:-10px;
}
#nav a {
	display: block;
	width: 	auto;
	text-decoration:none;
	color:#efeacd;
	padding: 5px 10px;
}
#nav a:hover {
	color:#555;
	text-decoration: none;
	background-image: url(images/button_animate3.gif);
	padding: 5px 10px;
}
#nav a:active {
	background: url(images/button_still.gif) no-repeat;
	background-position: 0px;
	color:#453a38;
}
#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding:5px 1px;
	text-decoration:none;
	text-align: left;
	width: 89px;
}
#nav li ul {
	position: absolute; /* background: #453a38; */
	background: url(images/brown_trans.png);
	_background: #453a38;
	padding: 5px;
	width: 100px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	display:block;
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	/* lists nested under hovered list items */

	left: auto;
}
/* end css drop down menu */

#flashmenu {
	z-index: 101;
	height: 30px;
	_position: absolute;
	_top: 80px;
	_left: 680px;
}
#nav li ul images {
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}
.current {
	background: url(images/button_still.gif) no-repeat;
	background-position: 0px;
	color:#453a38;
}
div .text ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
div .text ul li.thelist {
	list-style-image: none;
	background-image: url(images/camera_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	padding-bottom: 1%;
	_padding-top: 2px;
	_padding-bottom: 0;
	vertical-align: middle;
}
div .text ul li.thelist a:link {
	color:#000;
	text-decoration: none;
}
div .text ul li.thelist a:hover {
	text-decoration: underline;
}
div .text ul li.thelist a:visited {
	text-decoration: none;
}
div .text ul li {
	list-style-image: none;
	background-image: url(images/bullet_check.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-bottom: 1%;
	_padding-top: 2px;
	_padding-bottom: 0;
	vertical-align: top;
}
hr {
	border: none 0;
	border-bottom: 1px dashed #000;
	width: 90%;
	height: 1px;
	margin-top: 20px;
}
dt {
	font-weight: bold;
	_font-weight: normal;
}
.subline {
	font-style: italic;
	color: #6600cc;
}
/*  forms  ########################################### */

#fcf2 {
	font-size: 11px;
	margin: 5px;
	border: 1px solid #453a38;
	background-color: #FFF;
	width: 300px;
}
#fcf2 h3 {
	font-size: 1.3em;
	background-color: #453a38;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
	margin: 0px;
	display: block;
	width: 100%;
}
#fcf2 p {
	text-align:center;
	padding:8px;
}
#fcf2 em {
	color:#F00;
}
#fcf2 div.r {
	clear: both;
	padding-top: 5px;
	background-color:#FFF;
}
#fcf2 label {
	float: left;
	width: 200px;
	text-align: left;
	padding-left: 20px;
}
#fcf2 span.f {
	float: right;
	width: 235px;
	text-align: left;
}
#fcf2 div.sp {
	clear: both;
}
#fcf2 .req {
	font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
	background: #FFF;
	border:1px solid #000;
	padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
	background: #f2f2f2;
	border:1px solid #3D5686;
}
/* end forms styling */
.float_left {
	float:left;
}
.float_right {
	float:right;
}