/*  The Big Change
	Theme Version 2.0
    Last updated by: Mark Forrester ( me@markforrester.co.za ) 
    This file is not a template and may not be reproduced. 
*/

*{margin:0;padding:0;}
body{
	font:12px/16px Arial, Helvetica, sans-serif;
	background-color: #B9B9B9;
	color:#666;
} 

/* Text styles */
/***********************************************************************/

h1{
	font-size:26px;
	font-family: Arial, Helvetica, sans-serif;
	color: #78B401;
	line-height: 28px;
	padding-bottom: 10px;
}

h2{
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5286BA;
}
h3{font-size:14px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #5286BA;}
h4{font-size:13px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
a{color:#666;text-decoration:none;}
a:hover{color:#666;}
.middle_links h2, .side_links h2 {font-size:16px;color: #78B401;font-family: Arial, Helvetica, sans-serif;}
.middle_links p, .side_links p, .middle_links li, .side_links li {font-family: Arial, Helvetica, sans-serif;}
.portfolio_h3 {display:none;margin:0px;padding:0px;}

/* Layout Divs styles */
/***********************************************************************/

#wrapper{
	margin:15px auto;
	padding:10px;
	text-align:left;
	width:940px;
	background-color: #ffffff;
	border-top: 8px solid #6191BD;
	border-right: 1px solid #6191BD;
	border-bottom: 8px solid #6191BD;
	border-left: 1px solid #6191BD;
} 
#masthead{
	margin-bottom: 15px;
}
#masthead img {border: none;clear:right;}
#masthead h1 {
	border: none;
	font-size: 36px;
	font-weight: bold;
	color: #5286BA;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#subscribe {
	float:right;
	margin:5px 3px 0px 0px;
	width:420px;
	list-style-type: none;
	border: 1px solid #78B401;
	background-color: #90CF13;
	color:#FFFFFF;
	padding: 10px;
	background-image: url(images/subscribe_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#subscribe h2 {
	font-family: Arial, sans-serif;
	font-size:18px;
	padding-top:5px;
	padding-bottom:15px;
	color: #ffffff;
}

#emailbox {
	width:210px;
	height:70px;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#subscribe_textbox {
	padding:3px;
	width:120px;
	border: 1px solid #78B401;
}

#subscribe_button {
	background-image: url(images/submit_button.png);
	background-repeat: no-repeat;
	color: #666;
	border:none;
	font-weight: bold;
	font-size: 13px;
	height: 28px;
	width: 65px;
}

#rss_icon {
	float:left;
	width:190px;
	margin-left:15px;
}

#rss_icon a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#rss_icon img {
	padding-right:6px;
}

/* main - middle content and columns */
#mainCol{
	float:left;
	margin:10px 0 0;
	width:465px;
	padding-right: 5px;
	padding-left: 5px;
}
#midCol{
	color:#444;
	float:left;
	margin:0px;
	width:210px;
	padding-right:5px;
	list-style-type: none;
	padding-left: 20px;
}

#midCol_span {
	color:#444;
	float:left;
	margin:0px 0px 0px 20px;
	width:330px;
	list-style-type: none;
	padding-bottom: 20px;
	border: 1px solid #cccccc;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #E3E3E3;
	background-image: url(images/about_the_big_change.jpg);
	background-repeat: no-repeat;
	height: 115px;
	padding-right: 100px;
	background-position: right bottom;
}

#midCol_span a {
	padding:2px;
}

#midCol_span h2 {
	font-size:18px;
	padding-bottom:8px;
}

#midCol_span a {
	color:#5286BA;
}

#midCol_span p {
	font-size:12px;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom:8px;
}

#midCol p, #tertCol p{font-size:11px;}

#tertCol{
	float:right;
	width:210px;
	padding-right:5px;
	padding-left: 5px;
}
#archives{background:#fff;}
#archives ul li a{display:inline;}
#cat {
	font-size:12px;border:1px solid #cccccc;padding:4px;width:207px;
}

/* ul & li styles */
/***********************************************************************/

