/*
Theme Name: Scottish Rugby Blog
Theme URI: http://www.scottishrugbyblog.co.uk
Author: Designlike
Author URI: http://www.designlike.co.uk/
Description: Based on the Toolbox Theme by Automattic, a semantic, HTML5, CSS based theme.
Version: 4.0
License: GNU General Public License
License URI: license.txt
Tags: custom

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Structure
-------------------------------------------------------------- */
html, body {padding: 0; margin: 0;}

body {
	background: #151429;
	font-size: 1em; height: 100%;
}

#page {
	display: block;
	width: 980px;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	background: #FFF url('images/headbg.png') no-repeat;
	box-shadow: 0 3px 3px rgba(0,0,0,1);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,1);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,1);
}
#primary {
	float: left;
	margin: 0 ;
	width: 610px;
	display: inline-block;
	margin-right: 20px;
}
.home #primary {width: 380px;}

#content {
	margin: 0;
}
#main {padding: 20px 0 20px 20px; background: url('images/sidebg.png') top right repeat-y;height: 100%;}

#secondary {
	float: left;
	vertical-align: top;
	overflow: hidden;
	width: 300px;
	padding: 0 20px 20px 10px;
}

#tertiary {
	width: 220px;
	float: left;
	margin-right: 10px;
}
#colophon {
	clear: both;
	display: block;
	width: 940px;
	margin: 0;
}

.clear {clear:both;}

/* Fonts */

body {
	font-family: Arial, Helvetica, sans-serif;
}

.entry-title, h3#reply-title, h3#comments-title, h3.archive-title, .widget h2.widget-title, #tertiary h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Text and Link Colors */
/* navy */
a, .entry-meta .nav-previous a, .entry-meta .nav-next a, .entry-meta span.tag-links a:hover {
	color: #355071;
}
/* light navy */
.entry-content a, .comment-content a {
 	color: #095084;
}

/* dark grey */
body, .entry-meta a, #searchform input#s:focus, .widget {
	color: #333;
}
/* light grey*/
#nav-below span.meta-nav, .entry-meta span.tag-links, .entry-meta span.tag-links a, .entry-content p.bio,
#respond label, #respond .form-allowed-tags, .comment-meta, .entry-utility-prep,
.archive header.entry-header .entry-meta, .archive footer.entry-meta, .archive .entry-meta a {
	color: #888;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	/* clip: rect(1px 1px 1px 1px);  IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */
#branding {
	text-align: right;
}
header aside#adbox {
	width: 468px;
	height: 60px;
	float: right;
	margin: 10px 20px 10px 0;
}
aside#search {
	display: inline-block;
}
h1#site-title {
	text-indent: -9999px;
    background: url('images/sprite.png') 0 -38px no-repeat; 
    height: 120px;
    width:  174px;
    white-space: nowrap;
    text-align: left;
    float: left;
    margin: 10px 0 0 20px;
}
#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em;
}
ul#social {
	height: 38px;
	margin:0 20px 0 0;
	padding: 0;
	list-style: none;
	display: block;
	clear: right;

}
ul#social li {
	margin: 0; padding: 0; list-style: none; vertical-align: middle;
	display: inline-block;text-align: left;
}
ul#social li a {
	display: block;
	background-image: url('images/sprite.png');
	background-repeat: no-repeat;
	width: 38px; height: 38px;
	text-indent: -9999px;}
ul#social li a:hover {border-bottom: none;}
ul#social li a.soctw {background-position: -38px 0;}
ul#social li a.socrs {background-position: -76px 0;}
ul#social li a.socyt {background-position: -152px 0;}

/* =Menu
-------------------------------------------------------------- */

#access {
	display: block;
	margin: 12px 0 0;
	width: 980px;
	text-align: left;
	border: 1px solid #CB9A27;
	border-width: 1px 0;
   /* fallback/image non-cover color */
   background-color: #125414; 
   /* fallback image */
   background-image: url('images/navbg.png'); 
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#125414), to(#0C370D));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #125414, #0C370D); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #125414, #0C370D);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #125414, #0C370D);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #125414, #0C370D);
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 20px;
}
#access li {
	display: inline-block;
	font-size: 0.8em;
	color: #CB9A27;
	font-weight: bold;
	padding: 2px 2em 2px 0;
	text-shadow: 2px 2px 2px #333;
}

#access li.lions {
  background: none repeat scroll 0 0 #A90100;
  border-radius: 6px 6px 6px 6px;
  margin: 2px 0;
  padding: 2px 8px;
}

