/* 
Theme Name: areacode
Theme URL: http://redubllc.com
Description: A theme designed by Irwin Chen (Redub) and Agnieszka Gasparska (Kiss Me I'm Polish) for Area/Code
Author: Irwin Chen
Author URI: http://redubllc.com
Version: 1.0

Built on top of Brian Purkiss' Whiteboard theme.
*/


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}
html {
	overflow-y: scroll;
}
body { font-family:"Trebuchet MS", Arial; }

/*
Here is a list of all the <DIV>s in areacode.
*/
a { color:#bd0000; text-decoration:none;}
a:hover { display:pointer; text-decoration:underline;}
a.tt { font-size:11px;}
img.nothumb { vertical-align:middle;}
#container{}
#header { margin-bottom:20px;margin-right:1px; }
#topNav { margin-top:5px; margin-bottom:10px; float:right; /*width:700px;*/ border-top:#ccc 1px solid;}
#topTitle { float:left; }
#topTitle h2.logo { font-size:3em; font-weight:bold; width:160px; float:left;}
#topTitle h2 span {display:none;}
#topTitle h2 a { display:block; background:url(images/areacode_logo_red.png) no-repeat -1px 3px; height:33px; }
.description { width:270px; font-size:11.5px;
letter-spacing:0.02em; float:left; margin-top:18px; color:#333333;
font-family:Arial,sans-serif;
font-size:11.5px;
letter-spacing:0.02em;
line-height:17px;
text-indent:10px;}
.menu { height:30px; float:right;}
.menu ul { list-style-type:none; margin:0; padding:0; }
.menu li { float:left; text-align:right; margin-right:0; font-weight:normal; text-transform:lowercase; color:#333333;
font-family:"Trebuchet MS","Lucida Grande",Arial,sans-serif;
font-size:14px;
letter-spacing:.1px;
line-height:20px;}
.menu li.page_item { padding-top:10px;   }

#showcase { }
#slider { }
/*#slider a { position:absolute; top:0; left:0; }
#slider a img { position:absolute; top:0; left:0;}*/

/*.menu li.page_item:before { content: '/      '; }*/
.menu li:last-child { margin-right:0;}
/*.menu li:first-child:before { content:'';}*/
.menu li.page_item a { color:#333;}
.menu li.page_item a:hover { color:#bd0000; text-decoration:none;}
.menu li.current_page_parent { /*border-top:3px black solid; margin-top:-3px;*/ }
.menu li.current_page_parent { color:#ccc;}
.menu li.current_page_parent a { color:#bd0000;}
.current_page_item { /*border-top:3px black solid; margin-top:-3px;*/ }
.current_page_item a { color:#ccc;}
.menu li.page_item:hover { text-decoration:none; color:#bd0000;}
.slashes { color:#fff; letter-spacing:-3px;}
/*a .slashes:hover { color:#bd0000;}*/
.topline { border-top: 1px #ccc solid; /*padding-top:12px;*/}
/* s3Slider */
#subBar { right:0; padding:10px 12px !important; }
#subBar a:hover { text-decoration:none;}
#subBar span { font-size:11.5px; font-family:Arial;}
#navigator { bottom:-24px; font-family:Arial; font-size:10px;}
.slide_caption {
   position: absolute; /* important */
   right: 0;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 17px;	
	letter-spacing: 0.02em;
   padding: 10px 13px;
   width: 355px;
   background-color: #bd0000;
   filter: alpha(opacity=100); /* here you can set the opacity of box with text */
   -moz-opacity: 1; /* here you can set the opacity of box with text */
   -khtml-opacity: 1; /* here you can set the opacity of box with text */
   opacity: 1; /* here you can set the opacity of box with text */
   color: #fff;
/*   display: none; /* important */
   bottom:0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
#subBar h3 { font: 12px/16px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; display:inline;}
.clear {
   clear: both;
}
#prevbtn {/*visibility:hidden; */position:absolute;left:0;top:0; width:16px;z-index:1000;}
#nextbtn {/*visibility:hidden; */position:absolute;right:0;top:0; width:16px; z-index:1000;}

#prevbtn a { display:block; height:300px; width:30px;  right:16px;position:absolute; }
#prevbtn a:hover { text-decoration:none;background: url(images/left_arrow_lg.png) center left no-repeat;}
#nextbtn a:hover { text-decoration:none;background: url(images/right_arrow_lg.png) center right no-repeat;}

#nextbtn a { display:block; height:300px; width:30px; right:-30px;  position:absolute;}
.info p { font-size:.8em; line-height:1.3em; }
.post{ font-size:.9em; margin-bottom:10px; border-bottom:1px #ccc dotted; padding-top:3px; }
h1.pagetitle { font-size:32px; margin-bottom:30px; color:#333; letter-spacing:1px; padding-top:12px;}

h1.personpagetitle { font-size:32px; margin-bottom:0; color:#333; letter-spacing:1px; padding-top:12px;  height:32px; margin-right:20px;}
h4.persontitle { font-size:11px; color:#666; font-family:"Trebuchet MS"; letter-spacing:.3px; margin-bottom:30px; padding-top:10px;}
.post h2 { font-size:24px;  line-height:28px;letter-spacing:0.04em; font-weight:normal; margin-bottom:12px; margin-top:0;}
.post h2 a { color:#333;}
.post p { margin-bottom:1em; line-height:1.4em;}
.topline .post:first-child { margin-top:15px;}
.dateinfo { text-align:center; text-transform:uppercase; margin-bottom:30px;}
.day { margin-bottom:5px; margin-top:1px;}
.postdate { font-size:11px; color:#666666;letter-spacing:0.04em; margin-bottom:20px; }
.author { font-size:.8em; }
.postmeta{ font-size:.8em;}
#postmeta { font-size:.7em;}
.postbody { margin:-3px 0 0 0; color:#333; }
.postbody p {font-family:Arial, Helvetica; margin-bottom:1.5em; /*margin-top:5px;*/ font-size:13px;letter-spacing:0.02em;
line-height:18px; margin-right:30px;}

.homepost { margin-left:10px;}
.postbody ul { font-family:Arial, Helvetica; font-size:13px; margin:3px 0 20px 15px; }
.postbody li { margin-bottom:8px;}
.projectbody {font-size:.8em; line-height:140%; clear:both;}
.projectbody p { margin-bottom:1em; font-family:Arial, Helvetica; line-height:1.5em;}
.postnavigation{ clear:both;}
.postnavigation p { line-height:1.4em;}
.postmetadata { color:#333; margin-bottom:8px;padding-bottom:8px;font-family:Arial, Helvetica; font-size:11.5px;
letter-spacing:0.02em;
line-height:17px;}

.postpage h2 { font-size:28px; letter-spacing:0.04em; font-weight:normal; margin-bottom:12px; padding-top:12px;}
.postpage h2 a { color:#333;}
.postpage p { font-family:Arial, Helvetica; margin-bottom:1em; line-height:1.4em;}
.entry p { font-family:Arial, Helvetica; margin-bottom:1em; line-height:1.4em;}

#comments h3 { margin-bottom:10px;}
.comments_reply {font-size:12px;  }
.comments_reply h3 {margin-bottom:10px;}
#comments_list { font-size:12px;}
#comments_list li { margin:3px 0;}
ul.post-meta { list-style-type:none; padding:0; margin:0 0 40px 0; font-size:.8em;}
ul.post-meta .post-meta-key { font-weight:bold;}
dl.project_meta { margin-bottom:20px; color:#7a7a7a; font-size:.9em;}
dl.project_meta dt { float:left; font-weight:bold; margin-right:3px;}
dl.project_meta dd { }
#content {  padding-top:9px; clear:both; position:relative;}
.casestudy h5 { font-size:.7em; font-variant:small-caps; letter-spacing:1px; text-transform:lowercase; margin-bottom:10px;}
.casestudy h3 { font-size:2em;}
#searchform{}
#get_recent_comments_wrap strong { margin:5px 0 10px 0; font-size:12px; font-weight:bold;}
#get_recent_comments_wrap ul { font-size:10px; margin:6px 0 !important;}
#get_recent_comments_wrap li { margin-bottom:3px;  color:#333; margin-bottom:8px;padding-bottom:8px; border-bottom:1px #ccc dotted;font-family:Arial, Helvetica; font-size:11.5px;
letter-spacing:0.02em;
line-height:17px;}

#sidebar{}
.widget { margin-bottom:40px;}
.widget ul { font-size:12px; margin-top:5px;}
.widget li { margin-bottom:15px;}
#sidebar1 ul { list-style-type:none; margin:0; padding:0;}
#sidebar1 li.widget { margin-bottom:1em; }
ol.thinkTwitTweets { list-style-type:none;}
li.thinkTwitTweet {  color:#333; margin-bottom:8px;padding-bottom:8px; border-bottom:1px #ccc dotted;font-family:Arial, Helvetica; font-size:11.5px;
letter-spacing:0.02em;
line-height:17px;}
.thinkTwitPublished { display:block; color:#666666;
font-family:"Trebuchet MS","Lucida Grande",Arial,sans-serif;
font-size:11px;
letter-spacing:0.04em;
line-height:20px;
margin-top:8px;}
ul.twitter { margin-top:12px;}
ul.flickr { margin-top:13px;}
ul.flickr li {margin-bottom:8px;}
ul.flickr img:first-child { margin-top:3px;}

#sidebar2 ul { list-style-type:none; margin:0; padding:0;}
#sidebar2 li.widget { margin-bottom:1em;}
#sidebar2 li.twitter-item { font-size:.8em; margin-bottom:8px;padding-bottom:8px; border-bottom:1px #ccc dotted;}
h4.widgettitle { color:#333333;
font-family:"Trebuchet MS","Lucida Grande",Arial,sans-serif;
font-size:14px;
letter-spacing:0.01em;
line-height:20px; font-weight:normal; border-top:1px #ccc solid; border-bottom:1px #ccc dotted; padding:11px 0 21px 0; text-transform:lowercase; margin-bottom:10px;}
h4.widgettitle a {color:#333;}


#comments { margin-top:20px;}
ol#comments_list {list-style-type:none;}
ol#comments_list li { border-bottom:1px #ccc dotted;}
p small { font-size:10px; line-height:12px;}
.comments_navigation{}
.comments_reply{ border-top:1px #ccc dotted; margin-top:20px; padding-top:10px;}
.comments_text{}
.comments_meta{ font-size:10px;}
.rname {  font-weight:bold;}
.slideshow { position:relative; height:320px; margin-bottom:20px; overflow:hidden;}
/*.slideshow { min-height:200px; background-color:#eee; margin-bottom:20px; padding-top:30px;}*/
.slideshow p { text-align:center; color:#111; font-size:.8em; line-height:1.3em;}
#followus {margin:0; padding: 0;}
.followus-item { margin:0 5px 0; padding:0; float:left;}

.people h3 { font-size:14px; letter-spacing:.5px; margin-bottom:10px; margin-top:15px;}
.people p { font-size:11px; color:#666; letter-spacing:.4px;}

.aside { display:block; background-color:#f2f2f2; padding:200px 20px 15px 20px; position:relative;}
.aside h3 { font-size:14px; font-weight:normal; color:#333; margin-bottom:20px; letter-spacing:1px; position:absolute; background:url(images/acmanifestelope.png) no-repeat; height:193px; width:288px; top:-20px; left:0px;}
.aside p { font-family:Arial, Helvetica; font-size:12px; color:#666; line-height:17px; margin-bottom:1em;letter-spacing:.3px;}
.aside h3 span { display:none;}
.aside p:last-child { margin-bottom:40px;}
img.mainfullimage { margin-bottom:30px;}
p.bigred:first-child { margin-top:30px;}
p.bigred { font-family:"Trebuchet MS", Arial; font-size:28px; color:#bd0000; line-height:32px; letter-spacing:1px; margin-top:15px; margin-bottom:25px;}


ul.leftcolnav { list-style-type:none; padding:0; margin:-3px 0 0 2px; }
ul.leftcolnav h2 { font-size:14px; color:#333; margin-bottom:22px;letter-spacing:.3px; margin-top:15px;}
ul.leftcolnav .current_page_item {  margin-top:0;  font-weight:bold; color:#bd0000;}
.current_page_item a .slashes { color:#bd0000;}
.current_page_item a { color:#bd0000 ;}
.menu .current_page_item a { color:#bd0000 !important;}
ul.leftcolnav .current_page_item a {  color:#bd0000; background-color:#fff;  padding-right:5px;}
.current_page_parent a .slashes { color:#bd0000;letter-spacing:-3px;}
.current_page_parent a { color:#bd0000;}
ul.leftcolnav li.current_page_item {background:url(images/slash_bg.png) no-repeat 48px 9px;}
ul.leftcolnav li:first-child { margin-top:0;}
ul.leftcolnav li:last-child { border-bottom:1px #ccc dotted; padding-bottom:10px;}
ul.leftcolnav li { margin:7px 0; padding-top:7px; font-size:12px; border-top:1px #ccc dotted; color:#bd0000; font-family:Arial, Helvetica;}
ul.leftcolnav li a { color:#bd0000;}
ul.leftcolnav li:before { content: '/ ';}
#footer {  color:#333333;
font-family:Arial,sans-serif;
font-size:11px;
letter-spacing:0.02em;
line-height:16px; margin-top:90px; border-top:1px #ccc solid; padding-top:20px; height:120px; background: url(images/barcode.png) bottom no-repeat;}
.org { font-weight:bold;}

.spacer { color:#fff;}
.vcard_label { text-transform:lowercase; float:left;}