/* =Site-Wide Styles= */
em{
	font-style:italic; font-family:georgia, serif; font-size:1.05em;
	}
strong{
	font-weight:bold;
}
h1{
	font-size:1.5em; color:#7a7a7a;
	margin-bottom:7px;
	}
h4{
	font-size:1.2em; color:#7a7a7a;
	margin-bottom:7px;
	}
h3{
	font-size:1.2em; font-weight: bold;
	margin-bottom:7px;
	}	
.red{
	color:#980000;
	}
.clear{
	clear:both;
	}
a{
	color:#222; text-decoration:none; 
	}
a:hover{
	color:#777;
	}
.small{
	font-size:.8em;
	}
small{
	display:block;
	padding:7px 0 5px; margin:-9px 0 8px 0;
	font-variant:small-caps; font-size:.9em;
	}
th{
	padding-right:10px;
	font-style:italic; font-family:georgia, serif; font-size:1.2em;
	}
.right{
	float:right;
	}
.left{
	float:left;
	}
.clear{
	clear:both;
	}
	
/* =Links= */
a.button{
	position:relative; display:block;
	height:17px; width:130px; padding:8px 40px;
	background:#000;
	color:#fff; font-size:1.2em; text-decoration:none; text-align:center;
	}
a.button:hover{
	background:#666;
	}
	
/* =Visibility */
.hide{
	display:none;
	}
.show{
	display:block;
	}


/* =Broad Layout
-------------------------------------------------*/
html{
	height:100%; width: 100%;
	overflow-x:hidden;
	}
body{
	height:100%; width:100%;
	font-family:lucida grande, lucida sans unicode, sans-serif; color:#555555; 
	}
div#site{
	position:relative;
	height:auto; min-height:100%; margin:0 auto;
	}
	
/* =Masthead
-------------------------------------------------*/
div#tumblar{
	position:absolute; top:0px; left:0px;
	background:#000c16;
	width:100%; height:10px; height:_8px; font-size:.1em;
	}
div#masthead{
	position:relative; top:41px;
	width:960px; height:145px; margin:0px auto 36px auto;
	}
img#logo{
	margin-top:10px; /* 15 + tumblarHeight */
	border-width:0px;
	}
img#logoWhite{
	position:absolute; left:0; top:10px;
	opacity:0.0;
	}
img#mastheadImg{
	position:absolute; z-index:-2;
	display:none;
	}
	
/* =Navigation
--------------------------------------------------------*/
div#navigationShell{
	position:relative; z-index:5;
	background:url(/images/navi_bg.gif);
	width:950px; height:44px; margin:0 auto -5px auto;
	}
img#navi_rc_left{
	width:5px; height:44px; margin-left:-5px;
	}
img#navi_rc_right{
	width:5px; height:44px; float:right; margin-right:-5px;
	}
div#navigation{
	position:absolute; top:0px; left:3px;
	width:100%;
	}
div#navigation ul, div#navigation ul li ul{
	display:inline;
	margin:0; padding:0;
	list-style-type:none;
	}
div#navigation ul li{
	position:relative; display:block; float:left;
	height:20px; padding-left:15px;
	}
div#navigation ul li a:link, div#navigation ul li a:active, div#navigation ul li a:visited{
	color:#e8e8e8; text-decoration:none; display:block; height:40px;
	padding-top:11px;
	}
div#navigation ul li a:hover{
	color:#fff; background: url(/images/linkOver.png) no-repeat 50% 0;
	}
a.onPageStyle{
	background: url(/images/linkOver.png) no-repeat 50% 0;
	}
a.onPageHiddenStyle{
	background: none;
	}
 
			
/* = Message
-------------------------------------------------*/
#content-message{
	padding:10px 20px; margin-bottom:10px; 
	background:#fffbe3; border:1px solid #f5e2d0;
	line-height:130%; font-size:.9em; font-weight:bold;
	}
	
/* =Content RCs
-------------------------------------------------*/
div#dark_rc_left{
	top:-30px; left:0px;
	width:15px; height:15px;
	background:url(/images/rc-15px.png);
	}
div#dark_rc_right{
	top:-30px; right:0px;
	width:15px; height:15px;
	background:url(/images/rc-15px.png) -15px 0;
	}
div#dark_edge{
	top:-15px; left:0;
	height:15px; width:100%;
	background:#ddd;
	}
