/*
Theme Name: Kate Voegele Online [Photogenic Designs]
Theme URI: http://photogenic-designs.net
Description: Kate Voegele Online theme, designed by Photogenic Designs.
Version: 1.0
Author: Photogenic Designs
Author URI: http://photogenic-designs.net
*/

/* ######################### CSS STYLESHEET ######################### *\
// ##          WRITTEN EXCLUSIVELY FOR KATE-VOEGELE.NET            ## \\
// ##       CREATED BY PHOTOGENIC - PHOTOGENIC-DESIGNS.NET         ## \\
// ##  FILE MAY NOT BE REDISTRIBUTED IN WHOLE OR SIGNIFICANT PART  ## \\
// ##           CSS STYLESHEET COPYRIGHT 2009 PHOTOGENIC           ## \\
// ##      THIS COPYRIGHT NOTICE MUST REMAIN INTACT FOR USE        ## \\
\* ################################################################## */

body { background: #EDEEEF url('images/bg-repeat.jpg') repeat-x; font: 8pt arial, verdana, tahoma, 'times new roman', sans-serif, serif; padding: 0px; margin: 0px; color: #000; }
a:link, a:visited, a:active { font-weight: bold; text-decoration: none; letter-spacing: 0px; color: #df9595; }
a:hover { color: #333333; }

#main { width: 914px; margin: 0 auto; border: 1px solid #D5D4D0; border-top-width: 0px; position: relative; background: url('images/top.jpg') no-repeat; padding-top: 360px; }

#latest-photos, #official-links { position: absolute; overflow: auto; padding-right: 10px; font-size: 8pt; }
#welcome { position: absolute; overflow: auto; padding-right: 10px; font-size: 7pt; left: 196px; top: 190px; width: 388px; height: 40px; }
#latest-photos, #official-links { top: 277px; height: 68px; }
#latest-photos { left: 33px; width: 320px; }
#official-links { left: 388px; width: 183px; }

#side1-outer, #side1-inner { padding: 0px; margin: 0px; }
#maincontent { padding: 3px 44px 3px 21px; background: url('images/bg-inner-bokttom.jpg') no-repeat bottom; }

#side1 { float: left; width: 569px; background: url('images/bg-side1-repeat.jpg') repeat-y; }
#side1-outer { background: url('images/bg-side1-top.jpg') no-repeat top; }
#side1-inner { background: url('images/bg-side1-bottom.jpg') no-repeat bottom; padding: 13px 8px; }

#side2 { float: right; width: 268px; background: url('images/bg-side2-repeat.jpg') repeat-y; }
#side2-inner { background: url('images/bg-side2-bottom.jpg') no-repeat bottom; padding: 6px; padding-bottom: 15px; }

#footer { padding: 10px; text-align: center; font-weight: bold; font-size: 8pt; letter-spacing: 2px; text-transform: uppercase; }
#clear, .clear { clear: both; }

#nav { list-style-type: none; padding: 0px; margin: 0px; margin: 0 auto;  }
#nav li { position: absolute; float: left; }
#nav a { width: 100%; height: 100%; display: block; }
#nav a:link, #nav a:visited, #nav a:active, #nav a:hover { text-decoration: none; }
#nav span { display: none; }

#home, #kate, #music, #multimedia, #online { height: 47px; top: 0px; }
#home { left: 222px; width: 57px; }
#kate { left: 281px; width: 48px; }
#music { left: 330px; width: 59px; }
#multimedia { left: 391px; width: 92px; }
#online { left: 484px; width: 60px; }

#youtube, #gallery, #forum { left: 865px; width: 26px; }
#youtube { top: 32px; height: 88px; }
#gallery { top: 132px; height: 90px; }
#forum { top: 237px; height: 88px; }

.block, .post { margin-top: 5px; }
.body, .entry { overflow: hidden; padding: 5px; }
#side1 .body, #side1 .entry { text-align: justify; }
#side1 h2, .project-title, td.title { background: #F8F3B1 url('images/h2-side1.gif') repeat-x top left; letter-spacing: 0px; color: #6AADB7; font-weight: bold; text-transform: uppercase; border-bottom: 1px dotted #88A5A9; border-right: 1px dotted #88A5A9; margin: 4px; margin-top: 0px; padding: 5px; padding-right: 13px; font-size: 10pt; }
#side1 h2 { margin-left: 51px; height: 38px; }
#side1 h2 a:link, #side1 h2 a:active, #side1 h2 a:visited, #side1 h2 a:hover { text-decoration: none; color: #6AADB7; }
h2 .postmetadata { display: block; padding: 0px; margin: 0px; text-transform: none; font-weight: normal; text-align: left; }

.date_box { float: left; margin-top: 5px; margin-right: 3px; background: #F8F3B1; color: #6AADB7; font-weight: bold; border: 1px dotted #88A5A9; padding: 4px 3px; overflow: hidden; text-align: center; width: 40px; height: 34px; font-size: 13pt; text-transform: lowercase; }
.month { color: #FD4F6F; }
.day { font-size: 15pt; margin-top: -9px; }

#side2 h2 { height: 52px; margin-bottom: 0px; }
#side2 h2 span { display: none; }
#side2 .body { padding-top: 0px; }
#tour h2 { background: url('images/h2-tour.gif') no-repeat; }
#media h2 { background: url('images/h2-media.gif') no-repeat; }
#projects h2 { background: url('images/h2-projects.gif') no-repeat; }
#dates h2 { background: url('images/h2-dates.gif') no-repeat; }
#donate h2 { background: url('images/h2-donate.gif') no-repeat; }
#vote h2 { background: url('images/h2-vote.gif') no-repeat; }
#photo h2 { background: url('images/h2-photo.gif') no-repeat; }
#family h2 { background: url('images/h2-family.gif') no-repeat; }
#twitter h2 { background: url('images/h2-twitter.gif') no-repeat; }
#sponsored h2 { background: url('images/h2-sponsored.gif') no-repeat; }
#disclaimer h2 { background: url('images/h2-disclaimer.gif') no-repeat; }
#site-info h2 { background: url('images/h2-site-info.gif') no-repeat; }
#advertisement h2 { background: url('images/h2-advertisement.gif') no-repeat; }
#elite-top h2 { background: url('images/h2-elite-top.gif') no-repeat; }
#current h2 { background: url('images/h2-current.gif') no-repeat; }
#next-on-oth h2 { background: url('images/h2-next-on-oth.gif') no-repeat; }

/* These sections are hidden for now */
#donate, #vote, #disclaimer, #advertisement { display: none; } 

h3 { border-bottom: 1px solid #000; letter-spacing: 1px; font-size: 8pt; font-weight: normal; text-transform: uppercase; }
.postmetadata { text-align: center; font-size: 8pt; }
.commentlist { list-style-type: none; padding-left: 15px; }
.commentlist li { border-bottom: 1px solid #D5D4D0; font-weight: normal; margin-bottom: 10px; }
.comment-author { text-transform: uppercase; font-size: 8pt; }
.says { font-weight: bold; }
.comment-meta a:link, .comment-meta a:visited, .comment-meta a:active, .comment-meta a:hover { font-weight: normal; color: #000; text-decoration: none; }
.avatar { display: none; }
.comment-meta { font-size: 8pt; }
#respond textarea { width: 100%; }
textarea, input[type=text] { background: #DCE5E4; color: #000; font: 9pt arial, verdana, tahoma, 'times new roman', sans-serif, serif; border: 1px solid #D5D4D0; padding: 5px; max-width: 520px; }
small { font-size: 8pt; }
cite { color: #FD7E93; text-decoration: underline; font-weight: bold; }
.navigation { margin-bottom: 10px; }
.says { color: #000; }

.paragraph { margin: 6px 0px; }
.indent { text-indent: 15px; }
strong { color: #FD4F6F; }
em { color: #7FA3AA; }
.important { text-decoration: underline; }
.str { text-decoration: line-through; }
ul { list-style-type: square; }
li span { color: #5F787D; }
ol li { font-weight: bold; }
ol li span { font-weight: normal; }
#stats-online { text-align: center; }
img { border: 1px solid #C0C0C0; }
a:hover img {
	border: 1px solid #f97f7f; }
.center { text-align: center; }

#side2 ul { padding-left: 20px; }
#elite { list-style-type: none; padding: 0px; margin: 0px; }
#elite li { float: left; display: inline; }
#affiliates { clear: both; }
.project-title { display: block; text-align: center; font-style: italic; }
#links-inner { margin: 0 auto; }
#official-links ul { list-style-type: none; padding: 0px; margin: 0px; text-align: left; }
#half1 { float: left; }
#half2 { float: right; }
.coming-soon { font-size: 13pt; text-align: center; font-style: italic; text-transform: lowercase; }