﻿/*  
 * Theme Name: News Print
 * Theme URI: http://www.theenglishguy.co.uk/news-print-v20-theme/
 * Description: Three, four or five column news theme by <a href="http://www.theenglishguy.co.uk/">The English Guy</a>, with fixed width, featured post, threaded comments, configurable post layout, and extensive theme options. 
 * Author: Richard Dows
 * Author URI: http://www.theenglishguy.co.uk/
 * Version: 2.3.2
 * Tags: three-columns, four-columns, right-sidebar, fixed-width, white, light, theme-options, threaded-comments, custom-colors
 */
 
 
* { margin: 0; padding: 0; }

body, html { font-size:93%; font-family:Arial, "Lucida Grande", Helvetica, sans-serif; background-image:url(images/bg.jpg); background-repeat:repeat-y; background-position:top center; background-color:#c7c7c7; }



#rap {
	width: 100%;
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
	background-image: url('../../../../images/paperedge.gif');
	background-repeat: repeat-y;
}





/*---------------------------------------- header ----*/

#header { width:100%; text-align:left; font-family:MyriadPro, RotisSemiSans, sans-serif; }
  #header h1 { font-size:36px; margin:0 0 5px 10px; padding:10px 0 5px 0; }
  #header h2 { font-size:16px; color:#000; padding:0 0 5px 10px; }
  #header #rssicon { margin:10px; float:right; }
  #header #bannericon { margin:15px 10px 0 10px; float:right; min-height:60px; height:auto !important; height:60px; width:468px; background-color:#0cf;  }

 #header #bannericon h2{color:white; text-align:center;}
/*----------------------------- columns --------------*/
.three_one, .three_two, .two_one, .two_two { margin:0 10px; }

