/*
Theme Name: Strong Island Theme
Theme URI: http://www.strong-island.co.uk
Description: Custom theme for the Strong Island blog
Version: 2.0
Author: Adam Wintle
Author URI: http://www.adamwintle.com
Tags: southsea, awesome
*/

/*************************************

Copyright Adam Wintle.

You may adapt certain elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright 2010 Adam Wintle and may not be reproduced.

Docuemnt created July 10th, 2010
Last updated January 2nd, 2011

Link colour: #07344B and highlight: #336D8B

**************************************/

/* 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;
}



/* !Gloabl */

body {
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	color: #6e7073;
	font: 12px/18px Georgia, Times, serif;
	width: 996px;
}

#header {
	margin-top: 10px;
	background: url( images/header.jpg ) no-repeat center top;
	height: 200px;
	width: 996px;	
}

#branding {
	margin: 10px 0;
	border: 0;
}

#sidebar #search {
	margin-bottom: 20px
}

#menu-main-navigation {
	float: left;	
	background-color: #f9f9f7;
	border: 1px solid #f2edee;
	width: 994px;
	margin: 0 0 10px 0;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;	
}

#menu-main-navigation li {
	list-style: none;
	text-align: center;
	display: inline;
	margin-left: 30px;
}

/* !Columns */

.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten {
	display: inline;
	float: left;
	position: relative;
}

.one {width: 90px;}
.two {width: 190px;}
.three {width: 290px;}
.four {width: 390px;}
.five {width: 520px;}
.six {width: 590px;}
.seven {width: 690px;}
.eight {width: 790px;}
.nine {width: 890px;}
.ten {width: 990px;}

#primary-loop, #secondary-loop, #aside {
	display: inline;
	float: left;
	position: relative;
}

#primary-loop {
	width: 524px;
	margin-right: 10px;	
}

#secondary-loop {
	width: 292px;
}

#aside {
	width: 160px;
	float: right;
}

/* !Additions */

.left {float: left; margin-right: 0px; text-align: left;}
.right {float: right; margin-left: 0px;}
.centre {text-align: center; margin: 0 auto; clear: both;}
.textright {text-align: right}

.frame {border: 1px solid #f2edee;}
a .frame {border: 1px solid #465378;}
.solo {margin-bottom: 20px;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.bg {
	background-color: #f9f9f7;
	border: 1px solid #f2edee;
	padding: 10px;	
}

.alpha {margin-left: 10px;}
.omega {margin-right: 10px;}

/* !Typography */

p {
	margin: 0 0 20px 0;
}

a {
	color: #07344B;   /* #833C3A;    #006667;  */
	outline: none;
	text-decoration: none;	
}

a:hover {
	color: #336D8B;   /*  #9F3733;   #2b8081;   */
}

:focus {
	outline: 0;
}

ul, ol {
	margin-bottom: 20px;
}

blockquote {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #f7f7f7;
}

/* !Headings */
	
h1 {
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	font-style: italic;
	background-color: #f9f9f7;
	border: 1px solid #f2edee;	
}

h2 {
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	font-style: italic;
}

h3 {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}

#sidebar h2 {
	margin-bottom: 5px;
}

/* !Posts */

.gallery-item {
	border: none;
}

.gallery img {
	border: 1px solid #f2edee;	
}

.post {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #9fc5c6;
}

.byline {
	font-style: italic;
	margin-bottom: 10px;
}

.read-more {
	margin: 10px 0;
	font-size: 14px;
	text-align: right;
}

.meta {
	margin-bottom: 10px;
}

img {
	border: 1px solid #f2edee;	
}

/* !Comments */
	
#commentform label {
	display: block;
	margin: 0 0 5px 0;
}

#commentform input.text, #commentform textarea {
	width: 450px;
	margin: 0 0 10px 0;
}

#commentform .text {
	height: 22px;
	padding: 6px 6px 0 6px;
/* 	background: #fff url(img/bg-form-text.gif) repeat-x left top; */
	border: 1px solid #dadada;
	color: #6e7073;
}

#commentform textarea {
	height: 150px;
	padding: 6px 6px 0 6px;
/* 	background: #fff url(img/bg-form-text.gif) repeat-x left top; */
	border: 1px solid #dadada;
	color: #5e5e5e;
}

#commentform .button {
	width: auto;
	height: 30px;
	margin: 0 0 10px 0;
	padding: 0 20px;
	background: #07344B;    /*  #833C3A;    #006667;  */
	border: none;
	color: #fff;
	border-bottom-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	cursor: pointer;
	float: right;
}

.commentlist {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	list-style: none;
	border-bottom: 1px solid #9fc5c6;	
}

.commentlist .quote {
	padding: 10px;
	background-color: #f1f1ef;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;	
}

.commentlist li {
	margin: 20px 0 0 0;
	padding: 0px;
	color: #6e7073;
}

.commentlist cite {
	display: block;
	font-style: italic;
	text-align: right;
}

.avatar {
	float: left;
	margin: 0 20px 10px 0;
}

/* !Search */

#searchform #search {
	float: left;
	width: 100px;
	height: 22px;
	padding: 6px 6px 0 6px;
	background: #fff url(img/bg-form-text.gif) repeat-x left top;
	border: 1px solid #dadada;
	color: #5e5e5e;
}

#searchform .button {
	width: auto;
	height: 20px;
	margin: 1px 0 0 0;
	padding: 0 10px;
	background: #07344B;    /*  #833C3A;    #006667;  */
	border: none;
	color: #fff;
	border-bottom-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	cursor: pointer;	
}

#commentform .button:hover, #searchform .button:hover {
	background-color: #336D8B;   /*  #9F3733;   #2b8081;   */
}

#commentform .button:active, #searchform .button:active {
	-moz-transform: translate(0, 1px);
	-webkit-transform: translate(0, 1px);
}

/* !Store */

#footer {
	margin: 10px 0;
}

/* !Links */

#post-9337 .linkcat {
	list-style-type: none;
}