/*------------------------------------------------------------------
[Reset]
-------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

html {
background: #f7f7f7 url(../images/border_top.png) repeat-x top;
padding-top: 10px;
}
body {
background: #f7f7f7 url(../images/body_bg.png) repeat-y top;
margin-bottom: -10px;
font-family: Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

/*------------------------------------------------------------------
[General Elements]
-------------------------------------------------------------------*/
a, 
a:link, 
a:visited 	{color: #525252;text-decoration: none;}

a:hover, 
a:active 	{color: #000;text-decoration: underline;}

hr 			{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 10px;border:none;}
hr.space 	{background:#fff;color:#fff;}

body img 	{margin: 0;}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin-bottom: 10px;
font-family: Trebuchet, Tahoma, Arial, sans-serif;
}
p {
color: #848484;
line-height: 1.6em;
font-family: Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
}

/*------------------------------------------------------------------
[General Classes]
-------------------------------------------------------------------*/
.right 	{float:right !important;}
.left 	{float:left !important;}
.clear	{clear:both;}

.inline_list 	{margin: 0;padding: 0;}
.inline_list li {float: left;color: #848484;list-style-image: url(../images/star_li.png);}

.inline_list .first, 
#main_menu .first {list-style-image: url(../images/li_spacer.gif);margin-left: 5px;}

.inline_list.section_nav .first {margin-left: 0;}

.small {font-size:.9em}

/*------------------------------------------------------------------
[Main Containers]
-------------------------------------------------------------------*/
#wrapper {
width: 100%;
height: 100%;
background: #f7f7f7 url(../images/wrapper_bg.png) no-repeat top;
}

#content {
background: #f7f7f7 url(../images/content_bg.png) repeat-x top;
padding-top: 20px;
padding-bottom: 20px;
margin-left:auto;
margin-right:auto;
width:960px;
}

/*------------------------------------------------------------------
[Header / Footer]
-------------------------------------------------------------------*/
#header {
padding-top: 20px;
height: 100px;
margin-left:auto;
margin-right:auto;
width:960px
}
#header h2 {
margin: 0;
}
#logo {
border: 0;
margin-bottom: 5px;
}
#logo_title {
display: none;
}
#logo_info {
width: 241px;
height: 20px;
background: url(../images/logo_info.png) no-repeat top;
text-indent: -9999px;
}

#branding, #copyright {
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
width:280px;
}

#footer {
margin-left:auto;
margin-right:auto;
width:960px;
}

#footer_wrap {
background: url(../images/footer_bg.png) no-repeat top;
padding-top: 30px;
padding-bottom: 40px;
width: 100%;
}
#copyright_text {
width: 271px;
height: 17px;
background: url(../images/copyright.png) no-repeat top;
text-indent: -9999px;
}
#contact_text {
width:460px;
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
padding-left:180px;
}
/*------------------------------------------------------------------
[Navigation]
-------------------------------------------------------------------*/
#navigation {
width:400px;
padding-left:240px;
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
}
#main_menu {
float: right;
margin-top: 25px;
}
#main_menu li {
float: left;
color: #848484;
margin-left: 30px;
list-style-image: url(../images/star_li.png);
}
#main_menu li a {
padding: 12px 10px 10px;
display: block;
font-size: 1em;
color: #525252;
text-decoration: none;
}
#main_menu li a:hover {
color: #000;
}

/*------------------------------------------------------------------
[Homepage]
-------------------------------------------------------------------*/
#home_body {
width:280px;
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
padding-right:60px;
}
#montage_h {
width: 250px;
height: 68px;
background: url(../images/montage_heading.png) no-repeat top;
margin-top: 80px;
margin-bottom: 0;
text-indent: -9999px;
}
#montage_sub {
width: 248px;
height: 25px;
background: url(../images/montage_sub.png) no-repeat top;
text-indent: -9999px;
margin-bottom: 20px;
}
#download_h {
width: 90px;
height: 23px;
background: url(../images/download_h.png) no-repeat top;
text-indent: -9999px;
margin-bottom: 5px;
}
#home_video {
width:580px;
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
}
#home_video object, 
#home_video embed {
margin: 0;
padding: 0;
}
#home_video_box {
width: 570px;
height: 321px;
border: 10px solid #fff;
/* ROUNDED CORNERS */
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

