/*
Theme Name: ETC.STUDIOS 
Theme URI: http://wordpress.org/
Description: Theme for etc.studios by <a href="http://www.tecvisuals.com" title="Tecvisuals">Tecvisuals</a>
Version: 1.0
Author: Tyson Clayton
Author URI: http://www.tecvisuals.com
Tags: blue, custom header, fixed width, two columns, widgets

	

*/



/* Begin Typography & Colors */


body{
	margin:0;
	background:url('images/body-bg.jpg') repeat-x #000;
	font:9pt Verdana, Helvetica, Arial, serif;
	color:#909090;
	line-height:1.3em;
}
form{
        margin:0;
        padding:0;
}
img{
	border:0;	
}
a{
	text-decoration:none;	
}
h2{
	position:relative;
	color:#ce238b;
	font-size:11pt;
	margin:0 0 15px 0;
	background:url('images/title-bg.jpg');
	padding:0 0 0 10px;
	line-height:1.7em;
	height:24px;
	text-transform:uppercase;
}
h3{
	position:relative;
        color:#909090;
	font-size:11pt;
	margin:0 0 15px 0;
	padding:0;
	line-height:1.7em;
	height:24px;
	text-transform:uppercase;
}
h2#cat{
	background:url('images/categoryheader.jpg');
	height:24px;
	padding:0;
}
h2#archives{
	background:url('images/archiveheader.jpg');
	height:24px;
	padding:0;
}
h2#flickr{
	background:url('images/flickrheader.jpg');
	height:24px;
	padding:0;
}
h2#twitter{
	background:url('images/twitterheader.jpg');
	height:24px;
	padding:0;
        margin:15px 0;
}
.float:before, .float:after {
    clear:both;
    content:"";
    display:block; 
    height:0;
}
.entry{
	letter-spacing:0.03em;
	line-height:2em;
}
#sidebar_l .cat-item-24 a,#content .navigation a{
    color:#c61570;
}
.blog_block_r a{
	color:#c61570	
}
#quote_block{
	position:relative;
	width:100%;
	height:22px;
	padding:3px 0 0 0px;
	background:url('images/quote-bg.jpg');
	color:#000;
	border-bottom:3px solid #ce238b;
	overflow:hidden;
	font-size:10pt;
}
#qod-quote{
	padding:2px 0 0 0;	
}
.qod-text{
	font-size:8pt;
	font-weight:bold;	
}
.qod-author{
}
.qod-author a{
	font:8pt Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#000;
	line-height:15px;
	display:block;
	padding:0 0 0 3px;
}
#quote_block p{
	margin:0;
	padding:0;
	float:left;
}
#quote_block #quote_left{
	float:left;
	padding:0 0 0 10px;
}
#site_container{
	position:relative;
	width:940px;
	margin:0 auto;
}
#header_logo{
    display:block;
    position:absolute;
    width:80px;
    height:86px;
    top:10px;
}
#header_links_top{
    position:relative;
}
#header_links_block{
    position:absolute;
    width:250px;
    right:0;
    top:23px;
    text-align:right;
}
#header_phone{
    font-size:7pt;
    position:absolute;
    top:-4px;
    right:40px;
}
#header_email{
    position:absolute;
    top:7px;
    right:40px;
}
#header_email a{
    font-size:7pt;
    text-decoration:underline;
    color:#C61570;
}
#header_links_bottom ul{
    list-style:none;
    margin:3px 0 0 0;
    padding:0;
    float:right;
}
#header_links_bottom ul li{
    float:left;
    width:39px;
    height:41px;
}
#header_links_bottom ul li a{
    display:block;
    width:39px;
    height:41px;
}
#header_links_bottom ul li a:hover{
    background-position:0 41px;
}
#header_link_rss{
    background:url('images/header-link-rss.png');
}
#header_link_linkedin{
    background:url('images/header-link-linkedin.png');
}
#header_link_facebook{
    background:url('images/header-link-facebook.png');
}
#header_link_twitter{
    background:url('images/header-link-twitter.png');
}
#header_block{
	position:relative;
	width:940px;
	background:url('images/header-bg.png') no-repeat;
	height:106px;
}
#header_menu_block{
	position:relative;
        padding:3px 0 0 0;
	height:24px;
	width:100%;
	background:url('images/headbar-bg.jpg');
	color:#000;
}
#header_menu{
	margin:0;
	padding:0;
	list-style:none;
}
#header_menu li{
	float:left;
	/* border-right:1px solid #3f3f3f; */
}
#header_menu li a{
	display:block;
	/*padding:5px 15px 2px 15px;*/
	font-size:11pt;
	font-weight:bold;
	color:#000;
}

