/*
Theme Name: Ugly Chair
Theme URI: http://www.cavendo.com/
Description: Ugly Chair Productions Web Site
Version: 1.00
Author: Chris LeCompte
Author URI: http://www.cavendo.com/
Tags: custom theme

*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

body#main {font:62.5%/1.6em Arial, Helvetica, sans-serif; margin:0; text-align:center; background:url(images/header/header-bg.png) repeat-x top #292929;}

blockquote {margin-left:25px;}

p, table {margin:15px 0;}

hr {border: none 0; border-top: 2px solid #CCCCCC; width: 100%; height: 2px;}

img {border:0; display:block;}
img.center {display:block; margin-left:auto; margin-right:auto;}
img.aright {float:right; margin:10px 0 10px 10px;}
img.aleft {float:left; margin:10px 10px 0 0;}
img.border {border:2px solid #666666;}
img.aligncenter {margin:0 auto;}
img.right {float:right;}

.nomargin {margin:0;}

.clear {clear:both; font-size:1px;}



/* ----- MAIN ----- */

#content_area {width:960px; margin:0 auto; text-align:left; font-size:1.2em;}


/* ----- HEADER ----- */

#page_header {text-align:center; height:90px; padding:30px 0;}
.header_left {float:left; width:35%;}
.header_right {float:left; width:65%;}