div#light_rc_left{
	top:-15px; left:-15px;
	width:15px; height:15px;
	background:url(/images/rc-15px.png); opacity:0.67;
	}
div#light_rc_right{
	top:-15px; right:-15px;
	width:15px; height:15px;
	background:url(/images/rc-15px.png) -15px 0; opacity:0.67;
	}
.rcimg{
	z-index:2;
	}
	
/* =Content
-------------------------------------------------*/
div#content{
	position:relative; color:#1F1F1F;
	width:980px; margin:0 auto; min-height:450px;
	background:#dddddd; border:1px solid #E8E8E8; border-width:0 15px;
	font-size:0.8em;
	}
div#content-main{
	padding:20px 30px; line-height:130%; 
	}
div#content-main h1{
	font-family:georgia; font-style:italic; font-size:2em; color:#000; line-height:120%;
	}
div#content-main h2{
	margin-bottom:5px; margin-top:5px;
	font-size:1.2em;
	}
div#content-main p{
	margin-bottom:12px; 
	font-size:1.2em; line-height: 165%
	}
div#content-main blockquote{
	background:#eee;
	padding:14px 14px 1px 14px; margin-bottom:14px;
	}
div#content-main #leftColumn{
	width:320px; padding-right:5px;
	border-right:1px solid #C2C2C2;
	}
div#content-main #rightColumn{
	position:absolute; right:205px; top:0;
	width:400px;
	}
#content-main p a, #content-main li a{
	color:#7F370F;
	}
div.leftContent{
	position:relative;
	padding:0 0 1em 0; width:55%; overflow:hidden;	
	}
.leftContent ol{
	list-style-type:decimal;
	list-style-position:inside;
	}
.leftContent li{
	margin-bottom:8px;
	}
.takeAction h2{
	margin-bottom:15px !important; padding-top:15px;
	border-top:1px dotted #000;
	font-family: Georgia; font-size: 1.5em !important; font-style: italic;
	}
div.rightContent{
	float:right;
	width:39%; height:100%; padding-top:11px 1% 0 2%; margin:-16px 13px 0 0;
	background:url(/images/sideGrad.gif) no-repeat #dddddd; text-align:left;
	}
div.rightContent h2{
	display:block; clear:both;
	width:100%; padding:6px 10px 8px 10px;
	background:#000000;
	border-radius:3px; -moz-border-radius:3px;	-webkit-border-radius:3px;
	color:#fff; font-size:1.4em;
	}
div.section{
	clear:both;
	margin-bottom:25px;
	}
div#theteam{
	position:relative; 
	padding:10px; height:180px;
	opacity:.9;
	}
div#theteam a{
	display:block; clear:right; float:right;
	height:36px; margin:0 -7px 4px -2px; padding:21px 9px 0 12px; width:117px;
	background:#EEEEEE none repeat scroll 0 0; -moz-border-radius:4px;
	color:#333333; font-family:georgia; font-size:1.4em; font-style:italic;
	}
div#theteam a:hover{
	background:#f5f5f5;
	}
.title{
	margin-bottom:3px;
	}
.sideSection{
	position:relative;
	padding:5px 10px;
	}
.sideSection li{
	margin-bottom:5px;
}
.widget li{
	padding-bottom:6px;
	border-bottom:1px dotted #333;
}
a#rss{
	display:block;
	margin-top:2px;
	background: #000 url(http://tumbledesign.com/images/rss.png) no-repeat scroll 7px 8px;
	width:70px; height:70px;
	-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
}
div#twitter{
	position:absolute; right:-8px; top:7px;
	background:#eee;
	width:264px; height:54px; padding:8px;
	-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
	font-size:.8em; line-height:140%;
}
#twitterLink{
	display:block;
	position:absolute; right:7px; bottom:4px;
}
p#recentPress a{
	display:block;
	padding:4px; margin-bottom:8px;
	border-left:1px dotted #A3A3A3;
	color:#4A4A4A; text-decoration:none;
	}
p#recentPress a:hover{
	background:#E5E5E5;
	}
p#recentPress a em{
	display:block;
	width:100%; text-align:right;
	}
#blogPost img{
	display:none;
	}
.blogTitle{
	float:left;
	}
