/* @override http://cocoonathletics.com/wordpress/wp-content/themes/cocoon/style.css */

@charset "UTF-8";
/*
Theme Name: Cocoon Athletics
Theme URI: http://www.cocoonathletics.com
Description: 
Version: 1.0
Author: Mark Alexander www.6agraphics.com
*/


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{font: 75%/1.5em Arial, Helvetica, sans-serif;} /* font-size: 12px; line-height: 18px; */

/* -------------------------------- 
	Links
-------------------------------- */

a{color: #000; text-decoration: underline;}
a:hover{color: #666; text-decoration: underline;}
a:focus{background-color: #ccc;}


/* -------------------------------- 
	Heading
-------------------------------- */

h1, h2, h3, h5, h5, h6 {font-weight:bold; }
h1 {
	font-size: 2.33em; letter-spacing: -.02em; line-height: 1em; margin: .5em 0 1.385714em;
}
h2 {color: #333; font-size: 1.7em; letter-spacing: -.02em; line-height: 0.842857em; margin: .5em 0 1.385714em;}
	h2 a{color: #333; text-decoration: none;}
	h2 a:hover, h2 a:focus{color: #666; text-decoration: none;}
	
h3{color: #333;font-size:1.666667em; letter-spacing: -.01em; line-height: .9em; margin: 1.8em 0 .9em;}


/* -------------------------------- 
	Blocks
-------------------------------- */

p, dl, ul, ol{color: #333;}

p{margin-bottom: 18px;text-align: justify;}

abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}



body, html {
	background: #efefef;	
	margin: 0;
}
.headerwrapper {
	width: 100%;
	background-color: #000;
	height: 150px;
}
.header {
	width: 800px;
	margin:0 auto;
	height:150px;
	background-image: url(images/cocoon_header.png);
	background-repeat: no-repeat;
	background-position: 550px;
}
.navigation {
	background: #333;
	float:left;
	width: 100%;
}
ul.menu {
  list-style: none;
  width: 800px;
  margin: 0	auto;
  padding: 0;
}
.menu li {
	float: left;
	border-left: 1px solid #666;
}
.menu li:last-child {
	border-right:  1px solid #666;
}
.menu li a:hover {
	background: #666;
}
.menu li.current_page_item a {
	background: #adadad;
	color: #333;
}
 
.menu li a{
 height: 56px; padding-left: 31px; width: 129px;
  font-weight: bold;
  color: #FFF;
  display: block;
  text-decoration: none;
   letter-spacing: .05em; line-height: 45px; 
}
.logo {
	float: left;
	margin: 70px 10px 10px;
}
.pagewrapper {
	clear: both;
	width: 760px;
	padding: 20px;	
	margin: 0 auto;
	background: #fff;
	-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
}
.footer {
	width: 760px;
	margin: 10px auto;
	background: #323232;
	color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:10px 20px;
}
.footer a {
	color: #adadad;
}
.footer a.contactlink {
	background: #adadad;
	color: #333;
	text-decoration: none;
	font-weight:bold;
	float: left;
	padding: 10px 20px;
	margin: -10px 10px 0 -20px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}
a.post-edit-link {
	color: #fff;
	background: #333;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}