/*  
Theme Name: Monica Davis
Theme URI: http://monicafdavis.com/
Description: Monica's Site Design
Version: 1
Author: Trevor Davis
Author URI: http://trevordavis.net/
*/

/***Reset***/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/***Basic Elements***/
body { background: #231f20; font: 62.5% "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
body.windows { font-family: Arial, Verdana, sans-serif; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, blockquote { margin-left: 36px; }
blockquote { margin-right: 36px; }
a { color: #ee3d96; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }
h1, h2 { color: #ec008c; font-size: 1.167em; text-transform: lowercase; }
h2 { padding-top: 18px; }
body#home h1 { color: #939598; font-size: 1.5em; font-weight: normal; }

/***Generic Classes***/
.clearing { clear: both; height: 0; }
.screenReader { left: -9999px; position: absolute; }

/***Basic Layout***/
div#container { 
	background: url(images/template/container-bg.gif) no-repeat 100% 80px;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 auto;
	padding: 174px 0 20px 0;
	width: 640px;
}
div#content { 
	background: #fff url(images/template/content-bg.gif) no-repeat bottom right;
	color: #231f20;
	float: right;
	padding: 36px 40px 130px 50px;
	width: 440px;
}
body#work div#content { padding-right: 20px; width: 460px; }

/***Navigation***/
ul#navigation { 
	float: left; 
	list-style: none;
	margin: 7px 0 0;
	width: 100px;
}
ul#navigation li { width: 100%; }
ul#navigation a {
	color: #fff;
	display: block;
	text-align: right;
	text-transform: uppercase;
	width: 100%;
}
body#home ul#navigation li#homeNav a, body#work ul#navigation li#workNav a, body#resume ul#navigation li#resumeNav a, body#contact ul#navigation li#contactNav a { color: #ee3d96; }
ul#navigation a:hover { color: #939598; text-decoration: none;}

/***Logo***/
h1#logo, p#logo a {
	display: block;
	height: 18px;
	overflow: hidden;
	position: relative;
	width: 134px;
}
h1#logo { margin-bottom: 18px; }
p#logo { float: left; width: 100%; }
p#logo a { float: right; }
body#work p#logo a { margin-right: 20px; }
h1#logo span, p#logo a span {
	background: url(images/template/logo.gif) no-repeat top left;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/***Home****/
div.homeContent { float: left; width: 300px; }
div#featuredWork { float: right; width: 120px; }
div#featuredWork h2 { margin-bottom: 5px; padding-top: 0; text-align: right; }
div#featuredWork ul { list-style: none; margin: 0; }
div#featuredWork li { float: left; text-align: right; width: 60px; }

#featuredPhotography { clear: right; float: right; width: 100px; }
#featuredPhotography h2 { margin-bottom: 5px; text-align: right; }
#featuredPhotography ul { list-style: none; margin: 0; overflow: hidden; }
#featuredPhotography li { float: left;margin-bottom: 5px; width: 100%; }
#featuredPhotography img { border: 1px solid #cecece; display: block; padding: 1px; }
#featuredPhotography a:hover img { border-color: #EE3D96; }

/***Resume Layout***/
ul.resumeSection { list-style: none; margin: 0;}
ul.resumeSection li { margin-bottom: 18px; }
ul.resumeSection h2, ul.resumeSection h3 { color: #231f20; font-size: 1em; padding-top: 0; text-transform: none; }
ul.resumeSection h3 { display: inline; }
ul.resumeSection .location { display: block; }

/***Work Layout***/
ul#portfolioNav {
	clear: both;
	float: right; 
	list-style: none; 
	margin: 0;
	width: 180px;
}
ul#portfolioNav li { float: left; text-align: right; width: 60px; }

div#featured { background: url(images/template/loading.gif) no-repeat 50% 50px; clear: left; width: 280px; }
div#featured a { display: none; width: 280px; }
div#featured a.current { display: block; }
div#featured img { display: block; }

div#projectInfo { clear: both; }
div#projectInfo div { display: none; }
div#projectInfo div.current { display: block; }
div#projectInfo h2, div#projectInfo h3 { color: #231f20; font-size: 1em; }
div#projectInfo h2 { text-transform: none; }
div#projectInfo h3 { margin-bottom: 18px; }
div#projectInfo .label { color: #ee3d96; text-transform: lowercase; }

/***Forms***/
ol.forms { list-style: none; margin: 0; }
ol.forms li { margin-bottom: 18px; }
ol.forms label { display: block; font-weight: bold; }
ol.forms input, ol.forms textarea { border: 1px solid #231f20; font: inherit; padding: 2px; width: 244px; }
ol.forms textarea { height: 200px; width: 344px; }
ol.forms .error { color: #ee3d96; display: block; }
ol.forms li.buttons button { 
	background: #ee3d96;
	border: 1px solid #000;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-family: inherit;
	font-size: 1.083em;
	font-weight: bold;
	-moz-border-radius: 3px;
	overflow: visible;
	padding: 2px 3px; 
	-webkit-border-radius: 3px;
	width: auto;
}

a.resumeButton {
	background: #ee3d96;
	border: 1px solid #000;
	border-radius: 3px;
	color: #fff;
	float: right;
	font-size: 1.083em;
	font-weight: bold;
	-moz-border-radius: 3px;
	padding: 5px; 
	text-decoration: none;
	-webkit-border-radius: 3px;
}

/*****Lightbox Code*****/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/template/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/template/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/template/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/template/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}