/*  
Theme Name: skineart
Version: 1.3
Author: Leo
Author URI: http://skineart.com/
Tags: blue, two columns, fixed width, custom header
Description: Based on Prologue theme - A group blog theme for short update messages, inspired by Twitter.
*/

/* The Reset ---------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td { margin: 0; padding: 0; }
fieldset, img, abbr { border: 0px none; }
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
q:before, q:after {  }
a { text-decoration: none; }
/* -------------------------------------------- */

a {
	font-weight: bold;
	color: #dcc79d;
	outline: none;
}
a:hover {
	color: #EDB94E;
}
a:active {
	color: #EDB94E;
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
blockquote {
	margin-left: 30px;
	padding-left: 10px;
	border-left: 1px solid #7B8D99;
}

.description {padding:10px 0;}
.newfeature {color:#FF0000; font-weight:bold;}

#wrapper {
	width: 970px;
	margin: 0 auto;
}
#sidebar2 {
	float: right; 
	width: 210px;
	padding: 10px 0;
	overflow: hidden;
}
#main {
	width: 546px;
	padding: 22px 0;
	float: left;
	font-size: 14px;

}
#spotlight2 {
	margin-top:10px;
	padding: 0;
}
#spotlight2 a:hover {
	text-decoration: none;
	border-bottom: 0px;
}
#spotlight2 img {
	border:1px solid #3C3C3C;
}
#spotlight {
	margin-top:10px;
	padding: 0;
}
#spotlight a:hover {
	text-decoration: none;
	border-bottom: 0px;
}

#spotlight img {
	border:1px solid #3C3C3C;
}

#side1andside2 {
	width: 410px;
	float:right;
	overflow:hidden;
}

#main .wp-smiley {
	border: none;
}

#sidebar {
	width: 176px;
	padding: 10px 0 10px 8px;
	float: left;
	color: #555;
	overflow: hidden;
}

#sidebar ul li p {
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 1em;
}

h1 {
	font-size: 3em;
	font-family:"Trebuchet MS", Verdana, Arial;
	margin-left: 2px;
	margin-top: 40px;
	margin-bottom: 5px;
}

h1 a {
	font-weight: bold;
}

#postbox {
	width: 950px;
	clear: both;
	background: #455762;
	padding: 8px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

#postbox form {
	padding: 0px 0 22px 65px;
}

#postbox .warning {
	font-size: 18px;
}

#postbox textarea#posttext {
	width: 608px;
	height: 50px;
	border: 1px solid #c6d9e9;
	margin-bottom: 10px;
	padding: 2px;
	font: 1.2em/1.2em "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
}

#postbox label {
	display: block;
	font-size: 1em;
	margin-bottom: 4px;
	margin-left: 70px;
	font-weight: bold;
}
#postbox input#tags {
	font-size: 1.2em;
	padding: 2px;
	border: 1px solid #c6d9e9;
	width: 402px;
	margin-left: 70px;
}
#postbox input#submit {
	font-size: 1.2em;
	margin-left: 20px;
}
#postpage {
	padding-left: 68px;
}
#postpage #main {
	width: 490px;
	padding: 22px 0;
	float: left;
}
#userpage {
	padding-left: 58px;
}
#userpage #main {
	width: 490px;
	padding: 22px 0;
	float: left;
}

#userpage #main ul,
#postpage #main ul {
	margin-left: 0;
}
#userpage #sidebar,
#postpage #sidebar {
	margin-top:8px;
}
#main ul {
	list-style: none;
	margin-top: 16px;
	margin-left: 70px;
}

#main h2 {
	margin-top: 4px;
	font-size: 20px;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	color: #555;
}
h3 {
	font-size: 16px;
	color: #bfbfbf;
	font-weight: bold;
	padding-top: 10px;
}
#postbox img.avatar {
	margin: 0 20px 0 10px;
	padding: 0px;
	border: 3px solid #7B8D99;
	position: absolute;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

#postform_container {
	padding: 10px 0 0 0;
}

#sidebar ul li#authors ul li img.avatar {
	clear: both;
	margin: 0 3px 0 0;
	padding: 3px;
}

#sidebar ul li#authors, #sidebar ul li#authors ul li {
	border: none;
}

