/*
Wordpress Layout NAME: Fountain of Youth Entertainment Version 1
DESCRIPTION: Custom Layout for Fountain of Youth Entertainment by DaddyDesign.com
VERSION: 1
AUTHOR: Daddy Design
AUTHOR URI: http://www.daddydesign.com/
*/

/* General Settings */
*{ margin: 0; padding: 0; }

html, body { height:100%; }

img { border: 0; }

body{
background: url('images/blog_bg.jpg') repeat-y top left #00c0f3;
background-attachment: fixed;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-variant: normal;
color: #fff;
}

p { margin-bottom: 12px; line-height:17px; }

a, a:hover{ color: #fff; text-decoration: none; font-weight: normal; }
a:hover{ text-decoration: underline; }
a{ outline: none; }

h1 {
font-size: 24px;
font-weight: normal;
margin: 0 0 5px 0;
}

h2 {
font-size: 15px;
font-weight: normal;
margin: 0 0 15px 0;
}

/* Container */
#container{ 
width: 100%;
float: left; 
min-height:100%;
margin-bottom: -105px;
position: relative;
}
/* See IE6 for IE Fix */

#clear_footer {
height: 105px;
clear: both;
}

/* Nav Buttons */
.nav_button{ 
background-color: #01a7cf;
position: fixed;
right: 0;
}
.nav_button a{ display: block; padding: 6px 15px; }

/* Blog Logo */
#logo{ 
width: 80px; 
float: left;
position: fixed;
top: 0;
left: 0;
display: block;
}

/* Content */
#content{ 
width: 450px; 
float: left;
padding: 25px 25px 25px 105px;
overflow: hidden;
}

/* Generic */
.section{
width: 100%;
float: left;
margin: 0 0 30px 0;
}

.title{
width: 100%;
float: left;
margin: 0 0 7px 0;
}

/* Menu */
#menu{
width: 40px;
float: left;
position: fixed;
left: 580px;
display: block;
}

.button{
width: 40px;
float: left;
margin-bottom: 10px;
}

/* Post */
.post{
width: 450px;
float: left;
margin: 0 0 40px 0;
}

span.post_date{ 
font-size: 10px; 
display: block; 
text-transform: lowercase; 
font-style: italic; 
margin: 0 0 10px 0; 
}

span.comments{
font-size: 11px; 
display: block; 
text-transform: lowercase; 
font-style: italic; 
margin: 5px 0 0 0;
}

/* Thumb */
.thumb {
width: 440px;
height: 130px;
display: block;
overflow: hidden;
background-color: #01a7cf;
border: 5px solid #01a7cf;
margin: 0 0 10px 0;
}
.thumb img { width: 440px; height: 290; margin: -80px 0 0 0; }

.full_thumb {
width: 450px;
display: block;
background-color: #01a7cf;
margin: 0 0 10px 0;
}
.full_thumb img { width: 440px; height: 290; border: 5px solid #01a7cf; }

/* Navigation */
.navigation {
width: 100%;
float: left;
margin: 0 0 15px 0;
}

.alignleft a, .alignright a { 
float: left; 
font-size: 15px; 
text-align: left; 
text-transform: lowercase;
}
.alignright a { float: right; text-align: right; }

/* Comments*/
.comment_section{
width: 100%;
float: left;
margin: 0 0 30px 0;
}
.comment_section h1{ text-transform: lowercase; }

.commentlist {
width: 100%;
float: left;
margin: 0;
padding: 0;
}

.commentlist li {
width: 96%;
float: left;
list-style: none;
padding: 2%;
margin-bottom: 10px;
}
.comment_header{ width: 100%; float: left; margin: 0 0 10px 0; }
.comment{ width: 100%; float: left; }
.comment p{ margin: 0 0 10px 0; font-size: 12px; line-height: 15px; }

span.comment_author{ display: block; font-size: 15px; color: #fff; margin: 0 0 2px 0; }
span.comment_time{ font-size: 10px; color: #fff; font-style: italic; text-transform: lowercase; }
.avatar{ float: left; margin: 0 10px 0 0; }

/* Comment Form */
#comment_form{ width: 100%; float: left; }

span.form_label{
font-size: 12px;
text-transform: lowercase;
color: #fff;
display: block;
margin: 5px 0;
}

.form_field{
width: 440px;
display: block;
background: #0199BE;
padding: 5px; 
margin: 0 0 15px 0;
border: 0;
color: #fff;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

#comment_form p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

/* Archive and Categories */
.archive{
width: 100%;
float: left;
}

.archive ul{ list-style: none; margin-bottom: 15px; }

.archive li{
display: block;
font-size: 15px;
color: #fff;
margin-bottom: 5px;
}

ul.children{ margin-top:5px; padding-left:5px; border: 0; }
ul.children li{
font-size:13px;
border: 0;
}

/* Footer */
#footer_container{ 
width: 570px; 
height: 105px;
float: left; 
position: relative; 
padding: 0 0 0 80px;
}

/* Search */
.search_area{
width: 450px; 
height: 30px;
float: left;
padding: 10px 25px;
background-color: #0199BE; 
}

.search {
width: 450px;
height: 30px;
float: left;
}

.search .s {
float: left;
margin: 5px 0 0 0;
border: 0;
width: 400px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
color: #fff;
background-color: #0199BE;
}

.search .go {
width: 30px;
height: 30px;
float: right;
padding: 0 5px 0 0;
}

#footer{
width: 450px; 
height: 30px;
float: left;
padding: 15px 25px 10px 25px;
background-color: #0187A7; 
}

span.copyright, span.designed_by{
display: block;
font-size: 10px;
float: left;
margin: 0 0 2px 0;
}
span.designed_by a, span.designed_by a:hover{ font-weight: bold; }