@import url('reset.css');

body
{
	/*background: url('images/elements/header_bg.jpg') 50% 0 no-repeat;*/
	color:#333;
	line-height: auto;
	padding:0;
	margin:0;
	font-family: "trebuchet ms";
}

#link a { font-size: 0.8em; line-height:1.2em; color: #fff; text-decoration: none; margin: 0;}

#link img {margin:0;}

h2.quote {
	font-size: 1em;
	color: #fff;
	margin-top: 10px;
	line-height: 135%;
	font-weight: regular;
	font-family: "trebuchet ms";
	border-bottom: none;
	text-shadow: 0px 0px 3px #666;
	padding-bottom: 0;
	margin-bottom: 0;
	width:450px;
	}

img.left {float: left; margin-right: 15px; margin-bottom: 15px;}

img.right {float: right; margin-left: 15px; margin-bottom: 15px;}

h2 {
	font-size: 1.5em;
	color:  #8ABB0A;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	margin-bottom: 1em;
	}
	
.green { color: #8ABB0A; font-weight: bold; }


h2.quote span {
	font-size: 0.70em;
	
	float: right;
	font-family: "trebuchet ms";
	font-style: italic;
	}

#header {
	background: #8ABB0A;
	margin: 0 auto;
	width: 100%;
	padding-top: 15px;
}

#header .shadow {
	width: 960px;
	
	margin: 0 auto;
	}

#world_cup {
	background: url('../images/world_cup.png') no-repeat;
	width: 203px;
	height: 271px;
	position: relative;
	top: 80px;
	margin: 0 auto;
}


#horizontal ul  li {
	display: inline;
	margin-right: 10px;
	}
	
#charity_info {
	text-align: center;
}

.big_top_push
{
	margin-top:10em;
}

p,ul li,ol li
{
	font-family: "trebuchet ms","Lucida Grande", "Helvetica Neue", Arial, sans-serif;
	line-height:165%;
	font-size:0.95em;
	margin-bottom: 1.5em;
}

#content_right p {
	margin: 1em 0 0 0;
	}
	
img.border {
	padding: 4px;
	border: 1px dotted #8e8e79;
}

img.work {
	float: left;
	margin-right: 20px;
	margin-top: 19px;
	}

ul,li{
	line-height: normal;}

.intro {
	font-size:18px;

}

.warning {font-style: bold; color: red;}


.ampersand
{
	font-family:'Goudy Old Style', Baskerville, 'Palatino Linotype', Palatino, serif;
	font-style:italic;
}

.grey
{
	background-color:#acabab;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

img.photo {
	padding: 4px;
	border: 1px solid #eee;
}


h1 { text-indent: -9999px;
	background: url("/clowndoctors/_lib/img/logo.jpg") top left no-repeat;
	potision:absolute;
	top:0;
	left:0;
	width: 175px;
	height: 153px;

}

h2.strap { color: #fff; font-size: 40px; text-shadow: -1px -1px 1px #666; text-align: right;}


h2.about { color: #fff; line-height: 135%; font-size: 22px; text-shadow: -1px -1px 1px #666; padding-top: 10px;}
h1 span {color: #eee; font-size: 90px; letter-spacing:-0.08em}


.top_push
{
	margin-top:20px;
}

.bottom_push {
	margin-top: 15px;
	}



.hide {display: none;}

.right {text-align: right;}

.center {text-align: center;}

img {border-style:none;}

.nav ul, .groups ul {

	border-top: 1px dotted #999;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
.nav ul li{

	border-bottom: 1px dotted #999;
	padding: 5px 0;
	list-style: none;
	margin: 0;
	hexight: 14px;
	overflow: hidden;
	
	}
	
ul.ding {

	margin-left: 20px;
	border-top: none;}
	
.nav li, .groups li {font-size: 0.9em;}
	
#footer {
	
	padding:0;
	margin: 60px auto 0;
	
}

#footer p {
	text-align: center;
}

#footer ul li{
	padding:0;
	margin:0;
	line-height: 150%;
}
	
#nav {
	font-size: 18px;
	margin-top: 57px;
	}
	
#nav ul {
	text-align: right;}
	
#nav ul li {
	list-style-position:outside;
	list-style-type:none;
	list-style:none;
	display:inline-block;
	height: 40px;
}

#nav ul li a {
	margin-left: 10px;
	}

a, a:link, a:hover, a:visited {text-decoration: none;}

a, a:link, a:visited, a:active {color: #567704; font-weight: bold;}
a:hover {color: #333;}

#nav ul li a {
	padding: 6px 11px;
	color: #333;
	font-variant: small-caps;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

body#home #nav ul li.home a {
	background: #7c6b8e; 
	color: #fff;
}

body#about #nav ul li.about a {
	background: #f9ad81; 
	color: #fff;
}

body#work #nav ul li.work a {
	background: #8e8e79; 
	color: #fff;
}

body#contact #nav ul li.contact a {
	background: #e38bb2; 
	color: #fff;
}




#nav ul li a:hover {
	padding: 6px 11px; 
	background: #7c6b8e; 
	color: #fff;
}


/* hacking safari padding for nav */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#nav ul li a { padding: 3px 11px 5px 11px;}
	#nav ul li a:hover { padding: 3px 11px 5px 11px;}
}


#nav ul li.home a:hover {
	background: #7c6b8e; 
	color: #fff;
}

#nav ul li.contact a:hover {
	background: #e38bb2; 
	color: #fff;
}

#nav ul li.work a:hover {
	background: #8e8e79; 
	color: #fff;
}
	
#nav ul li.about a:hover {
	background: #f9ad81; 
	color: #fff;
}	

#nav ul li a:active {
	position:relative;
	top:2px;
}

#credit {
	
	background-color:#FFFFFF;
font-size:12px;
right:0;
padding:0 5px;
position:relative;
top:360px;
width:305px;
float: right;
text-align: center;
	}
	
.headers_push {
	margin-top: 30px;
	}
	
.octobomb {
	background: url('../images/octobomb.gif') no-repeat;
	padding-left: 25px;
	height: 20px;
	
	}

a:hover {
	-webkit-transition-duration: 0.4s;
	-webkit-transition-property: color, background, background-color;
}

.form_but{
	color:#333;
	font:1.2em Georgia, Times, serif;
	padding:6px 10px;
	background:#b8b8b8;
	background-color:rgba(184,184,184,0.3);
	border:1px solid #e38bb2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	cursor:pointer;
	
}

.form_but:hover{
	background:#b8b8b8;
	background-color:rgba(184,184,184,0.8);
	}

.form_but:active{
	position:relative;top:2px;
	}
	
.status {
	margin-top: 19px !important;
	padding: 20px;
	background-color: #fbf2cd;
	border: 1px solid #e7be1c;
	text-align: center;
}