/*
Theme Name: Blue Tide Blog
Description: The design for the Blue Tide Blog.
Author: Blue Tide Productions
Author URI: http://bluetideproductions.com
version: 1.0
Tags: BlueTide
*/
/* basics */
* {outline: none;}
html, body {
	margin: 0;
	border: 0;}
body {
	background: #153238 url('css/layout/bg.jpg') top center no-repeat;
	font-family: Tahoma;
	font-size: 12px;
	color: #fff;}
a, a:link, a:visited, a:active {
	color: #a2d22f;
	text-decoration: underline;}
a:hover {text-decoration: none;color: #fe6300;}
input, textarea, select {
	font-family: Tahoma;
	font-size: 12px;
	color: #fff;}
textarea {overflow: auto;}
p {
	margin: 0;
	margin: 0 0 10px;}
pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
 background: #395559;
 display: block;
 color: #fff;
 padding: 0.5em;
 border: 3px solid #849DA1;}

/* wraps */
#siteWrapper{
	margin:0 auto;
	width:960px;}
#wrapper {}
.inner {
	min-height: 1px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 959px;}
.inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
/* start header */
#header {
	height: 165px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;}
#logo {
	margin: 0;
	padding: 0;}
#logo a {
	display: block;
	overflow: hidden;
	width: 245px;
	height: 124px;
	background: url('css/layout/logo.png') no-repeat;
	text-indent: -3000px;
	position: absolute;
	top: 8px;
	left: 28px;}
#main_menu {
	float: right;
	margin: 0;
	padding: 10px 0 0;}
#main_menu li {
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	float: left;}
#main_menu a:link, #main_menu a:visited, #main_menu a:hover, #main_menu a:active {
	display : block;
	height: 26px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	float: left;}
	.menu_home {width: 55px;}
	.menu_home span {background-image:url('css/layout/menu/home.png');}
	.menu_tips {width: 97px;}
	.menu_tips span {background-image:url('css/layout/menu/tips.png');}
	.menu_tuts {width: 73px;}
	.menu_tuts span {background-image:url('css/layout/menu/tutorials.png');}
	.menu_inspir {width: 87px;}
	.menu_inspir span {background-image:url('css/layout/menu/inspirtation.png');}
	.menu_bestof {width: 64px;}
	.menu_bestof span {background-image:url('css/layout/menu/bestof.png');}
	.menu_other {width: 54px;}
	.menu_other span {background-image:url('css/layout/menu/other.png');}
	.menu_news {width: 51px;}
	.menu_news span {background-image:url('css/layout/menu/news.png');}
	.menu_rss {width: 24px;}
	.menu_rss span {background-image:url('css/layout/menu/rss.png');}
#main_menu span {
	cursor: pointer;
	height: 52px;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	text-indent: -3000px;
	overflow: hidden;
	float: left;}
#main_menu span:hover {top: -26px;}
/* end header */

/* start content */
#content {padding:0;}
.section {padding: 0 0 23px;}
.section_inner {
	line-height: 16px;
	padding: 23px 4px 0 0;
	margin: 0 0 0 38px;
	min-height: 1px;}
.section_inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.title_wrapper {
	height: 50px;
	position: relative;
	top: 0;
	left: 0;}
.title_outer {
	background: #38545c;
	opacity: 0.2;
	filter: alpha(opacity=50);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	width: 959px;}
.title_inner {
	height: 42px;
	width: 951px;
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	background: #fff;
	opacity: 0.12;
	filter: alpha(opacity=12);}
.title_wrapper_inner {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	min-height: 1px;}
.title_wrapper_inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.title_wrapper_inner h2 {
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 21px;
	font-weight: normal;
	color: #fff;
	line-height: 46px;
	float: left;
	white-space: nowrap;
	position: relative;
	top: 0;
	left: 0;
	width: 500px;}
.title_wrapper_inner h2 em {
	display: block;
	font-style: normal;}
.title_wrapper_inner a:link, .title_wrapper_inner a:visited, .title_wrapper_inner a:active {
	display: block;
	float: right;
	font-size: 20px;
	color: #5e7379;
	line-height: 50px;
	position: relative;
	top: 0;
	right: 20px;
	text-decoration: none;}
.title_wrapper_inner a:hover {color: #bff0fe;}
/* end content */
	
/* start footer */
#footer {
	margin: 0;
	background: #153238 url('css/layout/footbg.jpg') top left repeat-x;
	width:100%;
	padding:0 0 10px 0;
	border-top:3px solid #030D0F;
	color: #fff;}
#footer .innerFoot{
	width:960px;
	margin:0 auto;}
