/*

Wordpress Layout NAME: SycFuk Official Website

DESCRIPTION: Custom Layout for SycFuk

AUTHOR: Daddy Design

AUTHOR URI: http://www.daddydesign.com/

*/

html, body {

height:100%;

}



body{

background-color: #ccc;

background-image: url(images/bg.jpg);

background-repeat: no-repeat;

background-position: top center;

}



/* Container */

#container {

width: 950px;

min-height:100%;

position: relative;

margin-bottom: -225px;

margin-left:auto;

margin-right:auto;

padding: 0 25px;

}

/* See IE.css for IE Fix */



#clear_footer {

height: 225px;

clear: both;

}

/* END Container */



/* Home Header */

#home_top{

width: 870px;

height: 372px;

float: left;

padding: 0 40px;

}



#home_logo{

width: 360px;

float: left;

}



.shop_guys, .shop_girls	{

float:left;

background-repeat: no-repeat;

display: block;

width:255px;

height:112px;

margin:0; 

margin-bottom:0px;

padding:0; 

}

.shop_guys{ background-image:url(images/shop_guys_roll.png); }

.shop_girls{ background-image:url(images/shop_girls_roll.png); }



.shop_guys a, .shop_girls a {

display:block;

width:255px;

height:112px;

float: left;

margin: 0;

padding: 0;

text-decoration: none; 

}

.shop_guys img, .shop_girls img {width: 100%; height: 100%; border: 0; }

* html a:hover {visibility:visible}

.shop_guys a:hover img, .shop_girls a:hover img{visibility:hidden;

}



#home_top .shop_guys, #home_top .shop_girls{ margin-top: 156px; }



/* Slideshow */

#slideshow{

width: 855px;

height: 385px;

float: left;

background: url('images/slideshow_bg.png') no-repeat top center;

padding: 45px 48px 0 47px;

}



.slide{

float: left;

height: auto;

}



#slide_area{

width: 760px;

height: 295px;

float: left;

padding: 10px;

}



#mySlides{

width: 760px;

height: 295px;

float: left;

}



#myController{

width: 75px;

float: left;

padding-top: 8px;

}



#myController span{

color:#283f12;

font-size: 45px;

font-weight: bold;

cursor:pointer;

width: 75px;

height: 75px;

float: left;

text-align:center;

background-color: #333;

}



#myController span:hover{

background-color: #990000;

}



#jFlowSlide{

float: left;

}



#myController span.jFlowSelected {

background-color: #990000;

}



.jFlowPrev, .jFlowNext{

cursor:pointer;

}

/* END Slideshow */

/* END Header */



/* Content */

#content_home{

width: 950px;

float: left;

}



#content_left{

width: 650px;

float: left;

}



#content_right{

width: 300px;

float: right;

}



/* Section */

.section_home{

width: 650px;

float: left;

background: url(images/section_top.png) no-repeat top center;

padding-top: 55px;

margin-bottom: 15px;

}

.section_content{

width: 510px;

float: left;

background: url(images/section_bg.png) repeat-y top center;

padding: 0 75px 0 65px;

}

.section_bottom{

width: 650px;

height: 65px;

float: left;

background: url(images/section_bottom.png) no-repeat top center;

}

.section_title{

width: 100%;

float: left;

}



.section_small{

width: 230px;

height: 180px;

float: left;

background: url(images/small_home_section_bg.png) no-repeat top center;

padding: 50px 35px 0 35px;

}



/* Myspace Links */

#myspace_links{

width: 750px;

float: left;

margin: 15px 0;

padding: 0 100px;

}

.myspace_link{

width: 375px;

float: left;

text-align: center;

}



/* Footer */

#home_footer {

width: 100%;

height: 225px;

position: relative;

background: url(images/footer_bg.png) repeat-x top center;

}



#footer_main {

width: 900px;

height: 175px;

background: url(images/footer_main_bg.png) no-repeat top center;

margin-left:auto;

margin-right:auto;

padding: 50px 50px 0 50px;

}