/*
Theme Name: Recess Redsign 12/2008
Theme URI: http://dogrecess.com/
Description: The Wordpress Theme for Recess.
Version: 0.5
Author: Lucas Smith
Author URI: http://volanstudio.com/

*/

body{background:#ded0bb url(images/bg_body.jpg) repeat-x center top; text-align:center; 
	font-size:62.5%; font-family:Arial; font-size:1.2em; line-height:1.2em; color:#442b1d;} /* brown */

#wrap{margin:0 auto; width:1000px; text-align:left;}

h1{font-size:2.4em; line-height:1.2em;}
h2{font-size:2.1em; line-height:1.2em;}
h3{font-size:1.8em; line-height:1.2em;}
h4{font-size:1.6em; line-height:1.2em;}
h5{font-size:1.4em; line-height:1.2em;}

ul{list-style:none;}
li{list-style:none;}

a{color:#dd9832; text-decoration:none;} /* orange */
a:hover{color:#2b734c; text-decoration:underline;} /* green */
a:visited{color:#dd9832; text-decoration:none;} /* orange */

iframe {border: 0px solid #ffffff; background:none;}

#header{float:left; width:1000px; height:366px; background:#ded0bb url(images/dogs_topRight1-trans.png) no-repeat top center; margin:0 0 -165px 0;}
#header .logo{float:left; width:650px;}
#header .menu{float:left; width:680px; margin:15px 0 0 3px;}
#header .menu li{float:left; margin:0 18px 0 0;}
#header .menu li a{font-weight:bold; color:#612e11; font-size:1.3em; line-height:1.5em;}
#header .menu li a:hover{text-decoration:none; color:#2b734c;}

#mainContent{float:left; width:640px;}
#mainContent h2{color:#2b734c; font-weight:bold;}
#mainContent h3{color:#2b734c; font-weight:bold; font-size:1.5em; margin:12px 0 -4px 0;}
#mainContent p{font-size:.8em; width:600px; margin:.8em 0 0 0; line-height:1.2em;}
#mainContent .pricing{float:left; width:300px; margin:10px 20px 12px 0;}
#mainContent .pricing h3{width:300px; font-size:1.2em; color:#2b734c; font-weight:bold; margin:0;}
#mainContent .pricing h3 small{font-size:.5em; color:#442b1d; font-weight:normal;}
#mainContent .pricing h4{width:300px; font-size:.8em; margin:6px 0 0 0;}
#mainContent .pricing h4 strong{width:300px; color:#7f5335; font-weight:bold;}
#mainContent .pricing p{width:300px; font-size:.8em;}

#mainContent .addr{float:left; width:250px; margin:10px 20px 12px 0;}
#mainContent .addr h3{width:300px; font-size:1.2em; color:#2b734c; font-weight:bold; margin:0;}
#mainContent .addr h3 small{font-size:.5em; color:#442b1d; font-weight:normal;}
#mainContent .addr h4{width:300px; font-size:.7em; margin:2px 0 0 0;}
#mainContent .addr h4 strong{width:300px; color:#7f5335; font-weight:bold;}
#mainContent .addr p{width:300px; font-size:.8em;}

#sidebar{float:left; width:333px; margin:65px 0 -86px 25px; padding:0 0 24px 0; background:url(images/pattern_sideBar_bg-trans.png) top left; color:#fff;}
#sidebar #callout{width:333px; margin:-12px 0 0 0; background:url(images/pattern_sideBar_header-trans.png) no-repeat top left; height:800px;}
#sidebar #callout h3{padding:8px 0 8px 15px;}
#sidebar #callout .header{padding:0 0 8px 15px;}
#sidebar #callout .slidePanel{float:left; margin:0 0 0 15px; font-size:1.2em; width:270px;}
#sidebar #callout .slidePanel .slidePhoto{float:left; margin:0 0 0 15px; font-size:1.2em; width:270px; height:210px;}
#sidebar #callout .slidePanel .slideHeader{float:left; font-weight:bold; margin:0 0 4px 0;}
#sidebar #callout .slidePanel .slideHeader h4{float:left; font-size:1em; margin:0 0 0 5px;}
#sidebar #callout .slidePanel .slideHeader .plusBtn{float:left; width:15px; text-align:center;}
#sidebar #callout .slidePanel .slideHeader .minusBtn{float:left; width:15px; text-align:center;}
#sidebar #callout .slidePanel .slideBody{clear:both; margin:4px 0 8px 20px;}
#sidebar #callout .slidePanel .slideBody h3{float:left; font-size:.7em; line-height:1em; font-weight:bold; padding:0; margin:2px 0 8px 0;}
#sidebar #callout .slidePanel .slideBody h4{float:left; font-size:1em; text-align:right; color:#442b1d;}
#sidebar #callout .slidePanel .slideBody h5{float:left; font-size:.9em; margin:2px 0 0 15px; font-weight:bold;}
#sidebar #callout .slidePanel .slideBody p{clear:both; font-size:.6em; width:260px; line-height:1.2em; margin:0 0 6px 0;}
#sidebar #callout .slidePanel .slideBody p a{font-size:1.2em; width:260px; text-decoration:none;}
#sidebar #callout .slidePanel .slideBody p a:hover{color:#442b1d; text-decoration:none;}

#buttons{float:left; width:640px; margin:0 0 0 0;}
#buttons .leftButton{float:left; width:300px; margin:0;}
#buttons .rightButton{float:left; width:300px; margin:0 0 0 20px;}

#footer{float:left; width:100%; background:url(images/pattern_footer.jpg) repeat top left; color:#fff; margin-top:-10px;}

#footerWrap{margin:0 auto; width:1000px; text-align:left;}
#footerWrap h3{float:left; width:300px; font-size:1.2em; line-height:1.2em; font-weight:bold;}
#footerWrap h4{float:left; width:170px; font-size:.9em; line-height:1.2em;}
#footerWrap h5{float:left; width:100px; margin:0 0 0 10px; font-size:.6em; line-height:2em; text-align:right;}
#footerWrap .hours{float:left; width:300px; margin:12px 0 24px 0;}
#footerWrap .locations{float:left; width:300px; margin:12px 0 24px 20px;}
#footerWrap .sidebarEXT{float:left; margin:0 0 0 45px;}