#footer .section {padding: 0;}
#footer a:link, #footer a:visited, #footer a:active {color: #C2E0EF;}
#footer a:hover {color: #91C5E1;}
#footer h4 {
	background-image:url('css/layout/footer_h4.gif');
	color: #57523c;}
#footer li {background-image: url('css/layout/footer_list.gif');}
#footer .section_inner {
	width: 917px;
	overflow: hidden;
	height: auto;}
#footer .section_inner:after, #footer .inner:after {display: none;}
.website_details {
	width: 215px;
	float: left;
	margin: 2px 66px 0 0;}
.friends {
	width: 307px;
	float: left;}
.places {
	width: 309px;
	float: right;}
.footer_menu {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;}
#footer .footer_menu li {
	float: left;
	background:url('css/layout/footer_menu.gif') no-repeat right center;
	padding: 0 6px 0 5px;}
#footer .footer_menu li.first {padding-left: 0;}
#footer .footer_menu li.last {
	background: none;
	padding-right: 0;}
#footer h4 {
	font-size: 14px;
	color: #78b8ca;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 0 0 6px;
	background:url('css/layout/h4_bg.gif') repeat-x left bottom;}
/* end footer */

#project_list {
	width: 100%;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;}
#project_list_inner {
	width: 100%;
	float: left;}
.project_group {
	width: 917px;
	float: left;
	margin-right: 25px;}

/* about section*/
.designer_foto {
	width: 262px;
	height: 244px;
	background:url('css/layout/designer_foto_wrapper.png') no-repeat;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	margin: -5px 20px 0 0;}
.designer_foto img {
	display: block;
	width: 234px;
	height: 214px;
	border: 6px solid #fff;
	position: absolute;
	top: 9px;
	left: 8px;}
.designer_stats {
	width: 306px;
	float: left;}
.designer_skills {
	width: 305px;
	float: right;}
.section_inner ul {
	margin: 0;
	padding: 0 0 10px;}
.section_inner ul li {
	list-style: none;
	padding: 0 0 0 11px;
	margin: 0 0 3px;
	background:url('css/layout/list_bg.gif') no-repeat left center;}
/* end about section*/

/* works section */
#work .section_inner {padding: 18px 0 0;}
#project_list {
	margin: 0 0 -27px;
	padding: 5px 0 0;}
.project {
	width: 917px;
	min-height: 239px;
	padding: 0 0 27px;}
.project:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.project_foto {
	float: left;
	margin: 12px 0 0;}
.project_foto {
	display: block;
	background:url('css/layout/work_bg.png') no-repeat;
	width: 597px;
	height: 244px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;}
.project_foto img {
	display: block;
	border: 0;
	position: absolute;
	top: 15px;
	left: 14px;}
.project_details {
	width: 305px;
	float: right;}
.project_details h3{
	line-height:19px;}
.project_type {
	margin: 0;
	padding: 5px 0 5px;
	width: 100%;
	overflow: hidden;
	background:url('css/layout/h4_bg.gif') repeat-x;
	line-height: normal;}
.project_type dt {
	margin: 0;
	padding: 0;
	float: left;
	white-space: nowrap;
	color: #78b8ca;}
.project_type dd {
	margin: 0;
	padding: 0;
	float: right;
	white-space: nowrap;
	color: #FE6300;
	font-size: 9px;}
.view_project {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;}
.view_project dt {
	font-size: 12px;
	font-weight: bold;
	color: #d1e9f0;
	margin: 0;
	padding: 0;
	float: left;
	white-space: nowrap;}
.view_project dd {
	width: 211px;
	margin: 0;
	padding: 0;
	float: right;}
.view_project dd a {
	display: block;
	position: relative;
	top: 0;
	left: 0;}
.view_project dd a span {
	display: block;
	width: 16px;
	height: 15px;
	background:url('css/layout/loupe.png') no-repeat;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;}
.project_nav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 803px;
	height: 1px;}
.project_nav dt {
	margin: 0;
	padding: 0;
	left:-105px;
	position:relative;
	line-height: 50px;
	color: #a2d22f;
	font-size: 20px;
	white-space: nowrap;}
.project_nav dd {
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;}
.title_wrapper_inner .project_nav a {
	display: block;
	overflow: hidden;
	float: none;
	display: block;
	width: 28px;
	height: 56px;
	position: absolute;
	top: -3px;
	z-index: 10;}
.project_nav a span {
	height: 112px;
	background-repeat: no-repeat;
	width: 28px;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;}
