/*

Theme Name: Bright

Theme URI: http://wordpresstheme.co.uk/

Description: A simple, bright WordPress theme by <a href="http://fuski.com">Fuski</a>.

Version: 1.0

Author: Kieren Harding

Author URI: http://Fuski.com/

*/



/* Globals */

body {

font-size: 62.5%;

font-family: Arial, Helvetica, sans-serif;

background-color: #e4f1fa;

}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {

margin: 0;

padding: 0;

}

.clear {

clear: both;

}



/* Begin Header */

#container {

width: 900px;

margin-right: auto;

margin-left: auto;

background-image: url(images/bg.gif); /* Background image (clouds) */

background-repeat: no-repeat;

background-position: left top;

padding-left: 150px;

padding-right: 150px;

}

#header {

height: 138px;

width: 900px;

background-repeat: no-repeat;

background-position: 45px 58px;

}

h1#logo {

width: 425px;

height: 90px;

float: left;

margin-top: 38px;

}

h1#logo a, h1#logo a:focus {

display: block;

height: 90px;

text-indent: -999em;

outline: none; 

}



/* Begin Menu */

#menu {

height: 47px;

}

#menu ul {

margin-left: 10px;

padding-top: 10px;

}

#menu ul li {

list-style-type: none;

display: inline;

}

#menu ul li a {

float: left;

text-decoration: none;

font-size: 1.8em;

color: #b1cdd8;

padding-right: 15px;

padding-left: 15px;

line-height: 37px;

display: block;

}

#menu ul li a:hover {

color: #90b8c7;

text-decoration: none;

}

#menu ul .current_page_item a, #menu ul .current_page_item a:hover, #menu ul .current_page_parent a, #menu ul .current_page_parent a:hover {

background-image: url(images/current.gif);

background-repeat: repeat-x;

color: #84B0C1;

background-color: #FFFFFF;

}

/* End Menu */



.subscribe-to-rss {

float: right;

color: #b1cdd8;

text-decoration: none;

text-transform: uppercase;

font-size: 1.1em;

background-image: url(images/rss-icon.gif); /* rss link icon */

background-repeat: no-repeat;

background-position: right center;

padding-right: 12px;

margin-top: 10px;

margin-right: 10px;

}

.subscribe-to-rss:hover {

color: #84B0C1;

text-decoration: underline;



}

/* End Header */



/* Begin Content */

#content {

background-image: url(images/content-bg.gif);

background-repeat: repeat-y;

padding-top: 10px;

padding-right: 20px;

padding-bottom: 10px;

padding-left: 20px;

width: 860px;

height: 100%;

}



/* Begin Left Col (Main Content) */

#left-col {

float: left;

width: 480px;

margin-right: 10px;

}

#left-col h2 {

color: #565b5f;

font-size: 22px;

letter-spacing: -1px;

}

#left-col h2 a {

color: #565b5f;

text-decoration: underline;

}

#left-col h2.pagetitle {

color: #BCBCBC;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #DFECF7;

margin-bottom: 20px;

font-size: 2em;

letter-spacing: -1px;

}

#left-col h2 a:hover {

color: #90B8C7;

text-decoration: underline;

}

#left-col h3 {

color: #777777;

font-size: 15px;

margin-bottom: 10px;

margin-left: 10px;

}

.post small {

color: #CCCCCC;

font-size: 1.1em;

}



.entry {

font-size: 1.2em;

line-height: 17px;

color: #666666;

margin-top: 10px;

text-align: justify;

}

.entry a {
color: #666666;

text-decoration: none;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #DDDDDD;

}

.entry a:hover {

color: #666666;

border-bottom-color: #666666;

text-decoration: none;

}



.entry p {

margin-bottom: 15px;

}

.post-pic img {

float:right;

background-color: #f7f9fb;

padding: 5px;

border: 1px solid #d5e5f4;

margin-top: 0;

margin-right: 0;

margin-bottom: 0px;

margin-left: 10px;

}

.entry .more-link {

font-size: 1.3em;

}

.postmetadata {

background-color: #f4f7fa;

padding-top: 5px;

padding-right: 10px;

padding-bottom: 5px;

padding-left: 10px;

font-size: 1.1em;

text-align: left;

color: #B9D1DB;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #D7E6F4;

margin-bottom: 15px;

}

.postmetadata a {

text-decoration: none;

color: #6CA0B5;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #DDDDDD;

}

.postmetadata a:hover {

color: #316F9B;

border-bottom-color: #666666;

text-decoration: none;

}

