/*
Theme Name: Johnny's Rainbow Theme
Theme URI: 
Description: Theme for johnnysrainbowfoundation.org, based off of the Starkers theme
Author: Miralina Stewart
Author URI: Goodfreshdesigns.com
Tags: rainbow, turquoise, clean
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
html { height: 100%; }
body { font-family:Arial, sans-serif; background-image:url(style/images/bg-short.jpg); background-repeat:repeat-x; background-position:0px 41px; font-family:Arial, sans-serif; height: 100%; }
body.home { background-image:url(style/images/bg.jpg); background-repeat:repeat-x; background-position:0px 41px; font-family:Arial, sans-serif }
a, a:visited { text-decoration:none; }
#top div.nav { background-color:#2A2A2A; }
#top div.nav ul { width:980px; margin:0 auto; height:41px; padding-left:50px; }
#top div.nav ul li { float:left; width:133px; border-right:1px solid #3E3E3E; height:31px; text-align:center; padding-top:10px; }
#top div.nav ul li.last { width:160px; border:none; padding-left:15px; }
#top div.nav ul li.last a { color:#5CC331; }
#top div.nav ul li.first { width:80px; text-align:left; }
#top div.nav ul li a { color:white; font-size:15px; font-weight:normal; }
div#header { background-image:url(http://johnnysrainbowfoundation.org/wp-content/themes/johnnystheme/style/images/inner-header.jpg); background-repeat:no-repeat; height:150px; margin-left:-50px; padding-left:50px; }
div#headerhome { background-image:url(http://johnnysrainbowfoundation.org/wp-content/themes/johnnystheme/style/images/jrf-header.jpg); background-repeat:no-repeat; height:250px; margin-left:-50px; padding-left:50px; }
div#headerhome a#logo { width:298px; height:69px; margin-top:15px; float:left; display:block; }
div#header a#logo { width:298px; height:69px; margin-top:15px; float:left; display:block; }
div#headerhome div#welcome { width:330px; float:left; margin:70px 0 0 65px; }
div#headerhome div#welcome p { color:#00243F; font-size:14px; margin-top:6px; line-height:18px; letter-spacing:.45px; }
div#headerhome div#welcome span { display:block; font-size:24px; color:#FF4D45; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
div#headerhome div#welcome a { display:block; float:left; margin-right:10px; margin-top:8px; margin-left:-3px; }
div#wrapper { width:950px; padding-left:50px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -42px; /* the bottom margin is the negative value of the footer's height */ }
#footer { background-image:url(style/images/footer-bg.jpg); background-repeat:repeat-x; height:52px; padding-top:10px; font-family:"Times New Roman", Times, serif; position: relative;  /* negative value of footer height */ clear:both }
.push { height:42px; }
#footer div.nav { margin:0 auto; width:950px; padding-left:50px; }
#footer div.nav #minilogo { float:left; margin-right:150px; }
#footer div.nav ul { width:400px; float:left; text-align:center; }
#footer div.nav ul li a{ float:left; padding-right:5px; margin-right:5px; border-right:1px solid #0A6D9C;  height:14px; font-size:12px; color:#0A6D9C;   }
#footer div.nav ul li.last a{border:none;}
#footer div.nav ul li.copy{ font-size:12px; color:#0A6D9C;
margin-right:10px; margin-top:5px;}

#footer div.nav p{ font-size:12px; color:#0A6D9C;}
.page { overflow:auto; padding-bottom: 62px; }
.page a, .page a:visited { color:#138497; }
.page #main { float:left; width:640px; color:#666666; font-size:12px;}
.page #main .post .post-left { float:left; width:250px; }
.page #main .post .post-right { float:right; width:390px; }
.page #main blockquote, .page #main blockquote p { font-size:16px; color:#FF390C; margin:0 0 8px; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px; }
.page #main .post p.authordate { font-family:Georgia, "Times New Roman", Times, serif; color:#999999; font-size:11px; margin-bottom:0px; }
.page #main .post p.comments { font-family:Georgia, "Times New Roman", Times, serif; color:#999999; font-size:11px; }
.page #main p { font-family:Arial, Helvetica, sans-serif; color:#666666; line-height:15px; font-size:13px; margin-bottom:6px; }
.page #main .post h2 a.title, .page #main h2 a.title { color:#138497; font-size:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.page #main { padding-bottom:10px; }

.page #main p.headingbold{ color:#1E1E1E; font-size:15px;line-height:20px; margin-bottom:8px; font-weight:bold; }
.page #main ul{ margin-bottom:8px; }
.page #main ul li{list-style-type:disc;margin-left:25px;}

/* about */
.page #main img#johnny-photo{float:right; margin:-7px 0 50px 15px;}
/* events */
.page #main p.event-title strong{color:#1E1E1E; font-size:15px;line-height:20px; margin-bottom:8px; }
.page #main table.events-listing{margin-top:-13px;}
.page #main table { font-size:13px; color:#666666;}
.page #main table span.divider{}
.page #main table br { margin-bottom:3px; }
.page #main table b { color:#1E1E1E }
.page #main table hr { display:none }
.page #main strong.hint{ display:block; margin-top:2px;}
.page #side { float:right; width:260px; padding-left:40px; background-image:url(style/images/divider-shadow.png); background-repeat:no-repeat; background-position:-20px top; min-height:320px; }
.page #side .flickrImage img { width:74px; height:74px; border:none; margin:0 5px 3px 0; }
.page #side h2.widgettitle { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FF390D; font-weight:normal; margin-bottom:6px; text-transform:uppercase; }
.page #side ul li#archives-3.widget{margin-top:8px; }
h2.page-heading { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FF390D; font-weight:normal; margin-bottom:6px; text-transform:uppercase; }
h2.section-heading { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FF390D; font-weight:normal; margin-bottom:6px; text-transform:uppercase; }
.post h2 a.title { color:#138497; font-size:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h2.archive-title { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FF390D; font-weight:normal; margin-bottom:6px; text-transform:uppercase; }
/*sponsors */
p.sponsor{margin-left:10px;}
p.sponsor strong{color:#1E1E1E; font-size:15px;line-height:20px; }
.sponsor-heading{}


/*contact section */
.contact-form { }
.contact-form div.form-label { margin-top:5px; font-size:13px; }
.contact-form div.form-label span { color:red; font-size:12px; }
.contact-form div.form-input { display:block; }
.contact-form fieldset { display:block; margin-top:10px; }
.contact-form div.form-input input { border:1px solid #CCC; padding:4px; font-size:13px; height:18px; margin-top:2px; width:250px; color:#666666; }
.contact-form legend { color:#1E1E1E; font-weight:bold; }
.contact-form div.form-textarea textarea { border:1px solid #CCC; padding:4px; font-size:13px; margin-top:2px; color:#666666; width:350px; }
.contact-form div.form-option { font-size:13px; height:18px; margin-top:5px; margin-bottom:5px; color:#666666; }

.page #main p.important{color:red;font-weight:bold;}