/*

Theme Name: Shades

Theme URI: http://webgazette.co.uk/

Description: A minimal white theme for static sites using the blog for news.

Version: 1.1

Author: WG

Author URI: http://webgazette.co.uk/

Tags: Minimal, White, 1 / 2 column, Simple

*/



/* Global styles etc */



body {

	background: url(images/background.gif) repeat-x 0 0;

	color: #000;

	font-size: 76%;

	font-family: verdana, arial, sans-serif;

}



p {

	margin: 0;

	padding: 5px 0 5px 0;

}



strong {

	font-weight: bold;

}



.hidden {

	display: none;

}



acronym {

	border-bottom: 1px dashed #0033cc;

	cursor: help;

}



blockquote {

padding: 0px 10px;

margin: 0 40px 0 40px;

font-size: 0.8em;

border: 1px solid #5566DD;

background: #F6F6F6;

}



/* Heading Styles */



h1 {

	font-size:2.0em;

	margin: 0;

	padding: 5px 0 5px 0;

}



h2 {

	font-size:1.7em;

	margin: 0;

	padding: 5px 0 5px 0;	

}



h3 {

	font-size:1.6em;		

	margin: 0;

	padding: 5px 0 5px 0;

}



h4 {

	font-size:1.4em;		

	margin: 0;

	padding: 5px 0 5px 0;

}



h5 {

	font-size:1.3em;		

	margin: 0;

	padding: 5px 0 5px 0;

}



h6 {

	font-size:1.2em;		

	margin: 0;

	padding: 5px 0 5px 0;

}



/* Outer wrapper */



#wrapper {

	width: 960px;

	margin: 0 auto;

	padding: 0;

}



/* Header */



#header {

	height: 120px;

}



#header h1 {

	font-size: 3.4em;

	font-family:  georgia, "times new roman", serif;

	letter-spacing: 2px;

	padding: 30px 0 0 20px;

	margin: 0;

}



#header h1 a {

	text-decoration: none;

	color: #3366cc;

}



#header h1 a:hover {

	color: #ababab;

}



#header p.tagline {

	margin: 0;

	padding: 5px 0 0 20px;

	color: #808080;

	font-style: italic;

	font-size: 1.3em;

	line-height: 20px;

}



/* Horizontal menu */



#menu {

	margin:  0 0 20px 0;

}



#menulist {

	padding:  0 0 6px 18px;

	margin-left: 0;

	border-bottom: 1px solid #ababab;

}



/* Safari doesn't quite get it right so here we fix it */

@media screen and (-webkit-min-device-pixel-ratio:0) {

#menulist { 

	padding:0 0 7px 18px;

} }



#menulist li { 

	list-style: none;

	margin: 0;

	padding: 0;

	display: inline; 

}



#menulist li a {

	color: #000;

	padding: 5px 5px;

	margin-left: 2px;

	border: 1px solid #ababab;

	border-bottom: 0 none;

	background: #f2f2f2;

	text-decoration: none;

}



#menulist li.current_page_item a { 

	background: #fff; 

	border-bottom: 1px solid white; 

}



#menulist li.current_page_item a:hover  {

	color: #000;

	background: #fff; 

}



#menulist li a:hover {

	color: #fff;

	background: #ababab; 

}



/* Content */



/* Wide Page Template */



#content.wide {

	width: 700px;

}



/* Home Page Template */



#content.wide h2.home-title {

	color: #6B6B6B;

	clear: both;

	padding: 20px 0 10px 0;

	font-size: 1.1em;

	text-align: center;

}



#content.wide img {

	background: #ffffff;

	margin:  0 0 5px 0;

	padding: 3px;

	float: none;

	width: 185px;

	height: 150px;

	border: 1px solid #555555;

}



#content.wide p {

	text-align: left;

	margin: 0;

	padding: 5px;

}



#home-left, #home-mid, #home-right {

	width: 28%;

	float: left;

	margin: 0 5px 0 5px;

	padding: 0 5px 0 5px;

	height: 400px;

	overflow: hidden;

}



#home-left {

	border-right: 1px solid silver;

	padding-right: 15px;

}



#home-right {

	border-left: 1px solid silver;

	padding-left: 15px;

}





#content {

	float: left;

	margin: 0 0 10px 20px;

	_margin: 0 0 10px 10px; /* For IE6 */

	padding: 0;

	width: 500px;

}



#content h2 {

	font-size: 1.6em;	

	font-family:  georgia, "times new roman", serif;

	font-weight: bold;

}



#content h2 a {

	text-decoration: none;

	color: #3366cc;

}



#content h2 a:hover {

	color: #ababab;

}



#content h3 {

	font-size: 1.3em;	

	font-family:  georgia, "times new roman", serif;

	font-weight: bold;

	padding: 10px 0 10px 0;



}



#content h3 a {

	text-decoration: none;

	color: #3366cc;

}



#content h3 a:hover {

	color: #ababab;

}



#content h3.blogtag {

	color: #808080;

	font-style: italic;

}



#content h4 {

	font-size: 1.1em;

	font-weight: bold;

}



