/*
Theme Name: Mikestyle for CAKEns
Description: For cakens.com - this is a custom edit of the F2 theme. See the before/after images <a href="http://miketargett.com/">here</a>.
Version 1.3
Author: Mike Targett
Author URI: http://miketargett.com/
*/

/* - B R O W S E R - R E S E T - */
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* - N O W - L E T ' S - G O ! - */




body {
	margin: 0;
	padding: 0;
	background: #bbb;
	color: #444;
	font-size: .8em;
	font-family: 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	text-align: center;
	}

#page {
	width: 960px;
	margin: 0 auto 10px;
	background-color: #fff;
	background-image: url('images/bg.png');
	background-repeat: repeat-y;
	border: 1px solid #27567a;
	border-width: 0 1px 1px;
	text-align: left;
	}

#header, #header img {
	width: 960px;
	height: 150px;
	}

#header {
	background-color: #6d97b7;
	}

#content{
	float: left;
	width: 700px;
	margin: 0;
	padding: 40px 20px;
	overflow: hidden;
	}
	
p { 
	margin: 1em 0; 
	line-height: 1.5em;
	}



/* MAIN NAVS */

.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: auto;
	}

.menu li {
	width: auto;
	margin: 0;
	padding: 0;
	}

.menu ul li a {
	display: block;
	background: #fff;
	color: #27567a;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	}
	
.menu ul li.on a, 
.menu ul li.on a:hover {
	background: #C5CB4E; 
	color: #fff;
	}

.menu ul li a:hover, 
.menu ul li.menu_rss a:hover {
	background-color: #27567a;
	color: #fff;
	text-decoration: none;
	}

.menu ul li ul {
	padding:0;
	position:absolute;
	display:block;
	visibility:hidden;
	z-index:599;
	}

.menu ul li.menu_rss ul {
	right:0;
	}

.menu ul li:hover ul {
	visibility:visible;
	}

.menu ul ul li {
	display:block;
	float:none;
	width:auto;
	}


/* HORIZONTAL */

#horizontal {
	width: 960px;
	margin: 0;
	padding: 0;
	height: 25px;
	background: #fff;
	border-top: 1px solid #27567a; 
	border-bottom: 1px solid #27567a; 
	}

#horizontal ul li {
	display: inline;
	float: left;
	font-size: 14px;
	}

#horizontal ul li a {
	padding: 5px 20px 6px;
	}


/* VERTICAL */

#vertical {
	float: right;
	width: 220px;
	padding: 0;
	margin: 0;
	}

#vertical ul { 
	border-top: 1px solid #aaa; 
	}

#vertical ul li {
	width: auto;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 12px;
	border-bottom: 1px solid #aaa; 
	}

#vertical div {
	margin: 28px 5px 5px; 
	border: solid 1px #bbb; 
	background: #f9f9f9; 
	padding: 0px;
	}
	
#vertical h3 {
	margin: 10px 10px 3px; 
	padding-bottom: 4px; 
	border-bottom: solid 1px #bbb;
	}

#vertical p { 
	line-height: 1.4em;
	padding: 0 10px; 
	}	

#vertical img { 
	padding: 0; 
	margin: .5em 0;
	}
	
#vertical ul li a {
	padding: 4px 0 4px 15px;
	}

.menu #vertical a:hover {
	width: 220px; 
	}




/* POSTS */

.post {
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	}
	
.postmetadata {
	clear: both;
	margin: .5em 0 1em;
	}
	
.postcat a {
	margin: 0 2px 0 0px;
	padding: 3px 4px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	font-size: .9em;
	letter-spacing: 1px;
	text-decoration: none;
	background-color: #27567a;
	}
	
.postcat a:hover {
	color: #fff;
	}

.postdate { 
	color: #888; 
	}

.postentry {
	padding: 1px 0;
	}

.postentry p,
.postentry blockquote,
.postentry cite,
.postentry ul li {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1em;
	line-height: 1.5em;
	margin: 1em 0;
	padding: 0;
	}
	
.postentry blockquote,
.postentry ul {
	margin: 1em 20px;
	padding-left: 12px;
	border-left: solid 5px #e8e8e8;
	}
	
.postentry ul li {
	list-style-type: round;
	margin: 1em;
	}

.posttags {
	clear: both;
	padding: 5px 10px;
	border: solid 1px #aaa;
	background: #eee;
	margin: 20px 0 0;
	}

.posttags p {
	line-height: 1.4em;
}

.comment-number {
	font-weight: bold;
}

.postmetadata img {
	margin: 0 0 -3px 8px;
}




/* NAVIGATION */

div.navigation {
	clear: both;
	margin: 1em auto 2em;
	font-size: 1.1em;
	font-weight: bold;
	}

.navigation .alignleft { 
	width: 330px; 
	text-align: left; 
	}

.navigation .alignright { 
	width: 330px; 
	text-align: right;
	}




/* EVENTS PAGE */

div.events {
	float: left;
	width: 330px;
	}
	
.gans-events {
	padding-right: 19px; 
	border-right: 1px solid #ddd; 
	margin-right: 20px;
	} 

.events ul {
	margin: 0;
	padding: 0;
}

.events li {
	font-size: 1.1em;
	margin: 1em .5em .5em;
}

.events .post {
	margin: 5px;
	padding: 5px 0 0;
	border-bottom: 1px solid #ddd; 
	}
	
.events .postentry {
	padding: 0;
	margin: 0;
	}