#header_menu_home a{
	position:absolute;
        /*top:-96px;  the was moved up so that default link to home will work*/
        top:-5000px;
        width:80px;
        height:86px;
}
#header_menu_about a{
	height:24px;
	width:90px;
	background:url('images/menu-about-bg.jpg');
}
#header_menu_work a{
	height:24px;
	width:81px;
	background:url('images/menu-work-bg.jpg');
}
#header_menu_team a{
	height:24px;
	width:78px;
	background:url('images/menu-team-bg.jpg');
}
#header_menu_contact a{
	height:24px;
	width:112px;
	background:url('images/menu-contact-bg.jpg');
}
#header_menu_shop{
        display:block;
        position:absolute;
        top:109px;
        right:0;
	height:24px;
	width:77px;
        /* border-left:1px solid #3f3f3f; */
	background:url('images/menu-shop-bg.jpg');
}
#header_menu_shop:hover{
        background-position:0 24px;
}
#header_menu a:hover{
	background-position: 0 24px;
}
#header_menu a.current{
	background-position: 0 48px;
}
#banner_block{
	position:relative;
	height:277px;
	width:940px;
	overflow:hidden;
        padding:0px 0 3px 0;
        background:url('images/banner-block-bg.jpg');
}
#banner_block li{
        width:940px;
        height:277px;
        position:relative;
}
#banner_block_contact{
        background:url('images/contact-bg.jpg');
        font-size:8pt;
}
#banner_block_contact h3, #banner_block_team h3{
        height:15px;
        margin:0 0 5px 0;
}
#banner_block_team{
        background:url('images/team-bg.jpg');
        font-size:8pt;
}
#banner_block_work{
        background:url('images/work-bg.jpg');
}
li#banner_block_about{
        background:url('images/about-bg.jpg');
        color:#C61570;
        font-size:10px;
        letter-spacing:.1em;
        line-height:13px;
}
li#banner_block_about p{
        margin:0 0 15px 0;
        text-align:justify;
        visibility:hidden;
}
#about_content{
        width:910px;
        padding:15px;
}
#banner_block_contact a, #banner_block_team a{
        color:#C61570;
}
#contact_left{
        position:absolute;
        top:20px;
        left:15px;
        width:400px;
        color:#C61570;
}
#team_content{
        position:absolute;
        width:910px;
        top:20px;
        left:15px;
}
#team_content p{
        margin:0 0 10px 0;
}
#contact_table{
        margin:0 0 0 -5px;
}
#contact_table td{
        padding:4px;
}
#contact_form{
        margin:5px 0 0 0;
}
#contact_right{
        position:absolute;
        top:20px;
        left:490px;
        width:400px;
}
#contact_left input, #contact_left textarea{
        background:#141414;
        color:#909090;
        border:1px solid #767676;
        width:352px;
        height:24px;
}
#contact_left textarea{
        height:80px;
}
input#contactSubmit{
        background:url('images/send-bg.jpg');
        width:62px;
        height:24px;
        cursor:pointer;
        border:0;
        padding:0;
}
input#contactSubmit:hover{
    background-position: 0 24px;
}
input#contactSubmit:active{
	background-position: 0 48px;
}
#banner_block ul{
	margin:0;
	padding:0;
}
#banner_block li{
	margin:0;
	padding:0;
	list-style:none;
}
#content_block{
	position:relative;
	width:940px;
	padding:15px 0 0 0;
        background:url('images/radial-blur-bg.png') no-repeat;
}
#sidebar_l{
	position:relative;
	width:150px;
	float:left;
	color:#fff
}
#sidebar_l a{
	color:#454545 
}
#sidebar_l ul{
 	margin:0;
	padding:0;
	list-style:none;
}
#sidebar_l ul ul{
	padding:0 0 9px 0px;
}
#sidebar_l ul ul li{
	padding:0 0 6px 10px;
}
#content{
	position:relative;
	width:488px;
	float:left;
	padding:0 43px;
}
.blog_block{
	position:relative;
	width:488px;
}
.blog_block_l{
	position:relative;
	width:55px;
	float:left;
        
}
.postmetadata{
    position:relative;
    width:433px;
}
.postmetadata_l{
    position:relative;
    width:233px;
    float:left;
}
.postmetadata_l a{
    color:#454545;
}
.postmetadata_r{
    position:relative;
    width:200px;
    float:left;
    text-align:right;
}
.date_block{
	position:relative;
	width:40px;
	text-align:center;
	text-transform:uppercase;
	font-size:10pt;
	line-height:1em;
	color:#454545;
}
.date_day{
	font-size:17pt;
	padding:6px 0 4px 0;
}
.date_year{
	font-size:9pt;
        letter-spacing:-1px;
}
.blog_block_r{
	position:relative;
	width:433px;
	float:left;
	padding:0 0 18px 0;
}
#content h2{
	background:url('images/title-content-bg.jpg');
}
#content h2 a{
	color:#000;
}
#sidebar_r{
	position:relative;
	width:216px;
	float:left;
	color:#fff
}
#twitter_div{
	position:relative;
	padding:0 0 0 0px;
	width:206px;
}
#twitter_update_list{
	margin:0;
	padding:0;
	list-style:none;
}
#twitter_update_list li{
	position:relative;
	padding:20px 0 10px 0;
}
#twitter_update_list a{
	display:block;
	position:absolute;
	top:2px;
        left:0;
	color:#454545 ;
}
#twitter_update_list span{
	color:#909090;
	line-height:1.5em;
	font-family:Times, serif;
}
#twitter_update_list span a{
	display:inline;
	position:relative;
	top:0;
	color:#c61570;
}
#footer_block{
	position:relative;
	padding:10px 0 20px 0;
        border-top:1px solid #454545;
        width:940px;
        color:#454545;
	font-size:6pt;
	text-align:center;
}
#footer_block a{
	color:#454545;
}
/* flickr start*/

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {width:216px;height:inherit; !important;}
#flickr_www {display:none;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* flickr end*/

















/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;    
margin: 0 0 0px 0;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ff0000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
 /* background: #fff; */
color: red; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}