/*
Theme Name: SurfShack
Theme URI: http://www.freestylez.co.uk/surfshack-theme
Description: SurfShack from <a href="http://www.freestylez.co.uk/">FreeStylez.co.uk</a>
Version: 1.0
Author: FreeStylez.co.uk
Author URI: http://www.freestylez.co.uk/
*/

/* -------------------------------------
#standards
------------------------------------- */

html
{
	/* force scrollbars */
	min-height:100%; 
	margin-bottom:1px; 
}

body
{
    font:80% Trebuchet MS;
	padding:0;
	margin:0;
	color:#06c;
	background:#09c url('images/bodyGrad.png') repeat-x top;
}

p
{
	/*line-height:1.5em;
	text-align:justify;
	margin-top:0;
	margin-bottom:10px;*/
	margin:0;
	padding:0;
}

a
{
	color:#039;
	text-decoration:none;
	font-weight:bold;
}

a:hover 
{
	color:#f90;
	text-decoration:underline;
	font-weight:bold;
}

h1 
{
    font-size:4em;
	margin:0;
	padding:0;
	font-weight:normal;
}
    
h2 
{
    font-size:1.4em;
	margin:0;
	padding:0;
}
    
h3 
{
    font-size:1.15em;
	margin:0;
	padding:0;
}

h4 
{
    font-size:1em;
	margin:0;
	padding:0;
}

form
{
	padding:0;
	margin:0;
}

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

.alignleft
{
	float:left;
}

.alignright
{
	float:right;
}

/*-------------------------------------
#page
-------------------------------------*/

#page
{
	width:800px;
	margin:0 auto;
	padding:0;
}


.pagetitle
{
	background:url('images/pagetitle.png') no-repeat;
	display:block;
	width:535px;
	height:28px;
	color:#fff;
	margin-bottom:5px;
	font-weight:normal;
	padding:15px;
	text-align:center;
}


/* -------------------------------------
#navigation
------------------------------------- */

#navigation
{
	margin:0;
	padding:0;
}

#navigation a
{
	text-decoration:none;
	font-weight:bold;
}

#navigation a:hover 
{

}
.tabNavigation
{
	margin:0;
	padding:0;
	line-height:30px;
	float:right;
	margin-right:10px;
	margin-top:22px;
}

.tabNavigation li 
{
	line-height:30px;
	margin:0;
	list-style:none;
	float:left;
	margin:0 20px 0 0;
	position:relative;
}

.tabNavigation li a
{
	line-height:30px;
	margin:0;
	color:#039 !important;

}

.tabNavigation li a:hover
{
	color:#f90 !important;
	text-decoration:underline;
}

	

/* -------------------------------------
#header
------------------------------------- */

#header
{
	background:url('images/header.png') no-repeat;
	width:800px;
	height:140px;
}

#header a, #header a:hover
{
	color:#fff;
	text-decoration:none;
}

#headerTitle
{

}


#headerTitle h1
{
	display:none;
}

#headerTitle h1 a
{
}

.description
{
	font-size:1em;
	float:left;
	margin-top:107px;
	margin-left:78px;
	color:#fff;
}

/*#headerSidebox
{
	width:185px;
	height:100px;
	padding:10px 5px 10px 10px;
	color:#fff;
	background:url('images/trans_bg.png');
}

*/

#header .search
{
	width:260px;
	float:right;
	clear:right;
	height:21px;
	margin-top:-25px;
	margin-right:30px;
	
}

#header #s
{
	font:1em Trebuchet MS, Arial, Verdana,  Helvetica, sans-serif;
	margin:0;
	padding:0;
	border:none;
	background:none;
	width:170px;
	float:left;
	height:21px;
	color:#09c;

}

#header #searchsubmit
{
	border:none;
	background:none;
	width:80px;
	height:21px;
	cursor:pointer;
	float:right;
}



/* -------------------------------------
#middle
------------------------------------- 

#middle
{
	background:#fff url('images/butterfly.png') 95% bottom no-repeat;
	border-left:solid 1px #ddf;
	border-right:solid 1px #ddf;
	color:#000;
}
*/
/* -------------------------------------
#content
------------------------------------- */

#content
{
	clear:both;
	float:right;
	width:565px;
	position:relative;
	left:-15px;
}

#content .navigation
{
	padding:5px 15px 5px 15px;
	height:30px;
	line-height:30px;
}

.small
{
	padding:5px;
	line-height:1.5em;
}

/* -------------------------------------
.post
------------------------------------- */

.searchresults .post
{
	margin-bottom:20px;
}
.post
{
	background:url('images/postBody.png') repeat-y;
	width:538px;
	padding:5px 15px 5px 12px;
	
}

.postmetadata
{
	padding:5px;
	padding-left:15px;
	margin:0;
}

.postfooter
{
	background:url('images/postBottom.png') no-repeat;
	width:565px;
	height:11px;
}

.postfooter a
{
	color:#030;
}

.postfooter a:hover
{
	color:#060 !important;
}

.entry
{
	padding:0;
	margin:0;
}

.title
{
	width:565px;
	height:57px;
	background:url('images/postTitle.png') no-repeat;
	color:#fff;
}

.title h2
{
	margin:0;
	padding:0;
	font-weight:normal;
	display:block;
	width:535px;
	text-align:center;
	padding:15px;
}

.title h2 a
{
	color:#fff;
	font-weight:normal;
	display:block;
	width:530px;
}

.post .small

{
	font-weight:bold;
	border-bottom:1px solid #fff;
	margin:0;
	padding:0;
	padding-bottom:10px;
	text-align:center;
}

.metadata
{
	background:#fff;
	padding:5px 5px 5px 15px;
	width:500px;
	color:#060;
	margin:0 auto;
}


/* -------------------------------------
#sidebar
------------------------------------- */

#sidebar
{
	float:left;
	color:#fff;
	width:178px;
	position:relative;
	left:37px;

}

#sidebar h2
{
	margin:0;
	padding:0;
	display:block;
	width:178px;
	height:42px;
	background:url('images/sidebarh2.png') no-repeat;
	padding-top:15px;
	text-align:center;
	font-weight:normal;
}

#sidebar a
{

}

#sidebar ul, #sidebar ul ol 
{
	margin:0;
	padding:0;
	
}

#sidebar ul li 
{
	list-style:none;
	margin: 0;
	padding: 0;
}

#sidebar ul li, #sidebar ol li 
{
	margin: 0;
	padding: 0;
}

#sidebar ul li p, #sidebar ol li p
{
	margin: 0;
	padding:0;	
	background:url('images/sidebarul.png') repeat-y bottom;
	padding:0 15px 15px 12px;
	color:#06C;
}

#sidebar ul p, #sidebar ul select 
{
	margin: 0;
	padding: 0;
}

#sidebar ul ul, #sidebar ul ol 
{
	margin: 0;
	padding: 0;
	background:url('images/sidebarul.png') repeat-y bottom;
	padding-bottom:7px;
	margin-bottom:5px;

}

#sidebar ul ul li a
{

	margin: 0;
	padding:0;
	background:#9cf;
	color:#06c;
	display:block;
	width:160px;
	margin-bottom:5px;
	text-align:center;
	margin-left:8px;

}

#sidebar ul ul li a:hover
{
	background:#f90;
	color:#fff;
	text-decoration:none;
}

#sidebar ul ul ul, #sidebar ul ol 
{
	margin: 0;
	padding: 0;
	background:none;
}

ol li, #sidebar ul ol li 
{
	list-style: decimal outside;
	margin: 0;
	padding: 0;
}

#sidebar ul ul li, #sidebar ul ol li
{
	margin: 0;
	padding: 0;


}

#sidebar ul li h2, #sidebar ol li h2
{
list-style:none;
}


#sidebar #calendar_wrap
{
	width:180px;
	background:url('images/sidebarul.png') repeat-y bottom;
	padding-bottom:7px;
		margin-bottom:5px;
		margin-left:-1px;
}

#sidebar #calendar_wrap table
{
	width:160px;
	color:#06c !important;
	margin:0 auto;

}

#sidebar .textwidget
{
	color:#06c;
	background:url('images/sidebarul.png') repeat-y bottom;
	padding:7px 10px 10px 10px;
	margin-bottom:5px;
}

#sidebar .recentcomments
{
	color:#06c;
}

#sidebar .recentcomments a
{
	background:#fff;
}

#sidebar .recentcomments a:hover
{
	background:#fff;
	color:#06c;
}

#sidebar #recentcomments
{
	list-style:circle !important;
	padding:7px 10px 10px 10px;
}


#sidebar .widget_rss img
{
	position:relative;
	top:2px;
}

/* -------------------------------------
.noPostsFound
------------------------------------- */

.noPostsFound h2
{
}

/* -------------------------------------
comments
------------------------------------- */


.commentbox
{
margin-top:5px;
}

.commentbox h2
{

}

.commentbox p
{

	padding:10px 20px 10px 20px;
}

.reply
{
margin-top:5px;
	
}


textarea
{
	width:490px;
	height:140px;
	font:1em Trebuchet MS, Arial, Verdana,  Helvetica, sans-serif;
	color:#297a01;
	border:none;
	padding:4px;
	background:#fff;
	margin:0 20px 0 20px;
}

#submit
{
	font:1em Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	background:none;
	border:none;
	padding:3px 0 2px 0;
	text-align:right;
	float:right;
	margin-bottom:10px;
}

/* -------------------------------------
#footer
------------------------------------- */



#footer
{

	width:770px;
	height:18px;
	background:url('images/footer.png') no-repeat;
	text-align:center;
	padding:20px;
	margin-bottom:13px;
	color:#fff;
	margin-top:5px;
}

#footer a
{
	color:#fff;
}

blockquote
{
	margin-left:10px;
	margin-right:10px;
	border:1px solid #06c;
	padding:10px;
}

blockquote blockquote
{
}