#content div.post {

	margin: 0;

	padding: 0 0 20px 0;

	clear: both;

}



#content p {

	font-size: 1.15em;

	line-height: 20px;

text-align: justify;

}



#content p a {

	color: #3366cc;

	text-decoration: none;

	font-weight: normal;

}



#content p a:hover {

	text-decoration: underline;

	color: #ababab;

}



#content p.date {

	font-size: 0.8em;

	font-weight: bold;

	color: #808080;

	clear: both;

}



/* Content Lists */



#content ol li, #content ul li {

	margin: 0 0 0 50px;

	padding: 2px 0 2px 0;

}



#content ol li ol li, #content ul li ul li {

	margin: 0 0 0 15px;

	padding: 2px 0 2px 0;

}



#content ul {

	list-style: disc;

	line-height: 16px;

	padding: 10px 0 10px 0;

}



#content ul ul {

	list-style: circle;

}



#content ol {

	list-style: decimal;

	line-height: 16px;

	padding: 10px 0 10px 0;

}



#content ol ol {

	list-style: lower-roman;

}



#content li a {

	text-decoration: none;

}



#content li a:hover {

	text-decoration: underline;

}



#content a.more-link {

	font-weight: normal;

	font-size: 0.9em;

}



/* Content Images */



/* WordPress Imgage Styles */



#content .aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



#content div.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

	text-align: center;

}



/* Sidebar */



#sidebar {

	margin: 0 20px 0 0;

	_margin: 0 10px 0 0; /* For IE6 */	

	padding: 0;

	float: right;

	width: 360px;

}



#single-sidebar {

	margin: 0 20px 0 0;

	_margin: 0 10px 0 0; /* For IE6 */	

	padding: 0;

	float: right;

	width: 170px;

}



#left-sidebar {

	float: left;

	width: 170px;

	height: 100%;

}



#right-sidebar {

	float: right;	

	width: 170px;

	height: 100%;

}



#sidebar ul ul, #single-sidebar ul ul {

	padding: 0;

	margin: 0 0 15px 0;

}



#sidebar ul ul ul, #single-sidebar ul ul ul {

	padding: 0;

	margin: 0;

}



#sidebar ul li, #single-sidebar ul li {

	border-bottom: none;

	list-style: none;

	color: #000

} 



#sidebar ul li h2, #single-sidebar ul li h2 {

	font-size: 1.1em;

	font-weight: bold;

	color: #6b6b6b;

	border-bottom: 1px solid #ebebeb; 

	margin: 0 0 4px 0;

	padding: 0 0 4px 0;

}



#sidebar ul li ul li, #single-sidebar ul li ul li {

	padding: 4px 0 6px 0;

	border-bottom: 1px solid #ebebeb; 

}



#sidebar ul li#search ul li, #single-sidebar ul li#search ul li {

	border-bottom: none; 

}



#sidebar ul li ul li ul li, #single-sidebar ul li ul li ul li {

	padding: 3px 0 0px 15px;

	margin: 6px 0 0 0;

	border-bottom: none;

	border-top: 1px solid #ebebeb; 	

}



#sidebar li a, #single-sidebar li a {

	padding: 0;

	color: #3366cc;

	font-weight: normal;

	text-decoration: none;

	font-size: 1.1em;



}



#sidebar a:hover, #single-sidebar a:hover {

	text-decoration: underline;

	color: #ababab;

}



#sidebar p.note, #single-sidebar p.note {

	margin: 0;

	padding: 3px;

	background: #f2f2f2;

	border: 1px solid #ababab;

	font-size: 0.9em;

}



/* Search */



#head-search {

	float: right;

	margin: 20px 30px 0 0;

	_margin: 20px 5px 0 0; /* IE6 */

	width: 160px;

}



p.search {

	margin: 5px 0;

	padding: 10px 0;

}



#searchbox {

	margin: 0 0 2px 0;

	padding: 3px 0 0 0;

	width: 180px;

	border: 1px solid #ababab;

	height: 20px;

}



#searchsubmit {

	margin: 0;

	padding: 0 3px 4px 3px;

	background: #f2f2f2;

	border: 1px solid #ababab;

	height: 22px;

	font-weight: bold;

}



#searchsubmit:hover {

	border: 1px solid #000000;

	background: #ababab;

	color: #ffffff;

	cursor: pointer;

}



/* Comments form */



#commentform a {

	font-size: 0.9em;

}



#commentform label {

	font-size: 0.7em;

}



#commentform #author {

	width: 260px;

}



#commentform #email {

	width: 260px;

}



#commentform #url {

	width: 260px;

}



#commentform #comment {

	width: 500px;

}



#commentform #submit {

	font-weight: bold;

	margin: 0;

	padding: 1px 3px 4px 3px;

	background: #f2f2f2;

	border: 1px solid #ababab;

	height: 22px;	

}



#commentform #submit:hover {

	border: 1px solid #000000;

	background: #ababab;

	color: #ffffff;

	cursor: pointer;

}



/* Comments */