.postdata {

background-color: #F4F7FA;

border: 1px solid #D7E6F4;

color: #999999;

padding: 10px;

}

/* Begin Images */

p img {

max-width: 100%;

background-color: #F1F5F8;

}



/*	Using 'class="alignright"' on an image will (who would've

thought?!) align the image to the right. And using 'class="centered',

will of course center the image. This is much better than using

align="center", being much more futureproof (and valid) */



img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}

img.alignright {

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

border: 1px solid #D5E5F4;

}

img.alignleft {

padding: 4px;

display: inline;

margin-top: 0;

margin-right: 7px;

margin-bottom: 2px;

margin-left: 0;

border: 1px solid #D5E5F4;

}

.alignright {

float: right;

}

.alignleft {

float: left

}

/* End Images */



/* Begin Comments */

h3#comments {

font-size: 1.6em;

line-height: 30px;

margin-bottom: 15px;

color: #777777;

}

.commentlist {

margin-bottom: 25px;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #D7E6F4;

}

.commentlist li {

background-color: #F4F7FA;

padding: 10px;

list-style-type: none;

border-top-width: 1px;

border-right-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-left-style: solid;

border-top-color: #D7E6F4;

border-right-color: #D7E6F4;

border-left-color: #D7E6F4;

font-size: 1.2em;

color: #BCBCBC;

}

.commentlist  .alt {

background-color: #FFFFFF;

}

.commentlist li .avatar { 

float: right;

border: 1px solid #eee;

padding: 2px;

background: #fff;

}

.commentlist a {

color: #6CA0B5;

text-decoration: none;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #DDDDDD;

}

.commentlist a:hover {

color: #316F9B;

border-bottom-color: #666666;

}

.commentlist cite, .commentlist cite a {

font-weight: bold;

font-style: normal;

font-size: 1.2em;

}

.commentlist p {

font-weight: normal;

text-transform: none;

line-height: 1.6em;

margin-top: 10px;

margin-bottom: 10px;

color: #666666;

}

.commentmetadata, .commentmetadata a {

font-size: 0.9em;

border-bottom-width: 0px;

color: #CCCCCC;

}

.nocomments {

text-align: center;

margin: 0;

padding: 0;

}

#respond {

font-size: 1.6em;

color: #777777;

margin-bottom: 10px;

}

#commentform {

margin-left: auto;

width: 400px;

margin-right: auto;

}

#commentform input {

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #BBD6EE;

border-right-color: #D5E5F4;

border-bottom-color: #D5E5F4;

border-left-color: #BBD6EE;

width: 250px;

padding-top: 4px;

padding-right: 3px;

padding-bottom: 4px;

padding-left: 3px;

color: #777777;

margin-bottom: 10px;

}

#commentform input:focus, #commentform #comment:focus {

border-top-color: #84AFC1;

border-right-color: #84AFC1;

border-bottom-color: #84AFC1;

border-left-color: #84AFC1;

}

#commentform label {

font-size: 1.3em;

color: #666666;

}

#commentform #comment {

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #BBD6EE;

border-right-color: #D5E5F4;

border-bottom-color: #D5E5F4;

border-left-color: #BBD6EE;

width: 400px;

margin-bottom: 10px;

font-family: Arial, Helvetica, sans-serif;

color: #666666;

}

#commentform #submit {

background-color: #DBE6EE;

color: #84AFC1;

border-top-color: #BAD1E0;

border-right-color: #BAD1E0;

border-bottom-color: #BAD1E0;

border-left-color: #BAD1E0;

font-weight: bold;

padding-top: 2px;

padding-bottom: 2px;

width: 400px;

text-align: center;

}

#commentform #submit:hover {

color: #FFFFFF;

background-color: #BAD1E0;

}

#commentform small {

font-size: 0.9em;

color: #B1B1B1;

}

/* End Comments */



/* Begin Calendar */

#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 155px;

}

#wp-calendar   #next   a, #middle-col  #wp-calendar  #nexta  {

padding-right: 10px;

text-align: right;

padding-top: 0px;

padding-bottom: 0px;

padding-left: 0px;

margin: 0px;

background-image: none;

}

#wp-calendar  #prev  a, #middle-col #wp-calendar #prev a {

padding-left: 10px;

text-align: left;

background-image: none;

margin: 0px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

}

#middle-col #wp-calendar a:hover {

background-image: none;

margin: 0px;

padding: 0px;

}

#wp-calendar  a, #middle-col #wp-calendar a {

display: block;