/* FOOTER */

#footer {
	clear: both;
	padding: 10px;
	width: 940px;
	margin-left: auto;
  	margin-right: auto;
	text-align: center;
	font-size: 1em;
	background: #27567a;
	}

#footer a, 
#footer p {
	color: #aac;
	margin: .5em 0;
	}

#footer a:hover,
#footer a:active { 
	color: #fff; 
	}




/* LINKS */

a { 
	color: #258;
	text-decoration: underline ;
}

a:hover {
	text-decoration: none; 
	color:  #000;
}




/* HEADERS */

h1, h2, h3, h4, h5, h6 {
	color: #444;
	margin: 0 0 .5em 0;
	padding: 0;
	line-height: 1.2em;
	font-weight: bold;
	}

h1 { font-size: 3.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
	color: #258;	
	}

h2 { border-bottom: 1px solid #aaa; }

h3 {
	color: #6d97b7;
	border: none;
	text-transform: uppercase;	
	font-weight: normal;
	letter-spacing: 1px;
	}




/* IMAGES */

img a {
	border: 0px none;
	}



/* IMAGE CAPTIONS */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 20px 0;
	}

.wp-caption a, .wp-caption a:hover, .gallery a, .gallery a:hover, .attachment a, .attachment a:hover {
	border:none;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0px none;
	}

.wp-caption p.wp-caption-text {
	font-size: 0.8em;
	margin: 4px 0 0 0;
	padding: 0 4px;
	font-family: 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	}

.gallery {
	border:1px solid #ddd;
	background-color: #f3f3f3;
	}

.gallery-item {
	margin:10px;
	}

.gallery-caption {
	font-size:0.8em;
	}

.attachment img {
	border:1px solid #ddd;
	background-color:#f3f3f3;
	padding:4px;
	}




/* COMMENTS */

textarea#comment {
	width: 100%;
	}

.commentlist {
	margin: 0;
	padding: 0;
	clear: both;
	}

.children {
	margin: 0 -21px -21px 0;
	padding: 0;
	}

li.comment, 
li.trackback, 
li.pingback {
	list-style: none;
	border: 1px solid #eee;
	padding: 20px;
	margin: 10px 0;
	}

ul.children li.comment {
	margin: 10px 0 -11px 0;
	}
	
.comment-body {
	overflow: auto;
	}

.commentlist li.even {
	background-color: #fafafa;
	}

.commentlist li.odd {
	background-color: #f6f6f6;
	}

.commentlist li.bypostauthor {
	background-color: #fffff8;
	}

.commentlist li.bypostauthor > .comment-body > .comment-author > cite {
	border-bottom:1px solid #aaa;
	}

#comments p,
.comment-body p {
	font-size: 1em;
	line-height: 1.4em;
	margin: .5em 0;
	}

.comment-body blockquote,
.comment-body cite {
	margin: 5px 10px;
	padding: 0 0 0 5px;
	border-left: 0.4em solid #ddd;
	font-size: 0.9em;
	}

.comment-body img.avatar {
	float:right;
	border:1px solid #eee;
	margin:0;
	background:#fff;
	}

.comment-author cite {
	font-style: normal;
	font-weight: bold;
	color: #555;
	font-size: 1.2em;
	}

.comment-author cite a {
	text-decoration: none;
	}
	
.comment-meta {
	margin:4px 0 0 0;
	}
	
.reply {
	margin: 5px 0;
	padding: 0;
	font-size: 1.1em;
	}




/* SEARCH FORM */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	}

.sidebar #searchform #s {
	width: 120px;
	padding: 2px;
	}

.sidebar #searchsubmit {
	padding: 1px;
	}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}





/* USEFUL & VARIOUS CLASSES */

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	width: 100%;
	margin: 1.5em 0;
}

.clear { clear: both; }

.aligncenter, div.aligncenter {
   	display: block;
   	margin-left: auto;
   	margin-right: auto;
	}

.left, .alignleft {
   	float: left;
   	margin: 0 10px 0 0;
   	width: auto;
	}

.right, .alignright {
   	float: right;
   	margin: 0 0 0 10px;
   	width:auto;
	}

abbr, acronym { cursor: help; border-bottom: 0.1em dotted; }
pre, code { font: 1.0em 'Courier New', Monaco, monospace; }
small { font-size: .85em; }
big { font-size: 1.15em; }
strong { font-weight: bold; }
em { font-style: italic; } 
strike { text-decoration: line-through; }
sub { font-size: xx-small;  vertical-align: top; } 
sup { font-size: xx-small; vertical-align: bottom; }
 
.delete:hover {
	background-color: #c00;
	color: #fff;
	}

/*
 * TABLES 
 */

#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}





 #topright {
 	border-left:1px solid #aaa; 
 	border-right:0px solid #aaa; 
 	border-top:0px solid #aaa; 
 	border-bottom:1px solid #aaa; 
 	float:right; 
 	position:relative; 
 	top:0; 
 	right:0; 
 	background:#C8DB00; 
 	color:#27567a; 
 	font-size: 1.2em;
 	padding-left:6px; 
	padding-top:3px; 
 	padding-bottom:3px;
 	font-weight: bold;
 	}
 
 #topright a {
 	text-decoration: none;
 	background: #D4E70E;
 	border-left: solid 1px #27567a;
 	padding: 3px 6px;
 }
 
 #topright a:hover {
	background: #C8DB00;
		}






input { margin: .5em 0; }