/*
Theme Name: Bencio Front Theme
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
a:link, a:visited {	color: #aaaaaa; text-decoration: none; }
a:hover { color: #444444;}
 
h1, h2, h3 {
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Tahoma, serif;
}

div.node h3 {
	border-bottom: 1px solid #ddd;
}

#respond h3 {
	border-bottom: none;
	margin-bottom: 20px;
}

img {border:0;}

.center {text-align: center;}

.thumbRight,
.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.thumbLeft,
.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

p {
	padding: 0 0 10px 0;
	margin: 0;
}

#footer p {
margin: 15px 0;
}

.navigation {
	width: 99%;
	text-align: center;
}

.node h2 {margin-bottom: 15px;	}

body {	
	background: #e4e2e2 url("images/brick.jpg") repeat top center; 
	font-size: 12px; 
	font-family: "Lucida Sans",Ubuntu,"Lucida Grande","Lucida Sans Unicode", Verdana, Tahoma, Arial, serif;	
	color: #444444;	
	margin: 20px 0;
	text-align: center;
}

div#general {
	width: 990px;
	height: 100%;
	background-color: #fff;
	margin: 0px auto 0px auto;
	text-align: left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#header {
	height: 150px;
	color: #fff;
	background: #2c2c2c url("images/me.jpg") no-repeat top center;
	width:	990px;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
}

div#logo {
	float: 		left;
	margin: 	20px 0 0 125px;
	background:	transparent;
	position:	absolute;
}

div#logo h1 a {
	background: url('images/logo.png') no-repeat top left;
	display: block;
	width: 300px;
	height: 44px;
	overflow: hidden;
	padding-left: -4000px;
	text-indent: -4000px;
	font-size: 0px;
}

div#body {
	padding-bottom: 20px;
	/*background: 	#fff;*/
}

div#left {
	float:left;
	width: 680px;
	text-align: left;
	background-color: #ffffff;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
}

div#right {
	background-color:#FFFFFF;
	float:right;
	width: 310px;
	text-align: right;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
}

div#left div.wrap {
	padding: 90px 15px 0 126px;
	/*padding: 30px 30px 0 30px;*/
}

div#right div.wrap {
	padding: 20px 24px 0 0;
	/*padding: 30px 30px 0 0;*/
}

div#footer {
	border: 1px Solid #000;
	background-color: #000;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	width: 979px;
	margin: 0 auto;
}

/* ---[ Block Elements ] --- */
div#right ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#right ul li.widget {
	padding: 0 10px 5px 10px;
	margin-bottom: 20px;
	text-align:left;
	background: #fff;
	position:relative; 
	line-height: 150%;
}
div#right ul li.widget h2.widgettitle {
	margin: 10px 0px 10px 0;
	font-weight: 700;
	font-size: 14px;
	font-family: "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	color: #777;
	padding-bottom: 6px;
}

/*
.data {
	float: left;
	width: 100%;
	height: 40px;
	text-align: center;
	font-family: Verdana, "Trebuchet MS", "Lucida Sans",sans-serif;
	margin: 0;
	display: block;
}
.data span.day {
	background: transparent;
	display: block;
	float: right;
	font-weight: bold;
	font-size: 35px;
	line-height: 28px;
	padding-right: 5px;
	margin-right: 5px;
	font-family: Arial, Verdana, serif;
	color: #8D8D8D;
	border-right: 1px solid #ddd;
}
.data span.month {
	display: block;
	float: right;
	background: transparent;
	font-size: 16px;
	line-height: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}

.data span.year {
	display: block;
	font-size: 14px;
	text-align: center;
	color: #666;
}
*/

h1.opening {
	font-weight: normal;
	font-size: 1.2em;
	color: #444444;
	margin-bottom: 20px;
}

div.terms {
	display: block; 
	font-size: 12px;
}

span.time {
	text-transform: capitalize;
	color: #999999;
}

span.sep {
	margin:0 6px;
	font-size: 6px;
}

div#left div.terms ul {
	margin:0;
	padding: 0;
	float: left;
	background: none;
	padding-left: 0;
	line-height: normal;
}

.terms a {
	color: #999;
}

.terms a:hover {
	color: #444444;
}

div.node div.content {
	line-height: 160%;
	font-size: 12px;
	margin-bottom: 0px;
	font-family: "Lucida Sans",Ubuntu,"Lucida Grande", "Lucida Sans Unicode",  Verdana, "Trebuchet MS", sans-serif;
}

div.node.blog h2 {
	padding: 0;
	margin: 1px 0 0 0;
	font-size: 18px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

div.node h2 a {
	text-decoration: none;
	font-weight: bold;
	font-family: "Lucida Sans",Ubuntu,"Trebuchet MS", Verdana, sans-serif;
	background-color: transparent;
	margin:0;
	padding:0;
	font-size :16px;
	color: #F16C32;
}


div.node h2 a:hover {
	color: #999;

}

div.node {
	clear: both;
	margin-bottom: 20px;
	/*border-bottom: 1px solid #ddd;*/
	display: block;
}

div.commenti {
	color: #000000;
	margin: 0 20px 0 40px;
	padding: 3px 21px 20px 0;
	background: #fff url("images/minitalk.gif") no-repeat right 5px;
	font-size: 12px;
	display: block;
	font-weight: bold;
}

div.commenti a {text-decoration: none;}

div#block-search-0 {
	float:left;
	position:relative;
	left: 770px;
	top:130px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: #8d8d8d;

}

