/*  
 * Theme Name: News Print Custom
 * Theme URI: 
 * Description: Four column news theme, with widgetised sidebar of (fixed) two columns
 * Author: Richard Dows
 * Author URI: http://www.theenglishguy.co.uk/
 * Version: 1.0.1
 * Tags: four-columns, xhtml valid, css valid, theme-options, variable-width
 */
 
 
* { margin: 0;  padding: 0; }

body, html { font-size:13px; font-family:Verdana, sans-serif; }

#rap { width:100%; max-width:1000px; text-align:center; margin:0 auto; background-color:#fff; }


/*---------------------------------------- header ----*/
#header { width:100%; text-align:left; width:100%; background-image:url(images/header_bg.png); background-repeat:no-repeat; background-position:top left; background-color:#02ded2; }
  #header #block { min-height:69px; padding:0 0 0 15px; }
  #header #social_block { position:relative; width:260px; float:right; }
    #header #social_block_top { margin:10px 0 0 0; }
      #header #social_block_top #search { margin:0 0 0 10px; }
      #header #social_block_top #search input[type~="text"] { border:1px solid #ccc; padding:1px; width:160px; }
      #header #social_block_top #search input[type~="text"]:hover { border:1px solid #000; }
    #header #social_block_bottom { position:absolute; top:40px; left:10px; }
      #header #social_block_bottom p { padding:0; color:#fff; font-weight:bold; }
        #header #social_block_bottom p span { display:inline-block; width:20px; height:20px; margin:4px 0 -4px 0; }
          #header #social_block_bottom p span a { display:block; width:20px; height:20px; }
        #header #social_block_bottom p span#icon_facebook { }
        #header #social_block_bottom p span#icon_linkedin { }
        #header #social_block_bottom p span#icon_twitter { }
        #header #social_block_bottom p span#icon_rss { }
  #header img { float:left; clear:left; margin:0 10px; }
  #header h1 { font-size:30px; font-family:Arial; padding:5px 0 10px 0; }
  #header h2 { font-size:12px; color:#333; }
  
  
/*------------------------------ the main columns ----*/
#left, #middle, #right, #ground { float:left; width:220px; padding:0; margin:0 4px; }
#left { clear:left; }

