/*
Theme Name: Super Bien Total
Theme URI: http://www.villagegreenstudio.com
Description: Super Bien Total Theme. 
Author: Village Green
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags:
*/

/*
#0	browser css reset
#1	quick classes
#2	typography
#3 	layout
#4 	header
#5 	navigation
#6 	content
#7	format
#8 	sidebars
#9 	footer
#10	comments
#11	widgets
#12 mobile
#13 print styles
*/

/************************************************** #0 		browser css reset */

html, body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; } li { list-style-type: none; }body{line-height: 1;}

/************************************************** #1 		quick classes */

.fldi 	{ float: left; 	display: inline; }
.frdi 	{ float: right; display: inline; }
.fldb 	{ float: left; 	display: block; }
.frdb 	{ float: right; display: block; }
.pr		{ position: relative; }
.pa		{ position: absolute; }

.curved-8 {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	behavior: url(http://www.superbientotal.com/wp-content/themes/wojo_sandbox/includes/js/PIE.php);
}

/************************************************** #2 		typography */
html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}
body {
	font-size: 1em;
	font-family: Century Gothic, sans-serif;
	line-height: 16pt;
	
}
#shell {
	margin: 0 auto;
	font-size: 85%;
}
a { color: #fff; text-decoration: none; } 
a:hover { color: #dadada; }
h1, h2, h3, h4, h5 {
	font-weight: bold;
	clear: both;
	margin-bottom: 10px;
}

::selection {
background:#f7ee3b;
color:#fff;
}
::-moz-selection {
background:#f7ee3b;
color:#fff;
}
::-webkit-selection {
background:#f7ee3b;
color:#fff;
}

/************************************************** #3 		layout */

body {
	background: #999999;
}
#shell {
	width: 1000px;
	padding: 0px 0 10px 10px;
}
#wrapper {
	width: 1000px;
}
#header {
	width: 1000px;
}

/************************************************** #4 		header */

div.logo-block h1 { margin-bottom: 0px; }
div.logo-block h1 a {
	width: 423px;
	height: 255px;
	background: url(includes/images/logo.png) no-repeat top left;
}
div.contact {
	width: 250px;
	padding-top: 10px;
}
form#searchform { 
	margin-top: 10px; 
}
form#searchform, div.search-bg {
	width: 250px;
	height: 22px;
}
#searchform input {
	border: none;
	background: none;
}
div.search-bg {
	width: 248px;
	background: #212121;
	border: 1px solid #555;
}
input#s {
	width: 200px;
	height: 22px;
	color: #fff;
	padding-left: 10px;
	line-height: 16pt;
	font-weight: bold;
	text-transform: uppercase;
}
input#searchsubmit {
	background: url(includes/images/search.png) no-repeat top left !important;
	width: 20px;
	height: 14px;
	margin: 4px 0 0 9px;
	cursor: pointer;
}
form.news {
	width: 250px;
	border: none;
}
form.news div {
	width: 250px;
	height: 22px;
	background: #656565;
}
form.news input {
	background: none;
	border: none;
}
input.email {
	width: 200px;
	height: 22px;
	color: #fff;
	padding-left: 10px;
	line-height: 16pt;
	font-weight: bold;
	color: #888;
}
input.e-link {
	width: 20px;
	height: 13px;
	background: url(includes/images/email.png) no-repeat top left !important;
	margin: 4px 0 0 7px;
	cursor: pointer;
}

/************************************************** #5 		navigation */

/************************************************** #6 		content */

/************ #6.1 		grid index */
#follow {
	display: none;
}
#grid {
	width: 750px;
	margin-top: 10px;
}
#grid #block {
	width: 240px;
	height: 170px;
	overflow: hidden;
	position: relative;
	float: left;
	display: block;
	margin: 0 10px 10px 0;
}
#grid #block span.content {
	width: 165px;
	top :0px;
	left:0px;
	margin: 30px 0 0 37px;
	text-align: center;
	display: none;
}
h2.title {
	width: 115px;
	margin-left: 25px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
}
h2.title-o {
	width: 115px;
	margin: 30px 0 0 60px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
}
h2.title a {
	color: #fff;
}
ht.title-o {
	display: block;
}

