/*
Theme Name: Cushionfall
Theme URI: http://wordpress.org/
Description: Theme created for Becker Underwood Cushionfall
Version: 1.0
Author: Chris Saldanha
Tags: green, white, cushionfall, turf, crumb
*/


/* Begin Typography & Colors */
body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Arial, Helvetica, Sans-Serif; background: #fff; color: #333; text-align: left; }
#page { background-color: #fff; text-align: left; }
#header { background: #fff url( 'images/header.jpg' ) no-repeat bottom center; }

/* IE6 Hack */
img, div { behavior: url(http://www.cushionfallsport.com/wp-content/themes/cushionfall/iepngfix.htc); }

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

a {color:#04753f; text-decoration:none;}
a:hover {color:#fb9012; text-decoration:none;}

.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: 30px 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: 300px; }
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: 33px; /* height of replacement image */ }
h1#logo a { padding-top: 33px; /* height of the replacement image */ background-image: url(images/logo.gif); }
/* End Replace h1 */

.playerbg {position:absolute; z-index:1; margin:34px 0px 0px 604px; *margin:34px 0px 0px 608px;}

*:first-child + .playerbg { margin:34px 0px 0px 604px; } 

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

#content { font-size: 1.2em; position:relative; z-index:500; }
#contentimage { position:relative; z-index:500; width:268px; text-align:center; }
.simpleimage { position:relative; z-index:500; width:268px; text-align:center; }

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

.subcontent {padding:0px 10px 5px 0px; line-height:1.5em;}
.subcontent p { padding-bottom:1em;}

.subnav {color:#fff; margin:5px 1px 5px 8px; width:268px;}
.subnav a {color:#fff; font-size:1.4em; font-family: "Arial Black" , Arial, Helvetica, sans-serif;}
.subnav a:hover {color:#fb9012; font-size:1.4em; text-decoration:none; font-family: "Arial Black" , Arial, Helvetica, sans-serif;}

.entry p { color: #000; font-size: 1.1em; line-height: 1.4em; }
.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.4em; }
.widecolumn { line-height: 1.6em; }
.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; }
#footer { background: #fff; border: none; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

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

.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em Arial, Helvetica, Sans-Serif; }
.commentlist li ul li { font-size: 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: 0.9em; letter-spacing: .07em; }

#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:#fff url(images/ContentBG.gif) repeat-y right top; margin: 0px auto; padding: 0; width: 960px; }
#header { background-color: #fff; margin: 0px; padding: 0px; height: 67px; width: 960px; }
#headerimg { margin: 0; height: 67px; width: 100%; }
#nav { background: #04753f url(images/nav.jpg) repeat-x; height: 22px; margin: 0 22px; }
#nav-pages { background: #04753f url(images/nav.jpg) repeat-x; float: right; }
#nav-pages ul { list-style: none; padding: 5px 7px 0 0; }
#nav-pages li { color: #fff; float: left; }
#nav-pages li a { display: block; color: #fff; font-family: "Arial Black" , Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; }
#nav-pages li a:hover { display: block; color: #fb9012; font-family: "Arial Black" , Arial, Helvetica, sans-serif; font-size: 1.1em; text-decoration:none; }
.narrowcolumn { background: #04753f url(images/sidebar.jpg) repeat-x top; padding: 0px; margin: 0px 22px 0px 0px; width: 268px; float: right; *margin: 0px 11px 0px 0px;  }

.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 652px; }
.maincolumn { background: #fff; padding: 0px 0px 0px 22px; margin: 0; width: 648px; float: left; *padding: 0px 0px 0px 18px; *width: 650px; }

.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: 22px; }
.home-content p { color: #fff; font-size: 11px; }
.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: 0px; margin: 0px auto; width: 916px; clear: both; border-top: #6fb457 solid 2px; }
#footer p { margin: 0; padding: 5px; color: #585858; font-size: .9em; text-align: left; }

#footermenu {float:right;}
#footermenu ul { margin: 0em; padding: 0em; list-style: none; }
#footermenu li { float: right; margin: 0em; padding: 0em; line-height: 0em; list-style: none; }
#footermenu a { display: block; padding: 0.5em 0.5em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
#footermenu a:hover { display: block; padding: 0.5em 0.5em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #fb9012; }

/* End Structure */

/*	Begin Headers */
h1, h2, h3 { font-family: "Arial Black" , Arial, Helvetica, Sans-Serif; font-weight: bold; }
h1 { color: #046837; font-size: 2.4em; text-align: left; padding: 0px; margin: 0;  }

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

h3 a {color:#04753f;}
h3 a:hover {color:#fb9012 ;}

h3 { font-size: 1.3em;padding: 0px; margin: 30px 0 0; }
h3.comments { padding: 0px; margin: 40px auto 20px; }

/* 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; }