/* 
Theme Name: Wireframe
Theme URL: http://redubllc.com
Description: A blank theme for you to draw on.
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;}

body { font-family:TitilliumText250,Helvetica, Arial; line-height:1.4em;  background: #DBD9C9 url(images/stripe_bg.png); color:#333;}

/* FONTS */
@font-face {
	font-family: TitilliumText250;
	src: url('fonts/Titillium/TitilliumText250wt.otf');
}
@font-face {
	font-family: TitilliumText600;
	src: url('fonts/Titillium/TitilliumText600wt.otf');
}
@font-face {
	font-family: TitilliumText800;
	src: url('fonts/Titillium/TitilliumText800wt.otf');
}
@font-face {
	font-family: Vollkorn;
	src: url('fonts/Vollkorn/Vollkorn.ttf');
}
@font-face {
	font-family: VollkornItalic;
	src: url('fonts/Vollkorn/Vollkorn-italic.ttf');
}
@font-face {
	font-family: DroidSans;
	src: url('fonts/Droid-Sans/DroidSans.ttf');
}
@font-face {
	font-family: DroidSerif;
	src: url('fonts/Droid-Serif/DroidSerif-Regular.ttf');
}
@font-face {
	font-family: DroidSerifItalic;
	src: url('fonts/Droid-Serif/DroidSerif-Italic.ttf');
}
@font-face {
	font-family: DroidSerifBold;
	src: url('fonts/Droid-Serif/DroidSerif-Bold.ttf');
}
@font-face {
	font-family: DroidSerifBoldItalic;
	src: url('fonts/Droid-Serif/DroidSerif-BoldItalic.ttf');
}
/*
Here is a list of all the <DIV>s in Whiteboard.
*/
em { font-family:VollkornItalic; font-style:normal;}
strong { font-family:TitilliumText800;}
a { color:#DD3C26; text-decoration:none;}
a:hover { display:pointer; }
.page-box { box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;}
.page-body { border-top:3px #333 solid; padding-top:10px;}
#container{ background-color:#F0EFE6; }
#header { margin-bottom:10px; }
#topNav { margin-bottom:10px; float:left; width:400px; text-align:right;}
#topTitle { float:left; width:500px;}
#topTitle h2.logo { font-size:3em; font-weight:bold;}
#topTitle h2 span {display:none;}
#topTitle h2 a { display:block; background:url(images/redub_logo_blk.png) no-repeat; height:34px; }
.description { font-family:VollkornItalic,Georgia; /*font-style:italic; */font-size:.8em; margin-top:10px; color:#555;}
.menu { height:30px;}
.menu ul { list-style-type:none; margin:0; padding:0; }
.menu li { float:left; margin-right:35px; font-family:TitilliumText600, Helvetica; font-size:1.2em; text-transform:lowercase; font-variant: small-caps; letter-spacing:2px;}
.menu li.page_item { padding-top:8px;}
.current_page_parent { border-top:3px #333 solid; margin-top:-3px; }
.current_page_parent a { color:#333;}

.current_page_item { /*border-top:3px #333 solid; margin-top:-3px;*/ }
.current_page_item a { color:#333;}
.menu li:hover {  color:#000; /*text-shadow: 0 0 8px #aaa; -moz-text-shadow: 0 0 8px #aaa; -webkit-text-shadow: 0 0 8px #aaa;*/ }

.panel h2.title { font-size:1em; font-family:TitilliumText600; line-height:1.1em; margin-bottom:5px;}
.info p { font-size:.8em; line-height:1.3em; }
.post{ font-size:.9em; margin-bottom:10px; border-bottom:1px #ccc dotted;}
h1.pagetitle { font-size:3em; margin:20px 0;}
blockquote { margin:5px 0; font-family:DroidSerifItalic, VollkornItalic; font-size:1.1em; padding:0 20px; border-left:2px solid #ccc;}
.post h2 { font-size:1.4em; /*font-weight:bold; */margin-bottom:10px; margin-top:5px; font-family:TitilliumText800;}
.post p { margin-bottom:1em; line-height:1.5em; font-family:DroidSerif;font-size:1em;}
.post ul { font-family:Vollkorn, Georgia;}
.postdate { font-size:.8em; }
.author { font-size:.8em; }
.postmeta{ font-size:.8em;}
#postmeta { font-size:.8em;}
.postbody h4 { font-family:TitilliumText600;}
.postbody { margin:10px 0;}
.postbody p { margin-bottom:1em; }
.pagebody p { font-family:DroidSerif, Georgia; margin-bottom:1em;}
.projectbody {font-size:.8em; line-height:140%;}
.projectbody p { margin-bottom:1em;}
.postnavigation{}
.postmetadata { font-size:.8em;}
.comments_reply { font-size:.8em;}
ul.post-meta { list-style-type:none; padding:0; margin:0 0 10px 0; font-size:.8em;}
ul.post-meta .post-meta-key { font-weight:bold;}
dl.project_meta { margin-bottom:10px;}
dl.project_meta dt { float:left; font-weight:bold; margin-right:3px;}
dl.project_meta dd { }
.projectthumb .caption_overlay { position:relative; bottom:40px; background-color:#000; opacity:.8; height:40px; width:100%;}
.projectthumb .caption_overlay h4{ color:#fff; padding:5px; font-size:.8em;}
.post-stats { font-weight:normal !important; font-family:TitilliumText600;}
#content { border-top:1px #333 solid; padding-top:10px; 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;}
.featured_caption { position:absolute; width:130px; top:0; left:0; padding:5px;background: #000; opacity:.8; color:#fff;}
#searchform{}


#sidebar{ }
.widget { margin-bottom:20px; line-height:1em;}
.widget ul { font-size:.8em;}
.widget li { margin-bottom:.5em; font-family:DroidSerifItalic, TitilliumText250;}
#sidebar1 ul { list-style-type:none; margin:0; padding:0;}
#sidebar1 li.widget { margin-bottom:1em; }
#sidebar1 li.twitter-item {  margin-bottom:8px;padding-bottom:8px; border-bottom:1px #ccc dotted;}

#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 { border-top:1px #333 solid; padding:3px 0 5px 0; font-family:Bentham, Vollkorn, TitilliumText250, Helvetica; font-size:1em; text-transform:lowercase; font-variant: small-caps; letter-spacing:2px;}
#flickr { background-color:#ccc; min-height:400px;}
#get_recent_comments_wrap{}
.comments_navigation{}
.comments_navigation{}
.comments_reply{ border-top:1px #ccc dotted; margin-top:20px; padding-top:10px;}
.comments_text{}
.comments_meta{}
.rname {  font-weight:bold;}
.slideshow { position:relative;}
/*.slideshow { min-height:200px; background-color:#eee; margin-bottom:20px; padding-top:30px;}*/
.slideshow p { text-align:center; color:#333; font-size:.8em; line-height:1.3em;}

ul.leftcolnav { list-style-type:none; padding:0; margin:0 0 0 2px; }
ul.leftcolnav .current_page_item { border:none; margin-top:0;  font-weight:bold;}
ul.leftcolnav li { margin-bottom:10px; font-size:.8em;}
#footer { color:#777; font-size:.7em; margin-top:20px; border-top:1px #333 solid; padding-top:10px;line-height:1.2em;}
.org { font-family:TitilliumText800;}


.vcard_label { font-variant:small-caps; letter-spacing:1px;}

/* Facebook Connect */
#fbc_profile { font-size:.7em; border:0; background-color:#ccc; opacity:.8;}
.fbc_profile_header { right:10px !important;}