#post-layer{
	width: 490px;
	left: 250px;
	background: #000;
	z-index: 9999;
	display: none;
}
#post-layer-open {
	width: 490px;
	left: 250px;
	background: #000;
	z-index: 9999;
}
#post-layer-open h1 {
	font-family: Century Gothic, sans-serif;
	font-size: 8em;
	letter-spacing: 12px;
	padding: 90px 0;
	border-bottom: 1px solid #fff;
	width: 470px;
	height: 95px;
	text-align: center;
}
div.ssg-gplayer span.title a {
	color: #000 !Important;
}
div.share {
	width: 470px;
	height: 50px;
	padding-top: 15px;
}
span.c-3 { background: #1e6873; }
span.c-4 { background: #9d3c50; }
span.c-5 { background: #22326e; }
span.c-6 { background: #5d316c; }

span.c-7 {	background: #1699ad; }
span.c-8 {	background: #f3960b; }
span.c-9 {	background: #4250bd; }
span.c-10 {background: #36902e; }
span.c-11 {background: #fee101; }

li.icon_text { padding-right: 10px !Important; }
li.icon_text span {
	margin-left: 3px;
}
li.icon_text img {
	margin-top: 2px !important;
}
li.icon_text a {
	text-decoration: none !Important;
}
	
/************ #6.2 		single page */
span.cat-colour {
	width: 470px;
	height: 120px;
}
#single-content {
	width: 490px;
	padding: 90px 0 0 10px;
	color: #fff;
}
#single-content img {
	width: 470px;
	float: left;
	display: block;
}
#single-content h2 {
	width: 100%;
	height: 20px;
	color: yellow;
	text-transform: uppercase;
	font-family: Century Gothic, sans-serif;
	padding-top: 20px;
}
#single-content p {
	margin-bottom: 10px;
}
#single-content a {
	text-decoration: underline;
}
div.content {
	width: 470px;
	padding: 10px 0 5px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
div.content object {
	margin-bottom: 10px;
}
div.content p {
	width: 470px;
	float: left;
	display: block;
}
#single-content {
	font-family: Courier New, "Courier", monospace;
	font-weight: normal;
}
a.close {
	width: 476px;
	height: 14px;
	padding: 100px 0 10px 0;
	background: url(includes/images/no.png) no-repeat center right;
	right: 265px;
	top: 60px;
	z-index: 999999;
	display: none;
}
span.video {
	width: 100%;
	height: 34px;
	background: url(includes/images/video.png) no-repeat top center;
}
span.audio {
	width: 100%;
	height: 42px;
	background: url(includes/images/audio.png) no-repeat top center;
}
.p-c { margin-top: 10px; border-bottom: none !Important;}

iframe.youtube-player {
	background: url(includes/images/ajax-loader.gif) no-repeat center center;
}
#searchformopen {
	width: 740px;
	height: 95px;
}
#searchformopen #sopen {
	width: 640px;
	height: 92px;
	background: none;
	color: #000;
	border-bottom: 2px solid #000;
	border-right: none;
	border-left: none;
	border-top: none;
	font-size: 4em;
	font-family: Century Gothic, sans-serif;
	line-height: 82pt !important;
}
input#searchsubmitopen {
	width: 90px;
	height: 94px;
	background: url(includes/images/search-large.png) no-repeat top left;
	border-bottom: 2px solid #000 !Important;
	border: none;
	cursor: pointer;
}
/************ #6.4 		overlay */

#overlay {
	width: 10000px;
	height: 10000px;
	background: #000000;
	top: 0px;
	left: 0px;
	z-index: 99;
	display: none;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
#overlay a.close {
	width: 250px;
	height: 250px;
	top: 20px;
	right: 10px;
	background: url(includes/images/close.png) no-repeat top left;
} 
#overlay-open {
	width: 100%;
	height: 100%;
	background: #000;
	top: 0px;
	left: 0px;
	z-index: 99;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: fixed;
	display: none;
}
#overlay-open a.close {
	width: 250px;
	height: 250px;
	top: 20px;
	right: 10px;
	background: url(includes/images/close.png) no-repeat top left;
} 
/************************************************** #7 		format */

/************************************************** #8 		sidebars */

#primary, #primary ul, #primary .widget, #primary h3 {
	width: 250px;
	float: left;
	display: block;
	padding-top: 2px;
}
#primary h3 {
	text-transform: uppercase;
	padding-bottom: 6px;
}
h3.link a {
	color: #000;
}
h3.link {
	margin: 0px 0 5px 0;
	border-bottom: 2px solid #000;
}
h3.l-top {
	border-top: 2px solid #000;
	padding-top: 4px;
	margin-top: 5px;
}
a.cat-w {
	width: 250px;
	float: left;
	display: block;
	margin-top: -3px;
}
a.c-3 {	color: #1e6873; }
a.c-4 {	color: #9d3c50; }
a.c-5 {	color: #22326e; }
a.c-6 {	color: #5d316c; }

a.c-7 {	color: #1699ad; }
a.c-8 {	color: #f3960b; }
a.c-9 {	color: #4250bd; }
a.c-10 {color: #36902e; }
a.c-11 {color: #fee101; }

a.cat-w { font-weight: bold; text-transform: uppercase;	}

div.widget {
	float: left;
	display: block;
}
div.widget h3 {
	padding-top: 3px;
}

ul.hl_recent_tweets {
	width: 250px;
	font-family: Courier New, "Courier", monospace;
	font-weight: normal;
	font-size:10pt;
}
ul.hl_recent_tweets li {
	width: 250px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
	letter-spacing: -1px;
}
span.tags-a {
	color: #000;
	width: 250px;
	padding-bottom: 30px;
}
span.tags-a a {
	color: #000;
	text-transform: uppercase;
	font-family: Courier New, "Courier", monospace;
	font-size: 1em !important;
	float: left;
	display: inline;
}
span.tags-a a:hover {
	color: #fff;
}
span.tags-a span {
	padding: 0 5px;
	float: left;
	display: inline;
}
/************************************************** #9 		footer */

div.navigation {
	width: 750px;
}
div.navigation a {
	font-family: Courier New, "Courier", monospace;
	color: #000;
}

/************************************************** #10 	comments */

/************************************************** #11		widgets */

/************************************************** #12 	mobile */

/************************************************** #13 	print styles */

body.single #single-content {
	padding-top: 5px;
	width: 740px;
}
#haiku-player1 {
	float: left;
	display: block;
	height: 40px;
	width: 470px;
}