/*
Theme name: SuperFunSite
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 14px;
    line-height: 1.2;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #000;
    background: #000;
}

html, body { height: 100%; }

a { color: #ff0033; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

h1#logo #logoballoon{ width: 78px; height: 68px; position: absolute; top: 59px; left: 143px; }
h1#logo #logoballoon a { background: url(images/logo.png); width: 78px; height: 68px;}
h2 { font-size: 24px; text-transform: uppercase; line-height: 36px; }
h2 a:hover { color: #fff; text-decoration: none; }

h4 { font-size: 12px; text-transform: uppercase; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { margin: 0 auto; width: 1025px; }

#header { width: 1025px; height: 51px; position: relative; z-index: 9; }

#main { position: relative; height: 100%; }

#sidebar-l { width: 250px; float: left; position: relative; z-index: 8; }

#content { width: 610px; float: left; padding-left: 4px; position: relative; z-index: 12; }
#content .holder { background: url(images/layer.png); padding: 3px 3px 4px 4px; }

#sidebar-r { width: 157px; float: right; position: relative; z-index: 14; }
#sidebar-r .label-t { right: 0; color: #FF0033; }

#navigation { width: 138px; margin: 0 0 0 auto; }
#navigation p { font-size: 12px; font-weight: bold; text-align: center; padding-top: 4px; }
#navigation p a { color: #fff; }
#navigation .holder { background: url(images/layer.png); padding-top: 97px; padding-bottom: 46px; }
#navigation ul { list-style: none; font-size: 15px; font-weight: bold; text-transform: lowercase; line-height: 24px; }
#navigation ul li { text-align: center; }
#navigation ul li a { color: #000; }
#navigation ul li a:hover { color: #000033; text-decoration: none; }

.box-clients { background: url(images/layer.png); height: 457px; text-align: right; font-family: Georgia, Arial, Sans-serif; font-size: 14px; font-style: italic; padding: 10px 8px; line-height: 16px; }

.box-tweets { font-family: Georgia, Arial, sans-serif; color: #fff; padding-top: 31px; text-align: right; padding-right: 10px; }
.box-tweets .quote { font-size: 24px; position: relative; padding-right: 20px; font-style: italic; padding-bottom: 10px; }
.box-tweets .author { font-size: 20px; }
.box-tweets a { color: #fff; }

.post .featured-post { margin-left: -3px; }

.featured-post { position: relative; width: 603px; }
.featured-post h2 { display: none; position: absolute; top: 0; left: 0; width: 100%; text-align: center; }

.featured-tweet { padding: 18px 0 25px 47px; font-family: Georgia, Arial, sans-serif; }
.featured-tweet .quote { font-style: italic; text-align: right; font-size: 24px; color: #333; position: relative; padding-bottom: 20px; padding-right: 37px; }
.featured-tweet a { color: #333; }
.featured-tweet .quote-t { top: 2px; left: -41px; }
.featured-tweet .quote-b { bottom: 5px; right: 2px; }

.l-more, .navigation a { font-family: Georgia, Arial, sans-serif; font-size: 24px; font-style: italic; }

.label-t,
.label-b { background: url(images/layer.png); width: 98px; height: 20px; line-height: 20px; text-transform: lowercase; font-size: 12px; text-align: center; position: absolute; }
.label-t { top: -20px; right: 2px; }
.label-b { bottom: -20px; right: 0; }

.latest-posts, .galleries { width: 157px; height: 477px; position: relative; overflow: hidden; }
.latest-posts ul, .galleries ul, .jcarousel-clip { width: 160px; height: 477px; position: relative; overflow: hidden; font-size: 12px; color: #666; }
.latest-posts ul li, .galleries ul li { width: 160px; height: 235px; padding-bottom: 4px; }
.latest-posts .post-preview, .galleries .gallery-preview { background: url(images/layer.png); padding: 14px 17px 10px 3px; width: 140px; height: 211px; }
.latest-posts a, .galleries a { color: #000; }

.galleries ul li { font-size: 11px; }
.galleries .gallery-preview { padding: 20px 17px 10px 3px; height: 205px; }

.post { position: relative; padding: 20px 0 10px 5px; }
.post p { padding-bottom: 22px; }
.post ul { padding-left: 46px; padding-bottom: 20px; }

.post-head { display: none; position: absolute; top: 20px; left: 0; width: 100%; }
.post-head h2 { text-align: center; line-height: 34px; padding: 0 5px; }
.post-head a:hover { color: #fff; }

.post-scroll { background: url(images/layer.png); width: 21px; height: 477px; position: absolute; top: 0; right: -25px; }
.post-scroll .b-prev,
.post-scroll .b-next { width: 12px; height: 12px; position: absolute; left: 3px; }
.post-scroll .b-prev { top: 7px; background: url(images/btn-up.gif); }
.post-scroll .b-next { bottom: 25px; background: url(images/btn-down.gif); }

.post-details { width: 128px; height: 20px; margin: 0 0 0 auto; }
.post-details a, .post-details span { float: left; margin-left: 1px; }
.post-details a { margin-top: 4px; }

.post .entry { padding-right: 5px; }
.post .featured-image { margin-left: -5px; margin-bottom: 10px; }

.quote-t,
.quote-b { position: absolute; }
.quote-t { width: 24px; height: 22px; background: url(images/quote-t.png); top: -5px; left: 5px; }
.quote-b { width: 25px; height: 21px; background: url(images/quote-b.png); bottom: 0; right: -8px; }

.the-date { width: 98px; height: 20px; text-align: center; font-size: 12px; color: #ff0033; font-family: Arial, Helvetica, Sans-serif; background: #f2f1ef; line-height: 20px; }

.thumbs a { float: left; margin: 1px; }

.video-thumbs a { float: left; }



#comments h3, #respond h3 { margin-bottom: 10px; color: #FF0033; }
#comments .commentlist .comment { font-size: 15px; line-height: 17px; font-weight: bold; }
#comments .commentlist .comment .avatar { float: left; margin-right: 10px; border: 1px solid #333; }
#comments .commentlist .comment .comment-author { font-size: 12px;line-height: 14px; margin-bottom: 5px; }
#comments .commentlist .comment em { font-size: 14px; }

#respond h3 { margin-bottom: 10px; color: #FF0033; }
#commentform input.field { float: left; margin-right: 10px; margin-bottom: 5px; padding: 2px; border: 1px solid #333; width: 200px; }
#commentform label { font-size: 14px; font-weight: bold; }
#commentform textarea.field { width: 400px; height: 150px; border: 1px solid #333; margin-bottom: 5px; }
#commentform #submit { display: block; background: #bfbfbf; border: 1px solid #333; padding: 3px; }

#footer { width: 603px; height: 51px; font-size: 12px; color: #fff; margin-left: 254px; line-height: 51px; text-align: center;}

.shell-holder { position:relative; z-index: 2; }
#swf-bg { position:fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
#swf { width: 100%; height: 100%; }