#content ol.commentlist li {

	padding: 10px;

	margin: 10px;

	border: 1px solid #ababab;

 	background: #d5d5d5;

}



#content ol.commentlist li.alt {

	background: #f5f5f5;

	border: 1px solid #c0c0c0;

}



#content ol.commentlist a {

	color: #3366cc;

	text-decoration: none;

	font-weight: bold;	

}





#content ol.commentlist a:hover {

	text-decoration: underline;

}



#content ol.commentlist li cite  {

	font-style: italic;

	font-weight: bold;

}



#content ol.commentlist br {

	line-height: 30px;

}



#content small.commentmetadata a {

	padding: 10px 0 0 0;

	font-size: 0.8em;

	font-weight:normal;

}



#content ol.commentlist li p {

	font-size: 0.9em;

}



/* Post navigation */



div.top-navigation {

	padding: 0 0 30px 0;

}



div.top-navigation a {

	color: #3366cc;

	text-decoration: none;

	font-weight: normal;

	font-size: 0.9em;

}



div.top-navigation a:hover {

	text-decoration: underline;

}



div.bottom-navigation {

	padding: 20px 0 0 0;

}



div.bottom-navigation a {

	color: #3366cc;

	text-decoration: none;

	font-weight: normal;

	font-size: 0.9em;

}



div.bottom-navigation a:hover {

	text-decoration: underline;

}



div.alignleft {

	float: left;

}



div.alignright {

	float: right;	

}



/* Footer */



#footer {

	margin: 0;

	padding: 10px 0 10px 0;

	height: 70px;

	clear: both;

	text-align: center;

	border-top: 1px solid #d5d5d5;

}



#footer p {

	color: #555555;

}



#footer p a {

	color: #3366cc;

	text-decoration: none;

	font-weight: normal;

}



#footer p a:hover {

	text-decoration: underline;

	color: #ababab;

}



/* Contact form */



div.contactform {

	padding:  10px 0;

}



#content div.entry div.contactform label {

	font-weight: bold;

}



#wpcf_your_name {

	margin: 5px 0 0 0;

	width: 260px;

}



#wpcf_email {

	margin: 5px 0 0 0;	

	width: 260px;

}



#wpcf_website {

	margin: 5px 0 0 0;

	width: 260px;

}



#wpcf_msg {

	margin: 5px 0 0 0;

	width: 400px;

}



#contactsubmit {

	font-weight: bold;

	margin: 0;

	padding: 1px 3px 4px 3px;

	background: #f2f2f2;

	border: 1px solid #ababab;

	height: 22px;	

}



#contactsubmit:hover {

	border: 1px solid #000000;

	background: #ababab;

	color: #ffffff;

	cursor: pointer;

}



#wpcf label {

	clear: both;

	display: block;

	width: 150px;
	padding: 10px 0 5px 0;

}

#wpcf input {

	width: 200px;

	padding: 1px;

	margin: 2px 5px 2px 0;

}

#wpcf textarea {

	width: 350px;

	height: 100px;

	padding: 1px;

	margin: 0 5px 10px 0;

}

#wpcf #contactsubmit {

	width: 100px;

}



.alarm {

	color: #ff0000;

}



/* Gallery Styles */



#content .post div.gallery {



	padding: 5px 0 0 0;

	margin: 0;

	clear: both;

	border-top: 1px solid #999999;

	font-size: 0.9em;

	height: 100%;

}



#content .post div.gallery p {

	margin: 0;

	padding: 0 0 7px 15px;

}



#content .post div.gallery div.rightgallery a img {

	margin: 15px 30px 0 0;

	padding: 5px;

	background: #fdfdfd;

	border: 1px solid #ababab;

}



#content .post div.gallery h3 {

	font-size: 1.2em;

	color: #555555;

	margin: 15px 0 3px 0; 

	padding: 3px 3px 3px 15px;

}



#content .post div.leftgallery {

	padding: 0;

	margin: 0 10px 0 0;

	float: left;

	width: 230px;

}



#content .post div.rightgallery {

	padding: 0;

	margin: 0;

	float: right;

}

div#content.home img {
	border: 1px solid #d5d5d5;
	padding: 5px;
}


.clear {

	clear: both;

	height: 12px;

	margin: 0;

	padding: 0;

}



/* Various styles */



#text-272145451 {

	line-height: 20px;

}



/* Link Lists */



#content.links ol {

	padding: 0;

	margin 0;

}



#content.links li.linkcat h2 {

	color: #6b6b6b;

}



div#content.links div.entry ul.xoxo li {

	margin: 0;

	padding: 15px 0 10px 0;

	list-style: none;

	border-bottom: 1px solid silver;

}



div#content.links div.entry ul.xoxo li a {

	font-weight: bold;

	font-size: 1.1em;

}

/* Theme pages */

table#gallery {
	width: 100%;
}

table#gallery p.title {
	font-weight: bold;
	text-align: center;
	padding: 5px 0 20px 0;
}

table#gallery img {
	text-align: center;
	padding: 10px;
	margin: 0 15px 0 15px;
	border: 1px solid #d5d5d5;
}