ul.nav{
	list-style:none;
	float:right;
	margin-top:33px;
}
.nav li{
	border-left:1px solid #eee;
	float:left;
	display:block;
}
* html .nav li a:hover{background-color:#5286BA;}
#current {background-color: #5286BA; }
#current a{color: #ffffff; }

li.top{border-left:1px solid #DDD;float:right;display:block;width:100px;}
#tertCol li{list-style-type: none;}
#midCol ul, #tertCol ul{
	list-style:none;
	font-size: 11px;
}
#midCol ul ul, #tertCol ul ul{
	list-style:none;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.middle_links ul ul{
	list-style:none;
}

.middle_links ul ul li, .side_links ul ul li{
	color:#666666;
	padding:7px 5px 9px;
	background-color: #EEEEEE;
	background-repeat: repeat-x;
	line-height: 14px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.middle_links ul ul li:hover, .side_links ul ul li:hover {background-color: #DCDCDC;}
.entry ul{margin:0 5px 15px;list-style:none;}
.entry ul li{background:url(images/li.gif) no-repeat 1px 6px;padding-left:20px;padding-top: 5px;padding-bottom: 5px;}
.entry ol{margin:0 1em 0 3em;}
.entry ol li{margin:0 0 7px 0;}

/* a styles */
/***********************************************************************/

.nav li a{
	font-size:12px;
	color:#999;
	text-decoration:none;
	display:block;
	padding:5px;
	text-transform:capitalize;
	font-family: Verdana, Arial, sans-serif;
}
.nav li a:hover{background:#5286BA;color:#fff!important;}
li.top a{width:100px;}
.middle_links ul li a{
	font-size: 11px;
	color:#000000;
	font-weight:normal;
	display:block;
}

.side_links ul li a {
	font-size: 11px;
	color:#000000;
	font-weight:normal;
}
.entry span.comments a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#5286BA;
	font-size:11px;
	background-image: url(images/chat_grey.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float:right;
	border:none;
	padding-left: 25px;
}
.entry p.read_more {font-size:11px;}
.entry p.read_more a{
	color:#5286BA;
	width:50%;
	text-transform:capitalize;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border:none;
}
.postMeta span.date a{color:#78B401;border:none;}
.entry a {color:#78B401;font-weight:normal;}

#searchWrap #s{
	font-size:12px;
	border:1px solid #cccccc;
	padding:4px;
	width:197px;
	font-family: Arial, Helvetica, sans-serif;
}
#searchWrap h2 {padding-top:15px;padding-bottom:15px;}

#search, #categories {
	height:70px;
}
.postform {font-size:13px;border:1px solid #999;width:210px;}

#archives select {
	font-size:12px;
	border:1px solid #cccccc;
	padding:4px;
	width:197px;
	font-family: Arial, Helvetica, sans-serif;
}

.widget_text {color:#333;}
.textwidget h3 {
	padding-bottom:10px;
	color:#666666;
}

.textwidget img {
	padding-bottom:10px;
}
#feedburner p {margin-top:0px;margin-bottom:0px;}
#feedburner input {font-size:11px;margin-bottom:10px;margin-top:10px;margin-right:5px;float:left;font-family: Verdana, Arial, Helvetica, sans-serif;}
.widgettitle{padding-top:15px;padding-bottom:15px;}
.middle_links img, .side_links img {border: none;}
.middle_links p, .side_links p {
	line-height:18px;
	margin-top:15px;
	color:#333;
}

/* wordpress entries styling - main content column */
.postMeta{font-size:11px;text-align:left;color:#626262;font-family: Verdana, Arial, Helvetica, sans-serif;}
.postMeta span.date, .postMeta span.post_category a{color:#666;padding:0px;font-family: Verdana, Arial, Helvetica, sans-serif;}
span.small_print {color:#5286BA;font-size:11px;padding-bottom:10px;font-family: Verdana, Arial, Helvetica, sans-serif;}

.post{
	margin:0 0 15px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.post h1 a {
	color:#5286BA;
}
.post h2{
	line-height:1.3em;
}
.post h2 a{width:100%;display:block;outline:none;color:#5286BA;}
.entry h3{margin:1em 0;}
.post .entry{
	line-height:18px;
	overflow:hidden;
	margin-top: 5px;
}
.post .entry p{
	margin-top:10px;
	margin-bottom:10px;
	color: #666;
}
.entry blockquote{
	margin:20px;
	font-style: italic;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DBDBDB;
	border-bottom-color: #DBDBDB;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}

.entry img,.entry a img{border:3px solid #fff; max-width:450px;}
.entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 1px solid #bbb; float: left; clear: left; }
.entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 1px solid #bbb; float: right; clear: right; }
.entry img.center { display: block; padding: 3px; margin: 0px auto 15px; border: 1px solid #bbb; float: none; clear: both; }
.entry img.off { padding: 0 !important; border: none !important; }
.entry img.stack { clear: none !important; }
.entry a:hover img{border-color:#DFDFDF;}

/* style pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 3px 2px; }

/* style me some comments and inputs */
#comments{width:400px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#555;margin-bottom:25px;margin-top:0px;}
ol.commentslist{list-style:none;margin:5px 0 12px;}
.commentslist li{background-color:#ffffff;border:1px solid #cccccc;margin-bottom:7px;padding:7px 0;}
.commentslist li a{font-weight:bold;background-color: #FFFFFF;padding: 1px 4px;}
.commentslist li.alt{background:#f7f7f7;}
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0 1em;}p.author_meta{
	font-weight:bold;
	font-size:14px;
	margin:0 0 0 7px;
	font-family: Arial, Helvetica, sans-serif;
}
.comment_text p{}
p.post_meta{font-size:11px;text-align:right;margin:0 7px 0 0;}
.commentslist li.author{
	background:#5F91C1 url(images/comment_author.gif) no-repeat right bottom;
	color:#fff;
	border: 1px solid #f7f7f7;
}
.commentslist li.author a{color:#000;}
.commentslist li.author a:hover{color:#3983CA;}
#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#author,#email,#url,#comment{font-size:11px;width:200px;border:1px solid #CCCCCC;padding:4px;}
#comment{width:450px;overflow:auto;background:#ffffff}
#commentform p small{font-size:11px;color:#333;}
.commentslist code{background:transparent;}

/* footer - text string and links */
#footer {
	width:927px;
	clear:both;
	float:left;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-top:10px;
}
#footer p {
	color:#666;
	text-align: left;
	font-size: 11px;
}
#footer a{color:#5286BA;}
/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}

#flickrrss img {
	border: 1px solid #c9c9c9;
	margin:5px;
	padding: 4px;
	float:left;
}

#flickrrss {
	width:210px;
}

.sociable ul li {
	list-style-type: none;
	background-image: none;
	height: 0px;
	width: 0px;
}

.sociable ul {
	list-style-type: none;
}