img.avatar {
	float: left;
	margin-top: -17px;
	margin-right: 10px;
	margin-left: -65px;
	padding: 0px;
	border: 3px solid #7B8D99;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

.post_author_name {
	padding: 0 3px 0 3px;
	border: 3px solid #7B8D99;
	background-color: #394851;
	float: left;
	line-height: 48px;
	margin-top: -17px;
	width: auto;
	clear: none;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.post_permalink {
	float: left;
	padding: 0 13px 0 13px;
	margin-left: 10px;
	border: 3px solid #7B8D99;
	background-color: #394851;
	line-height: 48px;
	margin-top: -17px;
	width: auto;
	clear: none;
}
.post_more {
	float: left;
	padding: 0;
	margin-left: 10px;
	margin-top: -17px;
	width: auto;
	clear: none;
}
#post_social_buttons {
	float:left;
	width:auto;
	clear:none;
	margin-top: -17px;
	padding: 4px 10px 0 10px;
	width: 200px;
}
#post_social_buttons_facebook {
	padding-bottom: 7px;
	width: 100px;
	float: left;
}
#post_social_buttons_plusone {
	padding-bottom: 7px;
	float: left;
}
#post_social_buttons_twitter {
}
#post_head_extras {
	float:left;
	width:auto;
	clear:none;
}


#main ul li {
	overflow: visible; 
	margin-bottom: 1.5em;
/*	border-bottom: 1px solid #7B8D99; */
}

.postcontent {
	color: #7B8D99;
	margin-top: 18px;
	margin-left: 1px;
	overflow: hidden;
	width: 468px;
}

.bottom_of_entry {
	border-bottom: 0px solid #7B8D99; 
	clear: both;
	margin: 0 0 0 0;
	padding: 3px 0 10px 0;
}

h2 img {
	vertical-align: middle;
	margin-right: 12px;
}

#main p img {
	vertical-align: top;
	padding: 0px;
	border: 3px solid #7B8D99;
	margin-right: 8px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

#main h4 {
	font-size: 14px;
	margin: 0;
	font-family: Trebuchet MS, Verdana, Arial;
	color: #d7d7d7;
	padding:0;
	font-weight: bold;
}

#main p {
	font-size: 12px;
	line-height: 1.2em;
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	margin: .7em 0;
	color: #d7d7d7;
}

#main ul#comments {
	margin-left: 58px;
}

#main ul#comments img.avatar {
	margin-top: 3px;
	margin-left: -58px;
	margin-right: 10px;
}
#main #comment_single {
	margin-left:10px;
}

#commentform {
	padding-left: 65px;
}

#main form {
	margin-top: 10px;
}

#main #commentform textarea {
	width: 452px;
}

#main textarea {
	border: 3px solid #41525d;
	padding: 4px;
}

#main input, #main select, sidebar input {
	color: #394851;
	margin: 4px 0;
	border: 2px solid #41525d;
	padding: 2px;
}

#main .meta {
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size: 0.8em;
	margin: 0 0 1.5em 0;
	color: #d7d7d7;
}

#main p.meta {
	font-size: 1em;
}

h2 .rss {
	float: none;
	background: url('i/feed12x12.png') no-repeat center left;
	padding-top: 0;
	padding-left: 16px
}

.rss {
	float: right;
	background: url('i/feed.png') no-repeat bottom left;
	padding-left: 14px;
	font-size: 0.8em;
	font-weight: normal;
	padding-top: 4px;
	line-height: 1em
}

.allrss {
	background: url('i/feed.png') no-repeat center left;
	padding-left: 14px
}

#sidebar a:hover {
	border-bottom: none;
	text-decoration: none;
}

#sidebar ul {
	list-style: none;
	font-size: 14px;
	margin-bottom: 5px;
	color: #d7d7d7;
}

#sidebar ul li {
	clear: both;
	padding: 4px 0;
	border-bottom: 0px solid #7B8D99;
}

#sidebar2 ul {
	list-style: none;
	font-size: 1.3em;
	margin-bottom: 5px;
	color: #d7d7d7;
}

#sidebar2 ul li {
	clear: both;
	padding: 4px 0;
	border-bottom: 0px solid #7B8D99;
}

#sidebar2 a {
	color: #dcc79d;
	font-size: 12px;
}

#sidebar2 a:hover {
	color: #edb94e;
	text-decoration: none;
}

