/*  
Theme Name: Rogue Theme - The RogueTheme.com Version
Theme URI: http://roguetheme.com/
Description: A custom version of Rogue Theme for <a href="http://roguetheme.com">roguetheme.com</a>.
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: Georgia, Times, "Times New Roman", 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 15px 15px 0; }
img.right, .alignright, blockquote.right, .alignright { margin: 0 0 15px 15px; }
img.frame { border: 1px solid #ddd; padding: 5px; }
.aligncenter { margin: 0 auto 12px auto; }

blockquote { color: #666; }
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 { color: #14a; text-decoration: underline; }
a:hover { color: #f00; text-decoration: none; }
a.more-link, a.comment-reply-link, a#cancel-comment-reply-link { font-weight:bold; text-decoration:none; font-size: 11px; text-transform: uppercase; }
a.more-link:hover, a.comment-reply-link:hover, a#cancel-comment-reply-link:hover { color: #f00; }

form { overflow:hidden; margin:0; padding:0; }
input { padding: 2px; border: 1px solid #666; }
.button { background: #666; 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; */ } /* warning! free height and no overflow here!!! */

div.box { margin: 0 0 12px 0; padding: 10px; background: #eee; color: #666; 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: 960px; margin: 0 auto; text-align: left; }

.column { width: 320px; }
.widecolumn { width: 600px; }


/* LAYOUT */

#header { float:left; clear:both; width:100%; }
#header a { color: #111; text-decoration: none; }
#header h1 { margin: 10px 0; width: 470px; float:left; }
#header h1 span.blogdesc { font-size: 18px; font-weight:normal; }
#header .banner { float:right; }
#header ul.pagemenu { margin:0 0 20px 0; padding: 0; width:100%; float:left; clear:both; background: #111; overflow: hidden; }
#header ul.pagemenu li { float:left; padding: 10px 0; margin: 0; list-style: none; font-size: 11px; line-height:11px; text-transform: uppercase; font-weight:bold; border: 1px solid #333; border-width: 0 1px 0 0; }
#header ul.pagemenu li a { color: #fff; padding: 10px 10px 9px 10px; }
#header ul.pagemenu li a:hover { color: #ff0; background: #14a; }
#header ul.pagemenu li.search { float:right; width: 200px; margin: 4px 5px 0 10px; padding:0; text-align:right; }
#header ul.pagemenu li.search input.keyword { float:right; width: 120px; padding: 2px; }
#header ul.pagemenu li.search input.button { float:right; margin-left: 5px; width: 50px; padding: 0; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #fff; background: none; }
#header ul.pagemenu li.search input.button:hover { background: none; color: yellow; }

/* This is the Roguelines code */
ul#headline { float:left; clear:both; width:100% !important; margin: 10px 0; padding: 5px 0; border: 3px double #bfbfbf; border-width: 3px 0; text-align:center; font-size: 12px; }
ul#headline a { text-decoration: none; }
ul#headline li { list-style:none; margin: 4px 0 !important; text-align:right; }
ul#headline li.roguelines_widget {}
ul#headline li.roguelines_widget h2.widgettitle { font-size: 12px; text-transform: uppercase; margin:0; padding:3px; }
/* ul#headline li.roguelines_widget ul.rogueline_group { float:left; background: #efefef; } */
/* ul#headline li.roguelines_widget ul.rogueline_group li { width:320px; float:left; } */
/* ul#headline li.roguelines_widget ul.rogueline_group li div.rogueline_pos { margin: 0; padding:10px; } */ /* active area: 300px */
/* ul#headline li.roguelines_widget ul.rogueline_group li div.rogueline_pos a div.rogueline_text { margin: 5px 0 0 0; padding: 5px; border: 1px dotted #bfbfbf; border-width: 1px 0; background: #fff; } */

#content { float: left; font-size: 14px; }
#content p { margin: 0 0 12px 0; padding:0; line-height: 24px; }
#content ul, ol { color: #666; }
#content .single h1 { margin: 24px 0; font-size: 28px; line-height: 28px; color: #666; }
#content h1:hover { border-color: #111; }
#content h1 a { text-decoration: none !important; }
#content h1 a:hover { color: #111; }
#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 p.listhead { text-transform: uppercase; color: #666; background: #efefef; margin-bottom: 30px; padding: 15px; border: 1px solid #bfbfbf; border-width: 1px 0 0 0; }
#content .post { margin: 10px 0 30px 0; }
#content .post .meta { color: #666; font-size: 11px; line-height: 14px; margin-bottom: 0; padding: 5px 7px; border: 1px dotted #bfbfbf; border-width: 1px 0; background: #efefef; }
#content .post .meta a { color: #333; }
#content .post .meta a:hover { color: #111; text-decoration: none; }
#content .post p.pubdate { font-size: 11px; line-height:11px; text-transform: uppercase; color: #888; margin-bottom: 0; padding: 5px 0; border: 1px solid #bfbfbf; border-bottom-style: dotted; border-width: 1px 0 1px 0; }
#content .post p.pubdate a { color: #666; font-weight:bold; text-decoration: none; }
#content .post p.pubdate a:hover { color: #000; }
#content .post .entry {}
#content .navigation { width: 100%; clear:both; padding: 0; }
#content .navigation a { text-decoration:none; }
#content .navigation a:hover { color: #000; padding-right:5px; border: 5px solid #000; border-width: 0 5px 0 0; }
#content .navigation .right { text-align:right; }
#content .navigation .right a:hover { padding-left: 5px; padding-right:0; border-width: 0 0 0 5px; }
#content #searchform { margin: 0 0 12px 0; }
div.listing h2 { margin: 0 0 10px 0; padding: 0 0 10px 0 !important; border: 1px solid #bbb; border-width: 0 0 1px 0; font-size: 24px; line-height: 24px; }
div.listing h2:hover { border-color: #111; }
div.listing h2 a { text-decoration: none !important; }
div.listing h2 a:hover { color: #111; }
h2.comments {}
ol.commentlist, ul.children { list-style:none; }
ol.commentlist { float:left; width:100%; }
ol.commentlist li { margin: 0 0 10px 10px; padding: 5px 10px; border: 1px solid #efefef; border-width: 0 0 1px 1px; }
ol.commentlist li:hover, img.avatar:hover { border-color: #bfbfbf; }
ol.commentlist li.alt {} /* no alt style per default */
img.avatar { float:left; margin: 0 8px 0 0; padding: 2px; border: 1px solid #efefef; }
ol.commentlist li p { font-size:14px; line-height: 18px; color: #444; margin-bottom: 10px; }
div.comment-author { margin-bottom:0 !important; font-size: 14px; line-height: 24px !important; color: #888; }
div.comment-author cite { font-style: normal; font-weight: bold; }
div.comment-meta { font-size: 11px; line-height: 12px; text-transform: uppercase; margin-bottom: 10px; }
div.comment-meta a, div.comment-author a { color: #444; text-decoration: none; }
div.comment-meta a:hover, div.comment-author a:hover { color: #111; text-decoration: underline; }
a.comment-reply-link { font-weight:normal; }
ul.children { margin: 5px 0 0 0; padding:0; }
h3.comments { margin:20px 0 0 0 !important; padding:0 !important; }

div.respond { background: #dff; padding: 15px 20px 20px 20px; margin: 10px 0 0 0; }
form#commentform p { margin:0; font-size: 12px; color: #444; text-transform: uppercase; }

ul#sidebar { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #666; background: #f8f8f8; }
ul#sidebar li { margin: 20px 0; padding: 0 20px; list-style: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: #666; }
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 30px 0; border: 5px solid #111; border-width: 5px 0 0 0; font-size: 12px; color: #666; }
div#copy p { margin: 0 0 10px 0; line-height: 18px; }
div#copy .content { width: 640px; float:left; }
div#copy .right p { text-align:right; }


/* 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: #444; }
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,
p.listhead {
	font-family: Helvetica, Arial, sans-serif;
	}

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

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