/*
Hidden Secret Wedding Boutique
Author: Lee Munroe www.leemunroe.com 2008
*/


/* 
################### CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
################### Colour reference ###################
#e9e3e3		Light grey
#3f3f3f		Dark grey
#900000		Deep red
#90003b		Purple
#e05d91		Pink
*/
 
 
/*
################### Reset defaults ################### 
*/

*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}

html {
overflow: -moz-scrollbars-vertical;
}


/*
################### Layout ################### 
*/

body{
background:url(/images/layout/bg.png);
font:72.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
color:#3f3f3f;
}

#skipto{
display:none;
}

#header{
background:url(/images/layout/headerbg.png) repeat-x bottom;
height:131px;
padding-top:15px;
}

#header-container{
width:740px;
margin:0 auto;
position:relative;
}

#search{
clear:right;
float:right;
margin-top:20px;
}

#content{
background:url(/images/layout/contentbggrad.png) repeat-x #fff;
border-bottom:1px solid #a6a6a6;
}

#content-container{
background:url(/images/layout/contentbg.png) repeat-y center left #fff;
width:770px;
margin:0 auto;
}

#content-container-extra{
background:url(/images/layout/contentbgextra.png) no-repeat top;
position:relative;
top:-5px;
padding:15px;
}

#links{
background:#e8e3e3;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
position:relative;
}

#links-container{
background:url(/images/layout/linksbg.png) repeat-y;
width:770px;
margin:0 auto;
padding:15px 0;
}

.links-block{
width:210px;
padding:0 15px;
float:left;
}

#footer{
border-top:1px solid #a6a6a6;
background:url(/images/layout/footerbg.png) repeat-x;
}

#footer-container{
width:770px;
margin:0 auto;
}

#footer-contact{
padding:5px;
text-align:center;
background:url(/images/layout/footerbg.gif) no-repeat bottom;
}

.gallery{
text-align:center;
}

/*
################### Nav ################### 
*/
#nav{
clear:both;
list-style:none;
margin:0 0 10px 10px;
position:relative;
bottom:5px;
}

#nav li{
display:inline;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
}

#nav li a{
margin-right:4px;
color:#fff;
padding-left:15px;
height:37px;
float:left;
background:url(/images/layout/nav.gif) top left no-repeat;
}

#nav li a span{
float:left;
height:30px;
padding-top:7px;
display:block;
padding-right:15px;
background:url(/images/layout/nav.gif) top right no-repeat;
}

#nav li a:hover{
background-position:0% -37px;
color:#3f3f3f;
cursor:pointer;
}

#nav li a:hover span{
background-position:100% -37px;
}

#nav li a.current{
background-position:0% -37px;
color:#3f3f3f;
}

#nav li a.current span{
background-position:100% -37px;
}

#sub-nav{
list-style:none;
float:right;
}

#sub-nav li{
display:inline;
padding:0 4px;
border-right:1px solid #fff;
float:left;
}

#sub-nav li a{
color:#FFF;
padding-left:6px;
height:21px;
float:left;
}

#sub-nav li a span{
height:100%;
display:block;
padding-right:6px;
float:left;
}

#sub-nav li a:hover{
background:url(/images/layout/subnavleft.gif) no-repeat left #e05d91;
cursor:pointer;
}

#sub-nav li a:hover span{
background:url(/images/layout/subnavright.gif) no-repeat right #e05d91;
cursor:pointer;
}

#sub-nav li a.current{
background:url(/images/layout/subnavleft.gif) no-repeat left #e05d91;
}

#sub-nav li a.current span{
background:url(/images/layout/subnavright.gif) no-repeat right #e05d91;
cursor:pointer;
}

#sub-nav .last, #sub-sub-nav .last{
border-right:none;
}

#sub-sub-nav{
list-style:none;
margin:0 0 30px 0;
position:relative;
}

#sub-sub-nav li{
display:inline;
float:left;
padding:0 4px;
border-right:1px solid #3f3f3f;
position:relative;
}

#sub-sub-nav li a{
color:#3f3f3f;
padding-left:6px;
height:21px;
float:left;
border:none;
}

#sub-sub-nav li a span{
height:19px;
display:block;
padding-right:6px;
padding-top:2px;
float:left;
}

#sub-sub-nav li a:hover{
background:url(/images/layout/subsubnavleft.gif) no-repeat left #e8e3e3;
cursor:pointer;
}

#sub-sub-nav li a:hover span{
background:url(/images/layout/subsubnavright.gif) no-repeat right #e8e3e3;
cursor:pointer;
color:#90003b;
}

#sub-sub-nav li a.current{
background:url(/images/layout/subsubnavleft.gif) no-repeat left #e8e3e3;
}

#sub-sub-nav li a.current span{
background:url(/images/layout/subsubnavright.gif) no-repeat right #e8e3e3;
}