margin: 0px;

padding: 0px;

background-image: none;

}

#wp-calendar caption {

text-align: center;

width: 100%;

}

#wp-calendar td {

padding: 3px 0;

text-align: center;

}

#wp-calendar td.pad:hover { /* Doesn't work in IE */

background-color: #fff; }

/* End Calendar */



/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

cursor: help;

}

acronym, abbr {

border-bottom: 1px dashed #999;

}

blockquote {

padding-left: 20px;

background-color: #F1F5F8;

border-left-width: 5px;

border-left-style: solid;

border-left-color: #DEE9F0;

margin-top: 15px;

margin-right: 0px;

margin-bottom: 0;

margin-left: 10px;

}

blockquote cite {

margin: 5px 0 0;

display: block;

}

.center {

text-align: center;

}

.hidden {

display: none;

}

hr {

display: none;

}

a img {

border: none;

}

/* End Various Tags & Classes*/



/* Captions */

.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}

.wp-caption {

border: 1px solid #D5E5F4;

text-align: center;

background-color: #F1F5F8;

padding-top: 4px;

margin: 5px 10px 10px 10px;

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

}

.wp-caption a { border-bottom: none;}

.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 */



#left-col .newsearch {

margin-top: 30px;

width: 250px;

margin-right: auto;

margin-left: auto;

margin-bottom: 30px;

}

#left-col .newsearch #searchform #s {

width: 248px;

font-size: 1.6em;

float: none;

font-weight: bold;

color: #999999;

margin-bottom: 5px;

}

#left-col .newsearch #searchform #searchsubmit {

width: 250px;

float: none;

padding: 0px;

font-size: 1.4em;

}

#left-col #searchform {

width: 260px;

margin-right: auto;

margin-left: auto;

margin-top: 10px;

margin-bottom: 10px;

}

#left-col #searchform #s {

margin-right: auto;

margin-left: auto;

float: left;

border: 1px solid #ACCCEA;

padding-top: 4px;

padding-bottom: 4px;

color: #666666;

width: 180px;

}

#left-col #searchform #searchsubmit {

padding-top: 4px;

padding-bottom: 3px;

float: left;

padding-right: 0px;

padding-left: 0px;

font-size: 1.2em;

background-color: #DEE9F0;

border: 1px solid #BAD1E0;

color: #90B8C7;

font-weight: bold;

margin: 0px;

line-height: 14px;

}

#left-col #searchform #searchsubmit:hover {

color: #FFFFFF;

background-color: #90B8C7;

}

#left-col ul {

width: 360px;

margin-right: auto;

margin-left: auto;

margin-top: 25px;

margin-bottom: 25px;

font-size: 1em;

}

#left-col ul h2 {

font-size: 2em;

letter-spacing: -1px;

}

#left-col ul li {

margin-left: 40px;

font-size: 1.4em;

margin-top: 5px;

margin-bottom: 5px;

}

#left-col  ul li a {

color: #5E98AE;

text-decoration: none;

}

#left-col ul li a:hover {

color: #4A7E93;

text-decoration: underline;

}

#left-col ul li ul {

margin: 0px;

}

#left-col ul li ul li {

margin-left: 20px;

font-size: 1em;

}

#left-col .navigation a {

color: #6CA0B5;

text-decoration: none;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #dddddd;

}

#left-col .navigation a:hover {

color: #316F9B;

text-decoration: none;

border-bottom-color: #666666;

}

#left-col .navigation {

color: #84AFC1;

font-size: 1.4em;

margin-top: 25px;

margin-bottom: 15px;

}

.linkcat  {

list-style-type: none;

font-size: 1em;

}

#left-col .linkcat h2 {

font-size: 1.6em;

letter-spacing: normal;

}

.linkcat ul {

margin-left: 40px;

padding-top: 5px;

padding-bottom: 15px;

}

#left-col .post .entry ol {

margin-left: 45px;

color: #333333;

font-size: 1.2em;

}

#left-col .post .entry ul {

margin-left: 0px;

color: #333333;

font-size: 0.9em;

font-family: Arial, Helvetica, sans-serif;

}

/* End Left Col (Main Content) */



/* Begin Middle Col (left sidebar) */

#middle-col {

float: left;

width: 154px;

color: #CCCCCC;

font-size: 1.2em;

border-left: 1px dotted #cccccc;

border-right: 1px dotted #cccccc;

}

#middle-col h4 {

font-size: 13px;

color: #777777;

text-decoration: underline;

font-weight: bold;