#access a {
	display: block;
	line-height: 2em;
	text-decoration: none;
	color: #FFF;
}
#access a:hover {
	border-bottom: none;
}
#access ul.menu {
	display: block;
}
#access ul.submenu {
	background: #0C370D;
	border-top: 1px solid #960;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #dedede;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	text-shadow: 2px 2px 2px #111;
	color: #CB9A27;
}
#access ul ul a:hover {
	
}
#access ul li:hover > ul {
	display: block;
}


/* =Content
-------------------------------------------------------------- */

a, .entry-meta .nav-previous a, .entry-meta .nav-next a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.archive h1.page-title {
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
font-size: 10px;
}
.entry-title {
	font-size: 1.7em;
	font-weight: normal;
	margin: 0 0 10px;
}

.sticky {
}
.entry-meta {
	display: block;
	font-size: 0.9em;
	line-height: 140%;
}
.post .entry-meta {vertical-align: top; line-height: 120%;}
header .entry-meta .post-date {display: inline-block; line-height: 12px;text-align: center;margin-right: 10px;}
.post-date span.month { display:block; text-transform: uppercase; font-size: 14px;}
.post-date span.day { display:block; font-size: 28px; line-height: 22px;}
.post-date span.year { display:block;font-size: 0.8em;}
.meta-info {display: inline-block;vertical-align: top;margin: -3px 0 0 10px; font-size: 0.9em; width: 480px;}

.single-post .entry-meta {
	border: 1px solid #E7E7E7;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0 2px 3px #E7E7E7;
	-moz-box-shadow: 0px 2px 3px #E7E7E7;
	-webkit-box-shadow: 0 2px 3px #E7E7E7;
}
.archive header.page-header {
	margin: 0 20px 20px -20px;
	background: #2D3857;
	color: #FFF;
	padding: 4px 20px 4px 20px;
	display: inline-block;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.archive header.page-header p {margin: 4px 0 0;}
h3.archive-title {font-weight: normal;}
ul.archive-list, #tertiary .widget_categories ul {list-style-type: none; padding-left: 0; font-size: 0.9em;line-height: 1.48em;}
ul.archive-list li ul.children, #tertiary .widget_categories ul li ul.children {list-style-type: none; padding-left: 15px;}
#tertiary .widget_categories ul li ul.children {font-size: 1em;}
.archive .entry-title, .home .entry-title {margin-bottom: 4px;}
.archive article {margin-bottom: 20px;}
.archive .entry-summary, .archive footer, .archive header.entry-header .entry-meta, .archive header.page-header .category-archive-meta { font-size: 0.8em;}
.archive .entry-summary {line-height: 1.48em;}
.archive footer {text-align: right;clear: left; padding-bottom: 10px; border-bottom: 1px dotted #CCC;}
.archive footer .entry-meta {margin-top: 4px; text-align: left;}
.single-author .entry-meta .byline {
	display: none;
}

.entry-content p.bio {font-style: italic;}

#content nav {
	display: block;
	overflow: hidden;
}
nav .nav-previous {
	float: left;
	width: 50%;
	border-right: 1px solid #E7E7E7;
	margin-right: -1px;
}
nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}

#nav-below span.meta-nav, .entry-meta span.tag-links, .archive footer .entry-meta {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
}
.entry-meta span.tag-links {margin-bottom: 10px;}
.entry-meta span.tag-links a:hover {border-bottom: none;}

.page-link {
	clear: both;
	margin: 0 0 1em;
}
.more-link, .comments-link {font-weight: bold;}
.page .edit-link {
	clear: both;
	display: block;
}

.entry-content { font-size: 0.9em; line-height: 1.48em;}
.entry-content a, .comment-content a, article.comment cite {font-weight: bold;}

/* Home Page */

.home h2.entry-title {font-size: 1.6em;}
.home #tertiary .entry-title, .home h3.entry-title {font-size: 1.1em;}
.home #tertiary aside.widget {margin-bottom: 20px; font-size: 1em;}
.home .entry-content {font-size: 0.8em;}
.home .entry-content p {margin: 0;}
.home #content article {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #CCCCCC;}
.home #content article footer.entry-meta, .home #tertiary article footer.entry-meta {text-align: right;font-size: 0.8em;}
.home #content article footer.entry-meta a, .home #tertiary article footer.entry-meta a {font-weight: bold;}
ul.socialwrap li a {border-bottom: none;}

