/*
THEME NAME: Shropshire Magazine
THEME URI: http://www.mnadigital.co.uk
DESCRIPTION: A theme rich with powerful and dynamic semantic class selectors; especially designed for Shropshire Magazine. Also features full widget support, a custom front page theme and support for skins
VERSION: 1.0
AUTHOR: David Page and Darren Price
AUTHOR URI:
*/

/* @import url('testing.css'); /* Sets the various content areas with different colours */


/*******************************************************************************
* Whitespace Reset (combination of http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
	with some elements of Yahoo YUI Reset.css)
*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
ol,ul {
	list-style:none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before,q:after {
	content:'';
}
blockquote, q {
	quotes: "" "";
}
/*******************************************************************************
* Basic layout (taken from 3c-b.css in Sandbox
*/
body {
	text-align:center;	
}
div#wrapper {
	text-align:left;	
	width:976px; /* Width of entire website */
	margin:5px auto;
}
div#container {
	float:left;
	width:100%;
}
div#content {
	margin:0 140px 0 210px;
}
div.sidebar {
	float: left;
	overflow: hidden;
}
div#primary {
	width: 205px;
	margin: 0 0 0 -976px;
}
* html div#primary {
	left: 5px;
	position: relative;
}
div#secondary {
	width: 120px;
	margin: 0 0 0 -125px;
}
div#footer { 
	clear: left;
	width: 100%;
}

