/*======================================
      WELCOME TO THE STYLESHEET
	  
      Author: Sacha Greif ( http://www.sachagreif.com )
======================================*/
 

/**************************************/
/*              GLOBALS               */
/**************************************/


body {
	background:#000 url("/images/template/ocean/bx_page_bg.jpg") repeat-x top;
	font-family:Verdana, Arial, Geneva, sans-serif;
	margin:0;
	color:#DDD;
}
.page_wrapper {
	background:url("/images/template/ocean/bx_wrapper_bg.jpg") no-repeat top center;
}
.sub {
	padding:10px;
}
.container {
	font-size:14px;
	line-height:1.5em;
}
.highlight, .container .highlight {
	font-weight:bold;
	color:#FFF;
	background:none;
}
ul {
	list-style-image:url(/images/template/bx_tick.png);
}
li {
	margin-bottom:10px;
}
ul ul {
	list-style-image:none;
}
.details {
	font-size:12px;
	color:#666;
}
.fleft {
	float:left;
}
img.fleft {
	margin:0 10px 10px 0;
}
.fright {
	float:right;
}
img.fright {
	margin:0 0 10px 10px;
}
/**************************************/
/*             HEADINGS               */
/**************************************/
h1, h2, h3, h4, h5, h6, .nav {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
}
h1 {
	font-size:24px;
	line-height:1.5em;
	color:#000;
}
h2 {
	font-size:48px;
	line-height:1.5em;
}
h3 {
	font-weight:normal;
	font-size:24px;
	line-height:1.5em;
	letter-spacing:1.2px;
}
h4 {
	font-size:18px;
	line-height:1.5em;
	letter-spacing:1.2px;
	font-variant:small-caps;
}
h5 {
	font-size:16px;
	line-height:1.5em;
	color:#999;
	font-variant:small-caps;
}
h6 {
	font-size:14px;
	line-height:1.5em;
	color:#999;
}
.section-title, .post-title {
	font-weight:normal;
	font-size:24px;
	border-bottom:#4f979f 1px solid;
	margin-bottom:12px;
}
/**************************************/
/*              LINKS                 */
/**************************************/
a, .container a, .container a:link, button, .container button {
	text-decoration:none;
	color:#36e0f3;
}
a:visited, .container a:visited {
	color:#2b6970;
	text-decoration:none;
}
a:hover, .container a:hover, button:hover, .container button:hover {
	color:#fff;
	text-decoration:underline;
}
a[href^="http:"], a[href^="http:"]:visited{
	background:none; padding:0; margin:0;
}
/**************************************/
/*              NOTICES               */
/**************************************/
p.notice a:hover {
	color:#000;
}
/**************************************/
/*              BUTTONS               */
/**************************************/
a.small_button {
	font-size:12px;
	padding:0;
	background:url("/images/template/bx_small_button_left_bg.png") no-repeat left top;
	padding-left:11px;
	display:inline-block;
	vertical-align:middle;
}
a.small_button span {
	display:inline-block;
	background:url("/images/template/bx_small_button_right_bg.png") no-repeat right top;
	line-height:25px;
	height:30px;
	padding-right:30px;
	cursor:pointer;
	text-align:left;
}
a.big_button, button.big_button {
	font-size:14px;
	padding:0;
	background:url("/images/template/bx_big_button_left_bg.png") no-repeat left top;
	padding-left:14px;
	display:block;
}
a.big_button span, button.big_button span {
	display:block;
	background:url("/images/template/bx_big_button_right_bg.png") no-repeat right top;
	height:29px;
	padding:7px 30px 7px 0;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
a.big_button img, button.big_button img {
	display:block;
	position:absolute;
	right:15px;
	top:10px;
}
a.small_button:hover, a.featured_link:hover {
	text-decoration:none;
}
/**************************************/
/*               FORMS                */
/**************************************/
.container form div {
	margin-bottom:1.5em;
}
button, .container button {
	border:none;
	cursor:pointer;
	width:220px;
	overflow:visible;
	padding:0 0 0 11px;
}
button span, .container button span {
	top:-1px;
	position:relative;
	padding:3px 40px 7px 0;
	text-align:left;
	line-height:29px;
	height:29px;
}
label {
	display:block;
	text-align:right;
	font-weight:normal;
}
textarea, input[type='text'], input[type='password'], select {
	font-family:Verdana, Arial, Geneva, sans-serif;
	background:#333;
	border:#999 1px solid;
	color:#fff;
	font-size:14px;
	width:220px;
	padding:2px 4px 5px 4px;
}
textarea {
	width:430px
}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
	border-color: #fff;
}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {
	border-color: #36e0f3;
}
#spam_catcher{
	display:none;
	}