/*------------------------------------------------------------------
[Section Content]
-------------------------------------------------------------------*/
#section_nav_container {
width:940px;
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
}
.section_nav {
height: 45px;
background: #505050 url(../images/section_nav_bg.png) repeat-x top;
padding-left: 10px;
}
.section_nav li {
line-height: 45px;
list-style: none;
float: left;
height: 45px;
xbackground: red;
margin: 0 10px 0 0;
}
.section_nav li a,
.section_nav li a:link,
.section_nav li a:visited {
line-height: 45px;
height: 45px;
display: block;
color: #f7f7f7;
font-size: .9em;
padding: 0 10px;
}
.section_nav li a:hover,
.section_nav li a:active {
color: #fff;
text-decoration: none;
background: url(../images/section_nav_selected.gif) no-repeat bottom;
}
.section_nav li.selected a,
.section_nav li.selected a:link,
.section_nav li.selected a:visited {
color: #fff;
background: url(../images/section_nav_selected.gif) no-repeat bottom;
}
#section_content {
background: #fff;
padding: 20px;
width: 900px !important;
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
}

#sidebar_a {
width: 190px;
padding: 20px;
float: left;
background: #f7f7f7;
margin-left:10px;
margin-right:0;
}

#sidebar_b {
width: 230px;
display:inline;
float:left;
margin-left:10px;
margin-right:0;
}

#section_body {
width:650px;
display:inline;
float:left;
margin-left:0;
margin-right:10px;
}

#section_body.about_page {
width: 600px !important;
margin-right: 60px;
}

#section_body h1.page_title {
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
padding: 10px;
background: url('../images/dots-blue.gif') repeat top left;
}