/*******************************************************************************
* Generic Content
*/
body {
/*	font: 62.5% Arial, Sans-Serif; /* Resets 1em to 10px */
	font: 0.8em Arial, Sans-Serif; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	line-height: 1.3;
	margin:0 0 1em;
}
h2, h3 {
	font-family: Arial, Sans-Serif;
	font-weight: bold;
}
h2 {
	font-size:2em;
	margin:0 0 .8em;
}
h3 {
	font-size:1.3em;
	margin:1.3em 0 1em;
}
h4 {
	font-size:1.2em;
	margin:1.3em 0 1em;
}
p {
	margin:0 0 1em;
	font-family: Arial, Sans-Serif;
}
a:link { color:#015dbe; text-decoration:underline; }
a:visited { color:#42566b; }
a:hover, a:active, a:focus { color:#003c7b; text-decoration:none; }
code, pre {
	font-family: "courier new", courier, monospace;
	font-size: 0.9em;
}
abbr, acronym {
	border-bottom: 1px dotted #88807c;
	cursor: help;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
small { font-size:.9em; }
hr { margin:1em 0 }

/*******************************************************************************
* Basic accessibility
*/
div#access div.skip-link{ position:absolute;top:1em;right:1em;visibility:hidden; }

/*******************************************************************************
* Header
*/
h1#site-title, h1#site-title a { 
	background:transparent url(images/main_logo.jpg) no-repeat top center;
	display:block;
	height:120px;
	text-indent:-9999em;
	margin:0;
}
div#site-description { text-indent:-9999em; margin-bottom:-1em; }

/*******************************************************************************
* Article Content
*/
.entry-title .entry-date { font-size:.8em; /* font-weight:normal; */ }
.page-title .issue { display:none; float:right; margin:0 0 .5em .5em;}
.entry-title { clear:left; margin-top:.75em;}
body.single .entry-title { clear:left; margin-top:0;}
.entry-content p.drop-cap:first-letter {
	text-transform: uppercase;
	font-size:4em;
	float:left;
/*	margin-top:-.25em;*/
}

div#nav-above { display:none; }
div#nav-below { width:100%; height:1em; margin-top:1em; }
.alignleft,div.nav-previous { float:left; }
.alignright,div.nav-next { float:right; }
div.entry-content { margin-bottom:1em; }
div.entry-content ol, div.entry-content ul {
	margin: 1em 0 1em 2em;
	padding: 0;
}
div.entry-content ol li, div.entry-content ul li {
	margin:0 0 .25em;
	padding-left:.8em;
	list-style:disc;
}
div.entry-meta {
	clear:both;
	position:relative;
	margin:1em auto;
	width:90%;
	padding:1em;
	padding-left:30px;
	border-top: 1px solid #DBCCCC;
	background: #f8fafa url(images/icon_date.gif) no-repeat 10px 1.1em;
}
div.entry-meta span.tags {	font-size:.8em; display:block; padding-right:100px; padding-top:.5em; }
div.entry-meta .post-ratings { position:absolute; top:1em; right:0; width:20%; text-align:center; font-size:.9em; }
div.entry-meta .post-ratings-loading {	position:absolute; bottom:0; right:0; width:20%; text-align:right; font-size:.9em; }
div.entry-meta .post-ratings .ratings-text {	display:block;	font-size:.9em; }
div.entry-meta .post-ratings { background-color: #f8fafa !important; } /* To Fix IE issue */

/*******************************************************************************
* Content Images 
*/
div.entry-content .post-image { float:right; position:relative; top:-1.5em; margin:0 5px -10px 1em; }
div.entry-content img {	border: none; }
div.entry-content .imageframe { border:1px solid #000; padding:5px; width:225px; }
div.entry-content .imgaligncenter {	float:none;	display:block; width:auto; margin:.5em auto; }
div.entry-content .imgalignright { margin:.5em 0 .5em 1.2em; display:inline; float:right; }
div.entry-content .imgalignleft { margin:.5em 1.2em .5em 0;	display:inline; float:left; }
div.entry-content .imagecaption { display:block; font-size:.8em; font-style:italic; }
div.entry-content .entry-attachment { text-align:center; }

/*******************************************************************************
* Issue Archives 
*/
div.entry-content ul.issues-archives li {
	list-style:none;
	text-align:center;
	float:left;
	width:180px;
	margin:0 2px 1em 0;
	padding:0;
	font-weight:bold;
}
div.entry-content ul.issues-archives li a {
	display:block;
	padding:5px;
	text-decoration:none;
}
div.entry-content ul.issues-archives>li a:hover, div.entry-content ul.issues-archives>li a:focus {
	background-color:#deeced;
	text-decoration:underline;
}
div.entry-content ul.issues-archives li img {
	display:block;
	margin:0 auto .5em;
	border:1px solid #000;
}

/*******************************************************************************
* Article Commenting
*/
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

/*******************************************************************************
* Social Bookmarks 
*/
#socialBookMarks { clear:both; position:relative; border:1px solid #878787; padding:.33em; margin:2em auto 1em; width:95%; font-size:.8em; }
#socialBookMarks p {	padding:0; margin:0; }
#socialBookMarks p a { position:absolute;	top:0; right:0; padding:.5em .5em 0 0; }
#socialBookMarks h3 { font-size:1.2em;	margin:0 0 .5em; }
#socialBookMarks ul { text-align:center; list-style:none; margin:1em 0 .4em 0; padding:0; }
#socialBookMarks ul li { text-align:center; display:inline;	padding:0 .4em .3em 0; background-repeat:no-repeat; background-position:0 0; }
#socialBookMarks li.delicious { background-image:url(images/delicious.gif); }
#socialBookMarks li.digg { background-image:url(images/digg.gif); }
#socialBookMarks li.reddit { background-image:url(images/reddit.gif); }
#socialBookMarks li.facebook {	background-image:url(images/facebook.gif); }
#socialBookMarks li.newsvine {	background-image:url(images/newsvine.gif); }
#socialBookMarks li.stumbleupon {	background-image:url(images/stumbleupon.gif); }
#socialBookMarks li a {	padding-left:18px; margin:0 5px 0 0; }
	
/*******************************************************************************
* Pull Quotes
*/
blockquote.pullquote, div.pullquote {
	float:left;
	width:205px;
	margin:.25em 1em .25em 0;
	padding:0;
	border:none;
	color:#444;
	background:#f4f4f4 url(images/pullquote_top.gif) top left no-repeat;
	font-size:1.3em;
	font-weight:normal;
	font-style:italic;
	text-decoration:none;
	font-variant:normal;
	text-transform:none;
	word-spacing:normal;
	text-indent:0;
	vertical-align:middle;
	display:block;
}
blockquote.pqRight, div.pqRight { 
	float:right;
	margin:.25em 0 .25em 1em;
}
blockquote.pullquote p, div.pullquote p {
	margin:0;
	background:url(images/pullquote_bot.gif) bottom right no-repeat;
	padding:.75em 1em;
	line-height:1.2;
	letter-spacing:normal;
}
blockquote.pullquote p:first-letter, div.pullquote p:first-letter { text-transform: uppercase; }


/*******************************************************************************
* Sidebars
*/
div.sidebar { margin-top:2em; }
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{position:relative;margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;line-height:1.2;margin:.75em 0 .25em;padding-left:15px; background:url(images/arrow.gif) no-repeat 5px .33em; }
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;border-top:1px dashed #ccc; }
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0 0 0 1em;border:none;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}
div.sidebar a:link, div.sidebar a:visited { color:#333; }
div.sidebar li#home { border:none; margin-top:1.4em; }
div.sidebar #asky { margin:0 5px 20px 0; }
div.sidebar #searchform { margin-left:2em; }

#rss-links li { float:left; list-style:none; font-size:.8em; text-align:center; }
#rss-links #feed { width:35%; }
#rss-links #commentsfeed { width:45%; }
#rss-links li, #rss-links a:link, #rss-links a:visited { padding-top:25px; background: url(images/rss_24.gif) no-repeat top center; }
#rss-links:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#rss-links {display: inline-block;}
/* Hides from IE-mac \*/
* html #rss-links {height: 1%;}
#rss-links {display: block;}
/* End hide from IE-mac */

div.sidebar .wp-polls, 
div.sidebar .wp-polls-form,
div.sidebar .wp-polls *, 
div.sidebar .wp-polls-form * { background-color: #fff !important; }
div.sidebar .wp-polls-form li { list-style:none; }

/*******************************************************************************
* Footer
*/
div#footer { margin-top:1em; min-height:90px; font-size:.8em; position:relative; }
span#copyright { display:block; font-size:1.5em; margin:0; padding:2em 0 0 40px; }
span#companygroup { display:block; margin:0; padding:0 0 20px 60px; }
div#footer .meta-sep { display:none; }
div#footer #abanner { position:absolute; top:13px; right:13px; }


/*******************************************************************************
* Custom Mods 
*/
span.edit-link {
	background-color: #fff;
	border: 1px dashed #ccc;
	font-size: 2em;
	padding: 0.2em;
	position: fixed;
	right: 20px;
	top: 20px;
}
/* Hide the smiley face of WordPress.com stats */
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}




/*******************************************************************************
* Frontpage overrides
*/
body.home div#container {
	float: right;
	margin: 0 0 0 -630px;
	width: 100%;
}
body.home div#content {
	margin:0 0 0 630px;
}
body.home div.sidebar {
	float: left;
	overflow: hidden;
}
body.home div#primary {
	width:625px;
	margin:0;
}
* html body.home div#primary {
	left: 0;
	position: relative;
}
body.home div#footer { 	clear: both; }
body.home {	background-color:#fff; background-image:none; }

/* Hide the header */
body.home h1#site-title, body.home h1#site-title a { background-image:none; height:0; }

/* Style the 'content' sidebar */
body.home #content {	border:12px solid #fff; border-width:12px 13px 0 0; padding:10px 1em; background-color:#cee1ef; min-height:780px; }
body.home h1.feature { font-family: Arial, Sans-Serif; text-transform:uppercase; font-weight:bold; font-size:2.4em; text-align:center; margin:.125em 0 .3em; }
body.home h1.feature a:link, body.home h1.feature a:visited { color:#000; text-decoration:none; border-bottom:1px solid #000; padding-bottom:-5px; }
body.home .editors-picks { margin:0 0 .3em; font-size:1.6em; font-weight:bold; text-align:center; } 
body.home div.feature .entry-title { font-size:1.2em; padding-left:12px; background:transparent url(images/arrow_right.gif) no-repeat 0 .33em; }
body.home .post { clear:right; border-top:1px solid #93bcdc; }
body.home .entry-content .post-image { border:1px solid #666; top:0; margin:0 0 10px 1em; }
body.home .entry-title { margin:.6em 0 .33em; font-size:1.4em; }
body.home .entry-title a:link, body.home .entry-title a:visited { color:#005bc2; text-decoration:none; }
body.home .entry-title a:hover, body.home .entry-title a:active, body.home .entry-title a:focus { color:#080889; text-decoration:underline; }

/* Style the 'sidebar' content (i.e. the cover image) */
body.home div.sidebar #cover-image { background:#fff url(images/issue_cover_bg.gif) no-repeat top left; display:block; padding:12px 13px; text-decoration:none; }

/* Style the footer */
body.home div#footer { background:#000 url(images/subs_botstrap.jpg) no-repeat top left; min-height:190px; }
body.home div#footer #subscriptions { display:block; overflow:hidden; height:100px; }
body.home div#footer span#copyright { padding-left:160px; }
body.home div#footer span#companygroup { padding-left:180px; }
body.home div#footer #abanner { top:115px; }


/*******************************************************************************
* Skin elements (to be expanded into an actual skin)
*/
body {
	background: #bfcede url(images/body_bg.gif) repeat-x top left;
}
#wrapper, #container { background:#fff; }
#content {
	border-left:1px dashed #ccc;
	padding:1em .5em 1em 1.25em;
}
body.archive .post, body.search .post, body.search .page  { border-top:1px dashed #ccc; clear:right; }
body.archive #nav-above + .post, body.search #nav-above + .post, body.search #nav-above + .page { border:none; }
body.search .noresults { border-top:none; }
div#footer { 
	color:#fff; 
	background: #003c7c url(images/footer_bg.jpg) no-repeat top left;
}