div span.caption {
display: block;
font-size: 0.7em;
line-height: 100%;
margin-bottom: 0.5em;
text-align: right;
}



/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.superwee {
	width: 150px; height: 99px;
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}
img.attachment-post-feature {
	margin-bottom: 10px;
}

/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 120px; height: 30px;
	margin-right: 0;
	margin-left: 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #fff;
	background-color: transparent;
	color: #FFF;
	padding: 3px 2px;
	font-size: 1em;
}
#searchform input#s:focus {
	background-color: white;
	border-color: #1D2136;
}

#searchform input#searchsubmit {
	background: url('images/sprite.png') no-repeat -114px 0;
	text-indent: -9999px;
	border: 0;
	height: 38px;
	width: 38px;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #900;
}


/* =Comments
-------------------------------------------------------------- */

h3#reply-title, h3#comments-title {
	font-weight: normal;
}

article.comment {
	display: block;
	font-size: 0.8em;
	margin-bottom: 20px;
}
article.comment p{
	margin: 5px 0;
}
ol.commentlist, ol.commentlist li ul.children {
	padding-left: 50px;list-style-type: none;
}

ol.commentlist li {
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 20px;
}
ul.children li {
	border-bottom: none;
}

.comment-author .avatar {
	margin: 0 10px 0 -50px;
	vertical-align: top; float: left;
}
article.comment cite {font-style: normal;}

#respond label, #respond .comment-notes, #respond .logged-in-as {
	font-size: 0.8em;
}

#respond input[type=text], #respond textarea {
	background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    padding: 2px;
    display: block;
}
#respond input[type=text] {
	width: 60%;
}
#respond textarea {
	margin: 0 0 1em;
	width: 90%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
	font-size: 0.82em;
}
#respond .form-allowed-tags code {
	display: block;
}
.reply {display: inline;}

/* =Widgets and Sidebar
-------------------------------------------------------------- */


.widget a:hover {
	border-bottom: none;
	color:#517BAE;
}

.widget {
	display: block;
	font-size: 0.8em;
	line-height: 1.4em;
}
.widget h2.widget-title, #tertiary h2 {
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid #333;
}
.home #tertiary h2 {margin-top: 0;}

.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}

.widget ul {list-style-type: none; margin: 0; padding: 0;}
.widget ul.children {margin-left: 10px;}

aside#custom_blogroll ul, aside ul li ul {
	padding-left: 0;
	margin-top: 0;
	list-style-type: none;
}
aside#custom_blogroll ul.custom-linklist {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
aside#custom_blogroll ul.custom-linklist li {margin-bottom: 3px;}

aside#custom_blogroll ul.custom-linklist h2 {
	margin: 0 0 5px;
	font-size: 1.1em;
	font-weight: normal;
}

aside.widget ul li abbr {border-bottom: none; font-size: 0.8em;}

/* Modified CSS Styles for the advanced widget plug-ins */

.advanced_recent_posts_widget * {
	margin:0;
	padding:0;
}

.advanced_recent_posts_widget img{
	float:left;
	margin-right:10px;
	margin-top:5px;
}
.advanced_recent_posts_widget ul li, .bwp-rc-widget ul li, aside ul li.twitter-item {
	list-style: none;
	list-style-type: none;
	margin: 4px 0;
	padding: 4px 0;
	border-bottom:1px dotted #ccc;
}
.advanced_recent_posts_widget .more-link{
	display:inline;
}
.advanced_recent_posts_widget .post-entry{ 
   padding:0 0 5px 0;
   overflow:hidden;
}

/* AD Units */

.adbox a:hover {border-bottom: none;}

#adbox2, #adbox4 {width: 300px; background: #EFEEE4;margin: 0 auto 20px;}
#adbox2 {font-size: 0.9em; font-weight: bold;}
#adbox2 img {margin-bottom: 10px;}
#adbox4 {margin-top: 20px;}

/* =Footer
-------------------------------------------------------------- */
#adbox3 {width: 728px; height: 90px; background: #EFEEE4; color: #000;margin: 0 auto 10px;}

#colophon {
	padding: 20px;
	text-align: center;
	font-size: 0.7em;

	color: #999;
	   /* fallback/image non-cover color */
   background-color: #37383E; 
   /* fallback image */
   background-image: url('images/navbg.png'); 
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#37383E));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #202020, #37383E); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #202020, #37383E);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #202020, #37383E);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #202020, #37383E);
}
#colophon a {
	color: #B4B4B4;
	text-decoration: none;
}
#colophon a:hover {
	text-decoration: underline;
}