#sidebar ul li.credits {
	margin-top: 1.5em;
	font-size: .9em;
	color: #555;
	border-bottom: none;
}
#sidebar ul h2 {
	font-size: 20px;
	margin-bottom: 7px;
}
#sidebar2 ul h2 {
	font-size: 20px;
	margin-bottom: 7px;
}
#sidebar ul ul {
	font-size: 1em;
}

#wpstats {
	position: relative;
	margin-top: 30px;
}
#main ul,
#main .post ul {
	list-style: none;
	margin-top: 16px;
	margin-left: 65px;
}
#main ul ul,
#main .post ul {
	margin-left: 18px;
	list-style: disc;
}
#main ul ul ul,
#main ul ol ul,
#main .post ul ul,
#main .post ol ul {
	margin-top: 0;
}
#main ol,
#main .post ol {
	margin-top: 16px;
	margin-left: 18px;
	list-style: decimal;
}
#main ol ol,
#main .post ol ol {
	margin-top: 0;
}
#footer {
	clear: both;
	background: #fff url('/wp-content/themes/skineart/i/footer_bg.png') no-repeat center;
	text-align:center;
	padding-left:0; padding-right:0; padding-top:0; padding-bottom:40px
}
#iframeupload {
	margin-left:67px; 
	padding-left:20px;
}
#iframeupload form {
	background: none ;
}
#file_box {
 margin-left: -20px;
 display:block;
 width:800px;
 border:0px;
}
.navigation {text-align: left;}

#get-recent-comments {margin-top: 15px;font-size: 1em;}

.adsense {margin: 20px auto;}
.announce {padding: 10px 10px 10px 0; margin-bottom: 20px; width: 515px; }




body {
	margin: 0px;
	padding: 0px;
	color: #e5e5e5;
	background-Color: #4E616D;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 12px;
	background-image: url('/wp-content/themes/skineart/i/bgTop.gif');
	background-position: top;
	background-repeat: repeat-x;
}

html, body {
	margin:0;
	padding:0;
}

/* GENERIC STYLES */

.post_title {
	font-size: 16px;;
	margin: 0;
	font-family: Trebuchet MS, Verdana, Arial;
	color: #d7d7d7;
	padding: 0;
	width: 100%;
	clear: right;
}

a img {
	border: 0px;
	text-decoration: none;
}

img a:hover {
	text-decoration: none;
}

strong, b{
	font-weight:bold;
}

em, i{
	font-style:italic;
}

hr {
	color: #6C6C6C;
	margin: 15px 0 15px 0;
}

h2 {
	font-family: Trebuchet MS, Verdana, Arial;
	color: #cbcbcb;
	padding: 0 0 10px 0;
	font-weight: bold;
	list-style: none;
}

div#container {
	text-align: left;
	width: 966px;
	margin: 0 auto;
	padding-top: 0px;
}

div#header {
	width: 966px;
	padding: 0px;
	margin: 0px;
}

div#header h1 {
	height: 80px;
	line-height: 80px;
	margin: 0;
	padding-left: 0px;
	background: #EEE;
	color: #79B30B;
}

div#toplogo {
	height: 80px;
	width: 352px;
	float: left;
	padding: 0px;
	margin: 0px;
	position: relative;
}

div#topmenu {
	height: 80px;
	width: 608px;
	float: left;
	padding: 0px;
	margin: 0px;
	position: relative;
}

div#content {
	font-family: trebuchet ms;
	font-size: 14px;
	color: #C7C7C7;
	float: left;
	width: 822px;
}

div#content p{
	line-height: 1.2}

div#right {
	float: right;
	width: 126px;
	aligh: right;
	background-image: url('/wp-content/themes/skineart/i/bgAds.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-left: 6px;
}

div#extra {
	background: #454545;
	float: right;
	clear: right;
	width: 126px;
}

div#footer {
	background: #394851;
	color: #C6C6C6;
	clear: both;
	width: 100%;
}

div#footer p {
	margin: 0;
	padding: 5px 10px;
}

#bounces_container {
  float: left;
  height: 80px;
  padding: 0px;
  margin: 0px;
}

div#bounces_container li a {
  display: block;
  width: 100%;
}

#bounces {
  position: relative;
  padding: 0px;
  margin: 0px;
}
 
