/* 
Author: 			Swizzle Designs
Author URI: 		http://www.swizzledesigns.com/
Version:			1.0
Project:			Liz Fosdick weddings and events

Globals:		 	Blue-Gray #e3eaf0
					Dark Gray #432e29
					Charcoal #516e7a
					Navy #333e54 
*/

/* BASICS ------------------------------------------------------------------------------------*/

html,body {height:100%; min-height:100%; padding:0; margin:0; background:url('/assets/img/canvas.jpg') repeat;}
body{background:url('/assets/img/header_bg.gif') repeat-x top left; font-size:62.5%; color:#666; font-family: "Arial", Helvetica, sans-serif;}
#flower-tl{background:url('/assets/img/flower-tl.png') no-repeat; position:absolute; display:block; height:190px; width:181px; top:200px; left:0}
#flower-br{background:url('/assets/img/flower-br.png') no-repeat; position:absolute; display:block; height:278px; width:195px; bottom:0; right:0}

.clearfix:after {display:block; content:"."; height:0; visibility:hidden; clear:both; }
* html .clearfix {height:1%;}
		
a{color:#333e54; text-decoration:none; background:#D6DDE2; padding:2px 4px}
a:hover	{color:#333e54}
a:active{color:#333e54				}
a:visited{color:#333e54	}
	
img.left{margin:0 1em 1em 0; }
img.right{margin:0 0 1em 1em; }

.padding{padding:5px; }
#content p{margin:1.1em 0; }
.spacer {clear:both;height:1em}
	

/* NAVIGATION MENU ------------------------------------------------------------------------------------*/

#navigation {background:#806c4b url('/assets/img/nav_bg.gif') repeat-x bottom left;position:absolute; top:40px; left:-29px;} 
#navigation ul {margin:5px 0; padding:0 0 0 20px; border-top:1px dashed #ae9a75; border-bottom:1px dashed #ae9a75; list-style:none; height:60px}
#navigation a {background:none; /*text-shadow: #6374AB 20px -12px 2px;*/color:#f4f4f4; display:block; padding:17px 15px; text-decoration:none; outline:none}
#navigation a:hover, #navigation .current {text-decoration:none; padding:17px 15px; color:#fff; outline:none; background:url('/assets/img/nav_highlight.png') no-repeat 50% 0}
#navigation li {float:left;font-size:1.3em;font-family:"Arial", Helvetica, sans-serif}
#navigation li{padding:0 5px; margin:0;}
#navigation li.last {background:url('/assets/img/nav_end.png') no-repeat; position:absolute; right:-12px; top:-8px; display:block; height:90px; width:6px}
#navigation span {background:url('/assets/img/nav_wrap.png') no-repeat; position:absolute; left:0px; bottom:-8px; display:block; height:8px; width:9px;}

/* STRUCTURE ------------------------------------------------------------------------------------*/

#container{font-size:1.5em;position:relative}
#header{height:150px}
#content{position:relative; border:20px solid #fff; background:#e3eaf0; padding:0 20px}
#content .wrapper {/*border:20px solid #fff; background:#e3eaf0; padding:0 20px*/}
#footer{clear:both;width:100%;margin:0;padding:2em 0;font-size:80%; color:#444}

/* CUSTOM ------------------------------------------------------------------------------------*/

#header h1 {text-indent:-99999px; padding-top:0.8em; }
#header h1 a {background:url('/assets/img/lizfosdick_logo.png') no-repeat; display:block; width:370px; height:90px; outline:none; border:none}

#content .textblock {clear:both; float:left; width:520px; padding:120px 20px 0 0}
#content .textblock p {line-height:1.8em; font-size:1em}
#content .sideblock {float:right; padding:10px 0 0 0}
#content .sideblock .consultation {padding:10px 0 10px 50px; margin:10px 0 0 0;}

.button-book a {margin-left:25px; text-indent:-99999px; width:253px; height:53px; background:url('/assets/img/button-book.gif') no-repeat; display:block; outline:none}

#weddings #content .textblock p {line-height:1.8em; font-size:1em; margin-bottom:1em}
.menu {width: 520px;list-style: none;margin: 0 0 0.5em;padding: 0;font: 170%/110% Arial, Helvetica, sans-serif;}
.menu li {clear: both;margin: 0;padding: 0 0 1.8em 0;position: relative;border-bottom: dotted 2px #999;}
.menu strong {background:#e3eaf0; padding: 0 10px 0 0; font-weight:normal; position:absolute; bottom:-.3em; left:0; color:#333E54}
.menu em {background: #e3eaf0;padding: 0 0 0 5px;font: 70%/100% "Trebuchet MS", "Times New Roman", Times, serif;position: absolute;bottom: -.2em;right: 0;}
.menu sup {font-size: 50%;color: #666;margin-right: 5px;}
#weddings .icon {float:left; margin-right:20px; padding-top:10px}

#blog #content .textblock p {line-height:1.8em; font-size:1em; margin-bottom:1em}
#blog #content h3 a {margin:0; padding:0; line-height:1em; background:none}
#blog #content h3 a:hover {text-decoration:underline}
#blog .meta {margin:0; padding:0; font-size:0.9em}
#blog .nav_categories ul {list-style:none}
#blog .sideblock {float:right; width:270px}
#blog .sideblock a {background:none}
#blog .sideblock ul {margin:10px 0 20px 15px; padding:0}
#blog .sideblock li {padding:4px 0; font-size:0.9em}
#blog .sideblock h3 {margin:30px 0 10px 0}
#blog .comment-entries {border-bottom:1px solid #333E54; padding:5px}
#blog #content .textblock p {font-size:0.9em}

#footer .padding {}
#footer h3 {}

/* GALLERY ------------------------------------------------------------------------------------*/

ul#thumbs, 
ul#thumbs li{margin:0;padding:0;list-style:none;}
ul#thumbs li{float:left;margin:10px 20px;border:5px solid #ccc;}
ul#thumbs a{display:block;float:left;width:200px;height:150px;line-height:150px;overflow:hidden;position:relative;z-index:1;}
ul#thumbs a img{float:left;position:absolute;top:0px;left:0px;}
ul#thumbs em {position:absolute;
		top:0px; left:0px;
		font-style:normal;
		font-weight:bold;
		font-size:12px !important;
		line-height:15px;
		text-align:center;
		width:210px;
		padding:8px 0 !important;
		opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8;
		background:#fff; 
		border-bottom:1px solid #fff;
	}
ul#thumbs:after, 
li#thumbs:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul#thumbs, 
li#thumbs{display:block;}
ul#thumbs, 
li#thumbs{min-height:1%;}
* html ul#thumbs, 
* html li#thumbs{height:1%;}	


