/*
Theme Name: MacDonald Ringette
Description: A two-column layout with lots of rounded corners.
Version: 1
Author: Alexandra Kroeger
Author URI: http://aflutter.net/
*/

/* Colours
Dark grey:#3A3A3A
Sidebar grey:#484848
Medium grey:#5B5B5B
Light grey:#D9D9D9
Red:#960000
Dark Blue:#052057
Footer orange:#D42800
*/

body {padding: 0; margin: 0 auto; text-align:center; background:#5b5b5b; font-family:Verdana, Arial, Sans-Serif; font-size:62.5%; color:#d9d9d9;}

/*Divs*/
#wrapper {width:80%; margin:0 auto; padding:0;}

#header {width:98%; padding:0 0 0 20px; margin:20px 0 0 0; background:#960000;}

#sidebar {width:20%; padding:15px; margin: 20px 0 0 0; float:right; background:#484848; position:relative;}

#nav {margin:0 auto; background:#484848;}

#content {width:71%; padding:20px; margin:20px 0 30px 0; overflow: auto; float:left; font-size:1.2em; background: #3a3a3a;}

#footer {width:96%; padding:20px; margin:0 0 30px 0; clear:both; background:#d42800;}

/*Links in general*/
a:link {color:#E46600; text-decoration:none; font-weight: 700;}

a:visited {color:#E46600; text-decoration:none; font-weight: 700;}

a:hover,a:active {color:#E46600; text-decoration:underline; font-weight: 700;}

a:hover:visited {text-decoration:none;}

/*a:link,a:visited,a:hover,a:active {text-shadow: #1e1e1e 1px 1px;}
#sidebar a:link,#sidebar a:visited,#sidebar a:hover,#sidebar a:active {text-shadow: #1e1e1e 1px 1px;}*/

/*Header Link*/
h1, h1 a, h1 a:hover, h1 a:visited{text-decoration: none;color: white;}

/*Footer links
a:link.footer {color:#000; text-decoration:none; font-weight: 700;}

a:visited.footer {color:#000; text-decoration:none; font-weight: 700;}

a:hover.footer,a:active.footer {color:#000; text-decoration:none; font-weight: 700;}

/*lists*/
ul, ol {text-align:left; padding-left:20px; line-height:170%; font-size: 1.2em;}

/*Rounded Nav*/
ul.postnav,ul.postnav li{margin:0; padding:0; list-style-type:none}

ul.postnav li{width: 99%; font-size:140%; /*margin-right: 5px;*/}

ul.postnav a{display:block; width:99%; padding:8px 0; margin-bottom:5px; font: bold 100% Verdana,Arial,sans-serif; background: #053057; color: #d9d9d9; text-decoration:none; text-align:center}

ul.postnav a:hover{background: #960000; color:#d9d9d9;}

/*Paragraphs*/
p {text-align:left; line-height:170%; font-size:1.2em; padding:0;}

p.footer {padding:0; color:#d9d9d9; font-size:1.1em; text-align:center;}

/*General*/
img {border:0;}

hr {margin:0 auto; height:1px; width: 65%; border:1px dashed #c0c0c0;}

/*Headers*/
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold;}

h1 {font-size:4em; color:#fff; text-align:right; padding:20px 20px 0 20px;}

h2 {font-size:1.8em; color:#052057;}

h2.pagetitle {font-size: 1.8em;text-align: center;}

h2.title {margin-bottom:0;}

#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif;font-size: 1.2em;}

h3 {font-size:1.25em; color:#052057;}

h3.date {font-size:0.85em; color:#052057; line-height:100%;}

h4 {font-size:1.15em; color:#052057;}

/*Alignment & images*/
p img {padding: 0; max-width: 100%;}

img.centered {display: block; margin-left: auto; margin-right: auto;}

img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}

img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.alignright {float: right;}

.alignleft {float: left}

.headerimg {padding: 0 20px 0 0;}

/*Misc*/
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}

code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps{font-size: 0.9em; letter-spacing: .07em;}

.thread-alt {background-color: #5b5b5b;}
.thread-even {background-color: #3a3a3a;}
/*a.thread-even {text-shadow:#fff;}*/

.depth-1 {border: none;}

.even, .alt {border: none; /*border-left: 1px solid #ddd;*/}

small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;}
small.date {margin-top:-15px;}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.commentlist li ul li {font-size: 0.8em;}

.commentlist li {font-weight: bold;}

.commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #000;}

.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1em;}

.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none; font-size: 0.9em;}

#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.commentmetadata {font-weight: normal;}

.post hr {display: block;}

.postmetadata {clear: both;}

.clear {clear: both;}

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;}

html>body .entry li {margin: 7px 0 8px 10px;}

.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}

.entry ol {padding: 0 0 0 35px;margin: 0;}

.entry ol li {margin: 0;padding: 0;}

.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}

#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;}

#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;}

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}

#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}

#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}

ol li, #sidebar ul ol li {list-style: decimal outside;}

#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}

/* End Entry Lists */

/* Begin Form Elements */
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}

#sidebar #searchform #s {width: 108px;padding: 2px;}

#sidebar #searchsubmit {padding: 1px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}

select {width: 130px;}

#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}

#commentform {margin: 5px 10px 0 0;}

#commentform textarea {width: 100%;padding: 2px;}

#respond:after {content: "."; display: block; height: 0; clear: both;visibility: hidden;}

#commentform #submit {margin: 0 0 5px auto;float: right;}
/* End Form Elements */

/* Begin Comments*/
.alt {margin: 0;padding: 10px;}

.commentlist {padding: 0;text-align: justify;}

.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}

.commentlist li ul li {margin-right: -5px;margin-left: 10px;}

.commentlist p {margin: 10px 5px 10px 0;}

.children { padding: 0; }

#commentform p {margin: 5px 0;}

.nocomments {text-align: center;margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}
/* End Comments */

/* Begin Sidebar */
#sidebar form {margin: 0;}
/* End Sidebar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}

acronym, abbr {border-bottom: 1px dashed #999;}

blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}

blockquote cite {margin: 5px 0 0;display: block;}

.center {text-align: center;}

.hidden {display: none;}
	
.screen-reader-text {position: absolute;left: -1000em;}

hr {display: none;}

a img {border: none;}

.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #3a3a3a;padding-top: 4px;margin: 10px;}

.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;}
/* End captions */