.three_one { background-color:#963; }
  .three_one > div { float:left; margin:20px 10px 0 0; }
  .three_one .column { width:235px; }
  .three_one .sidebar { width:245px; margin:0; }
  .three_one .colone { width:744px; }

.three_two { background-color:#9cc; }
  .three_two > div { width:188px; float:left; margin:20px 10px 0 0; }
  .three_two .sidebar { margin:0 10px 0 0; }
    .three_two .sidebar + .sidebar { margin:0; }
  .three_two .colone { width:584px; }

.two_one { background-color:#6c3; }
  .two_one > div { float:left; margin:20px 10px 0 0; }
  .two_one .column { width:357px; }
  .two_one .sidebar { width:245px; margin:0; }
  .two_one .colone { width:724px; }

.two_two { background-color:#f93; }
  .two_two > div { float:left; margin:20px 10px 0 0; }
  .two_two .column { width:284px; }
  .two_two .sidebar { width:191px; margin:0 10px 0 0; }
    .two_two .sidebar + .sidebar { margin:0; }
  .two_two .colone { width:578px; }

.noshow { display:none; }


/*---------------------------------- the featured ----*/
/*changes .full width form %100 to 60%*/
.full { width:100%; max-width:1000px; background-color:#f3f3f3; clear:both; }

*>.full { margin-top:10px; }

* html .full { margin-bottom:10px; }

.fullsize { margin:10px; padding:0; background-color:#f9f9f9; width:600px;}

.featured { margin:0; padding:0; }

.featured_ad { margin:25px 0 0 10px; float:right; clear:right; }

#featured-media{
	background-position: #C8F1FF;
	border-style: dashed;
	border-width: thin;
	background: #C8F1FF;
	float: right;
	height: 305px;
}



/*------------------------------------- the posts ----*/

.post { font-size:0.9em; text-align:left; padding:0 0 30px 0; position:relative; max-width:750px}

.post-archive { padding-bottom: 10px; }

.featured .post { padding:0 0 15px 0; }
.post-single { margin-top:21px; padding:0; text-align:left; }
  .post-single .post-top { margin:0 0 10px 0; }
  .post-single .post-info, .post-home .post-info, .post-archive .post-info { float:right; clear:right; padding:2px 5px; text-align:center; font-size:89%; color:#222; position:absolute; top:-17px; right:0; -moz-border-radius-topleft:3px; -webkit-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-radius-topright:3px; border-radius-topleft:3px; border-radius-topright:3px; -khtml-border-radius-topleft:3px; -khtml-border-radius-topright:3px; }
  .post-archive .post-info { }
  .post .post-top  {
	padding: 2px 5px 4px 5px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	border-radius-topleft: 3px;
	/*background-color: #0000FF;*/

}
  .post .post-top h2 {
	/*background-color: #0000FF;
	color: #FFFFFF;*/
}

    .post .post-top img { float:left; padding:0 5px 0 0; }

    .post .post-top h4 { color:#666; font-size:85%; }

  .post .post-middle {
	padding: 5px;
	letter-spacing: .1em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 1.1em;
}

    .post .post-middle img { margin:0 0 5px 5px; padding:5px; border:1px solid #eee; }

  .post .post-bottom { border-bottom:1px dotted #666; padding:2px 5px 4px 5px; clear:both; }

  .post-home .post-bottom { padding:1px 5px 8px 5px; }

  .post-single .post-bottom { padding:4px 5px 5px 5px; background-color:#eee; border-bottom:none; }



.post_ads { float:left; clear:left; padding:10px 10px 5px 5px; }



.postmetadata, .tagmetadata { padding:3px 0 0 0 !important; }

.postmetadata { font-size:0.9em; margin:2px 0 0 0; }

.postmetadata img.comments_icon { margin:0 0 -1px 0; }

.tagmetadata { font-size:0.7em !important; 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 { background-color:#ccc; padding:2px 5px; text-align:center; font-size:89%; color:#222; -moz-border-radius-bottomleft:3px; -webkit-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-radius-bottomright:3px; }





/*------------------ sidebar sections, boxes, etc ----*/
#sidebar{
	max-width:245px;
	float:right;
}
.sidebar {}

.sidebar_section { width:100%; margin:3px 0 15px 0; text-align:left; }

.sidebar_section, .sidebar_top { -moz-border-radius-topleft:3px; -webkit-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-radius-topright:3px; }

  .sidebar_section .sidebar_top { }

    .sidebar_section .sidebar_top h2 { margin:0 0 0 5px; font-family:MyriadPro, RotisSemiSans, sans-serif;}

  .sidebar_section .sidebar_content { text-align:left; }

    .sidebar_section .sidebar_content ul { list-style-type:none; font-size:12px; padding:0; }

      .sidebar_section .sidebar_content ul li a { display:block; min-height:18px; padding:3px 3px 3px 5px; }

        .sidebar_section .sidebar_content ul li :hover { background-color:#ccc; }

    .sidebar_section .sidebar_content p { padding:5px; }





/*---------------------- comments, after the post ----*/

.commentsdiv { clear:both; text-align:left; }

.comments-header { background-color:transparent; font-variant:small-caps; }

.comment-author { float:right; clear:right; width:80px; text-align:center; padding:0 0 10px 0; }

.comment-author .text { font-size:12px; }

.comment-author img { width:60px; height:auto; margin:0 auto; clear:both; } 

.comments-middle { padding:10px 5px; }

.comments-bottom { font-size:0.7em; padding:0 5px 2px 5px; }  

.comments, .comment { margin:0 0 10px 0; }

.comment { position:relative; }

.comments-arrow { position:absolute; left:519px; top:0; }



.commentlist { list-style-type:none; }

.commentlist li.comment { margin:10px 0 0 0; padding:5px; background-color:#eee; }

.commentlist li.comment:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

html[xmlns] .commentlist li.comment { display:block; }

* html .commentlist li.comment { height:1%; }

.commentlist li.comment .reply { font-style:italic; font-size:11px; }

.commentlist p { padding:0 0 10px 0; }

.commentlist blockquote { background-color:#fff; border-left:3px solid #ccc; padding:2px 5px; }

.commentlist ul, .commentlist ol, .commentlist dl { }

.commentlist .children { list-style:none; border-left:3px solid #ccc; margin:20px 0 0 25px; }

.commentlist .children .children { margin-top:25px; }

.commentlist .children li.comment { background-color:#fff !important; }

.commentlist li li { margin:0; }

.commentlist li ul, .commentlist li ol, .commentlist li dl { margin:0 0 10px 25px; }



.commentform { margin:0 auto; }

.commentform .commentform-inputs { width:40%; float:left; }

.commentform .commentform-inputs .row { vertical-align:middle; padding:1px 0 !important; }

.commentform .commentform-inputs label { float:left; width:60px; padding:3px 1px 3px 0; font-size:0.8em; }

.commentform .commentform-inputs span, .commentform .commentform-inputs input { padding-left:15px; }

.commentform .commentform-inputs input { padding:1px 3px; border:1px solid #333; font-size:1.0em; width:125px; font-family:Georgia,"Times New Roman",serif; font-stretch:expanded; }

.commentform .commentform-headers { margin:	10px 20px 0 0; }

.commentform .commentform-headers p { text-align:justify; font-size:9px; }

.commentform .commentform-textarea { width:59%; margin-left:1%; float:left; text-align:left; }

* html .commentform .commentform-textarea { width:55%; }

.commentform .commentform-textarea textarea { padding:5px; background-color:#eee; width:99%; border:1px solid #000; font-size:1.0em; font-family:Georgia, "Times New Roman", serif; }

.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:	center; clear:both; width:100%; font-size:13px; background-color:#000; color:#fff; }

  #footer div { width:800px; margin:0 auto; padding:3px 0; }

  #footer a:link { color:#fff; }

  #footer a:visited { color:#eee; }

  #footer a:hover { color:#c00; text-decoration:none; }





/*--------------------------------- miscellaneous ----*/

abbr, acronym { border:0; text-decoration:none; }

blockquote { background-color:#eee !important; border:1px solid #ccc; }

.post-single blockquote { border:1px solid #666; margin:10px 15px; padding:1px 3px; }

.commentsdiv blockquote { border-top:1px solid #000; border-bottom:1px solid #000; background-color:#ddd !important; margin:5px 26px 5px 15px; padding:5px; }

cite { font-style:italic; font-size:0.9em; }

form { width:99%; }

.uppercase { font-variant:small-caps; }

.post-single p { font-size:13px; }

.post-middle p { margin:2px 0 5px 0; }



p.postmetadata span a { text-decoration:none; }

.tagmetadata a { text-decoration: none; }



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

h2.pagetitle { text-align:left; padding:0 0 5px 5px; font-family:MyriadPro, RotisSemiSans, sans-serif; }  

.colone h3 { font-size:16px; font-family:MyriadPro, RotisSemiSans, sans-serif; }

.post-top h2, .post-top h3, .comments-header h3 { font-family:MyriadPro, RotisSemiSans, sans-serif; font-size:				1.4em !important; }

.comments-header h2 { font-family:MyriadPro, RotisSemiSans, sans-serif; border-bottom:none !important; }



.post ul, .post ol, .post dl, .comments-middle ul, .comments-middle ol, .comments-middle dl { margin:0 0 15px 25px; font-size:1em; }



div.ads { text-align:center; margin:0 auto; }

div.spacer { clear:both; }

.alignleft { float:left; clear:left; }

.alignright { float:	right; clear:right; }





/*------------------ colors for columns and links ----*/

h1 a:link, h1 a:visited { text-decoration:none; }



.column a:link, .column a:visited { text-decoration:none; }

.column a:hover { text-decoration:underline; }



.post-info a:link, .post-info a:visited { color:#000; text-decoration:none; }

.post-info a:hover { color:#900; }



.post h2 a:link, #pre-footer a:link { color:#c00; }

.post h2 a:visited, #pre-footer a:visited { color:#333; }

.post h2 a:hover, #pre-footer a:hover { color:#666; }



.post-single h2 a { text-decoration:none !important; }



.comments-bottom a:link { color:#c00; }

.comments-bottom a:visited { color:#900; }

.comments-bottom a:hover { color:#000; }



.alignleft a, .alignright a { padding:5px 10px; }

.alignleft a, .alignright a, .alignleft a:visited, .alignright a:visited { text-decoration:none; color:#000; }

.alignleft a:hover, .alignright a:hover { color:#900; }





/*-------------------------------------- the menu ----*/

#navcontainer {
	background-color: #ccc;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 50px;
	padding: 2px;
}

#navcontainer #search { float:right; }

#navcontainer #search #s { height:18px; margin:1px; padding:2px 0 0 2px; }


#menu { display:table; padding:0; list-style-type:none; white-space:nowrap; }

#menu li { display:table-cell; }

* html #menu li, *+html #menu li { float:left; }

#menu a { width:	auto; display:block; padding:4px 16px; color:#fff; background:#aaa; text-decoration:none; margin:1px 3px; }

* html #menu a { float:left; }

#menu a:hover { background:#333; }



.container { clear:both; text-decoration:none; }

* html .container { display:inline-block; }





/*-------------------------------------- calendar ----*/

#wp-calendar { margin:0 1%; width:98%; }

  #wp-calendar caption { display:none; }

  #wp-calendar thead tr th { text-align:center; } 

  #wp-calendar tbody td { min-height:21px; height:21px; background-color:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 5px 5px 0; padding:2px; vertical-align:top; text-align:center; }

    #wp-calendar tbody td:hover { background-color:#8aacd2; }

  #wp-calendar tbody td#today { background-color:#d8dfef; }

    #wp-calendar tbody td#today:hover { background-color:#ddd; }

  #wp-calendar tbody a { color:#3e483d; font-weight:bold; }

    #wp-calendar tbody a:hover { color:#000; }

  #wp-calendar tfoot { text-align:center; }

    #wp-calendar tfoot a { color:#000; font-size:18px; text-decoration:none; }

      #wp-calendar tfoot a:hover { color:#900; }





/*--------- wordpress css conformance --------*/

.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; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }



.wp-caption img { margin:0; padding:0; border:0 none; }



.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }



#header #login {
	float: right;
	background-color: #96CADC;
}
#header #login a {
	color:white;}


#header #login a:hover {
	background-color:black;}

.colone {
	float: left;
	width: 750px;
}

#herobar {
	background-color: #C0C0C0;
	display: block;
	clip: rect(auto, auto, 0px, auto);
	bottom: 0px;
	position: fixed;
	width: 100%;
	height: 20px;
}