.raquo{
	display:block; float:left;
	width:2px; height:12px; padding:0px 11px 8px 6px; margin:-2px 6px 10px;
	background:#eee;
	text-align:center;
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	}
.author{
	font-variant:normal;
	}
.by{
	font-family:georgia; font-style:italic;
	}
.navigation{
	display:none;
	}
.date{
	float:right; display:none;
	}
.proj-caption{
	width:439px !important; margin:0 0 15px 0; padding:4px 4px 0 4px;
	background:#eee; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	}
.proj-caption-left{
	margin-right:15px;
	}
.wp-caption{
	width:490px !important; margin:4px auto; padding:4px 4px 0 4px;
	background:#eee; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	}
.wp-caption-text{
	padding:3px 3px 2px 3px;
	font-size:0.9em !important; font-family:lucida grande, lucida sans unicode !important; font-style:none !important;
	}
.projectButton{
	display:block; float:left;
	padding:4px 8px; margin-right:10px;
	background:#000; 
	color:#fff; 
	}
.projectButton:hover{
	background:#333;
	color:#fff;
	}
.avatar{
	float:left;
	margin-right:12px; margin-top:-9px;
	}
.post ul{
	list-style-type:disc;
	margin-bottom:15px; padding:20px 20px 20px 40px;
	background:#eee;
	font-size:1.2em; line-height: 165%
}

/* Footer
-------------------------------------------------*/
#footerShell{
	position:absolute; bottom:0px; left:0px;
	background:#e0e9d1; border:1px solid #7f8a6f; border-width:1px 0px;
	width:100%; height:100px; padding:1px 0px;
	}
#footer{
	position:relative;
	height:65px; width:1010px; margin:0 auto;
	background:url(/images/footer_bg.gif);
	text-align:left; font-size:.8em;
	}
#footer-rc_left{
	top:0; left:0px;
	height:65px; width:5px;
	background:url(/images/footer_rc_left.gif);	
	}
#footer-rc_right{
	top:0; right:0px;
	height:65px; width:5px;
	background:url(/images/footer_rc_right.gif);
	}
#footer-content{
	position:relative;
	width:960px; margin:0 auto;
	}
a#tumbleFooter{
	display:block; position:relative;
	width:83px; height:41px; top:15px; padding-right:25px;
	background:url(/images/tumble_footer.png) no-repeat;
	}
	
/* =Comments
-------------------------------------------------*/
.commentlist{
	list-style-type:none !important;
	}
.commentlist li{
	position:relative;
	background:#eeeeee;
	margin:10px 0 10px 55px; padding:10px;
	}
.comment-author cite{
	}
.comment-author{
	position:absolute; left:-50px; top:0; padding-top:10px;
	}
.comment-meta{
	margin-bottom:10px;
	text-align:right;
	}
#respond h3{
	padding:10px 0 6px 0;
	font-family:georgia; font-style:italic; font-size:1.5em
	}
#commentform input{
	margin-bottom:0;
	}
#comment{
	width:450px; height:150px;
	}
#commentform #submit{
	height:35px;
	background:#000; border-width:0;
	color:#fff;
	cursor:pointer;
	}
#commentform #submit:hover{
	height:35px;
	background:#555;
	color:#fff;
	}
		
/* WordPress Search Form
-------------------------------------------------*/
#searchLi{
	position:absolute !important; right:23px;
	}
#searchform label, #searchform #searchsubmit{
	display:none;
	}
#searchform #s{
	float:right;
	width:160px; height:18px; margin-top:7px;
	font-size:.8em;
	}
		
	
/* =Rounded Corner Base= */
.shell{
	position:relative;
	}
.rcimg{
	position:absolute;
	}
.rc-tl{	
	position:absolute; top:0px; left:-1px;
	}
.rc-tr{
	position:absolute; top:0px; right:-1px;
	}
.rc-bl{
	position:absolute; bottom:0px; left:-1px;
	}
.rc-br{
	position:absolute; bottom:0px; right:-1px;
	}
.rc-ts{
	position:absolute; top:-1px; left:0px;
	width:100%;
	}
.rc-bs{
	position:absolute; bottom:-1px; left:0px;
	width:100%;
	}
.rc-te{
	}
.rc-be{
	}
.rc3{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}
.rc6{
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}
.rct{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	}
.rcb{
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	}
.rcl{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	}
.rcr{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	}