/*
Project: CLOWN 2009
Created: 16 Oct 2009 
*/

/*
-------------------------------------------
Remove default styling
-------------------------------------------
*/

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
 table {border-collapse:collapse;border-spacing:0;}
 fieldset,img { border:0; }
 address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
 ol,ul {list-style:none;}
 caption,th {text-align:left;}
 h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
 q:before,q:after {content:;}
 abbr,acronym { border:0;}

/*
-------------------------------------------
	CLEARFIX FLOATING FIXES
-------------------------------------------
*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
/*
-------------------------------------------
MAIN PAGE STRUCTURE
-------------------------------------------
*/
/**/
body {background:#F7F7F7;	color:#000000; font-family:Helvetica, Arial, sans-serif; line-height:1.7; font-size:10px; letter-spacing:1.2px;}
#bg-img {background:url(/projects/clown/img/bg_cloud_l.jpg) no-repeat left top; margin:0; padding:0; top:0; left:0;}
a {color: #235ABF; text-decoration:none; border-bottom:1px dotted #235ABF;}
a:hover {color:#489F7F; text-decoration:none; border-bottom:1px dotted #489F7F;}

h1 {}
h2{	font-size:18px; font-weight:bold; text-transform:uppercase; margin: 0px 0 20px 0; padding: 0px;}
h3{	margin: 0px; padding: 0px; font-weight:bold;}

p {font-style:normal;}
hr {}

.clear {clear: both;}
#container { font-family: Helvetica, Arial, sans-serif;	width: 800px;	/*height:auto;*/	margin: 0 auto;	padding:0 0 0 0; color: #000000; /*height:800px;*/}
#header {height:80px; padding:10px 0 0;}
.img-header{   margin: 20px 0px 20px; text-align:center; height:168px; }
#header a {border:none;}

/* ---------------- BLOG --------------- */

#blog {margin:0 auto; text-align:center; width:680px; }
.blog {margin-bottom:20px;}
#blog h3 {  font-weight:bold; text-decoration: underline; line-height: 1;  letter-spacing: 1.2px;   margin: 10px 0px 10px 0px;  padding: 0px; 	font-size: 16px;	text-align: left; 	}
#blog h3 a {border:none;}
#blog .entry h4 {text-align:left; margin-bottom:10px; text-align:left;}
#blog .entry_image {margin-bottom:20px; text-align:left;}
#blog .entry_image a {border:none;}
#blog .byline {  margin: 0px;  padding: 0px; 	text-align: left; font-style:italic;}
#blog .entry_title{ text-decoration: underline; font-size: 14px; }
#blog p {text-align:left; font-style:normal;}


/* ---------------- CONTRIBUTORS --------------- */

#contributors {height:380px; margin-bottom:40px; text-align:center; padding-left:100px;}
#contributors p{ width: 130px; margin-left: 0px; text-align: left; 	}

.contributor { width: 160px; float: left; }
.contributor-image { width: 90px; height:120px; margin: 0px 0 10px 0; background:#ccc; }
.contributor .biog_title{  font-weight: bold; text-decoration: none; text-transform: uppercase;  margin-bottom: 10px; }
#contributor-description{ width: 400px; float: left; margin-left: 0px; }

/* ---------------- CREDITS --------------- */

#credits {text-align:center;}
#credits p{text-align: center;}
#credits p u {font-weight:bold; text-decoration:none;}
#credits-header{   margin: 30px 0px 0px 0px; border-bottom: none 0px #999999; padding-bottom: 2px; padding-top: 20px; }

/* ---------------- DESCRIPTION --------------- */

#description {width:680px; margin:0 auto; text-align:center;}
#description .title {margin:10 auto;}
#description p { text-align: left; }

/* ---------------- GALLERY --------------- */

#gallery { width:800px; }
.pics {height:600px; padding:0 0; margin: 0 0;}
.gallery-nav {text-transform:uppercase; text-align:center; margin: 0 0 20px; }
.gallery-nav a {border:none;color: #235ABF;}
.gallery-nav a:hover {color:#489F7F;}
#s1 a {border:none;}
#gallery p {font-style:italic; text-align:center; margin-top:10px;}

/* ---------------- VIDEO --------------- */
#video {height:404px; padding-bottom:40px; }
.VideoPlayer{ width: 680px;	margin: 0px auto 20px; padding: 0px; background:#F7F7F7;}

/*------- TABS ---------*/
ul#subnav {margin:0 0 20px; overflow:auto;}

ul#subnav li {text-transform:uppercase; width:150px; float:left; margin:0 10px 0 0; text-align:center;}

ul#subnav li a {outline:none;}

ul#subnav li a:link, ul#subnav li a:visited {outline:none;}

a:hover .blue {color:#357CB0;}
a:hover .fusia {color:#C42867; }
a:hover .green {color:#489F7F;}
a:hover .yellow {color:#E9E045;}