@charset "utf-8";

/*------------------------------------------------------

Theme Name: Studio 8 - version 1.0
Theme Type: Black

CSS overview: 

	1. Background
	2. Commons
	3. Main Elements
	4. Menu
	5. Page elements
		i.twitter
		ii.team list
		iii. fancybox
		iv.portfolio
		v.blog
		vi.form
		vii.buttons
		viii.pagination
	6. Footer
	7. Links
	8. Typography
		

---------------------------------------------------------*/



/*--------------------------------------------------------
	1.BACKGROUND
--------------------------------------------------------*/

	body{background:#000;}
	.raster{background:url(../images/raster.png) repeat;}


/*--------------------------------------------------------
	2.COMMONS
--------------------------------------------------------*/

	.tweet .txt,#footer,#nav li a,blockquote p.clientRef,.field, .tarea,ul.listStyle li p{color:#8a6e4b;}
	#slidecaption, #slidecaption-grande,.comment,#sideBar #toggle,.sendForm,h1,#fancybox-title {color:#fff;}


/*--------------------------------------------------------
	3.MAIN ELEMENTS
--------------------------------------------------------*/

	/*supersized*/
	#supersized-loader {background: url(../images/loader.gif) no-repeat center center;}
	#supersized-logoLoader{background: url(../images/logo3.png)  top left no-repeat;}
	#slidecaption,#s_ind{background: url("../images/transp.png") repeat scroll 0 0 transparent;}
	#supersized li {background: #000;}
	#prevslide{right:100px; background: url(../images/slide_nav.png) 0 -100px no-repeat;}
	#nextslide{right:50px; background: url(../images/slide_nav.png) 0 -0px no-repeat;}
	#prevslide:hover{background:url(../images/slide_nav.png) 0 -150px no-repeat;}
	#nextslide:hover{background:url(../images/slide_nav.png) 0px -50px no-repeat;}
	
	/*sidebar + close + launch and content background*/
	#sideBar #inner,#content-wrapper{background:#000;}
	#sideBar  #close-but{background:url(../images/toggle_but.png) top center no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:14px;color:#666;}
	#sideBar  #close-but:hover{background:url(../images/toggle_but.png) 0px -42px;color:#fff;}
	#launch-but{font-family:Arial, Helvetica, sans-serif;}
	#launch-but #circle{background:#fc5334;}
	#launch-but #circle-overlay{background:#000;}
	#launch-but #label{text-align:center;color:#fff;}

/*--------------------------------------------------------
	4.MENU
--------------------------------------------------------*/

	#navContainer{border-top:1px dotted #9e9e9e;}
	#nav li a{font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; text-transform:uppercase;text-decoration:none; text-transform:uppercase;}
	#nav li a:hover{text-decoration:none;color:#ccc;}
	#nav li a.active {color:#ccc;}


/*--------------------------------------------------------
	5.PAGE ELEMENTS
--------------------------------------------------------*/

	/*i.---twitter*/
	.jScrollPaneTrack {background: #111;}
	.jScrollPaneDrag {background: #666;}
	.tweet{border-bottom:1px dotted #333}
	.tweet .user a{font-size:14px; text-decoration:none; color:#ccc; font-weight:normal; font-family:'Ubuntu'}
	.tweet .user a:hover{text-decoration:none; color:#222;}
	.tweet .txt{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;font-style:italic;}
	.tweet .time{color:#333; font-family:Arial, Helvetica, sans-serif;text-transform:none;}
	.tweet .brace{background: url(../images/twitter_brace.png) top left no-repeat;}
	
	/*ii.---team list*/
	ul.listStyle li{border-bottom:1px dotted #333;}
	ul.listStyle li p{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	ul.listStyle li p span.name{font-size:14px;color:#999;}
	ul.listStyle li p span.title{color:#999;background:#111;}
	
	/*iii.---fancybox*/
	#fancybox-outer {background: #000;}
	#fancybox-content {border: 0px solid #000;}
	#fancybox-left-ico {background-image: url(../images/fancybox.png)}
    #fancybox-right-ico {background-image: url(../images/fancybox.png)}
	#fancybox-close {background: transparent url(../images/fancybox.png) -40px 0px;}
	#fancybox-title-over {background-image: url(../images/caption_bkg.png);}
	
	
	/*iv.---porfolio*/
	._logoThumb{background:url(../images/logo_hover.png) 0 -160px no-repeat;}
	
	/*v.---blog*/
	.post .entrySpec{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cccccc;}
	#blogContainer ul li div.post{border-bottom:1px dotted #333;}
	.comment{background: url(../images/comments_blog.png) center center no-repeat;font-family:"Bebas Neue"; font-size:30px;}
	._div{border-bottom:1px dotted  #2f2f2f;}
	._logoBlog{background:url(../images/logo_hover2.png) 0 -500px no-repeat;}
	
	/*vi.---form*/
	.field{background: url(../images/raster_form.png);border:1px solid transparent;font-family: Arial, Helvetica, sans-serif; font-size:12px;}
	.field:focus{border:1px solid transparent; color:#fff;}
	.tarea{background: url(../images/raster_form.png);border:1px solid transparent; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	.tarea:focus{background: url(../images/raster_form.png);border:1px solid transparent; color:#fff;}
	.formReset{background: url(../images/raster_form.png);border:1px solid transparent;}
	.formVerify{background: url(../images/raster_form.png);border:1px solid transparent; color:#fff;}
	.formLoader{background: url(../images/white/loader.gif) no-repeat;}
	
	/*vii.---buttons*/
	.sendForm{background-color:#111;font-family:Arial, Helvetica, sans-serif;font-size:15px; color:#888;}
	.sendForm:hover{background:#00ccff; color:#fff;}
	
	/*viii.---pagination*/
	.page_navigation a, .alt_page_navigation a{background:url(../images/page_sel.png) 0 0  no-repeat;}
	.active_page{background:url(../images/page_sel.png) 0px -10px  no-repeat !important;text-decoration:none;}



/*--------------------------------------------------------
	6.FOOTER
--------------------------------------------------------*/

	#footer{border-top:1px solid #333;font-family:Arial, Helvetica, sans-serif; font-size:11px;}


/*--------------------------------------------------------
	7.LINKS
--------------------------------------------------------*/

	a,a:visited{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; text-decoration:none;}
	a:hover{text-decoration:underline;}
	a.r-more,a:visited.r-more{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00ccff; text-decoration:none;}
	a.r-more:hover{text-decoration:underline;}


/*--------------------------------------------------------
	8.TYPOGRAPHY
--------------------------------------------------------*/

	h1{font-family: "Helvetica Neue"; font-size:130px;float:left;border-bottom:1px dotted #2f2f2f;line-height:130px;}

	p{font-family:Arial, Helvetica, sans-serif; font-size:13px;margin-bottom: 20px;}
	p.slogan{font-family: Arial, Helvetica, sans-serif;  font-size:12px;color:#00ccff;}
	blockquote{background: url(../images/open_quote.png)0 0 no-repeat;font-style: italic;}
	blockquote p {font-size:15px;color:#ccc;}
	blockquote p.clientRef {font-size:11px;}