/* 
YOUR CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/



body{background:#fff;}


div.colborder{padding-right:3px;padding-left:3px;margin-right:3px;margin-left:3px;border-right:0px solid #eee;}
.span-4 {
width:300px;
min-height:300px;
}

.last{margin-left:6px;}
#category-section {
float:left;
margin:0px 0px 20px 6px;
}

h3.sub a{color:#df672e;}

#orangetopline{width:950px; margin:auto;height:32px;background:url("/images/headerorangetop.gif") repeat-x;}



/* ---------- Top navigation -------------- */
#topnavigation {display:inline;margin:0;padding:0;position:absolute;right:20px;top:94px;}
#topnavigation li{display:inline;margin:0 0 0 12px;}
#topnavigation a{text-transform:uppercase;color:#000;text-decoration:none;font-size:13px;}
#topnavigation a:hover {color:#DF672D; /* orange */ }

#topMenuGroup {display:inline;margin:0;padding:0;position:absolute;right:20px;top:94px;}
#topMenuGroup li{display:inline;margin:0 0 0 40px;}
#topMenuGroup a{text-transform:uppercase;color:#000;text-decoration:none;font-size:13px;}
#topMenuGroup a:hover {color:#819D2E; /* green */ }

/* ---------- Bottom navigation -------------- */
#menuBottom {
position:absolute;
bottom:26px;
right: 0;
}
#menuBottom {display:inline;margin:0;padding:0;}
#menuBottom li {display:inline;margin:0px 0 0 40px;}
#menuBottom a{font-size:13px;text-transform:uppercase;color:#000;
text-decoration:none;
}

#menuBottom a:hover {color:#819D2E; /* green */ }


/* ---------- Homepage -------------- */
.read_more {
float:right;
}

.read_more a {
background:url(/images/more-arrow.gif) no-repeat left center;
padding-left:12px;
text-transform:uppercase;
color:#000;
}

h3.sub a {
color:#677743;
}

.column h6 a{
color:#DF672D;;
font-size:17px;
font-weight:normal;
font-family:"Hevetica Neu", Helvetica, Arial, sans-serif;
}

.column h6 {
border-bottom: solid 1px #182123;
}

.column-bottom h6 a{
color:#819D2E; /* green */
}

div#homeBottomMenu {
background:url(/images/home-bottom-menu.gif) no-repeat;
height:145px;
margin-bottom:10px;
position:relative;
}

#preFooter {
width:950px;
margin:0 auto;
}

div#bottomMenu #menuBottom {
position:absolute;
bottom:60px;
right: 0;
}

div#bottomMenu ul {
right:0;
}

div#bottomMenu {
height:176px;
margin-bottom:10px;
position:relative;
}

div#bottomMenu.group {
background:url(/images/footer-TBG.gif) no-repeat;
}

div#bottomMenu.solar {
background:url(/images/footer-solar.gif) no-repeat;
}

#orangetopline.greentopline {
background-image:url(/images/headergreentop.gif);
}

.post h2, .post h3, .post h4 {
color:#DF672D;
}

.post h2 {
color:#DF672D;
font-size:17px;
font-weight:normal;
border-bottom:solid 1px #111;
}

.post h3 {
font-size:17px;
font-weight:normal;
}

body#solar .post h1, body#solar .post h2, body#solar .post h3, body#solar .post h4 body#solar .post bold{
color:#DF672D; /* orange */ 
}

body#group .post h1, body#group .post h2, body#group .post h3, body#group .post h4 body#group .post bold{
color:#819D2E; /* green */
}

.nav {float:left; margin-bottom: 25px;width:100%;}
.navi {float:left; margin-bottom: 15px;margin-top:10px;}
.nav a, .navi a { display: block}
.nav a:hover,.navi a:hover {}
.prev a, .next a {}
.byline {font-size:11px;margin:0;color:#bbb}
.byline a {color:#bbb}
.prev a {background:url(/images/post-prev.gif) no-repeat left center; width:72px;height:11px;}
.next a {background:url(/images/post-next.gif) no-repeat left center; width:41px;height:11px;}
.navi.right{float:right;}
 
img.thumbnail.full.post-image {
max-width:520px;
width:520px !important;
height:auto !important;
border:none;
}

#postContentWrap {
margin-left:540px;
}


#postContentWrap h2{
width:auto;
}

#postImageWrap{
width:520px;
float:left;
background:#fff;
}

#footer-wrap.home-footer{
background:url(/images/footer-black-bar.gif) repeat-x;
width:950px;
margin:0 auto;
padding-top:20px;
}

#footer p{
color:#222;
}

.app{
border-top:solid 1px #222;
margin:0;
}

#postNavigation {
margin-top:10px;	
}

/* Home Banners */
#homeBannerWrap {
position:relative;
height:376px;
width:950px;
}

.home-banner-item-details {
position:absolute;
width: 400px;
top:0;
background:#ebebeb;
right:0;
padding:10px;
color:#111;
}

.home-banner-item-details .post {
color:#111;	
}

/* Gallery */

.galleryItemWrap {
width:310px;
float:left;
margin:3px;
}



#postNavigation ul {
margin:0;padding:0;
list-style:none;
}

#postNavigation ul li {
float:left;
margin-right: 4px;
margin-top:6px;
width:20px;
height:20px;
border:solid 1px #ccc;
text-align:center;
color:#ccc;
}

#postNavigation ul li a {
width:20px;
height:20px;
display:block;
background:#ccc;
color:#000;
}

#postNavigation ul li a:hover {
	background:#333;
	color:#fff;
}

#postNavigation span {
display:none;
}