/*------------------------------------------------------------------
[Featured Page]
-------------------------------------------------------------------*/
.featured_item {
width: 890px;
background: #fafaf7;
margin-bottom: 20px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
.featured_item:hover {
background: #fafaf7 url(../images/feature_bg.png) no-repeat top;
}
.featured_item img, .portfolio_grid li img, .project_feature img {
border: 1px solid #e7e7e7;
}
.featured_item h2 {
margin-bottom: 10px;
line-height: 1em;
}
.featured_item a {
margin-bottom: 30px;
}
.feature_details {
padding-top: 50px;
padding-left: 20px;
width: 448px;
float: left;
}
.feature_details p {
color: #9c9c9c;
}
.project_button {
display: block;
float: left;
background: #848484;
color: #fff !important;
padding: 3px 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
.project_button:hover {
background: #505050;
text-decoration: none;
}

/*------------------------------------------------------------------
[Project View]
-------------------------------------------------------------------*/
.project_feature {
width:640px;
min-height: 360px;
float: left;
margin-right: 10px;
margin-bottom: 20px;
}
.project_sidebar {
width: 240px;
height: 360px;
float: left;
margin: 0 0 20px 10px;
}
.project_sidebar h2 {
font-size: .8em;
margin-bottom: 3px;
font-weight: normal;
color: #202020;
}
.project_sidebar p {
color: #848484;
padding-right: 5px;
margin-bottom: 10px;
clear: both;
font-family: "Lucida Grande", sans-serif;
font-size: 10.4px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
}

.project_heading {
width: 640px;
display: block;
float: left;
}

.project_title {
float: left;
}
.post.project p {
clear:both;
}

.tab_menu {
margin:0;
padding:0 0;
list-style:none;
font: 1em normal "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
background: #fff;
}
.tab_menu li {
float:left;
background:#F7F7F7;
margin:0 5px 0 0;
padding: 0 0 0 9px;
height: 30px !important;
overflow: hidden;
}
.tab_menu a {
float:left;
display:block;
width:.1em;
background: #F7F7F7;
padding:7px 15px 5px 6px;
text-decoration:none;
color:#528fcc;
font-weight: normal;
}
.tab_menu > li a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tab_menu a {float:none;}
/* End IE5-Mac hack */
.tab_menu a:hover {
color:#336699;
}
.tab_menu li:hover, .tab_menu li:hover a {
color:#336699;
background: #E9E9E9;
}
.tab_menu li.selected  {
background: #E9E9E9;
}
.tab_menu li.selected a {
background: #E9E9E9;
color:#6e6e73;
}
.tab_menu li.selected a:hover {
color: #333;
}
.tab_box {
background: #E9E9E9;
padding: 10px;
clear:both;
/* ROUNDED CORNERS 
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;*/
}
.tab_content {
background: #fff;
padding: 10px;
height: 290px;
/* ROUNDED CORNERS 
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;*/
}
.tab_content textarea {
width: 180px;
overflow: hidden;
}

/*------------------------------------------------------------------
[Category View]
-------------------------------------------------------------------*/
#portfolio #section_content,
#portfolio-web #section_content, 
#portfolio-motion #section_content, 
#portfolio-identity #section_content    {
padding: 20px 0 20px 20px;
width: 920px !important;
}
.portfolio_grid {
list-style: none;
margin: 0;
padding: 0;
}
.portfolio_grid li {
float: left;
margin: 0 20px 20px 0;
padding: 10px;
background: #fafaf7;
width: 420px;
}
.portfolio_grid li:hover {
background: #fafaf7 url(../images/portfolio_grid_bg.png) no-repeat top;
}
.portfolio_grid li h2 {
float: left;
height: 32px;
margin: 0 0 10px 0;
}
.portfolio_grid li .project_button {
float: right;
margin-top: 5px;
}

/*------------------------------------------------------------------
[Custom Portfolio Titles]
-------------------------------------------------------------------*/
#project_title_sacrifice {
width: 221px;
height: 32px;
background: url(../images/portfolio/title_sacrifice.png) no-repeat top;
text-indent: -9999px;
}
#project_title_sacrifice_sm {
width: 152px;
height: 22px;
background: url(../images/portfolio/title_sacrifice_sm.png) no-repeat top;
text-indent: -9999px;
}
#project_title_drm {
width: 221px;
height: 32px;
background: url(../images/portfolio/title_sacrifice.png) no-repeat top;
text-indent: -9999px;
}
#project_title_drm_sm {
width: 152px;
height: 22px;
background: url(../images/portfolio/title_sacrifice_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-new-national-anthem {
width: 309px;
height: 32px;
background: url(../images/portfolio/title_strata.png) no-repeat top;
text-indent: -9999px;
}
#project-title-new-national-anthem-sm {
width: 212px;
height: 22px;
background: url(../images/portfolio/title_strata_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-vimeo {
width: 160px;
height: 32px;
background: url(../images/portfolio/title_vimeo.png) no-repeat top;
text-indent: -9999px;
}
#project-title-vimeo-sm {
width: 110px;
height: 22px;
background: url(../images/portfolio/title_vimeo_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-cold-disconnected {
width: 299px;
height: 32px;
background: url(../images/portfolio/title_cold.png) no-repeat top;
text-indent: -9999px;
}
#project-title-cold-disconnected-sm {
width: 206px;
height: 22px;
background: url(../images/portfolio/title_cold_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-current-tv {
width: 155px;
height: 32px;
background: url(../images/portfolio/title_current.png) no-repeat top;
text-indent: -9999px;
}
#project-title-current-tv-sm {
width: 107px;
height: 22px;
background: url(../images/portfolio/title_current_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-live-for-fame, #project-title-live-for-fame-website {
width: 244px;
height: 32px;
background: url(../images/portfolio/title_l4f.png) no-repeat top;
text-indent: -9999px;
}
#project-title-live-for-fame-sm, #project-title-live-for-fame-website-sm {
width: 168px;
height: 22px;
background: url(../images/portfolio/title_l4f_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-see-whats-possible {
width: 278px;
height: 32px;
background: url(../images/portfolio/title_photoshop.png) no-repeat top;
text-indent: -9999px;
}
#project-title-see-whats-possible-sm {
width: 191px;
height: 22px;
background: url(../images/portfolio/title_photoshop_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-rearrange {
width: 148px;
height: 32px;
background: url(../images/portfolio/title_rearr.png) no-repeat top;
text-indent: -9999px;
}
#project-title-rearrange-sm {
width: 102px;
height: 22px;
background: url(../images/portfolio/title_rearr_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-reeses-pieces {
width: 203px;
height: 32px;
background: url(../images/portfolio/title_reeses.png) no-repeat top;
text-indent: -9999px;
}
#project-title-reeses-pieces-sm {
width: 140px;
height: 22px;
background: url(../images/portfolio/title_reeses_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-romantics-of-the-rhino {
width: 327px;
height: 32px;
background: url(../images/portfolio/title_romantics.png) no-repeat top;
text-indent: -9999px;
}
#project-title-romantics-of-the-rhino-sm {
width: 225px;
height: 22px;
background: url(../images/portfolio/title_romantics_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-zero-emissions-zero-guilt {
width: 366px;
height: 32px;
background: url(../images/portfolio/title_tesla.png) no-repeat top;
text-indent: -9999px;
}
#project-title-zero-emissions-zero-guilt-sm {
width: 252px;
height: 22px;
background: url(../images/portfolio/title_tesla_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-webby-in-motion {
width: 234px;
height: 32px;
background: url(../images/portfolio/title_webby.png) no-repeat top;
text-indent: -9999px;
}
#project-title-webby-in-motion-sm {
width: 161px;
height: 22px;
background: url(../images/portfolio/title_webby_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-readytech-website {
width: 216px;
height: 32px;
background: url(../images/portfolio/title_readytech.png) no-repeat top;
text-indent: -9999px;
}
#project-title-readytech-website-sm {
width: 149px;
height: 22px;
background: url(../images/portfolio/title_readytech_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-hosted-labs-website {
width: 337px;
height: 32px;
background: url(../images/portfolio/title_hostedlabs.png) no-repeat top;
text-indent: -9999px;
}
#project-title-hosted-labs-website-sm {
width: 232px;
height: 22px;
background: url(../images/portfolio/title_hostedlabs_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-hosted-training-website {
width: 276px;
height: 32px;
background: url(../images/portfolio/title_hostedtraining.png) no-repeat top;
text-indent: -9999px;
}
#project-title-hosted-training-website-sm {
width: 190px;
height: 22px;
background: url(../images/portfolio/title_hostedtraining_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-gridlock-store {
width: 262px;
height: 32px;
background: url(../images/portfolio/title_gridlock.png) no-repeat top;
text-indent: -9999px;
}
#project-title-gridlock-store-sm {
width: 180px;
height: 22px;
background: url(../images/portfolio/title_gridlock_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-house-of-atreus-website {
width: 231px;
height: 32px;
background: url(../images/portfolio/title_hoa.png) no-repeat top;
text-indent: -9999px;
}
#project-title-house-of-atreus-website-sm {
width: 159px;
height: 22px;
background: url(../images/portfolio/title_hoa_sm.png) no-repeat top;
text-indent: -9999px;
}

#project-title-house-of-atreus-identity {
width: 234px;
height: 32px;
background: url(../images/portfolio/title_hoa2.png) no-repeat top;
text-indent: -9999px;
}
#project-title-house-of-atreus-identity-sm {
width: 161px;
height: 22px;
background: url(../images/portfolio/title_hoa2_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-live-for-fame-identity {
width: 199px;
height: 32px;
background: url(../images/portfolio/title_l4f_2.png) no-repeat top;
text-indent: -9999px;
}
#project-title-live-for-fame-identity-sm {
width: 137px;
height: 22px;
background: url(../images/portfolio/title_l4f_2_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-deadly-rhythm-music-identity {
width: 313px;
height: 32px;
background: url(../images/portfolio/title_drm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-deadly-rhythm-music-identity-sm {
width: 215px;
height: 22px;
background: url(../images/portfolio/title_drm_sm.png) no-repeat top;
text-indent: -9999px;
}
#project-title-ginski-identity {
width: 85px;
height: 32px;
background: url(../images/portfolio/title_ginski.png) no-repeat top;
text-indent: -9999px;
}
#project-title-ginski-identity-sm {
width: 58px;
height: 22px;
background: url(../images/portfolio/title_ginski_sm.png) no-repeat top;
text-indent: -9999px;
}

.social_box {
background: #f7f7f7;
padding: 20px;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
width: 140px;
}
.social_box h4 {
font-size: 1em;
margin-bottom: 10px;
color: #505050;
font-weight: bold;
text-align: center;
}

.social_box ul {
list-style: none;
}

.social_box ul li {
margin: 0 0 8px 0;
padding: 0 0 0 10px;
}

.social_box ul li a {
display: block;
padding-left: 24px;
font-size: .9em;
line-height: 16px;
}

.network_l4f {
background: url(../images/favicon/l4f.png) no-repeat top left;
}
.network_brightkite {
background: url(../images/favicon/brightkite.png) no-repeat top left;
}
.network_facebook {
background: url(../images/favicon/facebook.png) no-repeat top left;
}
.network_flickr {
background: url(../images/favicon/flickr.png) no-repeat top left;
}
.network_lastfm {
background: url(../images/favicon/lastfm.png) no-repeat top left;
}
.network_qik {
background: url(../images/favicon/qik.png) no-repeat top left;
}
.network_tumblr {
background: url(../images/favicon/tumblr.png) no-repeat top left;
}
.network_twitter {
background: url(../images/favicon/twitter.png) no-repeat top left;
}
.network_vimeo {
background: url(../images/favicon/vimeo.png) no-repeat top left;
}
.network_delicious {
background: url(../images/favicon/delicious.png) no-repeat top left;
}

#post_comments {
width: 640px;
}
#post_comments ol, fieldset ol {
list-style: none;
padding: 0;
margin: 0;
}
#post_comments ol li, fieldset ol li {
margin: 0;
padding: 0;
}
h2.comments {
background: url(../images/comments_title.png) no-repeat top;
width: 107px;
height: 22px;
text-indent: -9999px;
margin-bottom: 10px;
margin-top: 30px;
}
h2.about {
background: url(../images/about_title.png) no-repeat top;
width: 144px;
height: 32px;
text-indent: -9999px;
margin-bottom: 10px;
margin-top: 20px;
}
h2.resume {
background: url(../images/resume_title.png) no-repeat top;
width: 170px;
height: 32px;
text-indent: -9999px;
margin-bottom: 10px;
margin-top: 40px;
}

/* Normal Bubble */
.bubble {
width: auto;
font: .9em normal "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
margin-bottom: 24px !important;
position: relative;
}

.bubble blockquote {
margin: 0;
padding: 20px 20px 20px 10px;
border-bottom: 1px solid #d9d9d9;
background: #f9f9f9;
color: #222;
line-height: 1.6em;
}

.bubble cite {
position: relative;
margin: 0px;
padding: 7px 0px 0px 15px;
top: 6px;
background: transparent url(../images/tip_light.gif) no-repeat 20px 0;
font-style: normal;
color: #999;
}

.bubble cite .comment_edit_link, 
.bubble cite .comment_delete_link {
margin-right: 10px;
}

#sidebar {
padding-left: 20px;
}

#sidebar h1, #sidebar label {
font-family:  Trebuchet, Tahoma, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
margin-bottom: 5px;
color: #222;
}

#sidebar ul {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
}
#sidebar ul li {
margin: 0;
padding: 0;
}
#sidebar ul li a {
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

#sidebar fieldset {
padding: 0;
background: transparent;
margin: 0 0 20px 0;
}

/* forms.css */
label {font-weight:bold;display:block;font-size:.9em;color:#505050;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;background:#f9f9f9;}
legend {font-weight:bold;font-size:1.2em;}
fieldset h3 {font-weight:normal;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0 10px;border:1px solid #bbb; background:#f0f0f0 !important;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666; background: #f9f9f9 !important;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*------------------------------------------------------------------
[BUTTONS STYLESHEET]	

Originally Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

-------------------------------------------------------------------*/
.button_box a, 
.button_box .button, 
.button_box button, 
.button_box input, 
.button {
display:block;
float:left;
margin:0 7px 0 0;
line-height:16px;
color:#565656;
padding:6px 8px 5px; /* Links */
/* ROUNDED CORNERS 
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;*/
}
.button_box a, 
.button_box a:link, 
.button_box a:visited {
color: #666;
line-height: 18px;
}
.button_box a:hover, 
.button_box a:active {
color: #000;
}
.button_box .button, 
.button_box button, 
.button_box input, 
.button {
background-color:#f5f5f5;
border:1px solid #b5b5b5;
border-top:1px solid #d5d5d5;
border-left:1px solid #d5d5d5;
font-size:1em;
text-decoration:none;
cursor:pointer;
}
.button_box button, 
button.button {
width:auto;
overflow:visible;
padding:6px 8px 5px; /* IE6 */
}
.button_box button[type], 
button.button[type] {
padding:6px 10px 5px 7px; /* Firefox */
line-height:16px; /* Safari */
}
*:first-child+html .button_box button[type], 
*:first-child+html button.button[type] {
padding:6px 8px 5px; /* IE7 */
}
.button_box button img, 
.button_box a.button img, 
button.button img {
margin:0 3px -4px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}
.button_box input, 
input.button {
overflow: visible;
}

/* Button colors
-------------------------------------------------------------- */
/* Standard */
.button_box button:hover, 
.button_box input:hover,
.button:hover {
background-color:#c2d9f0;
border:1px solid #7ab0e5;
color:#336699;
}
.button:active {
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* Positive */
body .positive {
color:#529214 !important;
}
.button_box .positive:hover, 
.button.positive:hover {
background-color:#E6EFC2 !important;
border:1px solid #C6D880 !important;
color:#529214 !important;
}
.button_box .positive:active, 
.button.positive:active {
background-color:#529214 !important;
border:1px solid #529214 !important;
color:#fff !important;
}
/* Negative */
body .negative {
color:#d12f19 !important;
}
.button_box .negative:hover, 
.button.negative:hover {
background:#fbe3e4 !important;
border:1px solid #fbc2c4 !important;
color:#d12f19 !important;
}
.button_box .negative:active, 
.button.negative:active {
background-color:#d12f19 !important;
border:1px solid #d12f19 !important;
color:#fff !important;
}

/* CSS for contact module */
p.contact {
width: 80%;
margin: auto;
border: 2px solid;
color: #fff;
text-align: center;
}
p.contact.good {
background: #189100;
border-color: #105f00;
}
p.contact.error {
background: #d51800;
border-color: #9f1000;
}
/* End CSS for contact module */

/* Tags module. */
.tag {
font-family: "palatino linotype", palatino, georgia, "times new roman", times, serif;
}
.tags_select {
display: inline-block;
margin-top: .5em;
}
.tags_select a {
padding: .1em .4em;
border: .1em solid #DDDDA8;
background: #FFFFCA;
text-decoration: none;
border-top-width: 0;
border-left-width: 0;
color: #555;
}
.tags_select a.tag_added {
background: #111;
border-top-width: .1em;
border-bottom: 0;
border-left-width: .1em;
border-right: 0;
border-color: #000;
}

/* Emoticons module. */
img.smiley {
margin: 0 0 -.3em;
}

button.yay,
.button.yay {
background: #ebfae4;
color: #363e34;
border-color: #ebfae4;
border-bottom-color: #bdd6b5;
border-right-color: #bdd6b5;
}
button.yay:hover,
.button.yay:hover {
background: #189100;
color: #fff;
border-color: #189100;
border-bottom-color: #105f00 !important;
border-right-color: #105f00;
}
button.yay:active,
.button.yay:active,
button.yay.selected,
.button.yay.selected,
a.next_page.yay.selected,
a.prev_page.yay.selected {
background: #067000;
border-color: #067000;
border-left-color: #003d00;
border-top-color: #003d00;
border-bottom-color: #067000 !important;
}

form {
padding: 0;
margin: 0;
}

/* Compressed Screen.css */
a.comment_delete_link,a.comment_edit_link,a.delete_link,a.edit_link,a.next_page,a.prev_page,a.next_post,a.prev_post,a.cancel,a.logout{font-weight:400}a.comment_delete_link,a.comment_edit_link{float:right;margin:0 0 0 .5em}a.delete_link{color:#d8583e !important}a.edit_link{color:#93ba52 !important}a.next_page,a.prev_page,a.next_post,a.prev_post{background:#fff;color:#528fcc !important;font-size:16px;height:25px;line-height:25px;margin:6px 0 0 5px;padding:0 10px}.next_post_disabled,.prev_post_disabled{background:#fff;color:#ddd !important;display:block;float:right;font-size:16px;height:25px;line-height:25px;margin:6px 0 0 5px;padding:0 10px}a.next_page:hover,a.prev_page:hover,a.next_post:hover,a.prev_post:hover{background:#f9f9f9;color:#369 !important;text-decoration:none}a.cancel{border:none;color:#e35533;text-decoration:underline}a.logout{color:#5B7C99;float:right}div#controls{background-color:#131313;border-bottom:.1em solid #0f0f0f;padding:.2em 0 .3em;width:100%}div#controls ul{margin:0 auto;padding:.4em;width:960px}div#controls ul li{background:none;display:inline;font-size:11px;font-weight:400;margin:0;padding:0}div#controls ul li a:link,div#controls ul li a:visited{border:none;color:#bbb;padding:.1em .6em}div#controls ul li.close a:link,div#controls ul li.close a:visited{color:#e35533}div#controls ul li.close a:hover{color:#ff6039}div.notice,div.message,div.warning,div.date{color:#111;font-weight:700;margin:0 0 1em;padding:.5em .8em}div.notice{background:url('../images/dots-green.gif') repeat top left}div.message{background:url('../images/dots-blue.gif') repeat top left}div.warning{background:url('../images/dots-red.gif') repeat top left}div.date{background:url('../images/dots-lightgrey.gif') repeat top left;cursor:normal}div.notice .sub,div.message .sub,div.warning .sub{color:#888;font-size:.9em;margin-left:.5em}div.post{margin:0 0 3em;padding:10px;word-wrap:break-word}div.post a:link,div.post a:visited{color:#3f5161}div.post h2.title{font-size:2em;margin:0 !important;padding:0 0 5px;}div.post h2.title a:link,div.post h2.title a:visited{color:#222;font-size:.8em;font-style:normal;font-weight:700}div.post h2.title a:hover{color:#000}div.post .pinned_text{color:#e35533;content:"!";float:left;font-size:1.5em;font-weight:700;margin:.15em 0 0 -1em}div.post p,div.page p{font-size:1em;padding:0 20px 0 0}div.post li,div.page li{font-size:1.1em}div.post li p,div.page li p{font-size:1em}div.post pre,div.page pre{padding:0 0 1.5em}div.post blockquote{background:#f9f9f9;border:.1em solid #eee;color:#333;margin:0 0 1em;padding:.5em .8em}div.post blockquote p{padding:0}div.post span.info,div.post span.controls,div.page span.controls{background:#222;color:#e9e9e9;font-size:11px;font-weight:400;margin:1em 0 0;padding:.3em .6em}div.post span.info a:link,div.post span.info a:visited{color:#e9e9e9;padding:none}div.post span.controls,div.page span.controls{background-color:#222;color:#e9e9e9;margin:.6em 0 0 .6em}div.post ul{margin-bottom:1em}div.post.quote blockquote{background:none;border:0;color:#777;font:2em/1.25em normal "palatino linotype", palatino, georgia, "times new roman", times, serif;margin:0 0 -0.5em;padding:0}div.post.quote .source{color:#999;display:block;margin:1em 0 1.2em}div.post.link h2 a:link,div.post.link h2 a:visited{color:#505050;font-size:1.2em;text-decoration:none}div.post.link h2 a:hover{color:#F37135}div.post.link{color:#848484}div.post.chat p{display:inline}div.post.chat ul{color:#535353;font-family:"monaco", monospace;font-size:.9em;margin:0 1em 1em 0;padding:0}div.post.chat ul li{background:none;list-style-type:none;padding:0}div.post.chat li .label{color:#2D3879}div.post.chat li.me .label{color:#AB2F26}div.post.photo img{border:.3em solid #111}div.post.photo img a:link,div.post.photo img a:visited{border:none}div.post.photo p,div.post.audio p,div.post.video p{color:#444;margin:.4em 0 1.2em}div.page h1{color:#4f3a56;font:bold 2.2em "palatino linotype", palatino, georgia, "times new roman", times, serif;letter-spacing:-0.01em;margin-bottom:.5em}#page span.controls{background:transparent;font-size:11px;margin:0;position:absolute;right:20px;top:15px;z-index:9999}.inline_edit{background:#111;color:#ddd;padding:1em;position:relative}.inline_edit fieldset{background:#111}.inline_edit input[type="text"],.inline_edit textarea{background-color:#222 !important;border:none !important;color:#eee !important;padding:.4em;width:412px}.inline_edit input[type="text"]:focus,.inline_edit textarea:focus{background-color:#222 !important;color:#fff !important}.inline_edit .more_options_link:link{color:#5B7C99;display:block;font-weight:700;padding:0 0 .3em}.inline_edit .more_options{background-color:#1a1a1a;padding:1em}.inline_edit .more_options p{float:left;margin:0;min-height:5em;padding-bottom:.5em;width:50%}.inline_edit .more_options p input[type="text"]{margin-bottom:0;width:90%}.inline_edit .more_options p .sub{color:#777;font-size:.8em}.inline_edit .buttons{background:#1a1a1a;color:#ddd;padding:.5em}.inline_edit h2{color:#83A650}.post_edit{margin-bottom:2em}div.pagination{margin:0 0 2em}.sub{color:#999;font-size:.85em;font-weight:400}span.pages{color:#888;font-weight:700;padding:0 0.3em}span.who,span.waiting{background-color:#e2e2e2;display:block;font-weight:700;margin:0 0 1em;padding:4px 6px}#debug{background:#ffd;border-top:.1em solid #ddd;bottom:0;color:#666;left:0;max-height:33%;overflow-x:hidden;overflow-y:scroll;padding:.4em .75em .5em;position:fixed;right:0}#debug h5{color:#a3a39a;font-size:1.1em;margin:0}#debug h5 .sub{color:#b3b3aa}#debug pre{background:#fff;border:1px solid #ddd;padding:0 .5em;word-wrap:break-word;xoverflow-x:scroll}#debug .toggle{color:#666;float:right;font-weight:700}div#controls ul li a:hover,div.post span.info a:hover,div.post span.info a:active{color:#fff}p.lost_pass,#debug ol.queries li{margin:0 0 1em}