/*
Theme Name: Cushionfall
Theme URI: http://wordpress.org/
Description: Theme created for Becker Underwood MulchColors.com
Version: 1.0
Author: Two Rivers Marketing
Tags: green, white, mulch, mulch color
*/


/* Begin Typography & Colors */
html {background: #000;}
body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Arial, Helvetica, Sans-Serif; background: #fff url(images/green-bkgd.jpg) repeat-x top; color: #000; text-align: left; }
#page { background-color: none; text-align: left; }
#header { background: #cde6ad url(images/green-bkgd.jpg) repeat-x top;}

td {text-align:left; padding:0.5em 0em;}

a {color:#af6817;}
a:hover {color:#af6817;}

.contentrule {height:14px; background:#046837; padding:0px; margin:0px; border:none;}

.postmetadata a {color:#04753f;}
.postmetadata a:hover {color:#fb9012;}

input {padding:0px 2px;}

/* Begin Replace h1 with Logo Image */
h1.logo { margin: 45px 24px 0px; /* for this particular site, set this as you like */ position: absolute; /* allows child element to be placed positioned wrt this one */ overflow: hidden; /* don’t let content leak beyond the header - not needed as height of anchor will cover whole header */ padding: 0; /* needed to counter the reset/default styles */ width: 305px; }
h1.logo a { position: absolute; /* defaults to top:0, left:0 and so these can be left out */ height: 0; /* hiding text, prevent it peaking out */ width: 100%; /* fill the parent element */ background-position: left top; background-repeat: no-repeat; }
h1#logo { height: 54px; /* height of replacement image */ }
h1#logo a { padding-top: 54px; /* height of the replacement image */ background-image: url(images/logo.png); }
/* End Replace h1 */

.playerbg {position:absolute; z-index:1; margin:34px 0px 0px 604px;}
a#RSSLink {position:absolute; z-index:2; display:block; width:184px; /* border:solid 1px blue; */ }

#content { position:relative; z-index:500; }
#contentimage { position:relative; z-index:500; width:100%; text-align:right; padding-bottom: 10px; }
#IEshift {margin-right:16px;}

.contactform p { text-align:left; margin:1.2em 0.5em;}
.contactform select { width:250px;}
.alert {color:#cc0000; font-size:0.8em;}

.entry p {font-size: 1.15em; line-height: 1.5em; padding-top: 1em;}
.body-text p { padding: 0px 20px 20px 0px; }
.sidebar-img-holder { width: 268px; text-align: center; }
.sidebar-img { width: 100%; min-height: 45px; line-height: 45px; color: #fff; font-family: "Arial Black" , Arial, Helvetica, sans-serif; font-size: 1.1em; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.5em; }
.widecolumn { line-height: 1.5em; }
.home-bottom p {font-size: 1.3em;}
.narrowcolumn .postmetadata { text-align: left; }
.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: #fff; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt { border-left: 1px solid #ddd; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
strong { font-weight: bold; text-transform: uppercase;}
.breadcrumb { color:#4e722a; font-size: 1em; padding-top:5px;}
.breadcrumb a, .breadcrumb a:hover { color:#4e722a;}
.big { font-size: 2em; line-height: 1.15em; text-align: left; padding: 0; margin: 0; }
.green { color: #58821b;}

#headerimg .description { font-size: 1.2em; text-align: center; }

.entry p a:visited { color: #c1272d; }
.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
.commentlist li, #commentform input, #commentform textarea { font: 1em Arial, Helvetica, Sans-Serif; }
.commentlist li ul li { font-size: 1.1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: Arial, Helvetica, Sans-Serif; }
.commentmetadata { font-weight: normal; }
#sidebar { font: 1em Arial, Helvetica, Sans-Serif; }
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: 1.1em; letter-spacing: .07em; }
a, h2 a:hover, h3 a:hover { color: #c1272d; text-decoration: none; }
a:hover { color: #c1272d ; text-decoration: underline; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em Arial, Helvetica, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Typography & Colors */


/* Begin Structure */
body { margin: 0px 0px 20px 0px; padding: 0px; }
#page { background: #fbf7da url(images/bottom-green.jpg) no-repeat bottom; margin: 0px auto; padding: 0; width: 960px; min-height:744px;}
#header {margin: 0px; padding: 0px; height: 97px; width: 960px; }
#headerimg { margin: 0; height: 97px; width: 100%; }
#nav { background: none; height: 27px; padding-top:65px; line-height: 27px;}
#nav-pages {  float: right; }
#nav-pages ul { list-style: none; padding: 5px 0 0 0; }
#nav-pages li { color: #fff; float: left; width:auto; height:27px; padding-left:2px;}
#nav-pages li a { display: block; font-family: "Arial Black" , Arial, Helvetica, sans-serif; font-size: 12px; width: 150px; text-align: center;}
#nav-pages li a:hover { display: block; font-family: "Arial Black" , Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none;}
.page_item a{color: #fff; background: #595758 url(images/tab-grey.jpg) no-repeat;}
.page_item a:hover {color: #000; background: #f7921e url(images/tab-orange.jpg) no-repeat;}
.current_page_item a{color: #000; background: #f7921e url(images/tab-orange.jpg) no-repeat;}
.narrowcolumn { background: none; padding: 0px; margin: 0px 22px 0px 0px; width: 188px; float: right; }
.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 652px; }
.maincolumn { background: none; padding: 0px 0px 110px 22px; margin: 0; width: 726px; float: left; }
.leftcolumn {width: 466px; min-height:550px; float: left; }
.middlecolumn {padding: 5px 0 0 0; width: 238px; color:#4e722a; font-style: italic; float:right; text-align:center;}
.homecolumn { background: #58821b; padding: 0px; margin: 0; width: 960px; float: left; }
.home-flash { float:left; background: #fbf7da; width: 504px; height:343px;}
.home-right { float:right; background: #fbf7da url(images/home-right.jpg) no-repeat; width: 450px; height:343px; padding-right:6px;}
.home-right h1 { padding:20px 20px 8px 20px;}
.home-right p { padding:0px 20px; padding-bottom: 0.8em;}
.home-bottom { clear:both; background: url(images/home-bottom.jpg) no-repeat; width: 960px; height:302px;}
.home-bottom h2 { padding:60px 0px 5px 80px;}
.home-bottom p { padding:5px 0px 80px 80px; font-style: italic; color:#fff; width:170px;}
#home-images {float: right; width:630px; padding-right:50px;}
#home-images ul { margin: 0em; padding: 0em; list-style: none; !important }
#home-images li { float: left; margin: 0em; padding: 0 0 0 30px; line-height: 0em; list-style: none; !important }
.home-content { background: #04753f url(images/home.jpg) repeat-x top; height: 169px; padding: 16px 20px 16px 5px; }
.home-content h1 { color: #fff; font-size: 1.6em; }
.home-content img { float: left; padding: 0 8px 8px 0; }
.post { margin: 0px 0px 0px 0px; text-align:left; }
.post hr { display: block; }
.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: left; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: left; margin: 5px 0px; }
.postmetadata { clear: both; }
.clear { clear: both; margin: 0em; padding: 0em; }
#footer { padding: 5px 0 0 0; margin: 0px auto -10px; width: 100%; background: #000; border-top: #fff solid 2px;}
#footer-960 {margin: 0 auto; padding: 0; width:960px; text-align: center;}
#footer-copy {float:left; margin: 0 auto; padding: 0; color: #fff; height:24px; line-height: 24px; font-size: 1.0em; text-align: left;}
#footermenu {padding:0;  height:24px; line-height: 24px;}
#footer-links {float: right;}
#footer-links ul { margin: 0em; padding: 0em; list-style: none; }
#footer-links li { float: left; margin: 0em; padding-top: 0; list-style: none; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #fff; }
#footer-links a { display: block; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #fff;}
#footer-links a:hover { display: block; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #fff;}

/* End Structure */



/*	Begin Headers */
h1, h2, h3 { font-family: "Arial Narrow" , Arial, Helvetica, Sans-Serif;}
h1 { color: #58821b; font-size: 2.4em; text-align: left; padding: 0.8em 0 0 0; margin: 0; }

h2 { font-size: 2.6em; padding:10px 0px; color:#ffcb20;}
h2.pagetitle { font-size: 1.6em; }
#sidebar h2 { font-family: Arial, Helvetica, Sans-Serif; font-size: 1.1em;  }

h3 { color: #58821b; font-size: 2em; text-align: left; padding: 0.8em 0 0 0; margin: 0; }

/* End Headers */



/* Begin Images */
p img { padding: 0px; max-width: 100%; }

/*	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; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */


/* 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: 0px; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
*/

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0px; }
#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: 0px; }
/* End Entry Lists */



/* Begin Form Elements */
#search { margin: 0 22px 0 0; height: 67px; float: right; }
#searchform { margin: 35px auto 0px; padding: 5px 3px; text-align: left; }
#searchform #s { width: 108px; padding: 2px; }
#searchsubmit { color: #585959; font: 1em 'trebuchet ms' ,helvetica,sans-serif; letter-spacing: 0.1em; background-color: #fff; border: none; text-transform: uppercase; padding-left: 2px; }
.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: 0px; text-align:left; }
.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: 0px; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: left; margin: 0; padding: 0px; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */


/* Begin Sidebar */
#sidebar { padding: 20px 0 10px 0; margin: 0; width: 190px; }
#sidebar form { margin: 0; }
/* End Sidebar */

.center { text-align: center; }
.hidden { display: none; }
a img { border: none; }