.colone { width:685px; margin:5px 5px 0 5px; float:left; background-color:#fff; text-align:left; }
.coltotal { width:990px; margin:5px 5px 0 5px; }

.noshow { display:none; }


/*---------------------------------- the featured ----*/
.full { width:100%; max-width:1000px; clear:both; }

.featured_block, .category_block { width:685px; float:left; border:1px solid #ddd; background-image:url(images/content_main_bg.png); background-repeat:repeat-x; background-position:top left; margin:0 0 10px 0; }
  .featured_block .featured { width:685px; padding:5px; }

.category_block h3 { text-align:left; padding:5px 0 0 10px; font-size:20px; }

.message_block { width:685px; float:left; border:1px solid #ddd; background-image:url(images/content_main_bg.png); background-repeat:repeat-x; background-position:top left; }


/*------------------------------------- the posts ----*/
.post { text-align:left; margin:5px; }
.post-featured { margin:5px 15px 5px 5px; }
.post-single { background-image:url(images/content_main_bg.ong); background-repeat:repeat-x; background-position:top left; }
.post-home, .post-featured, .post-single { padding:5px; }

.post-category-date { float:right; padding:5px 5px 0 0; }

  .post-top { }
    .post-home .post-top h2 { font-family:Arial; }
  .post-top .post-date { margin:0 0 10px 0; border-bottom:1px dotted #666; color:#666; display:inline-block; font-size:11px; font-weight:bold; }

.post-single { margin:0 !important; }
  .post-single .post-info { margin:0 0 10px 0; font-size:11px; border-bottom:1px dotted #111; padding:0 0 3px 0; }
  .post-single ul, .post-single ol { margin:0 0 15px 25px; }
  .post-single .post-middle { line-height:1.5em; }

.post-middle { color:#555; }
.post-home .post-middle { line-height:1.6em; font-size:11px; }
    .post-middle .post-middle-shareit { margin:10px 0 0 0; }
  .post-middle .post-related ul { list-style-type:none; list-style-image:url(images/blog-smallarrow.gif);	font-size:87%; margin:0 0 0 10px; }
  .post-middle .post-related h3 {  margin:10px 0 0 0; font-size:12px; }
  .post-middle img { }
  .post-middle object, .post-middle embed { margin:0 auto 15px auto; }
  .post-home .post-middle img { max-width:200px; height:auto; }
  .post-featured .post-middle img { max-width:150px; height:auto; }
    .post-middle img.alignleft { margin:5px 10px 10px 0; float:left; }
    .post-middle img.alignright { margin:5px 0 10px 10px; float:right;}
  .post-middle p { margin:0 0 10px 0; }
.category .post-middle { padding:5px; }
.category .post-middle img { display:none; }

.post-options { min-height:24px; height:auto !important; height:24px; }
  .post-options p { height:16px; float:left; width:132px; font-size:11px; }
  .post-options img { margin:0 3px -4px 0; }

.post-bottom { margin:25px 0 0 0; }
.post-home .post-bottom { padding:1px 0 2px 0; margin:10px 0 0 0; }
.post-single .post-bottom { margin:0 0 5px 0; padding:3px 0 1px 0; border-bottom:1px dotted #111; border-top:1px dotted #111; font-size:11px; }
  .post-bottom .postmetadata { font-size:10px; }
  .post-bottom .postmetadatadate { font-weight:bold; font-size:11px; }
  .post-bottom .one ul, .post-bottom .two ul, .post-bottom .three ul { margin:0 0 0 10px; padding:0; list-style-type:none; list-style-image:url(images/blog-smallarrow.gif); }
    .post-bottom ul li { padding:0 0 5px 0; }
.post-featured .post-bottom { border-top:1px solid #ddd; padding:5px 0 0 0; }

.tagmetadata { padding:3px 0 0 0 !important; }
.tagmetadata { border-top:1px solid #111; margin:5px 0 0 0; text-align:center; }
.tagmetadata img { margin:3px 0 0 0; }

.post .navigation .alignleft, .post .navigation .alignright { border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; }

.navigation { background-color:#eee; height:28px; margin:0 5px; }
  .navigation p { padding:6px 0 0 0; }

.unique-navigation { text-align:left; background-color:#eee; padding:0 0 0 5px; }

.cat_title { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:5px 5px 10px 5px; }
.cat_title h2 { font-weight:bold; font-size:20px; color:#205c80; }


/*------------------ sidebar sections, boxes, etc ----*/
#sidebar { width:300px; text-align:left; margin:0 0 0 5px; float:right; clear:right; background-image:url(images/content_main_bg.png); background-repeat:repeat-x; background-position:top left; background-color:#fff; border:1px solid #ddd; }

.sidebar_block { text-align:left; margin:5px 0 10px 0; padding:5px 5px 0 5px; }
  .sidebar_top { width:280px; padding:2px 0; margin:0 auto; border-bottom:1px solid #ccc; }
    .sidebar_top h2 { color:#44c5e2; font-size:13px; font-weight:bold; padding:0; margin:0; }
  .sidebar_content { padding:5px 0; }
  .sidebar_bottom { }
    .sidebar_bottom h3 { font-size:10px; color:#205c80; }

.sidebar ul { margin:0 0 0 10px; padding:0; list-style-type:none; }
  .sidebar ul li { background-image:url(images/list_bullet.png); background-repeat:no-repeat; background-position:left center; padding:3px 0 5px 20px; }
  .sidebar p { padding:5px; }

.sidebar #search table img { margin:-5px 0 0 0; }
.sidebar #search table input[type~="text"] { border:1px solid #ccc; padding:1px; width:160px; }
.sidebar #search table input[type~="text"]:hover { border:1px solid #000; }

.gsom-optin-form { position:relative; height:40px !important; max-height:40px !important; margin:0 0 0 10px; }
  .gsom-optin-form label { display:none; }
  .gsom-optin-form .gsom_sfi input {  }
  .gsom-optin-form .gsom-optin-radiogroup input { position:absolute; top:-1px; left:170px; padding:0; }

#ads .sidebar_content div { float:left; margin:10px 0 15px 12px; }

.gsom-optin-form { min-height:75px; }
  .gsom-optin-form .gsom_sfi { float:left; }
    .gsom-optin-form .gsom_sfi input[type="text"] { width:160px; }
  .gsom-optin-form .gsom-optin-radiogroup { }
    .gsom-optin-form .gsom-optin-radiogroup input#submit { }
  

/*---------------------- comments, after the post ----*/
.commentsdiv { width:665px; margin:0 auto; clear:both; }
.commentlist { list-style-type:none; margin:0 !important; }
.commentlist li.comment {  margin:10px 0; background-color:#fff; padding:5px; min-height:80px; height:auto !important; height:80px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.commentlist ul, .commentlist ol, .commentlist dl  { border:0; margin:5px 5px 5px 25px; }
.commentlist ul li, .commentlist ol li, .commentlist dl dt { border:0; margin:0 !important; padding:0; }
.commentlist p { padding:0 0 10px 0; }
.commentlist .children { list-style-type:none; margin:25px 5px 0 5px; }
.commentlist .children li { background-color:#ddd; border-left:1px solid #036; border-top:1px solid #036; padding:5px; }
.comments-header { background-color:#fff; padding:5px 0; height:21px; font-variant:small-caps; }
  .comments-header h2 { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:3px 0 5px 0; color:#000 !important; }
.comments-middle { padding:10px 5px; }
.comments { background-color:#fff; margin:0 0 10px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.comment-text { background-color:#9fc; }
.comment-author { float:right; clear:right; width:75px; margin:0 5px 5px 10px; padding:10px 10px 5px 10px; border-left:1px solid #555; border-bottom:1px solid #555; font-size:14px; text-align:center; min-height:60px; height:auto !important; height:60px; }
.comment-author img { clear:both; margin:0 20px; }
.comment-author cite, .comment-author span { font-size:11px; }
.comments-gravatar { margin:4px auto 0 auto; }
.comments-postedby, .comments-date { text-align:center; font-size:10px; }

.commentform { margin:0 auto; }
.commentform .commentform-inputs { width:40%; float:left; margin:10px 0 0 0; }
.commentform .commentform-inputs .row { vertical-align:middle; padding:1px 0 !important; }
.commentform .commentform-inputs label { float:left; width:60px; padding:3px 1px 3px 0; }
.commentform .commentform-inputs span, .commentform .commentform-inputs input { padding-left:15px; }
.commentform .commentform-inputs input { padding:1px 3px; border:1px solid #333; width:125px; font-stretch:expanded; }
.commentform .commentform-headers { margin:10px 20px 0 0; }
.commentform .commentform-headers p { text-align:justify; }
.commentform .commentform-textarea { width:59%; margin:10px 0 0 3px; float:left; text-align:left; background-color:#fff; }
* html .commentform .commentform-textarea { width:55%; }
.commentform .commentform-textarea textarea { padding:5px; background-color:#fff; width:98%; border:1px solid #000; }
.commentform .commentform-buttons { text-align:center; }
.commentform .commentform-buttons input#submit, .commentform .commentform-buttons input#reset { width:125px; padding:2px 5px; margin:5px 0 0 0; }


/*---------------------------------------- footer ----*/
#footer { text-align:left; clear:both; width:100%; background-color:#fff; color:#555; font-size:14px; font-weight:bold; }
  #footer div { margin:0 auto; min-height:55px; height:auto !important; height:55px; background-image:url(images/footer_bg.png); background-repeat:repeat-x; background-position:bottom left; }
  #footer p { padding:10px 0; }
  

/*--------------------------------- miscellaneous ----*/
abbr, acronym { border:0; text-decoration:none; }
blockquote { background-color:#fff !important; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.post-single blockquote { margin:10px 15px; padding:2px 3px 1px 3px; width:90%; }
.commentsdiv blockquote { border-top:1px solid #000; border-bottom:1px solid #000; background-color:#ddd !important; margin:10px 50px 15px 10px !important; }
cite { font-style:italic; font-size:0.9em; }
p.postmetadata { font-size:11px; }
.post-single p { margin:1px 0 5px 0; }

h1, h2, h3, h4, h5, h6 { }
h1, h2, h3, p, img { border:0; }

h1 { font-size:16px; padding:0 0 2px 0; }
h2 { font-size:13px; padding:0 0 2px 0; }
h3 { padding:0 0 5px 0; }
.post-featured h2 { font-size:14px; }
#category h2 { padding:5px 0 0 5px; }
#category h3 { padding:10px 0 5px 10px; font-size:18px; font-variant:small-caps; }
.comments-header h2 { padding:2px 0 0 3px; color:#fff; }

.ads { text-align:center; margin:0 auto; }
div.spacer { clear:both; }
.fright { float:right; }
.fleft { float:left; }
.black { color:#000; }

#main_navigation { width:990px; height:36px; background-color:#fff; margin:0 0 0 5px; }
  #main_navigation .box { background-color:#eee; margin:5px; padding:5px; width:153px; }
  #main_navigation .alignleft { text-align:left; }
  #main_navigation .alignright { text-align:right; }

#category-dropdown { padding:5px 0 0 0; }


/*------------------ colors for columns and links ----*/
a:link, a:visited { text-decoration:none; }
a:hover { }

h1 a:link, h1 a:visited { color:#205c80; font-weight:bold; }
h1 a:hover { color:#000; }

.single .post-top h2 a, .post-featured .post-top h2 a { font-weight:bold; font-size:15px; }
.post-top h2 a:hover { text-decoration:underline; }

.comments-header a:link, .comments-header a:visited { color:#000; }
.comments-header a:hover { color:#ccc; }


/*-------------------------------------- the menu ----*/
#menu { border-bottom:1px solid #fff; background-color:#205c80; text-align:left; min-height:19px; padding:15px 0 0 0; }
#menu-grey { height:10px; background-color:#eee; margin-bottom:10px; }

#nav { padding:3px 0; margin:0 0 0 1px; font-size:11px; font-weight:bold; }
#nav li { list-style:none; margin:0; display:inline; }
#nav li.margin-left { margin-left:15px; }
#nav li.margin-left-big { margin-left:30px; }
#nav li.bare { padding:0 !important; }
#nav li a { padding:3px 6px; margin-left:0; border:1px solid #ccc; border-bottom:none; background-image:url(images/menu_bg.png); background-repeat:repeat-x; background-position:top left; text-decoration:none; }
#nav li.blue a:link, #nav li.blue a:visited { color:#205c80; }
#nav li a:link, #nav li a:visited { color: #666; }
#nav li a:hover, #nav li.blue a:hover { color:#000; border-color:#fff; }
#nav li a#current { }

#nav #search { display:inline-block; padding:0; margin:0; }
  #nav #search #q { font-size:12px; border:0; padding:1px; margin:-1px 0 0 0; }
  #nav #search #sa { }