margin-left: 2px;

}

#middle-col ul, #sidebar ul ol {

margin: 0;

padding: 0 3px 0 0;

}

#middle-col ul li {

list-style-type: none;

list-style-image: none;

border-bottom: 1px dotted #cccccc;

}

#middle-col ul ul, #middle-col ul ol {

margin-top: 3px;

margin-right: 0;

margin-left: 5px;

padding-bottom: 10px;

}

#middle-col ul ul ul, #middle-col ul ol {

margin-top: 0;

margin-right: 0;

margin-bottom: 0;

margin-left: 10px;

}

#middle-col ul ul li, #middle-col ul ol li {

background-image: url(images/list-bullet-hover.gif);

background-repeat: no-repeat;

margin-top: 3px;

margin-right: 0;

margin-bottom: 0;

padding-top: 0;

padding-right: 0;

padding-bottom: 0;

background-position: left 5px;

margin-left: 0px;

padding-left: 0px;

line-height: 18px;

}

#middle-col a {

padding-left: 13px;

color: #777777;

text-decoration: none;

}

#middle-col a:hover {

color: #316F9B;

}

#middle-col .recentcomments, #middle-col .recentcomments a, #middle-col ul .recentcomments a:hover {

background-image: none;

padding-left: 0px;

padding-bottom: 5px;

}

/* End Middle Col (left sidebar) */



/* Begin Right Col (right sidebar) */

#right-col {

float: right;

line-height: 18px;

width: 210px;

font-size: 1.2em;

list-style-type: none;

color: #666666;

}

#right-col h5 {

padding: 0px;

font-family: Arial, Helvetica, sans-serif;

color: #777777;

margin-top: 3px;

margin-right: 0px;

margin-bottom: 10px;

margin-left: 0px;

font-size: 13px;

text-align: left;

text-decoration: underline;

}

#right-col a {

color: #6CA0B5;

text-decoration: none;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #DDDDDD;

}

#right-col a:hover {

color: #316F9B;

border-bottom-color: #666666;

}

#right-col #searchform #s {

width: 185px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #ACCCEA;

border-right-color: #D5E5F4;

border-bottom-color: #D5E5F4;

border-left-color: #ACCCEA;

color: #666666;

padding-top: 4px;

padding-bottom: 4px;

}

#right-col #searchsubmit {

background-color: #dee9f0;

border: 1px solid #BAD1E0;

font-size: 1em;

float: left;

color: #90B8C7;

margin-top: 5px;

margin-bottom: 10px;

font-weight: bold;

padding-top: 0px;

padding-right: 15px;

padding-bottom: 0px;

padding-left: 15px;

}

#right-col #searchsubmit:hover {

color: #FFFFFF;

background-color: #90B8C7;

}

#right-col .ads {

padding-bottom: 5px;

text-align: center;

list-style-type: none;

margin: 0px;

}

#right-col .ads a img {

padding: 4px;

background-color: #FFFFFF;

border: 1px solid #E1EDF7;

clear: both;

margin-bottom: 5px;

text-align: center;

}

#right-col .ads a:hover img {

border-top-color: #666666;

border-right-color: #666666;

border-bottom-color: #666666;

border-left-color: #666666;

}

#right-col .ads a {

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

}

#right-col  ul {

list-style-type: none;

background-color: #f1f5f8;

border: 1px solid #d5e5f4;

padding-top: 10px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 0px;

text-align: left;

}

#right-col ul ul {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	padding-top: 0px;
	
	padding-left: 0px;

	list-style-type: none;

}

#right-col li {

line-height: 18px;
margin-left: 10px;

}

#right-col li a {
margin-left: -3px;
}

#right-col li li {
list-style-image:  url(images/list-bullet-hover.gif);
margin-left: 20px;
}

#right-col .textwidget {

margin-right: 10px;

margin-bottom: 10px;

}

#right-col li a:hover {

}

/* End Right Col (right sidebar) */



/* Begin Footer */

#footer {

background-image: url(images/footer-bg.gif);

background-repeat: no-repeat;

height: 50px;

padding-top: 7px;

padding-right: 20px;

padding-left: 20px;

font-size: 1.2em;

color: #B9D1DB;

}

#footer ul li {

list-style-type: none;

padding-right: 20px;

float: left;

}

#footer ul li a, #footer a {

text-decoration: none;

color: #B9D1DB;

display: inline;

}

#footer a:hover {

color: #84B0C1;

text-decoration: underline;

}

#footer p {

float: right;

}

/* End Footer */