div#block-search-0 {
	padding: 10px;
}

div#block-search-0 label {
	display: none;
}

div#comments div.comment {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 1px 20px 10px 20px;
	margin: 10px 20px 0 30px;
	font-size: 11px;
}

div#comments div.box {
	margin:40px 20px 0 80px;
}

div#comments div.comment p:first-child {
	padding-top: 0;
}

div#comments div.comment p {
	line-height: 180%;
	padding: 8px 0 8px 0;
}

div#comments div.comment.odd {
	background: #ddd;
}

div#comments div.comment.even {
	background: #eee;
}

div#comments span.submitted {
	font-style: italic;
	font-size: 10px;
}

div#respond, h3#comments {
	margin: 30px 30px 0 0; 
}

form#commentform textarea {
	width: 500px;
}

/* ---[ Menu Elements ] --- */
ul.primary-links {
	position: fixed;
	top: 35px;
	margin: 0 0 0 15px;
	padding: 0;
	/*
	padding-right: 20px;
	padding-top: 40px;
	float: right;
	*/
	background-color: #FFF;
	list-style-type: none;
}

ul.primary-links li {
	display: block;
	/*float: left;*/
	/*padding: 5px 1px;*/
}

ul.primary-links li a {
	display: block;
	background: transparent;
	color: #AAAAAA;
	padding: 8px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight:bold;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}
ul.primary-links li.active a,
ul.primary-links li.active-trail a,
ul.primary-links li a:hover {
	color: #444444;
	/*
	border: 3px Solid #fff;
	padding: 5px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
}

div#content_bottom {
	text-align: center;
}

div#content_bottom .wrap {
	padding:	20px 15px 0 24px;
}

div#content_bottom .block {
	margin: 0 auto;
	width: 705px;
}

div.social{
	margin-bottom: 41px;
}

/* twitter widget */
ul#twitter_update_list li {
	margin: 0 0 10px 0;
}

/* comment widget */
ul#recentcomments {
	font-size: 11px;
}

ul#recentcomments li {
	margin: 0 0 10px 0;
}

/* flickr widget */
div#right ul li#text-3 p {
	text-align: center;
	margin :0;
	padding:0;
}

div#twitter_div h2.widgettitle {
	background: transparent url("images/twitter_icon_20x20.jpg") no-repeat top left;
	padding-left: 25px; 
}

li#text-3 h2.widgettitle {
	background: transparent url("images/flickr_icon_20x20.jpg") no-repeat top left;
	padding-left: 25px; 
}

div.caption {
	margin: 0;
	padding:0;
	position: relative;
}

div.caption p {
	position: absolute;
	margin: 0; 
	padding: 2px;
	font-size: 10px;
	bottom: 5px;
	left: 0;
	background:black;
	color: white;
	opacity: .7;
}

p.center div.caption {
	margin: 0 auto;
}

div.caption img {
	margin: 0; padding: 0;
}

div.picture a strong, div.picture span strong {
	color:#FFFFFF;
	font-family:Georgia,serif;
	font-size:3.5em;
	font-weight:normal;
	text-align:center;
}

div.picture a span.flick {
	color:#1678F1;
	font-family:"Helvetica Neue",Helvetica,Arial;
	font-weight:bold;
}

div.picture a span.r {
	color:#FF389F;
	font-family:"Helvetica Neue",Helvetica,Arial;
	font-weight:bold;
}

div.social a {
	width: 47px;
	height:41px;
	display: inline-table;
	float: left;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	text-indent:-1000px;
}

a.feed {background: transparent url("images/social.png") no-repeat -48px -52px;}
a.feed:hover {background: transparent url("images/social.png") no-repeat -48px 1px;}

a.twitter {background: transparent url("images/social.png") no-repeat 0 -52px;}
a.twitter:hover {background: transparent url("images/social.png") no-repeat 0 1px;}

a.facebook {background: transparent url("images/social.png") no-repeat -190px -52px;}
a.facebook:hover {background: transparent url("images/social.png") no-repeat -190px 1px;}

a.flickr {background: transparent url("images/social.png") no-repeat -142px -52px;}
a.flickr:hover {background: transparent url("images/social.png") no-repeat -142px 1px;}

a.friendfeed {background: transparent url("images/social.png") no-repeat -96px -52px;}
a.friendfeed:hover {background: transparent url("images/social.png") no-repeat -96px 1px;}

a.delicious {background: transparent url("images/social.png") no-repeat -239px -52px;}
a.delicious:hover {background: transparent url("images/social.png") no-repeat -239px 1px;}