/* Blog styles for JV's Funhouse */

/*******************RESET CSS*******************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, font, img, small, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ul {list-style: none;}
ol  { list-style: decimal; }
table {border-collapse: collapse; border-spacing: 0;}
input, select, textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans serif;}
legend {display: none;}
/****************END RESET********************/

/****************Global Elements**************/
body { font: 12px "Helvetica Neue", Helvetica, Arial, sans serif; background: #fff; color: #ccc; text-align: center; height: 100%; padding-bottom: 80px; position: relative; }
html { height: 100%; }
h2 { color: #666; font-size: 26px; }
h3 { color: #666; font-size: 18px; }
h4 { color: #666; font-size: 15px; }
p { }
a { color: #ff8400; text-decoration: none; }
a:hover { color: #ccc; }
select {  width: 183px; padding: 2px; }
td { padding: 4px 0; }
ol  { list-style: decimal; }
img{ border: none; padding:0; }
img a{border:none;}
/****************End Global Elements**********/

/****************Classes**************/
.clear { clear: both; }
.hide { display: none; }
.selected { color: #999; }
/****************End Clasees**************/

/****************Structure*********************/
#container { width: 966px; padding: 14px 17px; background: transparent; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 80px auto; z-index: 40; position: relative; }
#header { position: relative; width: 916px; padding: 20px 20px 20px 30px; background: #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; z-index: 40; }
#content { background: #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top: 7px; padding: 30px 30px 80px; width: 906px; overflow: hidden; text-align: left; position: relative; z-index: 40; }
#footer { position: absolute; bottom: 0; left: 0; height: 18px; background: transparent url(images/bg_footer.jpg); width: 906px; padding: 16px 30px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; overflow: hidden; z-index: 40; }
/*************End Structure********************/

/*header*/
#header h1 a { text-indent: -999em; background: transparent url(images/h_blog_logo.png) no-repeat; width: 531px; height: 113px; display: block; float: left; }
#header .right { float: right; padding: 0px 0 0; width: 180px; }
#header .right a { float: left; display: block; opacity: 0.8; filter: alpha(opacity = 80); margin-bottom: 0; }
#header #rss-block { float: left; margin-bottom: 14px;  }
#header #rss-title { background: transparent url(images/bg_rss.png) no-repeat; text-indent: -9999em; width: 67px; height: 23px; margin-right: 15px; margin-bottom: 3px; }
#header #rss-signup { color: #888; text-decoration: none; clear: left; width: 100%; }
#header .right a:hover { opacity: 1; filter: alpha(opacity = 100);
 }
#header .right a#view-all { background: transparent url(images/bg_view_all.png) no-repeat; text-indent: -9999em; width: 67px; height: 23px; margin-right: 15px; }
#header .right a#shop { background: transparent url(images/bg_shop.png) no-repeat; text-indent: -9999em; width: 98px; height: 23px; }
#header #blog-search { clear: left; padding: 0; margin: 0; padding-top: 10px; *padding-top: 0; }
#header #blog-search fieldset { position: relative; width: 176px; }
#header #blog-search #s { width: 166px; z-index: 10; background: #333; color: #888; border: none; position: absolute; top: 0; left: 0; padding: 5px; }
#header #blog-search #search-submit { position: absolute; top: 9px; right: 10px; z-index: 30; }

/*rotating backgrounds*/
.bg1 { background: #660099 url(images/bg1.jpg) repeat top center; }
.bg1 #container { background: transparent; }
.bg2 { background: #008f00 url(images/bg2.jpg) repeat top center; }
.bg2 #container { background: transparent; }
.bg2 #header h1 a { background-image: url(images/h-logo-bg2.gif); }
.bg3 { background: #000066 url(images/bg3.jpg) repeat top center; }
.bg3 #container { background: #009999; }
.bg3 #header h1 a { background-image: url(images/h-logo-bg3.gif); }
.bg4 { background: #990000 url(images/bg4_main.jpg) repeat-y top center; }
.bg4 #bg4-container { position: absolute; top: 0; left: 0; height: 100%; width: 1300px; margin: 0 auto; z-index: 10; }
.bg4 #bg4-container-header { position: absolute; top: -80px; left: 0; height: 709px; width: 100%; background: transparent url(images/bg4_header_01.jpg) no-repeat top center; z-index: 40; }
.bg4 #bg4-container-footer { position: absolute; bottom: -80px; left: -150px; height: 335px; width: 1300px; background: transparent url(images/bg4_footer.jpg) no-repeat bottom center; z-index: 30; }
.bg4 #header h1 a { background-image: url(images/h-logo-bg4.gif); }
.bg5 { background: transparent url(images/bg5.gif) repeat; }
.bg5 #container { background: #fff; }
.bg5 #header h1 a { background-image: url(images/h-logo-bg5.gif); }

/*blog content*/
#content #blog-content { float: left; width: 690px; }
.post { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; clear: both; overflow: hidden; }
.post .alignright { float: right; margin: 5px 0 5px 10px; }
.post .alignleft { float: left; margin: 5px 10px 5px 0; }
.post img { opacity: 1; filter: alpha(opacity=100); }
.post h2 a { color: #ccc; text-decoration: none; font: normal 22px/26px "Georgia", Arial, serif; display: block; }
.post h2 a:hover { color: #ff8400; }
.post .meta { padding: 3px 0 15px; }
.post p { padding: 5px 0; }
.post .entry { overflow: hidden; }
.post .post-categories { display: inline; }
.post .post-categories li { display: inline; }
.sociable .sociable_tagline { display: none; }
.sociable { margin: 0; display: inline; }
#blog-nav { overflow: hidden; width: 100%; }
#blog-nav .new { float: left; }
#blog-nav .old { float: right; }
#blog-nav a img { opacity: 0.75; filter: alpha(opacity=75); }
#blog-nav a:hover img { opacity: 1; filter: alpha(opacity=100); }
#commentform p { padding: 5px 0; }
#commentform p label { padding-left: 10px; }
#commentform p textarea { width: 650px; }
#respond h3 { color: #ddd; font-family: Georgia; padding-bottom: 5px; }
#commentform input, #commentform textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 2px solid #ddd; padding: 3px; }
#commentform input:focus, #commentform textarea:focus { border-color: orange; }
#commentform #submit { background: #fff; color: #333; cursor: pointer; }
#commentform #submit:hover { background: #333; color: #fff; }

/*sidebar*/
#content #sidebar { float: right; width: 170px; padding-top: 59px; }
#sidebar ul li ul li { padding-bottom: 4px; }
#sidebar ul li ul li a { color: #ccc; display: block; }
#sidebar ul li ul li a:hover { color: #ff8400; }
#sidebar ul li ul.children { padding: 4px 0 0 8px; }
#sidebar .posts-list li { overflow: hidden; margin-bottom: 10px; }
#sidebar .posts-list li img { float: left; margin-right: 10px; }
#sidebar .posts-list a:hover .title { color: #ff8400; }
#sidebar .posts-list .sdate { display: block; color: #ff8400; }
#sidebar .posts-list .title { color: #ccc; }
#sidebar h3 { text-indent: -9999em; opacity: 0.8; filter: alpha(opacity=80); margin: 25px 0 10px; }
#sidebar .categories h3 { text-indent: -9999em; background: transparent url(images/bg_cats.png) no-repeat; width: 132px; height: 33px; }
#sidebar .archives h3 { text-indent: -9999em; background: transparent url(images/bg_archive.png) no-repeat; width: 92px; height: 33px; }
#sidebar .find h3 { text-indent: -9999em; background: transparent url(images/bg_find.png) no-repeat; width: 113px; height: 33px; }

/*footer*/
#footer .left { float: left; }
#footer .left .copyright { padding-right: 8px; margin-right: 8px; border-right: 1px solid #ccc; }
#footer a { color: #ccc; }
#footer a:hover { color: #ff8400; }
#f-social { float: right; }
#f-social li { margin-right: 11px; padding-right: 11px; border-right: 1px solid #838383; float: left; }
#f-social li.last { border: none; }
#f-social li a { display: block; height: 16px; text-indent: -9999em; opacity: 0.8; }
#f-social li a:hover { opacity: 1; }
#f-social li a#twitter { background: url(images/icon_twitter.png) no-repeat; width: 51px; }
#f-social li a#vimeo { background: url(images/btn_vimeo.png) no-repeat; width: 42px; height: 14px; }
#f-social li a#facebook { background: url(images/btn_fbook.png) no-repeat bottom left; width: 49px; height: 14px; }
#f-social li a#sign-up { background: url(images/btn_signup.png) no-repeat bottom left; width: 73px; height: 14px; }
#f-social li a#fsweeps { background: url(images/fnav_sweeps.gif) no-repeat;  width: 64px; margin-top: 3px; }