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

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/black/raster.png) repeat;
}
/*--------------------------------------------------------
2.COMMONS
--------------------------------------------------------*/
.tweet .txt, P, #footer, #nav LI A, BLOCKQUOTE P.clientRef, .field, .tarea, UL.listStyle LI P
{
	color: #666;
}
#slidecaption, #slidecaption-grande, .comment, #sideBar #toggle, .sendForm, H1, #fancybox-title
{
	color: #F51;
}
/*--------------------------------------------------------
3.MAIN ELEMENTS
--------------------------------------------------------
supersized*/
#supersized-loader
{
	background: url(../images/black/loader.gif) no-repeat center center;
}
#supersized-logoLoader
{
	background: url(../images/black/logo.png) no-repeat top left;
}
#slidecaption, #s_ind
{
	background: #000;
}
#supersized LI
{
	background: #000;
}
#prevslide
{
	right: 50px;
	background: url(../images/black/slide_nav.png) no-repeat 0 -100px;
}
#nextslide
{
	right: 0px;
	background: url(../images/black/slide_nav.png) no-repeat 0 0px;
}
#prevslide:hover
{
	background: url(../images/black/slide_nav.png) no-repeat 0 -150px;
}
#nextslide:hover
{
	background: url(../images/black/slide_nav.png) no-repeat 0px -50px;
}
/*sidebar + close + launch and content background*/
#sideBar #inner, #content-wrapper
{
	background: #000;
}
#sideBar #close-but
{
	background: url(../images/black/toggle_but.png) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}
#sideBar #close-but:hover
{
	background: url(../images/black/toggle_but.png) 0px -42px;
	color: #FFF;
}
#launch-but
{
	font-family: Arial, Helvetica, sans-serif;
}
#launch-but #circle
{
	background-color: #FE5B00;
}
#launch-but #circle-overlay
{
	background: #000;
}
#launch-but #label
{
	text-align: center;
	color: #FFF;
}
/*--------------------------------------------------------
4.MENU
--------------------------------------------------------*/
#navContainer
{
	border-top: 1px dotted #2F2F2F;
	border-bottom: 1px dotted #2F2F2F;
}
#nav LI A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	text-transform: uppercase;
}
#nav LI A:hover
{
	text-decoration: none;
	color: #FFF;
}
#nav LI A.active
{
	color: #FFF;
}
/*--------------------------------------------------------
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/black/twitter_brace.png) no-repeat top left;
}
/*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/black/fancybox.png);
}
#fancybox-right-ico
{
	background-image: url(../images/black/fancybox.png);
}
#fancybox-close
{
	background: transparent url(../images/black/fancybox.png) -40px 0px;
}
#fancybox-title-over
{
	background-image: url(../images/black/caption_bkg.png);
}
/*iv.---porfolio*/
._logoThumb
{
	background: url(../images/black/logo_hover.png) no-repeat 0 -160px;
}
/*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/black/comments_blog.png) no-repeat center center;
	font-family: "Bebas Neue";
	font-size: 30px;
}
._div
{
	border-bottom: 1px dotted #2F2F2F;
}
._logoBlog
{
	background: url(../images/black/logo_hover2.png) no-repeat 0 -500px;
}
/*vi.---form*/
.field
{
	background: url(../images/black/raster_form.png);
	border: 1px solid transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.field:focus
{
	border: 1px solid transparent;
	color: #00CCFF;
}
.tarea
{
	background: url(../images/black/raster_form.png);
	border: 1px solid transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tarea:focus
{
	background: url(../images/black/raster_form.png);
	border: 1px solid transparent;
	color: #00CCFF;
}
.formReset
{
	background: url(../images/black/raster_form.png);
	border: 1px solid transparent;
}
.formVerify
{
	background: url(../images/black/raster_form.png);
	border: 1px solid transparent;
	color: #00CCFF;
}
.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/black/page_sel.png) no-repeat 0 0;
}
.active_page
{
	background: url(../images/black/page_sel.png) no-repeat 0px -10px !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: 12px;
	color: #00CCFF;
	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: "Bebas Neue";
	font-size: 60px;
	float: left;
	border-bottom: 1px dotted #2F2F2F;
	line-height: 100px;
}
H2, H3, H5, H6
{
	color: #CCC;
	font-family: Ubuntu;
}

 H4
{
	color: #FF6600;
	font-family: Ubuntu;
}
P
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
P.slogan
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8A8383;
}
BLOCKQUOTE
{
	background: url(../images/black/open_quote.png) no-repeat 0 0;
	font-style: italic;
}
BLOCKQUOTE P
{
	font-size: 15px;
	color: #CCC;
}
BLOCKQUOTE P.clientRef
{
	font-size: 11px;
}