H1
{
}
/*------------------------------------------------------

Theme Name: Studio 8 - version 1.2
Type: WHITE

CSS overview:

1. Resets
2. Backgorund
3. Main Elements
i.gobal wrapper
ii.sidebar +content
4. Menu
5. Theme elements
i.twitter
ii.fancybox
iii. portfolio
iv.blog
v.form elements
vi.pagination
6. Footer
7. Links
8. Typography
9. Standard Elements
i.buttons
ii.columns
iii. highlights
iv.boxes
v.media frames
vi.lists
vii.content lists
viii.blockquotes
ix. social
x. divs
10. Misellaneous


---------------------------------------------------------
--------------------------------------------------------
1.BACKGROUND
--------------------------------------------------------*/
#slidecaption
{
}
BODY
{
	background: #FFF;
}
.raster
{
	background: url(../images/white/raster.png) repeat;
}
.content-loader
{
	display: none;
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(../images/white/loader.gif) no-repeat;
	top: 60px;
	left: 235px;
	z-index: 99;
}
/*--------------------------------------------------------
2.COMMONS
--------------------------------------------------------*/
.tweet .txt, P, #footer, #nav LI A, BLOCKQUOTE P.clientRef, .field, .tarea, UL.list
{
	color: #999;
}
#slidecaption, #slidecaption-grande, .comment, #sideBar #toggle, .sendForm, H1, #fancybox-title
{
	color: #FFFFFF;
	font-size: 40.5pt;
}
P, P.slogan, A, .field, .fieldNotify, .tarea, .tweet .txt, #nav, .tweet .time, #footer, UL.list, .button
{
	font-family: "Helvetica Neue", Helvetica, Arial;
}
/*--------------------------------------------------------
3.MAIN ELEMENTS
--------------------------------------------------------
----------------------------
i.-- supersized
-----------------------------*/
#supersized-loader
{
	background: url(../images/white/loader.gif) no-repeat center center;
}
#slidecaption, #s_ind
{
	background: #FFF;
}
#supersized LI
{
	background: #FFF;
}
#prevslide
{
	right: 50px;
	background: url(../images/white/slide_nav.png) no-repeat 0 -100px;
}
#nextslide
{
	right: 0px;
	background: url(../images/white/slide_nav.png) no-repeat 0 0px;
}
#prevslide:hover
{
	background: url(../images/white/slide_nav.png) no-repeat 0 -150px;
}
#nextslide:hover
{
	background: url(../images/white/slide_nav.png) no-repeat 0px -50px;
}
/*----------------------------
ii.-- sidebar/close/launch/bkg
-----------------------------*/
#sideBar #inner, #content-wrapper
{
	background: #FFF;
}
#sideBar #close-but
{
	background: url(../images/white/toggle_but.png) no-repeat top center;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 14px;
	color: #999;
}
#sideBar #close-but:hover
{
	background: url(../images/white/toggle_but.png) 0px -42px;
	color: #829CA2;
}
#launch-but
{
	font-family: Arial, Helvetica, sans-serif;
}
#launch-but #circle
{
	background: #609DB2;
}
#launch-but #circle-overlay
{
	background: #5C727B;
}
#launch-but #label
{
	text-align: center;
	color: #FFF;
}
/*--------------------------------------------------------
4.MENU
--------------------------------------------------------
----------------------------
ii.-- main menu
-----------------------------*/
#navContainer
{
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
#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: #333;
}
#nav LI A.active
{
	color: #333;
}
/*----------------------------
ii.-- sub menu
-----------------------------*/
#nav UL
{
	font-size: 12px;
}
#nav LI UL A
{
	text-transform: lowercase;
	color: #CCC;
}
#nav LI:hover A
{
	text-decoration: none;
	text-shadow: none;
}
#nav LI:hover UL A
{
	text-decoration: none;
	font-size: 12px;
}
/*--------------------------------------------------------
5.PAGE ELEMENTS
--------------------------------------------------------
----------------------------
i.-- twitter
-----------------------------*/
.jScrollPaneTrack
{
	background: #CCC;
}
.jScrollPaneDrag
{
	background: #666;
}
.tweet
{
	border-bottom: 1px dotted #CCC;
}
.tweet .user A
{
	font-size: 14px;
	text-decoration: none;
	color: #666;
	font-weight: normal;
	font-family: Ubuntu;
}
.tweet .user A:hover
{
	text-decoration: none;
	color: #CCC;
}
.tweet .txt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
}
.tweet .time
{
	color: #CCC;
	font-family: "Helvetica Neue", Helvetica, Arial;
	text-transform: none;
}
.tweet .brace
{
	background: url(../images/white/twitter_brace.png) no-repeat top left;
}
/*----------------------------
ii.-- fancybox
-----------------------------*/
#fancybox-outer
{
	background: #FFF;
}
#fancybox-content
{
	border: 0px solid #FFF;
}
#fancybox-left-ico
{
	background-image: url(../images/white/fancybox.png);
}
#fancybox-right-ico
{
	background-image: url(../images/white/fancybox.png);
}
#fancybox-close
{
	background: transparent url(../images/white/fancybox.png) -40px 0px;
}
#fancybox-title-over
{
	background-image: url(../images/white/caption_bkg.png);
	visibility: hidden;
}
/*----------------------------
iii.-- portfolio
-----------------------------*/
._logoThumb
{
	background: url(../images/white/logo_hover.png) no-repeat 0 -160px;
}
._videoThumb
{
	background: url(../images/white/logo_hover.png) no-repeat 0 -160px;
}
/*----------------------------
iv.-- blog
-----------------------------*/
.entrySpec
{
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 12px;
	color: #666;
}
#blogContainer UL LI DIV.post, #blogContainerUnpaginated UL LI DIV.post
{
	border-bottom: 1px dotted #CCC;
}
.comment
{
	background: url(../images/white/comments_blog.png) no-repeat center center;
	font-family: "Bebas Neue";
	font-size: 30px;
}
.post_close
{
	background: url(../images/white/toggle_but2.png) no-repeat -33px 0;
}
/*----------------------------*/
#logo
{
	margin-bottom: 3px;
	padding-bottom: 21px;
}
/*v.-- form elements
-----------------------------*/
.field
{
	border: 1px solid #CCC;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 12px;
}
.field:focus
{
	background: #F7F7F7;
	border: 1px solid #CCC;
	color: #00CCFF;
}
.tarea
{
	border: 1px solid #CCC;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 12px;
}
.tarea:focus
{
	border: 1px solid #CCC;
	color: #00CCFF;
	background: #F7F7F7;
}
.formReset
{
	border: 1px solid #CCC;
}
.formVerify
{
	border: 1px solid #CCC;
	color: #00CCFF;
}
.formLoader
{
	background: url(../images/white/loader.gif) no-repeat;
}
/*----------------------------
vi.-- pagination
-----------------------------*/
.page_navigation A, .alt_page_navigation A
{
	background-color: #FFF;
	background-image: url(../images/white/page_sel.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.active_page
{
	background-color: #FFF;
	background-image: url(../images/white/page_sel.png);
	background-position: 0px -10px;
	background-repeat: no-repeat !important;
	text-decoration: none;
}
/*--------------------------------------------------------
6.FOOTER
--------------------------------------------------------*/
#footer
{
	border-top: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/*--------------------------------------------------------
7.LINKS
--------------------------------------------------------*/
A, A:visited
{
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 12px;
	color: #829CA2;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
A.r-more, A:visited.r-more
{
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 12px;
	color: #00CCFF;
	text-decoration: none;
}
A.r-more:hover
{
	text-decoration: underline;
}
/*--------------------------------------------------------
8.TYPOGRAPHY
--------------------------------------------------------*/
H1, H2, H3, H4, H5, H6
{
	color: #666;
	font-family: Ubuntu;
}
H1.pageHeading
{
	font-family: "Bebas Neue";
	color: #000 !important;
	font-size: 50.1pt;
}
P
{
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 12px;
	line-height: 16px;
}
P.slogan
{
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 12px;
	color: #00CCFF;
}
/*--------------------------------------------------------
9.STANDARD ELEMENTS
--------------------------------------------------------
----------------------------
i.--standard buttons
-----------------------------*/
.button
{
	background-color: #EEE;
	color: #888;
	text-decoration: none !important;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}
.button:hover
{
	text-decoration: none;
}
/*button sizes
ref to style.css
button colors*/
.button:hover
{
	color: #FFF;
}
.button.teal
{
	background-color: #00CCFF;
	color: #FFF !important;
}
.button.teal:hover
{
	background-color: #18C6F1;
	color: #FFF !important;
}
.button.navy
{
	background-color: #3A74A1;
}
.button.navy:hover
{
	background-color: #2E648D;
}
.button.red
{
	background-color: #F31616;
}
.button.red:hover
{
	background-color: #E21616;
}
.button.magenta
{
	background-color: #BB1A61;
}
.button.magenta:hover
{
	background-color: #9E1652;
}
.button.orange
{
	background-color: #FF9600;
}
.button.orange:hover
{
	background-color: #F09411;
}
.button.yellow
{
	background-color: #FFCC00;
}
.button.yellow:hover
{
	background-color: #FDB10D;
}
.button.green
{
	background-color: #8DB513;
}
.button.green:hover
{
	background-color: #7B9E10;
}
/*button effects*/
.button.shadow
{
/*-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);box-shadow: 0 1px 3px rgba(0,0,0,0.5);border-bottom: 1px solid rgba(0,0,0,0.25);*/
}
.button.rcorners
{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.button.txtshadow
{
	text-shadow: 0px 1px 1px #000;
}
.button.txtemboss
{
	text-shadow: 0px -1px #666;
}
.button.shading
{
	background-image: url(../images/white/but_overlay.png) !important;
	background-repeat: repeat-x;
}
/*----------------------------
ii.--columns
-----------------------------
ref to style.css
----------------------------
iii.--standard highlights
-----------------------------*/
.highlight
{
	background: #000;
	color: #FFF;
}
/*highlights colors*/
.highlight.gray
{
	background-color: #666;
}
.highlight.teal
{
	background-color: #3EC3E4;
}
.highlight.navy
{
	background-color: #3A74A1;
}
.highlight.red
{
	background-color: #F31616;
}
.highlight.magenta
{
	background-color: #BB1A61;
}
.highlight.orange
{
	background-color: #FF9600;
}
.highlight.yellow
{
	background-color: #FFCC00;
}
.highlight.green
{
	background-color: #8DB513;
}
/*highlights effects*/
.highlight.italic
{
	font-style: italic;
}
.highlight.bold
{
	font-weight: bold;
}
/*----------------------------
iv.--standard boxes
-----------------------------*/
.box
{
	color: #000;
	font-size: 12px;
}
/*code excerpts*/
.box.tt_code_box
{
	background-image: url(../images/code_logo.png);
	background-position: top right;
	background-repeat: no-repeat;
}
PRE, CODE
{
	background: url(../images/code_bkg.png) repeat;
	color: #666;
	border: 1px solid #DDD;
}
CODE.rcorners
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/*box styles*/
.box_elegant
{
	background-image: url(../images/white/box_overlay.png);
	background-repeat: repeat-x;
	font-family: "Helvetica Neue", Helvetica, Arial;
	color: fff;
}
.box_elegant.rcorners
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/*box colors*/
.box_elegant.normal
{
	background-color: #999;
	border: 1px solid #666;
	color: #FFF;
}
.box_elegant.info
{
	background-color: #D7E7F5;
	border: 1px solid #AACEE6;
	color: #3A74A1;
}
.box_elegant.success
{
	background-color: #D0E369;
	border: 1px solid #A8CF2F;
	color: #7B9E10;
}
.box_elegant.attention
{
	background-color: #FCF099;
	border: 1px solid #FFDB4F;
	color: #FDB10D;
}
/*----------------------------
v.-- media frames/shadows
-----------------------------
frames*/
.media_holder
{
	background: url(../images/white/loader.gif) no-repeat center center;
}
._border_simple
{
	border: 1px solid #EAEAEA;
}
._border_thick-1
{
	background: url(../images/white/frame_bkg.png) repeat 0 0;
}
._border_thick-2
{
	background: #999 url(../images/white/frame_bkg.png) repeat 0 0;
}
._inner_shadow IMG, ._inner_shadow IFRAME, ._inner_shadow A
{
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	text-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3);
}
/*image-hover containers*/
._rollover
{
	position: absolute;
	border: none;
	z-index: 2;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	background-image: url(../images/white/transparent.png);
	background-repeat: repeat;
}
/*----------------------------
vi.--lists
-----------------------------*/
UL.list LI
{
	background: url(../images/white/list_items_theme.png) no-repeat 0 0;
	margin-bottom: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	font-size: 12px;
}
UL.list LI SPAN
{
	background: #FFF;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 16px;
	z-index: -1;
}
/*list colors*/
UL.list LI.gray
{
	background: url(../images/elements/lists/list_items_gray.png) no-repeat;
}
UL.list LI.teal
{
	background: url(../images/elements/lists/list_items_teal.png) no-repeat;
}
UL.list LI.navy
{
	background: url(../images/elements/lists/list_items_navy.png) no-repeat;
}
UL.list LI.red
{
	background: url(../images/elements/lists/list_items_red.png) no-repeat;
}
UL.list LI.magenta
{
	background: url(../images/elements/lists/list_items_magenta.png) no-repeat;
}
UL.list LI.orange
{
	background: url(../images/elements/lists/list_items_orange.png) no-repeat;
}
UL.list LI.yellow
{
	background: url(../images/elements/lists/list_items_yellow.png) no-repeat;
}
UL.list LI.green
{
	background: url(../images/elements/lists/list_items_green.png) no-repeat;
}
/*list style*/
UL.list LI.arrow
{
	background-position: -16px -16px;
}
UL.list LI.check
{
	background-position: -32px -32px;
}
UL.list LI.plus
{
	background-position: -48px -48px;
}
UL.list LI.minus
{
	background-position: -64px -64px;
}
UL.list LI.arrow2
{
	background-position: -80px -80px;
}
/*----------------------------
vii.-- content lists
-----------------------------*/
UL.content_list LI
{
	border-bottom: 1px dotted #CCC;
}
UL.content_list LI P
{
/*font-family:Arial, Helvetica, sans-serif;*/
	font-size: 12px;
}
UL.content_list LI P SPAN.name
{
	font-size: 14px;
	color: #888;
}
UL.content_list LI P SPAN.title
{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #888;
	background: #EEE;
}
UL.content_list LI.last
{
	border: none;
	padding: 0px;
}
/*----------------------------
vii.-- comment lists
-----------------------------*/
UL.comment_list LI
{
	border-bottom: 1px dotted #CCC;
}
UL.comment_list LI P
{
/*font-family:Arial, Helvetica, sans-serif;*/
	font-size: 12px;
}
.comment_date
{
	font-size: 12px;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial;
}
.comment_name
{
	font-size: 14px;
	color: #999;
	font-family: Ubuntu;
}
UL.comment_list LI.last
{
	border: none;
	padding: 0px;
}
/*----------------------------
viii.--blockquotes
-----------------------------*/
BLOCKQUOTE
{
	background: url(../images/white/open_quote.png) no-repeat 0 0;
	font-style: italic;
	font-size: 15px;
	line-height: 20px;
}
/*quote positioning*/
BLOCKQUOTE P
{
	font-size: 15px;
	color: #666;
}
BLOCKQUOTE P.clientRef
{
	font-size: 11px;
	color: #999;
}
/*blockquote alignment
ref style.css
----------------------------
ix.--divs
-----------------------------*/
.div-simple
{
	width: 100%;
	height: 1px;
	border-top: 1px transparent;
	border-bottom: 1px solid #CCC;
}
.div-double
{
	width: 100%;
	height: 0px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
}
/*div styles*/
.dotted
{
	border-top-style: dotted;
	border-bottom-style: dotted;
}
.dashed
{
	border-top-style: dashed;
	border-bottom-style: dashed;
}