/*
Theme Name: Fieldhockeylife
Theme URI: http://wordpress.org/
Description: Custom Theme design by Sire Advertising.
Version: 1.5
Author: Sire Advertising

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

/* === === === === === === === === === ===
=RESET
=== === === === === === === === === === */
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
/* Removes list-style from lists */
ol,ul { list-style : none; }
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }
/* Removes border from fieldset and img */
fieldset,img { border : 0; }
/* Left-aligns text in caption and th */
caption,th { text-align : left; }
/* Removes quotation marks from q */
q:before, q:after { content :''; }
/* Removes outline from a */
a { outline: none; border:none; text-decoration:none; }

/* === === === === === === === === === ===
=COMMON
=== === === === === === === === === === */ 
a { color: #00334d;}

strong, strong a { font-weight: bold; color:#b62a2c; }

br { margin-top:10px; display:block; }

.clear { clear:both; }

/* === === === === === === === === === ===
=STRUCTURE
=== === === === === === === === === === */

html { margin: 0; padding: 0; width: 100%; }

body { font: 62.5%/1.5 'Arial', Helvetica, san-serif; background: #85b0c6 url('img/header_bgd.jpg') no-repeat 50% 0; color: #646451; position: relative; width: 100%; }

#site-wrap, #footer-wrap { position:relative; width:900px; margin:0 auto; }

blockquote {
	width:425px;
	margin:15px auto 15px auto;
	background-color:#eef1ea; 
	border: 1px solid #ced3c8;
	padding:10px;
	}
	
blockquote p {
	font-style: italic;
	font-family: Georgia, Times New Roman, Serif;
	}

/* === === === === === === === === === ===
=MASTHEAD
=== === === === === === === === === === */

#masthead  { position:relative; width:875px; margin:0 auto; height: 110px;  }
	#masthead h1 { background: url("img/fhl_logo-rev.gif") no-repeat left 0; text-indent: -9999px; font-size: 1%; }
	#masthead h1 a { margin-top:18px; width:391px; height:57px; display: block; }
	
/* === === === === === === === === === ===
=NAVIGATION
=== === === === === === === === === === */

ul#navigation { position:absolute; left:0; bottom:0; width:850px; margin:0 auto; padding:0 0 10px 20px; }
 
ul#navigation li { float:left; display: inline; font-size:1.2em; text-transform: uppercase; font-weight:bold;  }

ul#navigation li a { margin-right:15px; }

ul#navigation li a:focus, ul#navigation li a:hover, ul#navigation li a.active   { color:#b62a2c; }

/* === === === === === === === === === ===
=CONTENT AREA
=== === === === === === === === === === */

#round-wrap { background-color:#85b0c6; height:1%; overflow:hidden; }

#content-container { overflow:hidden; padding:20px; border: 2px solid #fff; background: #fff url('img/background_block_slice.jpg') repeat-x left 0;  height:1%; }

.action_image { position: absolute; right:0; bottom: 0; width:192px; height:353px; background: url('img/Action-trans.png') no-repeat left 0; }

/* === === === === === === === === === ===
=BLOG AREA
=== === === === === === === === === === */

#blog_content { float:left; width:550px; clear:both; }

.content { clear:both; margin-top:20px; }

.content ul {
	width:425px;
	margin:15px auto 15px auto;
	padding:10px;
	}
	
.content ul li {
	font-size:1.3em; line-height:1.4em;
	list-style: disc;
	padding:2px 0;
	font-style: italic;
	font-family: Georgia, Times New Roman, Serif;
	}

.content p, p.feed { font-size:1.3em; line-height:1.5em; margin-top:8px; }

.pdate { float:left; clear:both; border-right:2px solid #ddd9d9; padding:5px 10px 5px 0; margin-right:10px; }

.pdate p { font-size:2.0em; line-height:1.0em; color:#808080; text-align:center; }

.pdate span.month { display:block; text-align:center; }

.auth { color:#7f7f7f; }

.post-meta-bottom { margin:10px 0 25px 0; height:1%; border-top:1px solid #ddd9d9; border-bottom:1px solid #ddd9d9; padding:5px 0; overflow:hidden; }

.cat { float:left; margin-right: 15px; padding-left:25px; background: transparent url('img/cat-folder-trans.png') no-repeat left -3px;}

.cat a { color:#85b0c6; } 

.cat a:focus, .cat a:hover{ color:#b62a2c; }

.tag { float:left; }

h3 a { font-size:2.0em; color: #b62a2c; }

h3 a:focus, h3 a:hover { color: #133b4d; }
	
/*=== next/Prev Links ===*/
.nav-previous { width: 249px; float: left; text-align: left; margin: 2px 0px; }

.nav-next { width: 249px; float: right; text-align: right; margin: 2px 0px; }

.page-nav a { text-decoration: none; font-size:1.2em; }

.page-nav a:focus, .page-nav a:hover  { color:#b62a2c; }

.nav-previous a { padding-left: 20px; }

.nav-next a { padding-right: 20px; }

.content img { margin:5px 0px; }
	
/* === === === === === === === === === ===
=SIDEBAR
=== === === === === === === === === === */ 

#sidebar-wrap { float: right; width:280px; background-color:#eef1ea; border: 1px solid #ced3c8; margin-bottom:180px; }

#sidebar { margin:14px auto; width:260px; }

#popular-bottom { background: transparent url('img/ks13_logo.gif') no-repeat center 0; width:123px; height:48px;}
   
/* === === === === === === === === === ===
=FOOTER
=== === === === === === === === === === */ 

#footer { position:relative; overflow:hidden; margin:0 25px; padding:20px; color:#00334d; }

#footer a { text-decoration:underline; color:#00334d; } 

#searchform .s { background-color:#eef1ea; border: 1px solid #fff; color: #333; font-family: Arial, Helvetica, Sans-Serif; padding:5px; float: left; clear:both; font-size:1.2em; margin-right:10px; }

ul.tabNavigation { list-style: none; margin: 0; padding: 0; }

ul.tabNavigation li { display: inline; } 

ul.tabNavigation li h4 { font-size:1.2em; text-transform:uppercase; }

.popular li h4  { font-size:1.2em; text-transform:uppercase; color:#b2d5e7; }

ul.tabNavigation li a { float:left; padding: 3px 5px; color: #b62a2c; text-decoration: none; }

ul.tabNavigation li a.selected, ul.tabNavigation li a:hover 
{ background-color: #00334d; color: #b2d5e7;  }
		
ul.tabNavigation li a:focus { outline: 0; }

.tabs #archives, .tabs #catagories, .tabs #search, .popular { clear:both; background-color:#00334d; padding: 10px 10px; overflow:hidden; margin-bottom:14px; }

ul.tablist li a, .popular li a { color:#ccdde6; font-size:1.2em; line-height:2.0em; padding-left:5px; display:block; border-bottom: 1px solid #719db4; }

ul.tablist li a:hover, .popular li a:hover { color:#fff; background-color:#719db4;  }