/**************************************/
/*              HEADER                */
/**************************************/
.header {
	padding:20px 0 10px 0;
}
#contact-info {
	text-align:right;
	padding-bottom:10px;
	font-size:12px;
	color:#fff;
}
#contact-info a:link {
	color:#fff;
	text-decoration:underline;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav {
	background:url("/images/template/bx_nav_bg.png") no-repeat top right;
	height:32px;
	line-height:27px;
	font-size:18px;
}
#nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
	float:right;
	position:relative;
	z-index:10;
	margin-right:20px;
}
#nav li {
	display:block;
	float:left;
	margin-left:20px;
}
#nav a {
	color:#fff;
}
#nav a:link {
}
#nav a:visited {
}
.JS #nav a:link, .JS #nav a:hover, .JS #nav a:visited, .JS #nav a:active {
	text-decoration:none;
}
/* Represents the background of the highlighted menu-item. */
.JS #nav ul li.back {
	border-bottom:#FFF 2px solid;
	height: 30px;
	z-index: 8;
	position: absolute;
}
.JS #nav ul li.back .left {
	border-bottom:#FFF 2px solid;
	height: 30px;
}
/* Styles for each menu-item. */
.JS #nav ul li a {
	position: relative;
	overflow: hidden;
	z-index: 10;
	letter-spacing: 0;
}
/**************************************/
/*             FRONT PAGE             */
/**************************************/
.front {
	width:960px;
	margin:0 auto;
	height:250px;
	background:url("/images/template/ocean/bx_front_bg.png") no-repeat top center;
	margin-bottom:70px;
}
.tagline .sub {
	padding:30px 10px 30px 20px;
	height:190px;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	line-height:1.5em;
	color:#fff;
}
.notes_wrapper {
	position:relative;
}
.notes {
	position:absolute;
	height:350px;
	width:400px;
	left:-20px;
	top:-40px;
	overflow:hidden;
	background:url("/images/template/bx_notes_bg.png") no-repeat top center;
}
.notes .sub {
	position:absolute;
	height:250px;
	width:290px;
	left:40px;
	top:34px;
	color:#000;
	padding:15px;
}
.featured .thumbnail {
	text-align:center;
}
.featured h3 {
	color:#000000;
	padding:0;
	margin:0;
	border:none;
}
a.featured_link {
	padding:0;
	background:url("/images/template/bx_featured_link_left_bg.png") no-repeat left top;
	padding-left:17px;
	display:inline-block;
	position:absolute;
	top:114px;
	right:32px;
}
a.featured_link span {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	display:inline-block;
	background:url("/images/template/bx_featured_link_right_bg.png") no-repeat right top;
	height:38px;
	padding:15px 48px 0 0;
	cursor:pointer;
}
.headline {
	font-size:14px;
}
.intro p {
	font-size:18px;
	line-height:1.5em;
	margin-bottom:22px;
}
#rss-link {
	color:#ffa223;
}
/**************************************/
/*               FOOTER               */
/**************************************/
.footer .container {
	border-top:1px #ccc solid;
	text-align:center;
	font-size:12px;
	padding-top:1em;
}
/**************************************/
/*           VARIOUS STUFF            */
/**************************************/
.no-margin, .container .no-margin  {
	margin:0;
}
.no-margin-b, .container .no-margin-b  {
	margin-bottom:0;
}
.no-padding, .container .no-padding {
	padding:0;
}
.aleft, .container .aleft{
	text-align:left;
}
.aright, .container .aright{
	text-align:right;
}
.acenter, .container .acenter{
	text-align:center;
}
/**************************************/
/*           STYLE SWITCHER           */
/**************************************/
.switcher {
	background:#000;
	position:fixed;
	color:#fff;
	padding:5px;
	font-size:14px;
	top:5px;
	left:5px;
}
.swticher .styleswitch {
	margin-right:20px;
}
.switcher .styleswitch img {
	vertical-align:middle;
}
/* uncomment the following line to remove the style switcher */
/* .switcher{display:none;} */