.project_nav a span:hover {top: -56px;}
#prev span {background-image:url('css/layout/prev.png');}
#next span {background-image:url('css/layout/next.png');}
#prev {left: 85px;}
#next {left: 130px;}
/* end works section */

/* single page */
.entry{
	float:left;
	line-height:20px;
	margin:6px 0 0 5px;
	padding:0 15px 0 18px;
	width:655px;}
.entry  p{
	padding:2px;}
.entry  p img{
	margin:6px auto !important;
	text-align:center !important;
	border:3px solid #91C5E1;}
.entry h3{
	margin: 0;
	padding: 0;
	line-height:21px;
	font-size: 18px;
	font-weight: normal;
	color: #A2D22F;}
	
/* sidebar */
#sidebar {
	font-size:8pt;
	width:258px;
	float:right;
	margin:6px 0;
	padding: 0;}
#sidebar h2{
	font:normal 11pt;
	color: #fff;	
	margin: 10px 0 10px 0;
	background:#395559;
	width:246px;
	border:2px solid #849da1;
	padding:5px 0 5px 8px;}
#sidebar label{
	font:normal 11pt;
	color: #fff;	
	margin: 0;
	padding: 0;}
#sidebar img {padding: 0; margin: 0;}
#sidebar ul {margin:0;padding:0;}
#sidebar ul li {margin: 0;padding: 0;line-height: 13pt;	list-style-type: none;}
#sidebar ul ul {margin:0 0 5px 0;padding:0;}
#sidebar ul ul li {list-style-type: square;margin:5px 3px 5px 25px;padding:0 4px 0 0;}
#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active {
	text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
#shareSection{
	width:225px;
	margin:5px auto;
	padding:6px 0;}
	#shareTwitter{
		margin:4px 5px 0 0;
		float:left;}
	#shareFacebook{
		margin:0;
		float:left;}
	#shareBookmark{
		margin:1px 5px 0 0;
		float:left;}
	#shareEmail{
		margin:1px 5px 0 0;
		float:left;}
	
/* Search */
#headerSearchWrap{
	width:230px;
	float:right;
	text-align:center;
	position:relative;
	top:-3px;
	left:-10px;}
#searchForm {
	padding:0;
	margin:15px auto;
	width:225px;
	text-align:left;
	color:#153238;
	background: url('css/layout/search.jpg') no-repeat;
	height:24px;}
#searchForm .txt-field {
	font-size:12px;
	color:#153238;
	margin:0;
	height:19px;
	background: transparent !important;
	border: none !important;
	width:197px;
	padding:2px 0 2px 0 4px;}
#searchForm .btn-search {
	padding:0 !important;
	margin:0 !important;
	cursor:pointer;
	width:24px;
	height:23px;
	text-indent:-400px;
	overflow:hidden;
	background: url('css/layout/search-button.jpg') no-repeat;
	border-style:none;}
	
/* author */
#authorbox{
	background:#061B1F;
	color:#FFF;
	padding:5px;
	border:1px solid #3B555A;
	overflow:hidden;
	clear:both;
	min-height:115px;
	height:auto !important;
	height:115px;}		
	.authortext{padding-left:100px;}
	#authorbox img{margin:10px;padding:0px;float:left;border:5px solid #333;}
	#authorbox p{color:#FFF; margin:0; padding:0px 10px 10px 10px;}
	#authorbox h4 > a{text-decoration:none; color:#0b5780;}
	#authorbox p{color:#BFBFBF;}
	#authorbox p a{color:#b6d7e9;}
	#authorbox h4{font-size:14pt; font-weight: bold; color:#F7F7F7; margin:0; padding:10px 10px 5px 10px;}
	#authorbox h4 a{color:#b6d7e9;}

/* misc */
#tweetmeme_button a{
	color:#fff !important;}
.alignright {float: right;}
.alignleft {float: left}	
.aligncenter {margin:0 auto !important;}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;}
.scroll {
	display: block;
	width: 56px;
	height: 50px;
	overflow: hidden;}
.scroll span {
	display: block;
	width: 56px;
	height: 100px;
	background:url('css/layout/scroll_top.png') no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -3000px;
	overflow: hidden;
	cursor: pointer;}
.scroll span:hover {top: -50px;}
.commentsScroll {
	display: block;
	width: 118px;
	height: 50px;
	overflow: hidden;}
.commentsScroll span {
	display: block;
	width: 118px;
	height: 100px;
	background:url('css/layout/scroll_comments.png') no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -3000px;
	overflow: hidden;
	cursor: pointer;}
.commentsScroll span:hover {top: -50px;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;} 
.clearfix {	display: inline-block;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}