/*  
Theme Name: Green Grass
Theme URI: http://www.rogersbuild.com/
Description: A bright and modern theme with grass and sky.
Author: Matthew Rogers
Author URI: http://www.rogersbuild.com/

*/


@import url("reset.css");

/*Globals*/
.clear {clear: both;}
.hidden {display: none;}
.center {display: block; margin: 0 auto; text-align: center;}

p {margin-bottom: 22px;}

a {text-decoration: none; color: #017cb5;}
a:hover {text-decoration: underline; color: #40C1FD;}

a img {border: 1px solid #c2ecff;}

h1 {font-size: 28px; font-weight: bold;}
h1 a {color: #000;}
/*h2 {font-size: 16px; color: #9d9d9d; font-weight: bold; font-style: italic;}*/
h2 {font-size: 13px; text-transform: uppercase; color: #eee; background: #666; padding: 7px 5px 5px 5px; margin-bottom: 10px; line-height: 14px;}
h3 {font-size: 16px;}
h5 {font-size: 16px; color: #c0c0c0;}

h6 {font-size: 11px; text-transform: uppercase;}

.txtinput {border: 1px solid #ccc; background: #fff; color: #888; padding: 5px; font-size: 15px;}
.txtinput:focus {color: #000;}
textarea {width: 450px; font-size: 15px;}

small {font-size: 12px;}

.button {border:1px solid #205d89; background: url("images/button_bg.png") 0 0 repeat-x; color: #fff; text-transform: uppercase;
	padding: 5px 15px; font-weight: bold; font-size: 13px; cursor: pointer;}
.button:hover {border: 1px solid #B6EAFF; color: #B6EAFF; text-decoration: none;}
.button:active {border: 1px solid black; color: #444;}

blockquote {
	margin-left: 25px; font-style: italic; color: #555;
}


/*Common classes*/
a.more {padding-right: 12px; background: url("images/arrow_blue.png") right 2px no-repeat;}
ul.arrows li, #sidebar li li {padding: 0 0 6px 14px !important; background: url("images/arrow_green.png") 0 3px no-repeat;}
ul.arrows li a, #sidebar li li a {color: #000;}
.gray {color: #ccc;}

/*For built-in Wordpress stuff*/
.wp-caption {font-style: italic; text-align: center;}
.gallery {}
.gallery dd {font-size: 10px; text-transform: uppercase;}

/*Primary structure*/
body {background: #017cb5; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;}
#wrapper {background: url("images/center_bg.jpg") center top repeat-y;}
#wrapper2 {background: url("images/top_bg.jpg") center top no-repeat;}
#footer {height: 100px; background: #017cb5 url("images/bottom_bg.jpg") center top no-repeat;}

.container {width: 900px; margin: 0 auto;}

#content {padding: 50px;}

.leftcol {width: 450px; padding-right: 110px; float: left;}
.rightcol {width: 240px; float: left;}

/*Different structure for single post pages*/
.single .leftcol {padding-right: 60px;}
.single .postcol {width: 290px; float: left;}
.single .rightcol {padding-left: 50px;}

/*Header*/
#header {height: 220px; position: relative;}
#logo {background: url("images/logo.png") 0 0 no-repeat; width: 222px; height: 60px;
	display: block; position: absolute; top: 50px; left: 0;}
#logo h1 {display: none;}
	
/*Main nav*/
#nav {position: absolute; right: 0; top: 62px;}
#nav li, #nav a {display: block;}
#nav li {margin-left: 60px; float: left;}
#nav a {height: 36px;}
#nav li.current_page_item a, #nav a:hover {border-bottom: 4px solid #f3dd69;}
#nav h2 {display: none;}

/*The House*/
#header .page-item-135 {width:107px; background: url("images/nav_house.png") center top no-repeat;}
/*The Blog*/
#header .page-item-10 {width:97px; background: url("images/nav_blog.png") center top no-repeat;}
/*About us*/
#header .page-item-2 {width: 99px; background: url("images/nav_about.png") center top no-repeat;}

/*Sub nav*/
#subnav {position: absolute; width: 403px; height: 26px; right: -3px; bottom: 13px;
	background: url("images/subnav.jpg") 0 0 no-repeat;}
#subnav h3 {display: none;}
#subnav a {display: block; position: absolute; height: 26px; top: 0;}
#subnav a:hover {border-bottom: 4px solid #f3dd69;}

#nav_contact {width: 62px; left: 2px;}
#nav_sub_email {width: 26px; left: 162px;}
#nav_sub_rss {width: 22px; left: 194px;}

#search {position: absolute; right: 0; width: 150px;}
#search input.field {background: none; width: 120px; display: block; border: none;
	padding: 4px; font-size: 13px; color: #ccc; font-style: italic;}
#search input.field:focus {color: #666;}
#search .fakesubmit {width: 24px; height: 22px; 
	position: absolute; right: 0;}
#search a.fakesubmit:hover {border: none;}

/*Posts*/
.post {margin-bottom: 50px; padding-bottom: 40px; border-bottom: 1px dotted #c0c0c0;}
.single .post {border: none; margin: 0;}
.post h5 {padding-bottom: 6px;}
.post h1 {line-height: 36px; padding-bottom: 12px;}
.post p {text-align: justify;}
#next_prev {font-size: 12px; font-style: italic; color: #666; padding-bottom: 10px;}
.post h3 {margin-top: 5px;}
.post ul {padding-bottom: 15px; margin-left: 25px;}
.post li {list-style: square; padding: 0 0 5px 0;}
.post .image img {border: 5px solid #007bb3; margin-bottom: 10px;}

/*Adjustment for stuff already in the system*/
.post img.flickr-large, .post img.flickr-medium {width: 450px;}

img.alignright {float: right; margin: 10px 0 10px 18px;}
img.alignleft {float: left; margin: 10px 18px 10px 0;}

/*Image viewer*/
#viewer {padding-bottom: 5px; border-bottom: 2px solid #CADDA1; margin-bottom: 30px;}
#zoom {height: 192px; text-align: center; position: relative; overflow-y: hidden; background: url("images/loading.gif") center center no-repeat; margin-bottom: 6px;}
#zoom a {background: #000; display: block; position: relative; height: 192px; overflow-y: hidden;}
#zoom img {height: 192px; border: none;}
.click {font-size: 10px; font-weight: bold; color: #ccc; text-align: center; padding: 0 0 5px 0; text-transform: uppercase;}
.caption {padding: 5px; width: 280px; font-style: italic; position: absolute; bottom: 0; left: 0; background: #000; opacity: 0.75; font-size: 11px; color: #fff; }
#thumbs {display: block; margin-right: -10px;}
#thumbs img {width: 65px;}
#thumbs li {display: inline;}
#thumbs a {border: 1px solid #c2ecff; display: block; float: left; margin: 0 6px 6px 0;}
#thumbs a.selected {border: 1px solid #FFD014;}

/*Comments*/
h1#comments, h1#respond {font-size: 20px; background: #E8EEDB; padding: 15px 10px 12px 10px;
	border: 2px solid #CADDA1; border-width: 2px 0;}
h1#comments #postcomment {font-size: 14px; font-weight: normal; float: right;}
a.postcomment {padding-right: 30px; display: block; line-height: 28px;
	background:url("images/icon_comment.png") right center no-repeat; position: relative; top: -4px;}

ol.commentlist {margin-bottom: 20px;}
.feedlink {display: block; padding-bottom: 20px; }
.feedlink a {background: url("images/icon_rss.png") 0 0 no-repeat; padding: 4px 0 4px 24px;}

ol.commentlist li {
	padding: 15px 10px 5px 10px;
}
ol.commentlist li {background: #f2f2f2; border-bottom: 2px solid #ccc; color: #555; font-size: 13px;}
ol.commentlist li.comments-alt {background: #fff;}

p.comment-author {margin: 5px 0;}
cite {font-size: 16px; font-weight: bold; color: #000;}

#commentform {margin: 15px 0 0 0;}


/*Sidebar*/
#sidebar li {padding-bottom: 15px; margin-bottom: 15px;}
#sidebar li li {padding: 0; margin: 0; border: 0;}

/*Footer*/
#footer {text-align: center; padding-top: 50px; font-size: 12px;}
#footer, #footer a {color: #67b2d8;}
#footer a:hover {color: #A1CCE2;}
#footer ul {padding-bottom: 10px;}
#footer a {font-weight: bold;}
#footer p {margin: 0;}
#footer li {display: inline; padding: 0 10px;}


/*Calendar*/
#calendar_wrap {text-align: center;}
#wp-calendar {border-spacing: 1px; border-collapse: separate;}
#wp-calendar caption {font-style: italic; background: #eee;}
#wp-calendar td {padding: 1px 3px; text-align: center; color: #aaa; background: #eee;}

/*Search/Archive results*/
.results, .pagetitle {margin-bottom: 20px;}
.result {border-bottom: 1px dotted #ccc; margin-bottom: 15px;}
.result h1 {font-size: 18px;}
.result h1 a {color: #017cb5;}

/*Pagination*/
.wp-pagenavi {margin: 0 0 16px 0; font-size: 12px; text-transform: uppercase;}
.wp-pagenavi a {color: #017cb5 !important;}

/*Code for specific pages or templates*/
/*Front page*/
.front .post {padding-bottom: 50px; margin-bottom: 40px;}
.front .post .image {float: right; margin-left: 50px;}
.panel {width: 225px; float: left;}
.front h2 {/*margin-bottom: 12px;*/}

#photos {margin: 0 62px;}

#progress #number {position: relative; color: #007cb4; font-size: 80px; font-weight: bold; letter-spacing: -6px; clear: both; 
	line-height: 100px; margin-left: 60px;}
#progress #percent {position: absolute; top: 5px; right: -10px; font-size: 30px; line-height: 30px; display: block;}
#progress #text {text-align: center;}
#progress h6 {color: #ccc;}
#progress .phase {text-transform: uppercase; font-weight: bold; font-size: 22px;}

#photos .grid {margin-right: -12px;}
#photos .grid a {display: block; float: left; margin: 0 12px 7px 0;}

/*Global alert*/
#alert {background: #FFF2EE; border: 2px solid #FFCCBD; border-width: 2px 0; color: #AF5A40; padding: 5px 10px; margin-bottom: 20px;}

/*Lightbox*/
body #cboxTitle {bottom: 5px; color: #fff; background: #000; opacity: .8; padding: 5px 0;}