/*
Theme Name: A Tybee Island Wedding
Theme URI: http://atybeeislandwedding.com/
Description: Custom theme designed and built for A Tybee Island Wedding by Erik Reagan of Ideal Design Firm, LLC
Version: 1.0
Author: Erik Reagan
Author URI: http://erikreagan.com/
Tags:
*/
* { margin: 0; padding: 0; }
body { background: #fefdfd url(images/site-bkg.jpg) top repeat-x; }
#container { width: 835px; margin: 0 auto 80px auto; }
#header { height: 180px; position: relative; }
#header h1 { height: 173px; width: 506px; background: url(images/logo.jpg) no-repeat; position: absolute; top: 5px; left: 0; }
#header span { display: none; }
#header p { height: 55px; width: 260px; position: absolute; top: 103px; right: 10px; background: url(images/head-info.jpg) no-repeat; }
#main { background: url(images/main-bkg.jpg) top repeat-x; padding: 0 10px; z-index: 10; }
#menu { top: 20px; height: 55px; position: relative; }
#menu a { font-family: Helvetica, Arial, Tahoma, Serif; }
#menu span { display: none; }
#menu a { position: absolute; top: 0; color: #fff; height: 14px; background-repeat: no-repeat; }
#menu a:hover, #menu a.current { padding-bottom: 4px; border-bottom: 3px solid #586a74; }
#menu a#home { background-image: url(images/menu-home.jpg); width: 48px; }
#menu a#yourwedding { background-image: url(images/menu-yourwedding.jpg); width: 127px; }
#menu a#packages { background-image: url(images/menu-packages.jpg); width: 87px; }
#menu a#photos { background-image: url(images/menu-photos.jpg); width: 122px; }
#menu a#info { background-image: url(images/menu-info.jpg); width: 37px; }
#menu a#contact { background-image: url(images/menu-contact.jpg); width: 101px; }
.menu { list-style: none; list-style:none; position:relative; z-index:500; }
.menu li.top {display:block; float:left;position:relative;}
.menu li a.top_link {font: normal 14px Helvetica, Arial, Tahoma, Serif; line-height: 90px; color: #fff; text-transform: uppercase; text-decoration: none; display:block; float:left; height:90px;cursor:pointer;}
.menu li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:90px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:90px;}
.menu li a.top_link:hover { color:#000; }
.menu li a.top_link:hover span {}
.menu li a.top_link:hover span.down {}
#menu li.home { left: 30px; }
#menu li.yourwedding { left: 119px; }
#menu li.packages { left: 297px; }
#menu li.photos { left: 435px; }
#menu li.info { left: 601px; }
#menu li.contact { left: 684px; }
.menu li:hover > a.top_link {color:#000;}
.menu li:hover > a.top_link span {}
.menu li:hover > a.top_link span.down {}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; position:absolute; z-index:200;}
.menu li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu :hover ul.sub {position:absolute;left:0; top:21px; background: #1b2830; padding: 7px 3px; border:1px solid #1b2830; white-space:nowrap; width:180px; height:auto; z-index:300;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; width:165px; font-weight:normal;}
.menu :hover ul.sub li a {display:block; font-size:12px; width:165px; text-indent:5px; margin: 4px 0; color:#000; text-decoration:none;}
.menu :hover ul.sub li a.fly {background:#fff }
.menu :hover ul.sub li a:hover {text-decoration:underline; border: none !important;}
.menu :hover ul.sub li a.fly:hover {background:#3a93d2; color:#000;}
.menu :hover ul li:hover > a.fly {background:#3a93d2; color:#000;}
.menu li:hover > #home, .menu li #home:hover, .menu li #home.active,
.menu li:hover > #yourwedding, .menu li #yourwedding:hover, .menu li #yourwedding.active,
.menu li:hover > #packages, .menu li #packages:hover, .menu li #packages.active,
.menu li:hover > #photos, .menu li #photos:hover, .menu li #photos.active,
.menu li:hover > #info, .menu li #info:hover, .menu li #info.active,
.menu li:hover > #contact, .menu li #contact:hover, .menu li #contact.active
{ padding-bottom: 4px; border-bottom: 3px solid #586a74; }
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:165px; z-index:400; height:auto;}
#content { border-right: 1px solid #394750; border-left: 1px solid #394750; clear: both; padding: 190px 10px 10px 10px; background: #fff url(images/cont-bkg4.jpg) top center no-repeat; border-bottom: 25px solid #4d606b; z-index: 10; }
#content h2.pagetitle { position: relative; left: -212px; top: -7px; width: 274px; font-size: 14pt; line-height: 56px; color: #fff; background: url(images/h2-bkg.png) top left no-repeat; padding-left: 15px; text-transform: uppercase; font-family: tahoma; font-weight: normal; }
#content h3 { margin-bottom: 10px; color: #08548f; }
#content ul, #content ol { font-size: 10pt; margin: 5px 0 10px 40px; padding: 0; }
#content.home { background-image: url(images/cont-bkg3.jpg); padding-top: 345px; }
#thebody, #body2 { float: right; width: 600px; }
#body2 { margin-top: 15px; }
/*#thebody h2 { left: -212px; }*/
#content.widecolumn #thebody { float: none; width: 100%; margin-top: 5px; }
#content.widecolumn #thebody h2 { font-size: 11pt; left: -18px; top: -15px; }
#content table.congrats-pics { width: 500px; /* margin: 0 auto;*/ }
#content table.congrats-pics td { text-align: center; padding: 5px; width: 150px; height: 150px; }
#content table.congrats-pics td a img { padding: 1px; border: 1px solid #c9c9c9; }
#content table.congrats-pics td a:hover img { border: 1px solid #000; }
#homepage { position: relative; }
#homepage #sidebar { padding-top: 5px; }
#homepage #thebody h2.pagetitle { position: absolute; left: -19px; top: -65px; }
#homepage .entry { }
#homepage .entry h2 { top: 0; left: 10px; height: 39px; width: 526px; background: url(images/welcome-text.jpg) no-repeat; }
#homepage .entry h2 span { display: none; }
#homepage #payment { background: #c6dbe6; padding: 9px; }
#homepage #payment h3 { font-family: tahoma; text-transform: uppercase; line-height: 20px; font-size: 12pt; text-align: left; background-color: transparent; color: #003a6e; }
#homepage #payment p { font-size: 10pt; line-height: 130%; text-align: justify; }
#homepage #payment .rightpic { margin-top: -4px !important; }
#homepage #congratulations { margin: 14px 0; }
#homepage #congratulations h3 { height: 45px; width: 567px; background: url(images/congrats-to.jpg) no-repeat; }
#homepage #congratulations h3 span { display: none; }
#congratulations ul { width: 580px; margin: 4px auto; color: #2368b5; }
#congratulations li { width: 259px; float: left; margin-left: 31px; }
#congratulations a, #congratulations a:visited { display: block; text-decoration: none; text-transform: uppercase; color: #2368b5; font-size: 10pt; }
#congratulations a:hover { text-decoration: underline; }
#sidebar { margin-top: 75px; left: -10px !important; float: none !important; }
.home #sidebar { margin-top: 39px; }
#sidebar ul { list-style: disc !important; margin-left: 0; }
#sidebar ul ul { list-style: disc; }
#sidebar { width: 200px; float: left; position: relative; top: -17px; left: -10px; color: #394750;}
#sidebar .page_item, #sidebar h3 { font-size: 13pt; text-transform: uppercase; margin-top: 10px; margin-left: 10px; font-weight: normal; }
#sidebar .page_item ul li, #sidebar ul li { margin: 0 0 0 35px; padding: 0; }
#sidebar .page_item ul { margin-left: 0px; font-family: tahoma; }
#sidebar li li a, #sidebar ul li a{ text-transform: uppercase; color: #394750; text-decoration: none; font-family: tahoma; font-size: 10pt; display: block; padding: 2px 0; }
#sidebar li a:hover { text-decoration: underline; color: #336699; }
#membership, #sidebar #membership { position: relative; margin-top: 14px; height: 790px; background: url(images/mem-bkg-tmp2.png) top no-repeat; }
#sidebar #membership ul li span, #sidebar #membership h4 { display: none; }
#sidebar #membership ul { list-style: none !important; position: relative; }
#sidebar #membership ul li a { position: absolute; top: 0px; left: 0px; display: block; height: 117px; width: 140px; }
#sidebar #membership #bbb { top: 53px; left: 30px; }
#sidebar #membership p#tiwa a { display: block; height: 138px; width: 138px; position: absolute; bottom: 65px; left: 30px; }
#sidebar #membership p a span { display: none; }
#sidebar #membership ul#social { display: block; height: 42px; width: 182px; position: absolute; bottom: -14px; left: 9px; }
#sidebar #membership ul#social li a { display: block; width: 32px; height: 32px; position: absolute; }
#sidebar #membership #facebook { left: 5px; }
#sidebar #membership #twitter { left: 52px; }
#sidebar #membership #myspace { left: 98px; }
#sidebar #membership #youtube { left: 145px; }
/*#thebody h2 { left: 0; top: 0; width: auto; font-size: auto; line-height: auto; color: #000; background: none; padding-left: 0; text-transform: none; font-family: auto; }*/
/*#sidebar .current_page_item { text-decoration: underline; }
#sidebar .current_page_item > ul li .page_item { text-decoration: none; }*/
form fieldset { width: 355px; margin-right: 20px; border: 0; float: left; padding: 10px; }
form fieldset#needs p { float: left; margin-right: 15px; width: 150px; }
form legend { }
form label { }
form input, form textarea { font: normal 11pt "Lucida Grande", Arial, Tahoma, Serif; padding: 3px; }
form input[type="text"] { width: 300px; }
form input[type="submit"] { font-family: Arial; }
form textarea { height: 200px; width: 300px; }
#top { }
#results ul { list-style: none; margin: 0; }
#results li { position: relative; padding: 6px; }
#results li strong { width: 200px; }
#results li span { position: absolute; left: 0; margin-left: 220px; }
#results .error { background: #efefef; border: 1px solid #ccc; padding: 10px; }
#results .error ul { list-style: disc; margin-left: 30px; }
#results .error li { padding: 2px; }
#footer { clear: both; }
#footer #idf { background: url(images/idf.png) no-repeat; width: 151px; height: 18px; text-decoration: none; }
#footer p { margin-top: 6px; }
#footer a span { visibility: hidden; }
#leftcorner { position: fixed; bottom: 0; left: 0; background-image: url(images/flower2.png); height: 216px; width: 207px; z-index: 1; }
#rightcorner { position: fixed; bottom: 0; right: 0; background-image: url(images/flower1.png); height: 216px; width: 207px; z-index: 1; }
.left, .alignleft { float: left; }
img.alignleft { margin: 6px 6px 6px 0; }
.right, .alignright { float: right; }
img.alignright { margin: 6px 0 6px 6px; }
.clear { clear: both; }
.tright { text-align: right; }
.blue, .blue a, .blue a:visited, .blue a:hover { color: #08548f; background: #eaf3f7; }
.blue a { font-weight: bold; }
.note { text-align: center; padding: 10px; margin: 10px auto; }
.red { color: red; }
p.quote { margin: 20px 0; }
a img { border: 0; }
a, a:visited, a:active { color: #08548f; text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote { clear: both; margin: 10px 0 10px 30px; font-style: italic; font-family: Georgia; color: #333; }
p.attachment { text-align: center; }
#container { font-family: "Lucida Grande", Arial, Tahoma, Serif; }
#content p { font-size: 10pt; line-height: 140%; margin-bottom: 10px; }
#footer p { font-size: 9pt; }
.congrats table { width: 100%; }
.congrats table a img { border: 4px solid #c0c0c0; padding: 1px; }
/*******************************************/
/* sIFR CSS Settings */
/* A highly useful tool */
/* From Mike Davidson & Friends */
/* Available @ mikeindustries.com/sifr */
/*******************************************/
.sIFR-flash { visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }