/*
Theme Name: Soak New Site
Theme URI: http://wordpress.org/
Description: The new Soak design in Wordpress.
Version: 1.0
Author: Adam Collison
Author URI: http://www.soak.co.uk/
Tags: SOAK

	Soak v1.0
	http://www.soak.co.uk/
*/



/* Begin Typography & Colors */
*
{
	color:		 #333;	
}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

#headerimg .description {
	text-align: center;
	}
/*
.entry p a:visited {
	color: #b85b5a;
	}*/

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, Verdana, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, Verdana, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em Arial, Verdana, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a {
	color:					#0099FF;
	text-decoration: 		none;
}

a:hover {
	color: 					#333;
	text-decoration: 		underline;
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	color:					#0099FF;
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Arial, Verdana, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
.narrowcolumn {
	float: left;
	padding: 0 0 20px 0;
	margin: 0px 0 0;
	width: 654px;
	background:				url(/assets/images/bg-panel-standard.png) 0 0 repeat-y;
	position:				relative;
	margin:					12px 16px 12px 0;
}


.narrowcolumn .base
{
	position:				absolute;
	bottom:					-12px;
	left:					0;
}

.narrowcolumn .top
{
	position:				absolute;
	top:					-12px;
	left:					0;
}

.narrowcolumn .navigation,
.widecolumn .navigation
{
	padding:				0 25px;
}
 
.widecolumn .navigation .alignleft a:before
{
	content:				"\00AB \0020";
}
 
.widecolumn .navigation .alignright a:after
{
	content:				" \00BB";
}


.widecolumn {
	float: left;
	padding: 0 0 20px 0;
	margin: 0px 0 0;
	width: 654px;
	background:				url(/assets/images/bg-panel-standard.png) 0 0 repeat-y;
	position:				relative;
	margin:					12px 16px 12px 0;
}

.pagetitle
{
	margin:					10px 25px 2em;
	font-weight:			bold;
	text-transform:			uppercase;
	font-size:				1.2em;
	border-bottom:			1px solid #999;
	padding-bottom:			10px;
}

.widecolumn .base
{
	position:				absolute;
	bottom:					-12px;
	left:					0;
}

.widecolumn .top
{
	position:				absolute;
	top:					-12px;
	left:					0;
}

.post {
	margin: 				0 25px 2em;
	text-align: 			justify;
	padding-bottom:			2em;
	border-bottom:			1px solid #999;
	}
	
.post h1,
.post h2
{
	font-weight:	bold;
	text-transform:	uppercase;
	margin-bottom:	0.8em;
	font-size:		1.2em;
}

.post .post-data
{
	font-size:				1em;	/* 12 x 0.91 = 10px */
	color:					#666;
	margin-bottom:			0.6em;
}

.post .post-data em
{
	color:					#0099FF;
	/*margin-right:			0.8em;*/
}

.post .post-data em:hover
{
	color:					#333;
}

.post .post-data em.authorname
{
	color:					#666;
}

.post .post-data span
{
	margin-right:			0.8em;
}

.post .more
{
	margin-top:				1em;
}

.post .entry
{
	font-size:				1em;	/* 12 x 0.92 = 11px */
	margin-right:			125px;
}

.post .entry p
{
	margin:					0 0 0.7em;
}

.widecolumn .post .entry
{
	font-size:				1em;	/* 12 x 0.92 = 11px */
	margin-right:			0;
}

.widecolumn .post .entry h1,
.widecolumn .post .entry h2,
.widecolumn .post .entry h3,
.widecolumn .post .entry h4,
.widecolumn .post .entry h5,
.widecolumn .post .entry h6,
.widecolumn .post .entry p,
.widecolumn .post .entry ul,
.widecolumn .post .entry ol,
.widecolumn .post .entry form,
.widecolumn .post .entry div
{
	clear:					both;
	margin:					0 0 0.7em;
	padding:				0;
}

.widecolumn .post .entry .copyToClipboard
{
	clear:					none;
	margin:					0;
}

.widecolumn .post .entry h2,
.widecolumn .post .entry h3,
.widecolumn .post .entry h4,
.widecolumn .post .entry h5,
.widecolumn .post .entry h6
{
	margin-top:				1.2em;	
}

.widecolumn .post .entry ol
{
	margin:					0 0 0.7em 15px;
	padding:				0;
}

.widecolumn .post .entry ul
{
	list-style:				disc;
	margin-left:			3px;
}

.widecolumn .post .entry ul li
{
	display:				list-item;
	padding-left:			10px;
}



.widecolumn .post
{
	float:					right;
	width:					456px;
	margin-bottom:			0;
	border-bottom:			0;
}

.post .author
{
	float:					right;	
}

.post hr {
	display: block;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}


.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}
/* End Structure */





/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.navigation .alignright a,
.navigation .alignleft a {
	margin-bottom:			20px;
	display:				block;
}

/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

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

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar h2 {
	text-transform:	uppercase;
	font-weight:bold;
}

#sidebar h2.main-title 
{
	margin-bottom:1em;
}

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

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}

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

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 0 auto 20px!important;
	padding: 5px 3px;
	text-align: center;
	vertical-align:middle;
	}
	
	#searchform * {
	vertical-align:middle;
	}

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

#sidebar #searchsubmit {
	border:0;
	background:none;

	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after,
.post:after,
.navigation:after{
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	padding:0;
	border:0;
	width:auto;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	margin:0 25px;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

#respond
{
	margin:		0 25px;	
}

#respond h3
{
	clear:			both;
}

.single #respond
{
	clear:		both;
}

#content.widecolumn h3
{
	font-weight:		bold;
	text-transform:		uppercase;
	font-size:			1em;
}


/* Begin Sidebar */
#sidebar
{
	width: 254px;
	float:	right;
	background:				url(/assets/images/bg-panel-small.png) 0 0 repeat-y;
	position:				relative;
	margin:					12px 0 12px 0;
	}

#sidebar .base
{
	position:				absolute;
	bottom:					-12px;
	left:					0;
}

#sidebar .top
{
	position:				absolute;
	top:					-12px;
	left:					0;
}

#sidebar ul ul,
#sidebar ul ol,
#sidebar h2,
#sidebar form
{
	padding-left:			15px;
	padding-right:			12px;
}

#sidebar ul ul ul,
#sidebar ul ol ul,
#sidebar ul ol ol,
#sidebar ul ul ol
{
	padding-left:			5px;
}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 0;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
}
/* End Various Tags & Classes*/

.widecolumn #comments
{
	margin:	0 25px;	
	clear:			both;
	margin-top:		2em;
	padding-top:	2em;
	border-top:1px solid #666;
}

.biog
{
	float:				left;
	width:				115px;
	margin-left:		25px;
	margin-bottom:2em;
	font-size:			0.9em;
}

.biog .date
{
	color:				#666;
	margin-top:			15px;
	margin-bottom:		2px;
}

.biog .author,
.biog .cat
{
	color:				#666;
	margin-bottom:		2px;
}

.biog .author em,
.biog .cat em,
.biog .author a,
.biog .cat a
{
	color:				#0099FF;
}


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

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


#core-content
{
	padding-top:			0!important;	
	top:					-73px!important;
}

.blogtitle
{
	min-height:				62px;
	padding:				79px 0 0 24px;
	position:				relative;
}

.blogtitle h2
{
	position:				absolute;
	left:					300px;
	bottom:					22px;
}