#sub-sub-nav .last{
border-right:none;
}


/*
################### Headings ################### 
*/

h1{
width:170px;
height:84px;
background:url(/images/layout/hiddenlogo.gif) no-repeat;
float:left;
margin-bottom:10px;
}

h1 span{
position:absolute;
left:-9999px;
}

h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2em;
color:#e05d91;
margin:5px 0 20px 0;
font-weight:normal;
}

h2 span{
color:#e9e3e3;
}

h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
color:#90003b;
margin-bottom:10px;
font-weight:normal;
}


/*
################### Lists ################### 
*/

#links ul{
list-style:none;
}

#links ul li{
border-bottom:1px solid #a6a6a6;
margin:5px 0;
}

#links li a{
padding-left:25px;
background:url(../images/layout/linkmarker.gif) no-repeat top left;
height:25px;
display:block;
padding-top:3px;
}

#links li a:hover{
background-position:0% -25px;
}

.content-text ul{
margin-left:30px;
margin-bottom:20px;
}

/*
################### Images ################### 
*/

img{
border:none;
}


/*
################### Links ################### 
*/

#content a, .link{
color:#90003b;
border-bottom:1px solid #90003b;
}

#content a:hover, .link:hover{
color:#fff;
background:#90003b;
}

h1 a{
display:block;
width:100%;
height:100%;
}

.links-block ul a{
color:#3f3f3f	;
}

.links-block ul a:hover span{
color:#90003b;
border-bottom:1px solid #90003b
}

#content-container .home-pic a{
border:none;
background:none;
}

#content-container .home-links a{
width:240px;
height:90px;
border:5px solid #e8e3e3;
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
margin-bottom:20px;
}

#content-container .home-links a span{
position:relative;
top:65px;
left:25px;
color:#424242;
}

#content-container .home-links a:hover{
border-color:#df5d91;
background-color:#fff;;
}

#content-container .home-links .bridal-link{
background:url(/images/pics/homebridelink.jpg) no-repeat;
}

#content-container .home-links .bridesmaid-link {
background:url(/images/pics/homebridesmaidlink.jpg) no-repeat;
}

#content-container .home-links .flowers-link{
background:url(/images/pics/flowerslink.jpg) no-repeat;
}

#content-container .home-links .alterations-link{
background:url(/images/pics/alterationslink.jpg) no-repeat;
}

#content-container .home-links .planning-link{
background:url(/images/pics/planninglink.jpg) no-repeat;
}

#content-container .home-links .stationery-link{
background:url(/images/pics/stationerylink.jpg) no-repeat;
}

#content-container .home-links .boutique-link{
background:url(/images/pics/boutiquelink.jpg) no-repeat;
}


/*
################### Forms ################### 
*/

#search{
width:400px;
text-align:right;
}

.txtinput{
padding:3px;
background:url(/images/layout/inputbg.gif) repeat-x top #fff;
border:1px solid #e05d91;
}

.submit{
padding:3px;
border:1px solid #e05d91;
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
background:#90003b;
}


/*
################### Tables ################### 
*/

table{
margin-bottom:30px;
}


/*
################### Typography ################### 
*/

.content-text p{
margin:20px 0;
}

p{
margin:10px 0;
}

.copyright{
float:left;
color:#e9e3e3;
font-size:0.8em;
}

.leemunroe{
float:right;
color:;
font-size:0.8em;
}

.leemunroe a{
color:#e05d91;
}

p em{
color:#3f3f3f;
font-size:1.6em;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
background:#F7F7F7;
}


/*
################### Other ################### 
*/

.home-links{
float:left;
margin-right:20px;
position:relative;
}

.home-pic{
float:right;
position:relative;
}

.content-photo{
float:left;
margin-right:20px;
width:240px;
position:relative;
}

.content-text{
float:right;
width:445px;
position:relative;
}


#blog .postmetadata{
font-size:0.9em;
margin:0 0 20px 0;
}

#blog .content-text h3{
margin:0;
text-transform:uppercase;
}

#blog .post{
padding-bottom:60px;
background:url(/images/layout/postbg.gif) no-repeat bottom  center;
margin-bottom:10px;
}

#blog h4{
margin:10px 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
}

#blog .content-photo ul{
list-style:none;
margin-bottom:20px;
}

#blog .content-photo ul li{
margin-bottom:10px;
padding-left:10px;
}

.sent{
background:#90003b;
border:solid #e05d91;
border-width:1px 0;
padding:5px;
text-align:center;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
}

#free{
width:115px;
height:115px;
background:url(/images/layout/free.gif) no-repeat;
position:absolute;
top:-50px;
right:-55px;
}

#free a{
display:block;
height:100%;
width:100%;
border:none;
}

#free a:hover{
background:url(/images/layout/free.gif) no-repeat;
}