ul.quote {text-align:right; display:block; font-size:1.3em; margin-top:5px;}
ul.quote li {display:inline; text-transform:uppercase; margin-left:12px; color:#eee;}
ul.quote li span {font-size:1.6em;}
ul.quote li a {font-size:.95em;}
ul.quote li a:link, ul.quote li a:visited {color:#ccc; text-decoration:none; border-bottom:1px dotted #666;}
ul.quote li a:hover {color:#1cc100; text-decoration:none; border-bottom:2px dotted #fff;}

ul.nav {text-align:right; display:block; margin-top:33px; font-size:1.2em; font-weight:bold;}
ul.nav li {display:inline; line-height:2em; text-transform:uppercase; margin-left:10px;}
ul.nav li a:link, ul.nav li a:visited {color:#f0d758; text-decoration:none; border-bottom:2px solid #212121;}
ul.nav li a:hover, ul.nav li.current_page_item a, ul.nav li.current_page_parent a {color:#1cc100; text-decoration:none; border-bottom:2px solid #fff;}

img.logo {margin-top:10px;}

/* ----- TEXT ----- */

h1, h2, h3 {line-height:normal;}

h1 {color:#003ba7; font-size:2.4em;}
#content_area h1 {margin:0 48px 0 45px; padding:35px 0 18px 0; color:#003300; font-size:3em; text-transform:uppercase; font-weight:bold; background:url(images/title-bg.png) repeat-x left 75px;}

h2 {color:#c38f00; font-size:1.8em; margin-top:10px; font-weight:normal;}
.content_left h2, .content_full h2 {color:#999; font-size:1.8em; margin:30px 0 -10px 0; clear:both;}
.content_full h2 {margin:0 0 -5px 0; font-size:1.5em; text-transform:uppercase; font-weight:bold;}
#home_feature {text-transform:uppercase;}

h3 {color:#333; font-size:1.4em;}
.content_left h3 {font-size:1em; text-transform:uppercase; font-weight:bold; margin:25px 0 -5px 0; border-top:2px solid #eee; padding-top:3px;}
.content_right h3 {color:#666; text-transform:uppercase; font-size:1.3em; font-weight:bold;}


#home_content h3 {color:#fff; font-size:1.7em; line-height:1.4em; text-align:center; padding:20px 40px; font-weight:normal;}

#home_content h4 {font:normal 1.9em 'Trebuchet MS', Arial, Verdana, sans-serif; color:#b4b4b4; text-transform:uppercase; margin:0;}

.lg {font-size:1.4em;}
.sm {font-size:.8em;}



/* ----- HOME FEATURE ----- */

#home_feature {background:#1cc100; padding:20px 0 6px 0;}

#home_feature .feature_right p {border:10px solid #eee; margin:0; padding:0;}

ul.feature_nav {position:relative; display:block; list-style:none; margin:0; padding:0;}

ul.feature_nav li {display:block; background:url(images/home-feature/left-corners-off.png) no-repeat left #f0d758; margin-bottom:5px; height:74px; width:410px;}
ul.feature_nav li.on {background:url(images/home-feature/left-corners-on.png) no-repeat left #fff; margin-bottom:5px; height:74px; width:410px;}

ul.feature_nav li.first_off {padding-right:14px;}
ul.feature_nav li.first_off div.feature_nav_content {background:url(images/home-feature/middle-corner-top.png) no-repeat right; height:74px; width:424px;}
ul.feature_nav li.last_off {padding-right:14px;}
ul.feature_nav li.last_off div.feature_nav_content {background:url(images/home-feature/middle-corner-bottom.png) no-repeat right; height:74px; width:424px;}

ul.feature_nav li div.feature_nav_content p {margin:0; height:47px; background:url(images/home-feature/film-clap.png) no-repeat 20px; padding:17px 0 0 90px; color:#90430f; font-weight:bold; text-transform:uppercase; font-size:1.2em; line-height:1em;}
ul.feature_nav li div.feature_nav_content p span {font-size:.9em; color:#666; text-transform:none; font-weight:normal;}
ul.feature_nav li.on div.feature_nav_content p {color:#15620a;}

ul.feature_nav li.on div.feature_nav_content div {background:url(images/home-feature/arrow-on.png) no-repeat right;}

.home_one, .home_two, .home_three, .home_four {position:absolute; left:0;}
.home_one {top:0;}
.home_two {top:86px;}
.home_three {top:171px;}
.home_four {top:257px;}

div.feature_right {background:url(images/home-feature/right-corners.png) no-repeat right #fff; height:331px; width:550px; margin-left:410px;}
div.feature_right .feature_content {padding:20px 20px 15px 30px;}

#feature_one, #feature_two, #feature_three, #feature_four {display:none;}

#home_feature object {z-index:9999;}


/* ----- HOME CONTENT ----- */

#header_shadow {background:url(images/home/header-shadow.png) repeat-x top;}
#home_content {background:url(images/home/page-bg.png); padding:0 0 20px 0;}

.home_box {width:310px; float:left; background:url(images/home/box-corners-top.gif) no-repeat top; color:#bdbdbd;}
.box_content a:link, .box_content a:visited {color:#cfffc9; text-decoration:underline;}
.box_content a:hover {color:#999; text-decoration:none;}
.home_box_margin {margin-right:15px;}
.home_box_last {margin-right:none;}
.home_box .box_content {background:#292929; margin:13px 0 0 0; padding:0 15px; height:450px; position:relative; font-size:1.1em; line-height:1.2em;}
.home_box .box_footer {background:url(images/home/box-corners-bottom.gif) no-repeat bottom; height:13px;}
.twitter_box {background:url(images/home/twitter.png) no-repeat 215px top #292929; margin:13px 0 0 0; padding:0 15px; height:450px; position:relative;}

.home_portfolio img {border:5px solid #999; margin-bottom:25px;}

p.read_more {position:absolute; bottom:0; right:15px; background:url(images/home/arrow-more.png) no-repeat right; padding-right:22px; font-size:1.4em; text-transform:uppercase;}
p.read_more a:link, p.read_more a:visited {text-decoration:none; color:#fff; border-bottom:1px solid #666;}
p.read_more a:hover {text-decoration:none; border-bottom:none; color:#666;}

.blog_posts {margin:11px 10px 0 10px;}
.home_post_title {margin:5px 0 3px 0; font-weight:bold;}
.post-title-sm {text-transform:uppercase; color:#6a6a6a; font-size:.9em; margin:0;}
.home_post_excerpt p {margin:5px 0 18px 0; padding:0;}

.aktt_tweets {font-size:1.1em; margin:0 10px; line-height:1.2em; padding-top:8px;}
.aktt_tweets ul {margin:0; padding:0;}
.aktt_tweets ul li {margin:0 0 15px 0;}
.aktt_tweets a:link, .aktt_tweets a:visited {color:#cfffc9; text-decoration:underline;}
.aktt_tweets a:hover {color:#999; text-decoration:none;}
a.aktt_tweet_time:link, a.aktt_tweet_time:visited, a.aktt_tweet_time:hover {color:#6a6a6a; text-decoration:none; font-size:.9em;}
.aktt_more_updates {display:none;}


/* ----- BODY CONTENT ----- */

#header_shadow_sub {background:url(images/home/header-shadow.png) repeat-x top; padding-top:20px;}

#page_content {background:url(images/home/page-bg.png); padding:0 0 1px 0;}
#page_content p {margin:15px 0;}
#page_content #content_area {background:url(images/sub/content-bg.gif) no-repeat top center;}

#header_shadow_sub .content {background:url(images/sub/side-area-bg.png) repeat-y #fff; font-size:1.2em;}

.content_left {width:520px; float:left; padding:0 0 20px 45px; margin-top:-20px; color:#333; line-height:1.45em;}
.content_right {width:275px; float:right; background:url(images/sub/side-area-corner.png) no-repeat top left; padding:25px;}
.content_full {color:#333; line-height:1.45em; background:#fff;}

.content_left ul, .content_full ul {margin:20px 0 20px 30px;}
.content_left ul li, .content_full ul li {background:url(images/list-bullet.png) no-repeat left 6px; padding-left:14px; margin:5px 0; font-size:.95em; font-weight:bold; color:#444;}

#video {float:left; margin:0 20px 75px 0; border:12px solid #FFFFCC;}
#content_area blockquote {padding:15px 20px; margin:0 0 20px 45px; font-size:1.25em; width:830px; line-height:1.3em; clear:both;}
p#portfolio-link {text-align:center; font-size:1.6em; color:#666; background:#eee; padding:20px; margin:30px 45px 0 45px; clear:both;}

#page_content a:link, #page_content a:visited {color:#006600; text-decoration:underline;}
#page_content a:hover {color:#666; text-decoration:none;}

.twitter_side {font-size:.9em; color:#525252;}
.twitter_side .aktt_tweets {margin:0;}
.more_tweets {font-size:1.2em; text-transform:uppercase; font-weight:bold;}

.post_excerpt p {margin:0;}
.post_title_sm {margin:25px 0 5px 0;}


/* ----- FOOTER ----- */

#page_footer {clear:both; border-top:6px solid #121212; padding:45px 0 15px 0;}

#page_footer a {font-weight:bold; text-transform:uppercase;}
.footer_left ul a:link, .footer_left ul a:visited {color:#c0c0c0; text-decoration:none; border-bottom:2px solid #212121;}
.footer_left ul a:hover {color:#666; text-decoration:none; border-bottom:none;}

.footer_left {float:left; width:60%; font-size:1.1em;}
.footer_left ul li {display:inline; list-style:none; margin:0 15px 0 0;}
.footer_left p {margin:20px 0 0 0; text-transform:uppercase; font-size:1.5em; font-weight:bold; color:#f0d758; padding-top:14px;}
.footer_left img {display:inline; margin-right:20px; vertical-align:middle;}

.footer_right {float:right; width:40%;}
.footer_right p {color:#757575; margin:0 0 30px 0; text-align:right;}

.icons a:link, .icons a:visited {border-bottom:none;}