﻿/*****Reset*****/
/*Remove margin and padding from elements*/
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, html { height:100%; }
body { color: #191919; background-color:white; font-size: 90%; font-family:Arial; }
h1, h2, h3, h4 { font-family: Tahoma, Verdana, Arial; letter-spacing: 0.09em; font-weight:normal; color:#535353; }
h1 { padding:0px; margin:0px; }
h2 { font-size:1.5em; letter-spacing:-1px; padding:0px; margin:0px; }
h3 { margin:0px; font-size:1.3em; }
h4 { font-size: 1.1em; }
p { margin:0.5em 0px 1em 0px; }
ul { list-style-type:none; }
blockquote { margin-left:1em; font-style:italic; color:#505050; text-align:justify; }
img { margin: 0; padding: 0; border: 0; }

a:link { text-decoration: none; color: #FC607D; }
a:visited { text-decoration: none; color: #FC607D; }
a:hover { text-decoration:underline; color: #FC607D; }

/*****Generic Classes*****/
.center { text-align: center; }
.l { float:left; }
.r { float:right; }
.c { clear:both; font-size:0px; line-height:0px; height:0px; }

.oneHalf { float:left; margin-left:26px; width:363px; }
.oneThird { float:left; width:248px; }
.twoThirds { float:left; margin-left:16px; width:498px; }
.leftColumnSmall { width:171px; float:left; }
.rightColumnLarge { width:516px; float:left; margin-left:25px; }
.sectionImageBanner { margin-bottom:25px; height:220px; width:762px; }

.topRightImage { text-align:right; margin:0px 0px 25px 25px; }

.just { text-align:justify; }
.section { margin-bottom:32px; }
.subSection { margin-bottom:16px; }

/*****Basic Layout*****/
#bodyWrap { width:986px; margin:auto; text-align:center; min-height:100%; }
#header { width:100%; height:229px; background: transparent url('../images/header.png') no-repeat; position:relative; }
#headerCredit { width:19px; height:222px; background: transparent url('../images/photosbysoulmates.png') no-repeat; position:absolute; right:-19px; }
#headerCredit a { display:block; width:100%; height:100%; }

#main { text-align:left; height:100%; width:812px; zoom:1; padding-left:171px; background: transparent url('../images/sidebar.png') repeat-y left top; border-right:solid 3px #000000; }
/*#sidebarSpotlight { width:171px; height:390px; position:absolute; left:0px; top:250px; background:transparent url('./themes/site_themes/champagne/images/sidebarSpotlight.png') no-repeat left; }*/
#contentWrapper { height:100%; background:transparent url('../images/contentBackground.png') repeat; }
#content { padding:25px; }
#nav { width:986px; text-align:left; margin:0px; background:transparent url('../images/nav.png') repeat-x top left; }
#navButtonWrapper { display:block; padding:37px 0px 5px 0px; background:transparent url('../images/artofcelebration.png') no-repeat top right; }
#footer { padding:10px; background:transparent url('../images/nav.png') repeat-x top left; color:White; text-align:right; }
/*****Nav*****/
#nav ul, #nav li { list-style:none; display:inline; margin:0px 11px; }
#nav a, #nav a:visited, #nav a:link { font-size:1.2em; font-family:Tahoma, Verdana, Arial; color:#ffffff; }

/*****Content*****/
.item { padding:3em 0px; border-top:solid 2px #a6a6a6; text-align:justify; }
.item h3 { text-align:center; font-size:2.0em; color:#535353; }
.item h4 { text-align:center; font-size:1.5em; color:#a6a6a6; }

#toasts .item { background:transparent url('../images/quotes.png') no-repeat 7px right; }
/***Posts***/
li { list-style:disc inside; padding:0px 0px 0px 10px; line-height:1.5em; }
li li { list-style-type:none; display:block; float:left; width:40%; line-height:1em; padding-left:29px; text-align:left; }

/***Gallery***/
ul.galleria { width:680px; margin-left:auto; margin-right:auto; }
.galleryLink { float:left; margin:15px 0px 15px 50px; }
.galleryCover { position:relative; height:303px; width:303px; zoom:1; }
.galleryCover img { position:absolute; top:0px; left:0px; }
.galleryCover img.hover { display:none; }

#main_image { width:680px; height:454px; text-align:center; margin:20px auto 40px auto; background:Black url('../images/c.png') no-repeat center center; border:solid 3px #222222; }
.galleria li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.galleria li div{left:240px}
.galleria li div .caption{font:italic 0.7em/1.4 georgia,serif;}
p.nextprev { clear:both; }

.slideshow { position:absolute; visibility:hidden; top:0px; }

/***Home***/
#homeContent { width:680px; margin:auto; }
.homeMod { width:303px; height:347px; float:left; margin-left:74px; }
.homeModHead { color:White; padding:0px 5px; background:white url('../images/homeModHead.png') no-repeat top left; height:53px; margin:0px; }
.homeModContent { height:259px; border-left:1px solid #b30d29; border-right:1px solid #b30d29; margin:0px; font-size:12px; }
.homeModContent div { padding:5px; text-align:justify; }
.homeModFooter { color:White; height:36px; text-align:right; background:transparent url('../images/homeModFoot.png') no-repeat top left; margin:0px; padding:9px; font-size:12px; }
.homeModFooter a, .homeModFooter a:hover, .homeModFooter a:visited { color:White; text-decoration:none; }

.homeModHead h3 { font-size:11px; color:White; font-family:Tahoma; padding-top:33px; padding-left:5px; }
.homeModHead div { height:26px; width:100%; text-indent:-1000px; margin:9px 4px; position:absolute; }
#fromTheBlog .homeModHead div { background:transparent url('../images/fromTheBlog.png') no-repeat top left; }
#featuredGallery .homeModHead div { background:transparent url('../images/featuredGallery.png') no-repeat top left; }
#welcome .homeModHead div { background:transparent url('../images/welcome.png') no-repeat top left; }

#fromTheBlog .homeModContent { background:white url('../images/fromTheBlog.jpg') no-repeat top left; }
#welcome .homeModContent { background:white url('../images/welcome.jpg') no-repeat top left; }

#featuredGallery .homeModContent { overflow:hidden; }
#featuredGallery .homeModContent img { margin-top:-3px; margin-left:-1px; }

/***Contact***/
#contact label { display:block; margin-top:1em; }
.contactInfo { font-size:1.5em; color:#a6a6a6; text-align:center; margin-top:100px; }

/***Blog***/
#blogContent { float:left; width:533px; text-align:justify; }
#blogSidebar { float:left; margin-left:16px; width:212px; text-align:center; }
#blogSidebar h2 { text-align:left; border-bottom:solid 1px #a6a6a6; margin-bottom:7px; }
.post { font-size:.9em; margin-bottom:32px; }
h2.title { font-size:2.0em; }
.subTitle { font-size:1.2em; color:Gray; margin-bottom:8px; padding-bottom:8px; border-bottom:solid 1px #a6a6a6; }
.postFooter { font-size:1.2em; color:Gray; }
.blogPhoto { border:solid 3px #222222; }

/***Comments***/
.comments h3 { font-size:1.2em; font-family:Century Gothic, Arial; font-weight:normal; padding:0px;margin:0px; }
.commentCount { float:left; font-size:3em; color:#555555; font-family:Arial; width:60px;text-align:center; margin-left:-10px; }
.commentBody { float:left; width:90%; }
.comment { width:100.8%; margin:0px -15px; padding:10px 10px 10px 10px; background:#f6f6fc; border-top:solid 2px #bbbbbb; }
.alt { background:#ffffff; }
.me { background:#ff387e; color:#fedde9; }
.me h3 { color:#ffc6da; }

/***Search***/
.searchInput { width:135px; }
.searchButton { }