#bounces .bounce {
  font-family: Trebuchet MS, Verdana, Arial;
  color: #999999;
  float: left;
  display: block;
  width: 93px;
  height: 80px;
  padding: 0px;
  margin: 0px;
}
 
#bounce_submit {background-image: url('/wp-content/themes/skineart/i/bounceSubmit.gif');}
#bounce_login {background-image: url('/wp-content/themes/skineart/i/bounceLogin.gif');}
#bounce_logout {background-image: url('/wp-content/themes/skineart/i/bounceLogout.gif');}
#bounce_register {background-image: url('/wp-content/themes/skineart/i/bounceRegister.gif');}
#bounce_random {background-image: url('/wp-content/themes/skineart/i/bounceRandom.gif');}
#bounce_forum {background-image: url('/wp-content/themes/skineart/i/bounceForum.gif');}
#bounce_labs {background-image: url('/wp-content/themes/skineart/i/bounceLabs.gif');}
#bounce_interviews {background-image: url('/wp-content/themes/skineart/i/bounceInterviews.gif');}

.the_date {
	display:block;
	text-align: center;
	float:left;
	font-family: Trebuchet MS, Times, serif;
	background: url('/wp-content/themes/skineart/i/bgDate.gif') no-repeat;
	width:54px;
	margin-right: 10px;
	margin-left: -65px;
	margin-top: 49px;
	padding: 0px;
	border: 0px solid #7B8D99;
}

.date_y {
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 6px 0 0 0;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

.date_m_d {
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 0.1em 0 0.5em 0;
	font-weight: bold;
	text-align: center;
	color: #858980;
}

.comment_count {
	display: block;
	font-size: 20px;
	line-height: 200%;
	text-align: center;
	float: left;
	font-family: Trebuchet MS, Times, serif;
	background: url('/wp-content/themes/skineart/i/bgCommentCount.gif') no-repeat;
	width: 56px;
	margin-right: 10px;
	margin-left: -65px;
	margin-top: 109px;
	padding: 0px 0 10px 0;
	border: 0px solid #7B8D99;
}

.comment_count a {
  display: block;
  width: 100%;
}

.fave_this {
	display: block;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	float: left;
	font-family: Trebuchet MS, Times, serif;
	background: url('/wp-content/themes/skineart/i/faveHeart.gif') no-repeat;
	width: 48px;
	margin-right: 10px;
	margin-left: -65px;
	margin-top: 159px;
	padding: 3px 0 3px 0;
	border: 3px solid #7B8D99;
}

div#author_page {
	display:block;
	margin-left: 0px;
	padding-left: 65px;
	width: 470px;
	clear: both;
}

/* Facebook Likebox styling */
/* instructions here: http://line25.com/tutorials/how-to-add-a-custom-facebook-like-box-to-your-site */
/*
MUST UPDATE -------> ?7 <-------
<fb:fan profile_id="10150112977640413" connections="6" width="176" height="264" css="<?php bloginfo('stylesheet_url'); ?>?7"
></fb:fan>
*/
.fan_box .full_widget {
	background: none; border: none;
}
.fan_box .connections_grid .grid_item {
	padding: 0 4px 5px 4px;
}
	.fan_box .connections_grid .grid_item a img {
		box-shadow: 0px 0px 10px #333; -moz-box-shadow: 0px 0px 10px #333; -webkit-box-shadow: 0px 0px 10px #333;
	}
		.fan_box .connections_grid .grid_item a:hover img {
			box-shadow: 0px 3px 10px #333; -moz-box-shadow: 0px 3px 10px #333; -webkit-box-shadow: 0px 3px 10px #333;
		}
.fan_box .full_widget .connect_top {
	background: url(http://www.skineart.com/wp-content/themes/skineart/i/facebookFanBoxTop.png);
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.fan_box .connections .connections_grid {
	padding-top:5px;
}
.fan_box .connections {
	border-top: none;
	padding:5px 0 0;
	color: #ccc;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 14px;
	text-align: center;
	text-shadow: 0px 1px 4px #000;
}
	.fan_box .connections span.total {
		color: #fff;
	}

.fan_box .connections_grid .grid_item .name {
	color: #ccc;
	font-size: 11px;
}
.fan_box .profileimage {
	margin: 0;
}
/* Facebook Likebox styling END */