/*   
Theme Name: Orange Media 2010
Theme URI: http://www.orangemediaonline.com
Description: Orange Media's WordPress template.
Author: Jason R. Johnston
Author URI: http://www.impossiblefx.com
Version: Alpha
*/


          /* LAYOUT */


body {background:#fff url('images/background.jpg') center top repeat-x; margin:10px 0 10px 0;}

#top {width:800px; height:44px;}

#body {display:block; width:800px; height:117px; margin:0; padding:0; float:left;}

#content {margin-left:250px;}
#contentftp {margin-left:0px;}

#footer {clear:both; margin-top:10px; padding-bottom:10px; border-top:solid #f68b17 1px; padding-top:10px; height:50px;}

#orange {width:800px; margin:0 auto; padding:0; text-align:left;}


          /* TYPOGRAPHY */


body {font-family:Futura LT,Arial,Verdana,sans-serif; color:#000; text-align:center; letter-spacing:0px; font-size:13px; line-height:150%;}

h1 {font-size:18px; margin-top:10px; border-top:solid #f68b17 1px; padding-top:20px; letter-spacing:2px}
p {margin-top:20px; padding-right:10px;}
a {color:#f68b17; font-weight:bold; text-decoration:underline;}
a:hover {color:#000;}

#postedby {font-size:9px;}
#postedby a {text-decoration:none; color:#000;}
#postedby a:hover {color:#f68b17;}

#footer {font-size:10px;}
#footer a {color:#000; text-decoration:none;}
#footer a:hover {color:#f68b17;}

#singlepostnav {padding: 10px 0 30px 0; font-size:11px;}

.post-edit-link {font-size:10px;}

#newsdates {font-size:10px;}

hr {height:1px; color:#f68b17; background-color:#f68b17; border:0; margin-top:20px;}


          /* TOP NAVIGATION BANNER */


#home {background:url('images/Orange.jpg'); display: block; width:227px; height:44px; margin:0; padding:0; float:left;}
#home:hover {background: url('images/Orange.jpg') 0 -44px;}
#home span {display: none;}

#faq {background:url('images/FAQ.jpg'); display: block; width:39px; height:44px; margin:0; padding:0; float:left;}
#faq:hover {background: url('images/FAQ.jpg') 0 -44px;}
#faq span {display: none;}

#studio {background:url('images/Studio.jpg'); display: block; width:50px; height:44px; margin:0; padding:0; float:left;}
#studio:hover {background: url('images/Studio.jpg') 0 -44px;}
#studio span {display: none;}

#gear {background:url('images/Gear.jpg'); display: block; width:42px; height:44px; margin:0; padding:0; float:left;}
#gear:hover {background: url('images/Gear.jpg') 0 -44px;}
#gear span {display: none;}

#portfolio {background:url('images/Portfolio.jpg'); display: block; width:63px; height:44px; margin:0; padding:0; float:left;}
#portfolio:hover {background: url('images/Portfolio.jpg') 0 -44px;}
#portfolio span {display: none;}

#news {background:url('images/News.jpg'); display: block; width:42px; height:44px; margin:0; padding:0; float:left;}
#news:hover {background: url('images/News.jpg') 0 -44px;}
#news span {display: none;}

#staff {background:url('images/Staff.jpg'); display: block; width:36px; height:44px; margin:0; padding:0; float:left;}
#staff:hover {background: url('images/Staff.jpg') 0 -44px;}
#staff span {display: none;}

#contact {background:url('images/Contact.jpg'); display: block; width:63px; height:44px; margin:0; padding:0; float:left;}
#contact:hover {background: url('images/Contact.jpg') 0 -44px;}
#contact span {display: none;}

#spacer {background:url('images/background.jpg'): display:block; width:20px; height:44px; margin:0; padding:0; float:left;}


          /* SPECIAL */


#wreath {background:url('images/holidays/wreath.jpg') center top no-repeat; width:199px; height:244px; float: left; margin-top:60px;}