/*  
Theme Name: Devon & Cornwall Online
Theme URI: http://devoncornwallonline.com/
Description: Theme for Devon & Cornwall Online, commissioned by Local Ventures.
Version: 1.0
Author: Thord Daniel Hedengren
Author URI: http://tdhedengren.com/
*/


/* MAIN DECLARATIONS */

body { margin: 0; padding: 0; background: #fff; color: #111; font-family: Verdana, sans-serif; }

.clear { width: 100%; height: 0 !important; clear: both; }
.down { padding-bottom: 30px; }
.up { padding-top: 30px; }

.pos { padding: 20px; } /* positioning for IE */

.right, .alignright { float:right; }
.left, .alignleft { float:left; }
.center { text-align:center; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/* RESETS */

h1, body, table, tr, td, form, ul.sidebar, ul.sidebar li ul, ul.rogueline_group, ul.rogueline_group li, ol.commentlist, 
ol.respond {
	margin:0; padding: 0;
	}


/* ELEMENTS */

img { border:0; }
img.left, .alignleft, blockquote.left, .alignleft { margin: 0 10px 10px 0; }
img.right, .alignright, blockquote.right, .alignright { margin: 0 0 10px 10px; }
img.frame { border: 1px solid #ddd; padding: 5px; }
.aligncenter { margin: 0 auto 12px auto; }

blockquote { color: #555; padding-left: 10px; border: 3px solid #d5d1a5; border-width: 0 0 0 3px; }
blockquote.pullquote {}
blockquote.pullquote p {}

.wp-caption { padding: 10px 7px; border: 1px solid #eee; font-size: 12px; color: #888; font-style: italic; text-align:center; }
p.wp-caption-text { margin:10px 0 0 0 !important; padding:0; line-height: 14px !important; }

ul, ol {}
li { margin-bottom: 5px; }

a, ul.sidebar a:hover { color: #6b641a; text-decoration: underline; }
a:hover, ul.sidebar a { color: #0e70bb; text-decoration: none; }
a.more-link { text-decoration: none; }
a.more-link:hover {}

form { overflow:hidden; margin:0; padding:0; }
input { padding: 2px; border: 1px solid #555; }
.button { background: #333; color: #fff; font-weight:bold; border: 0; } /* should work with INPUT and A */
.button:hover { color: #fff; background: #14a; }

.embedded { text-align:center; margin: 0 0 12px 0; } /* for movies */

.searchbox {} /* searchform.php */

div.banner { width: 468px; height: 60px; overflow:hidden; }

div.box { margin: 0 0 12px 0; padding: 10px; background: #eee; color: #555; font-size: 12px; line-height:14px; }
div.box h5 { margin: 0 0 4px 0 !important; padding:0 !important; color: #000; font-size: 12px !important; text-transform: uppercase; color: #333; }
div.box p { margin:0 !important; padding:0; line-height: 14px !important; }


/* BASIC LAYOUT */

#site { width: 100%; text-align:center; }
#wrap { width: 980px; margin: 0 auto; text-align: left; }

.column { width: 260px; }
.widecolumn { width: 420px; }
.listing { padding-top: 20px; }


/* LAYOUT */

div#toplb { float:left; clear:both; width: 100%; margin: 10px 0 -10px 0; text-align:center; }
	div#toplb div.ad { width:728px; height:90px; margin: 0 auto; background: #efefef; }

#header { float:left; clear:both; width:100%; margin: 30px 0 20px 0; }
#header h1 { margin: 10px 0; width: 470px; float:left; }

div#menu { float:left; width:100%; background: #333; font-size: 14px; }
div#menu a { float:left; padding: 6px 8px; color: #fff; text-decoration: none; border: 0 solid #fff; border-width: 0 1px 0 0; }
div#menu a:hover { background: #0e70bb; }

div#submenu { float:left; width: 100%; padding: 8px 0; font-size: 12px; line-height: 12px; color: #aaa; border: 1px solid #bbb; border-width: 0 0 1px 0; }
div#submenu a { text-decoration: none; margin: 0 5px; }
div#submenu a:hover { text-decoration: underline; }

#content { float: left; font-size: 12px; }
#content p { margin: 0 0 12px 0; padding:0; line-height: 16px; text-align: justify; }
#content ul, ol { color: #555; }
#content .single h1 { margin: 12px 0 24px 0; font-size: 36px; line-height: 36px; color: #333; font-weight:normal; }
#content h1.listhead { color: #555; margin: 0 0 20px 0; padding: 0 0 5px 0; border: 1px solid #bfbfbf; border-width: 0 0 1px 0; }
#content h2 { margin: 24px 0 10px 0; padding: 0; font-size: 24px; line-height: 24px; }
#content h3 { margin: 24px 0 10px 0; padding: 0; font-size: 18px; line-height: 18px; }
#content h4 { margin: 12px 0 5px 0; font-size: 12px; text-transform: uppercase; line-height: 12px; } 
#content h5 { margin: 12px 0 0 0; font-size: 14px; }
#content .post { margin: 20px 0 30px 0; }
#content .single { margin-bottom: 0 !important; }
#content .post p.meta { color: #888; font-size: 14px; line-height: 14px; margin: 0; font-style: italic; }
#content .post p.meta a { text-decoration: none; }
#content .post .entry {}
#content .navigation { width: 100%; clear:both; padding: 10px 0 30px 0; font-size: 14px; line-height: 14px; }
#content .navigation a { text-decoration:none; }
#content .navigation a:hover { color: #000; }
#content .navigation .right { text-align:right; }
#content #searchform { margin: 0 0 12px 0; }
div#content div.ad { width: 100%; margin: 0 0 20px 0; text-align:center; }
div.listing h2 { margin: 6px 0 !important; font-size: 24px; line-height: 24px; }
div.listing h2 a { text-decoration: none !important; }
div.listing div.post { border: 1px solid #efefef; border-width: 0 0 1px 0; margin: 0 0 10px 0 !important; padding-bottom: 5px; }
div.listing div.post div.entry {}
div.listing div.post div.entry p { margin-bottom: 0 !important; }
p.readmore { padding: 3px 0 0 0 !important; text-align: right !important; font-size: 10px; line-height: 10px; text-transform: uppercase; font-style:italic; }

div#yarpp { width: 100%; float:left; margin-top: 10px; background: #d5d1a5; }
div#yarpp h3 { margin: 0; padding: 10px 10px 7px 10px; }
div#yarpp a { color: #111; }
div#yarpp a:hover { color:#0e70bb; }
div#yarpp ul { margin:0; padding: 0 10px 3px 10px; }
div#yarpp ul li { list-style: none; margin: 0 0 7px 2px; padding: 0; }

ul.sidebar { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #888; }
ul.sidebar li { margin: 10px 0; padding: 0; list-style:none; }
ul.sidebar li.postmeta { float:left; width:100%; font-size: 14px; line-height: 18px; font-style: italic; margin-top: 0px; padding: 10px 0; border: 1px solid #d5d1a5; border-width: 1px 0; }
ul.sidebar li.postmeta a { font-style: normal; }
ul.sidebar li.postmeta span { padding: 0 10px; background:none !important; }
ul.sidebar li.search { text-align:center; padding: 10px; background: #d5d1a5; }
ul.sidebar li.search input { border-style: solid; font-family: Verdana, sans-serif; }
ul.sidebar li.search input.button { background: none; color: #333; }
ul.sidebar li.search input.button:hover { color: #0e70bb; }
ul.sidebar li.ad { background: #fff; text-align:center; }
ul.sidebar li.advertise { float:right; font-size: 16px; margin-bottom:15px; }
ul.sidebar li.advertise a { background: #0e70bb; color: #fff; padding: 8px 0; }
ul.sidebar li.advertise a:hover { background:#333; text-decoration:none; }
ul.sidebar li.ad250 { padding: 5px 0; }
ul.sidebar li.adtxt { padding: 5px; }
ul.sidebar li.adtxt a { color: #333; padding: 2px; text-decoration: underline; }
ul.sidebar li.adtxt a:hover { background: #333; color: #fff; text-decoration: none; }
ul.sidebar li h2 { font-size: 12px; text-transform: uppercase; margin: 0 0 8px 0; padding: 5px 0 5px 0; border: 1px solid #bfbfbf; border-width: 1px 0; border-bottom-style: dotted !important: }
ul.sidebar li ul {}
ul.sidebar li ul li { margin: 0 0 5px 5px; padding: 0; } 
ul.sidebar li ul li ul { margin-top: 5px; }
ul.sidebar li ul li ul li { margin: 0 0 5px 10px; }

div#footer { float:left; width:100%; height: 1%; clear:both; border: 1px dotted #bbb; border-width: 1px 0 0 0; font-size: 12px; color: #555; }
div#footer ul.sidebar { background: none; }
div#footer ul.sidebar li { margin: 10px 0; padding: 10px 20px 5px 20px; }
div#footer ul.sidebar li.middle { border: 1px solid #efefef; border-width: 0 1px; }

div#copy { height: 1%; clear:both; margin: 0; padding: 10px 0; border: 5px solid #111; border-width: 5px 0 0 0; font-size: 12px; color: #555; }
div#copy p { margin: 0; line-height: 18px; }
div#copy .content { width: 790px; float:left; }
div#copy div.column { width: 180px; }
div#copy .right p { text-align:right; }

p#office { font-size: 12px; text-align:center; color: #888; font-style:italic; background: #fff; border: 1px solid #efefef; border-width: 1px 0; border-bottom-color: #bfbfbf; padding: 10px 0; margin: 0 0 5px 0; }
p#office a { color: #555; }
p#office a:hover { color: #111: }

/* FORMS */

form { overflow:hidden; }
input, textarea { padding: 2px; border: 1px dotted #888; }
input.button { border-style:solid; padding: 3px; }
input#author, input#email, input#url, textarea#commentarea { width: 230px; padding: 5px; font-size: 11px; text-transform: uppercase; color: #555; }
textarea#commentarea { width: 544px; height: 150px; margin-bottom: 5px; text-transform: none; font-size: 14px; }

/* TYPE */

#content .single h1, h2, h3, h4, h5, input, textarea, #header ul.pagemenu, #content .post .meta, a.more-link,
a.comment-reply-link, a#cancel-comment-reply-link, ul#headline, #content .navigation, p.pubdate, div.comment-meta, 
div.comment-author, input#author, input#email, input#url, textarea#commentarea, form#commentform p, div.box,
div#menu, p.meta, li.postmeta, div#submenu, p#office, #content h1.listhead {
	font-family: Georgia, Times, "Times New Roman", serif;
	}

p span, ul li span, ol li span { background: #ffc; }

span.alert { color:red; background:none; font-weight:bold; }
span.says { background:none; }

/* CONTACT FORM 7 */

div.wpcf7 { width:100%; margin: 0 0 12px 0; float:left; background: #efefef; border: 1px solid #bfbfbf; }
div.wpcf7 span { background:none !important; }
form.wpcf7-form { padding: 15px 15px 3px 15px; }