/*
Theme Name: WhiteLace
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: White Lace Bridal Theme developed by Ben Coleman, bcnewmedia
Version: 1.0
Author: Ben Coleman, bcnewmedia
Author URI: http://www.bcnewmedia.co.uk/
*/

/*START RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ul,ol{list-style-type:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
/*END RESET*/

/*Text Styles*/
body {font-family:cambria, baskerville, times, 'times new roman', arial; font-size:100%; background:#fff url(images/wall.gif);}

h1{font-size:1.5em;}
h2 {font-size:1.25em;}
h3 {font-size:1.125em;}
h4, h5, h6 {font-size:0.875em;}

h1,h2 ,h3 ,h4,h5,h6,p,ul,ol, small {margin:0 0 0.5em 0; color:#666;}

strong {font-weight:bold;}

i, em {font-style:italic;}

#page-content p a:link, #page-content p a:visited, #page-content p a:active{text-decoration:none; color:#333; border-bottom:1px dotted #333;}
#page-content p a:focus, #page-content p a:hover {text-decoration:none; color:#333; border-bottom:1px solid #333;}

#page-content p, #page-content blockquote{font-size:0.938em; line-height:1.4em;}
#page-content p {text-align:justify; margin:0 0 1em 0;}
#page-content ul, #page-content ol {font-size:14px; line-height:1.4em;}

#page-content ul, #page-content ol{margin-left:1.4em;}
#page-content ul li ul, #page-content ol li ol{margin:0 0 0 1.4em;}
#page-content ul li{list-style-type:disc; list-style-position:outside;}
#page-content ol li{list-style-type:decimal; list-style-position:outside;}

cite {font-style:italic;}

/*Universal styles (display, float, margin, text-align...)*/

.box {min-height:1px; padding:0 24px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}

.noscreen {display:none;}

.meta {color:#666; font-size:0.813em; margin:0 0 15px 0;}

/*LAYOUT*/

#main {width:988px; margin:15px auto 15px auto; overflow:hidden; padding:0 0 20px 0;}

#header {position:relative; height:133px; background:#eee; padding:0 14px; background:url(images/bg-top.png) top no-repeat;}
#logo {position:absolute; top:20px; left:20px;}

#nav {position:absolute; top:75px; left:17px;}
#nav ul {list-style:none;}
#nav ul li {display:inline; float:left; margin:0 8px;}
#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {display:block; padding:0; font-size:1em; color:#666; text-decoration:none; font-family: cambria, 'Hoefler Text', times, 'times new roman', arial;}
#nav ul li a:focus, #nav ul li a:hover{text-decoration:none; color:#333; border-bottom:#666 1px dotted;}
#nav ul li.current_page_item a{text-decoration:none; color:#333; border-bottom:#333 1px dotted;}

#content {position:relative; overflow:hidden; background:url(images/bg-mid.png) repeat-y; height:1%;}

#footer {height:130px; background:url(images/bg-base.png) top no-repeat; overflow:hidden; position:relative; display:block;}
#footer ul {margin:20px 0 0 24px; list-style:none; overflow:hidden; width:964px;}
#footer ul li {float:left; display:inline; margin-right:27px;}
#credit {position:absolute; right:24px; bottom:0; margin:0;}
#copy {position:absolute; left:24px; bottom:0; font-size:0.75em; margin:0;}
#copy a:link, #copy a:visited, #copy a:active {color:#666; text-decoration:none;}
#copy a:focus, #copy a:hover{color:#333;}

/*HOME*/

#intro {background:#eee; position:relative; width:950px; height:358px; background:#eee url(images/bg-home.jpg) no-repeat;}
#intro p {position:absolute; top:10px; left:30px; width:630px; font-size:2em; font-style:italic; font-family: cambria, georgia, times, 'times new roman', arial;}
#intro h1 {position:absolute; top:100px; left:30px; width:550px; font-size:1.25em;}
#intro h2 {position:absolute; top:140px; left:30px; width:550px; font-size:1em;}
#intro strong {font-style:italic; font-weight:normal;}

#cols{overflow:hidden; height:1%; margin:15px 0 15px 0;}
.col30 {float:left; width:300px; overflow:hidden;}
.col30.margin {margin-right:20px;}
.col30 h3 {margin-bottom:3px; font-size:1.25em;}
.col30 h3 a:link, .col30 h3 a:visited, .col30 h3 a:active {text-decoration:none; text-align:left; display:block; padding-bottom:15px; color:#333; background:url(images/bg-3col.gif) bottom no-repeat; }
.col30 h3 a:focus, .col30 h3 a:hover {border-bottom:none;}
.col30 p img.f-left {margin-right:10px;}
.col30 p {position:relative;}

#quote {width:610px; float:left; margin-right:30px;}
#quote blockquote{margin-bottom:20px; overflow:hidden; background:url(images/quote-top.gif) top left no-repeat; padding:0 0 0 35px;}
#quote blockquote p{overflow:hidden; background:url(images/quote-bottom.gif) bottom right no-repeat; padding:0 35px 0 0;}

.col30 p a:link, .col30 p a:visited, .col30 p a:active{text-decoration:none; color:#333; border-bottom:1px dotted #333;}
.col30 p a:focus, .col30 p a:hover {border-bottom:1px solid #333;}

/*SIDEBAR*/

#aside {float:right; width:300px;}
#aside .halfleft {width: 138px; padding: 10px 0 0 0; margin-left: 0; margin-bottom: 20px;}
#aside .halfright {float: right; clear: none; margin-left: 20px; width: 138px; padding: 10px 0 0 0; margin-bottom: 20px;}
#aside p {font-size:0.875em; line-height:1.4em;}
#aside a:link, #aside a:visited, #aside a:active {color:#333; padding:0 0 2px 0; text-decoration:none; border-bottom:dotted 1px #666;}
#aside a:focus, #aside a:hover {border-bottom:dotted 1px #666;}
#aside h3 {color:#333;}
#aside .aside-box {margin-bottom:20px; overflow:hidden;}
#aside .quote-box blockquote{margin-bottom:20px; overflow:hidden; background:url(images/side-quote-top.gif) top left no-repeat; padding:0 0 0 25px;}
#aside .quote-box blockquote p{overflow:hidden; background:url(images/side-quote-bottom.gif) bottom right no-repeat; padding:0 25px 0 0;}

#call {width:300px; height:124px; background:#e4e4e4 url(images/bg-call.jpg) no-repeat; text-align:center; margin:0 0 20px 0; overflow:hidden;}
#call p {padding:34px 0 0 0; font-size:1.375em!important;}
#call p span {color:#333;}

/*PAGE*/

#page {float:left; width:610px;}

#page-title {/*border-bottom:solid 1px #ccc;*/}
#page-title h1 {margin:0; /*margin-bottom:2px;*/}
#page-title h1 a:link, #page-title h1 a:active, #page-title h1 a:visited {border:none; text-decoration:none; color:#333;}
#page-title h1 a:focus, #page-title h1 a:hover {border:none; text-decoration:none; color:#222;}
#page-title p.date {margin:0; color:#000;}
#page-title p.date a {border-bottom:1px solid #5F5F5F; color:#000;}
#page-title p.date a:hover {border-bottom:1px solid #FFF; color:#FFF;}

#page-content {display:block; padding:10px 0;}

.post-title a:link, .post-title a:active, .post-title a:visited {border:none; text-decoration:none; color:#333;}
.post-title a:focus, .post-title a:hover {border:none; text-decoration:none; color:#222;}

/* OTHER */
.divider {margin:0 0 10px 14px;}

.alignright {float:right; margin-left:20px;}
.alignleft {float:left; margin-right:20px;}

#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%;padding: 2px;}
#commentform #submit {margin: 0;float: right;}

.nocomments {text-align: center;margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}

img.avatar {float:left; margin-right:5px;}

/*Collections*/
#collections{list-style:none; overflow:hidden; margin:0 0 20px 0!important;}
#collections li {width:290px; float:left; display:inline; margin:0 15px 10px 0;} 
.clear{clear:both;}
#collections li img {margin:0 10px 0 0; float:left; display:inline; padding:4px 0 0 0;}
#collections a:link, #collections a:visited, #collections a:active{text-decoration:none; color:#333; border-bottom:1px dotted #333;}
#collections a:focus, #collections a:hover {text-decoration:none; color:#333; border-bottom:1px solid #333;}

/*Figures*/
#figures{list-style:none; overflow:hidden; margin:0 0 20px 0!important;}
#figures h3 {font-size:1.25em; border-bottom:1px #ddd solid; padding:0 0 5px 0;}
#figures li {width:290px; float:left; display:inline; margin:0 15px 10px 0;} 
#figures li img {margin:0 0 0 10px; float:right; display:inline; padding:4px 0 0 0;}

/*Galleries*/
#gallery{list-style:none; overflow:hidden; margin:0 0 20px 0!important; width:620px; clear:both; padding:10px 0 0 0;}
#gallery li { float:left; display:inline; margin:0 10px 5px 0;} 

/*Form*/

input, textarea{ color:#666; font-family: cambria, 'Hoefler Text', times, 'times new roman', arial; padding:2px; border: 1px solid #ababab;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px; font-size:14px;}

/*Lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }