/*
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%; }
html {  overflow-y: scroll; }

img { border: 0; }

body{
background: #00c0f3;
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: 15px;
font-weight: normal;
padding: 10px;
text-transform: lowercase;
}

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


span.small{ font-size: 11px; font-style: italic; }

/* Container */
#container{ 
width: 100%; 
min-height:100%;
margin-bottom: -125px;
position: relative;
}
/* See main_ie6.css for IE Fix */

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

/* Header */
#header{ width: 950px; height: 125px; margin: 0 auto; }
#logo{ width: 395px; float: left; margin-top: 40px; }
.nav_button{ 
float: right;
background-color: #01a7cf;
margin: 0 0 0 15px;
}
.nav_button a{ display: block; padding: 6px 15px; }

/* Accordions */
/* Main Accordion */
#accordion_container{ width: 100%; border-bottom: 5px solid #01a7cf; }
		
#welcome{ width: 100%; background-color: #01a7cf; }
#about{ width: 100%; background-color: #0199be; }
#work{ width: 100%; background-color: #0187a7; }
#contact{ width: 100%; background-color: #027591; }
		
.accordion_toggle, .accordion_toggle_active {
display: block;
width: 100%;
height: 45px;
cursor: pointer;
}		

.accordion_title{ width: 920px; margin: 0 auto; padding: 10px 15px; }
		
.accordion_content_container {
width: 100%;
background: url(images/water.jpg) no-repeat top center #00c0f3;
overflow: hidden;
}
		
.accordion_content{
width: 920px;
margin: 0 auto;
padding: 30px 15px;
}	

/* About and Work Accordions */		
.about_accordion_toggle, .about_accordion_toggle_active,
.work_accordion_toggle, .work_accordion_toggle_active {
display: block;
width: 100%;
color: #fff;
background-color: #0199be;
cursor: pointer;
margin: 0 0 5px 0;
}
.work_accordion_toggle, .work_accordion_toggle_active { background-color: #0187a7; }
		
.about_accordion_content_container, .work_accordion_content_container{
width: 100%;
margin: 0 auto 5px auto;
overflow: hidden;
background-color: #0199be;
}
.work_accordion_content_container { background: none; }

.about_accordion_content{
width: 870px;
margin: 0 auto;
padding: 20px 25px;
}

.work_accordion_content{
width: 920px;
margin: 0 auto;
}

/* Welcome */
.blog_recent{
width: 410px;
float: left;
margin-bottom: 30px;
}

.blog_recent li{
width: 410px;
float: left;
background-color: #01a7cf;
list-style: none;
margin-bottom: 5px;
}
.blog_recent li a, .blog_recent li a:hover{ 
width: 390px; 
display: block; 
padding: 10px; 
}
.blog_recent li a:hover{ text-decoration: none; }

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

.demo_reel_thumb{ 
width: 480px; 
float: right; 
margin: 0 0 30px 0; 
}	
.demo_reel_thumb img{ border: 5px solid #01a7cf; background-color: #01a7cf; }

/* Work */
ul.thumbs{
width: 100%;
float:left;
list-style: none;
}
ul.thumbs li{
width: 220px;
float: left; 
display: inline;
padding: 5px;
margin: 0 0 10px 0;
}
ul.thumbs li img{ width: 210px; height: 138px; border: 5px solid #0187a7; background-color: #0187a7; }

span.thumb_title{ 
height: 32px;
background-color:#0187A7;
display:block;
font-size:11px;
padding: 8px 10px;
margin-top: 3px;
line-height: 14px;
text-align:center;
} 

a.thumb_button, a:hover.thumb_button{ 
float: left;
display: block; 
padding: 5px 10px; 
background-color: #0187A7;
margin: 3px 3px 0 0;
font-size: 10px;
font-style: italic;
text-transform: lowercase;
text-decoration: none;
}

/* Contact */
.contact, .contact_middle{
width: 250px;
float: left;
padding: 20px 25px;
background-color: #027591;
margin: 0 0 30px 0;
}
.contact_middle{ margin: 0 10px 30px 10px; }
.contact p, .contact_middle p{ margin: 0 0 5px 0; }

/* Client */
.client_content{
width: 920px;
margin: 0 auto;
padding: 0 15px 30px;
}

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

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

/* Footer */
#footer_container{ 
width: 100%; 
height: 91px; 
position: relative; 
margin-top: 34px;
}

#social_links{
width: 920px;
margin: 0 auto;
padding: 0 15px;
}
.social_button{ 
float: right;
background-color: #01a7cf;
margin: 0 0 0 15px;
}
.social_button a{ display: block; padding: 8px 18px; }


#footer{
width: 100%; 
height: 55px;
float: left;
background-color: #0199be;
}

#footer_main{
width: 920px;
height: 30px;
margin: 0 auto;
padding: 15px 15px 10px 15px;
}

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

#dd_logo{ float: right; }