/*
Theme Name: Howe
Theme URI: 
Description: Tema per Andrew Howe
Version: 1.0
Author: Max, Marco, Peppe
Author URI: http://www.desmm.com/
Tags: Howe
*/

/* Begin Typography & Colors */
body {
	background:#101010;
	color:#9a9590;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}
h1 {
	font-size:18px;
	font-weight:400;
	margin:10px 0px 0px;
	color:#333334;
}
h2 {
	font-size:24px;
	letter-spacing:-1px;
	margin:0;
	padding:10px 0 0;
}
h3{
	color:#86919d;
	background:url(images/sideh2.gif) bottom left no-repeat;
	padding:3px 0 5px 10px;
	margin:15px 0;
	font-size:12px;
	line-height:16pt;
	letter-spacing:0;
}
html > body .entry ul {
	list-style-type:none;
	margin-left:0px;
	padding:0px 0px 0px 10px;
}
ul, 
li, 
ol {
	border-width:0px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
hr {
	display:none;
}
blockquote {
	background-color:#F5F6F8;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 1px 1px 5px;
	margin:15px 20px 10px 10px;
	padding:10px;
}
a {
	color:#ff8400;
	text-decoration:none;
}
a img{
	border:none;
}
a:hover {
	color:#ff8400;
	text-decoration:underline;
}
a:active, 
a:focus{ 
   outline:0;  /* elimina il tratteggiato al link focus/active, nei browser che lo riconoscono */
}

.clear{clear:both}




#pageext {
	background: url(images/bg-pageext.gif) center  193px repeat-y;
	width:100%;
	min-width:916px;
}
#page {
	background:url(images/bg-pageint.jpg) top center no-repeat;
	width:100%;
}
.pageint {
	width:916px;
	margin:0 auto;
	position:relative;
}
#sidebar {
	float:left;
	position:relative;
	width:382px;
	margin-top:381px;
	margin-bottom:16px;
}
.box {
	background:#41454a url(images/bg-box.jpg) top left repeat-x;
	margin:0 7px;
	padding:77px 11px 0;
}
.boxino {
	background-color:#d4d4d4;
	margin: 0 4px;
}
.box a,
.box a:hover{
	font-size:10px;
	color:#666666;
	text-decoration:none;
	border-bottom:1px dotted #c0c6cd;
}
.box img {
	float:left;
	margin-right:9px;
	border-style:none;
}
.pic {
	position:relative;
	background:url(images/pic.jpg) repeat-y;
	float:left;
	height:40px;
	width:50px;
}
.picbox {
	padding:3px;
	margin:8px 5px 1px;
	background-color:#FFFFFF;
	border:1px solid #e9ebed;
	width:154px;
	float:left;
}
.bbb {
	border-style:none;
	overflow:hidden;
	position:absolute;
	height:40px;
	width:40px;
	left:0;
	top:0;
}
.bbb a{
	text-align:center;
}
.p {
	border-style:none;
	background:url(images/pic-bg.png) top right no-repeat;
	overflow:hidden;
	position:absolute;
	height:40px;
	width:40px;
	left:0;
	top:0;
}
.colonnasx,
.colonnadx {
	width:160px;
	margin-top:20px;
}
.colonnasx {
	float:left;
	padding-left:23px;
}
.colonnadx {
	float:right;
	padding-right:23px;
}
.colonnasx h2{
	color:#86919d;
	background:url(images/sideh2.gif) bottom left no-repeat;
	padding:3px 0 5px 10px;
	font-size:12px;
	line-height:16pt;
	letter-spacing:0;
}
.colonnasx ul li{
	margin-bottom:20px;
}	
.colonnasx li li{
	border-bottom: 1px solid #454a50;
	line-height:25px;
	margin:0 1px;
	padding:0 2px 0 0;
	text-align:right;
}
.widget_tag_cloud a{
	padding:0 6px;
}
.colonnasx li li li{
	border-bottom: none;
}
ul.children li{
	text-indent:12px;
}
.count{
	color:#ff8400;
	background-color:#f6e8ee;
	margin-left:5px;
	padding:1px 5px;
	font-size:10px;
}
.colonnasx li{
	color:#a3a5a9;
	font-size:9px;
}
.colonnasx li a{
	background:#2D2D2D;
	color:#FF8400;
	float:left;
	font-size:12px;
	line-height:25px;
	margin:0 3px 0 0;
	padding:0 5px;
}


/* HEADER
----------------------------------*/
#header {
	height:193px;
	padding:0px;
	width:916px;
	position:relative;
}
#logo {
	background:transparent url(images/logo.gif) no-repeat scroll left center;
	display:block;
	height:56px;
	left:16px;
	padding:0;
	position:absolute;
	top:117px;
	width:350px;
	z-index:10;
}
#logo span{
	display:none;
}
#foto-template{
	background:transparent url(images/foto-template.jpg) no-repeat left top;
	width:305px;
	height:651px;
	position:absolute;
	top:-574px;
	right:4px;
	display:block;
	z-index:5;
}
#search {
	background:transparent url(images/bg-search.jpg) no-repeat;
	float:left;
	font-family:Arial;
	height:28px;
	left:16px;
	top:16px;
	position:relative;
	width:221px;
}
#search .campo-c {
	background:transparent;
	border:0px none;
	float:left;
	height:18px;
	margin:4px 0pt 0pt 8px;
	padding:1px 0pt 0pt 3px;
	width:154px;
	color:#9A9590;
}
#search .tasto-c {
	background: none;
	border:0pt none;
	color:#9A9590;
	float:right;
	font-size:12px;
	height:18px;
	margin:4px 3px 0pt 0px;
	padding-top:3px;
	text-align:center;
	width:49px;
}
#search a.tasto-c:hover {
	background:transparent url(images/cerca.jpg) no-repeat;
	border:0pt none;
	color:#FFFFFF;
	float:right;
	font-size:12px;
	height:18px;
	margin:4px 3px 0pt 0px;
	padding-top:3px;
	text-align:center;
	text-decoration:none;
	width:49px;
}
.search-option {
	float:right;
	position:relative;
	top:5px;
	font-family:Arial;
	font-size:12px;
	color:#86919d;
}
.search-option img{
	position:relative;
	top:4px;
}
.entry,
.rie {
	font-family:Arial;
	font-size:13px;
	line-height:17px;
	margin-left:25px;
	margin-top:0px;
	word-spacing:0px;
}
#content h2,
#content h2 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#c7c0b8;
	font-weight:normal;
	text-decoration:none;
	display:block;
}
#content h2{
	margin:0 35px 0 0;
	text-align:left;
}
.entry p {
	margin:0px 0 0;
}
.rie2 {
	font-family:Arial;
	font-size:12px;
	line-height:16px;
	margin-left:32px;
	margin-top:0px;
	word-spacing:-1px;
}
.entry a {
	/*border-bottom: 1px solid #ff8400;*/
}
.entry a:hover {
	text-decoration:underline;
}
.entry a:visited {
	color:#ff8400;
}
.entry img {
	background: url(images/ombra.png) no-repeat scroll right bottom !important;
	background: url(images/no-ombra.png) no-repeat scroll right bottom; /*IE6 senza ombra*/
	margin-top:10px;
	padding:8px 8px 32px;
}
.entry b img,
.entry strong img{ /*NO BORDO*/
	background: none !important;
	margin-top:0 !important;
	padding:0 !important;
}
.entry .gallery img {
	background:transparent;
	margin-top:0;
	padding:0;
	height:56px;
	width:70px;
}
.gallery-item {
	
}
.attachment{
text-align:center;
}
.attachment a{
	position:relative;
}
.gallery{
	width:530px;
}
.entry .gallery{
	width:auto!important;
}
.navigation{
	margin-top: -40px;
}
.navigation{
	margin-top: -40px;
}
.navigation .alignright img{
	background:transparent url(images/ombra-thum-r.png) no-repeat scroll right bottom !important;
	padding:8px 25px 16px 8px;
	margin-right:8px;
}
.navigation .alignleft img{
	background:transparent url(images/ombra-thum-l.png) no-repeat scroll right bottom !important;
	padding:8px 8px 16px 25px;
	margin-left:9px;
}
.zoom{
	background: url(images/zoom.png) no-repeat;
	height:54px;
	width:54px;
	position:absolute;
	z-index:5;
	bottom:40px;
	left:10px;
}
.pagetitle {
	text-decoration:none;
	font-size:18px;
	font-weight:normal;
	letter-spacing:-1px;
	padding:10px;
}
.boxtop {
	background:transparent url(images/bg-boxtop.jpg) repeat;
	border:1px solid #4a4d50;
	margin:0 0 16px 32px;
}
.post {
	margin: 0;
	padding:0px 0px 56px 7px;
	text-align:justify;
}
.single .post {
	padding:0px 0px 26px 7px;
}
.info {
	background:transparent url(images/info.gif) no-repeat;
	float:left;
	margin:6px 6px 80px 0;
	width:18px;
	height:21px;
}
.commentibig {
	background:transparent url(images/commentibig.gif) no-repeat scroll 0%;
	display:block;
	float:left;
	height:28px;
	letter-spacing:-1px;
	margin-right:5px;
	width:42px;
}
.commenti {
	background:transparent url(images/commenti.gif) no-repeat scroll 0%;
	display:block;
	float:left;
	height:24px;
	margin-right:10px;
	width:32px;
}
a.commenti,
a:hover.commenti,
a:visited.commenti {
	float:right;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border:0;
	padding-top:4px;
}
.commentisingle {
	background:transparent url(images/commenti.jpg) no-repeat scroll 0%;
	display:block;
	float:left;
	height:24px;
	margin-right:10px;
	width:32px;
	float:right;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border:0;
}
#commentform input {
	background:#575757;
	height:16px;
	margin:0;
	font-size:13px;
	padding:3px 5px;
	border:0;
	float:left;
}
.subscribe-to-comments input { 
	background:none !important;
}
.commentlist li {
	background-color:#454a50;
	padding-bottom:20px;
	margin-top:20px;
	text-align:justify;
}
.commentlist li p{
	padding:15px;
	margin:0;
}
.commentlist br{
	line-height:0;
	height:0;
}
.commentmetadata{
	float:right;
	margin-right:10px;
	font-size:11px;
	font-style:italic;
}
.commentmetadata a{
	color:#ff8400;
	text-decoration:underline;
}
.ava {
	float:left;
	position:relative;
	padding: 0 10px 0 0;
}
.p2 {
	border-style:none;
	overflow:hidden;
	position:absolute;
	height:55px;
	width:55px;
	left:0;
	top:0;
	border-bottom:3px solid #fe8404;
}
input#submit {
	background:none;
	float:right;
	height:27px;
	left:14px;
	position:relative;
	padding:1px;
	margin:0 12px 0 0;
	border:1px solid #2d2d2d;
}
input#submit:hover {
	border:1px solid #ff8400;
}
.intop {
	background:#575757;
	display:block;
	margin:0pt 8px 0pt 0px;
	float:left;
	height:22px;
	width:10px;
}
#commentform textarea {
	background:#575757 ;
	width:98%;
	padding:4px;
	border:0;
	overflow:visible;
	font-family:Arial;
	font-size:12px;
}
.subscribe-to-comments {
	width:98%;
	border:1px dotted #454a50;
	padding:6px 4px;
	font-size:10px;
}
.subscribe-to-comments label{
	margin-left:5px;
}
.related_post li{
	border-bottom:1px dotted #C0C6CD;
	padding:8px;
}
.datax {
	float:right;
	margin:3px 0 0 0;
	padding:0;
	width:29px;
	color:#FFFFFF;
	position:relative;
}
.datax-bg {
	background:#91a5bf;
	border:1px solid #6a7788;
	width:27px;
	height:35px;
	position:absolute;
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
}
.data {
	position:absolute;
}
.data .d {
	font-family:"trebuchet MS", arial, verdana, sans-serif;
	font-size:20px;
	letter-spacing:-2px;
	height:21px;
	text-align:center;
	display:block;
	width:25px;
}
.data .m {
	font-family:"trebuchet MS", arial, verdana, sans-serif;
	font-size:9px;
	height:14px;
	text-align:center;
	display:block;
	width:29px;
	margin-top:0px!important;
	margin-top:-5px;
}
.more {
	float:right;
	text-align:right;
	margin-top:4px;
}
#footer {
	background: url(images/footer.gif) no-repeat top center;
	width:100%;
	min-width:916px;
	height:60px;
}
#footer p {
	margin:0;
	color:#73716f;
	font-size:11px;
	padding-top:30px;
	text-align:center;
}
#footer p a {
	color:#E74416;
}
.alignright {
	float:right;
	margin-top:10px;
}
.alignleft {
	float:left;
	margin-top:10px;
}
.test {
	border-bottom:1px dotted #131314;
	font-family:Arial;
	font-size:11px;
	line-height:16px;
	margin-bottom:2px;
	padding-bottom:5px;
}
.test a {
	color:#ff8400;
	text-decoration:underline;
}
.test a.commentibig {
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	padding-top:8px;
	text-align:center;
	text-decoration:none;
}
.narrowcolumn, 
.widecolumn {
	clear:left;
	float:left;
	padding:0px 7px;
	width:500px;
	margin:10px 0 0 0;
}
.homepage .narrowcolumn, 
.homepage .widecolumn {
	margin:378px 0 0 0 !important;
}
.widecolumn {
	padding:0px 7px 43px;
}
.feed a{
	background:url(images/feed.gif) right no-repeat;
	padding:2px 19px 2px 0;
}
div.pagination {
	clear:both;
	padding: 8px 0 0;
	text-align:center;
}
div.pagination a {
	border: 1px solid #99948f;
	margin-right:3px;
	padding:2px 6px;
	background-position:bottom;
	text-decoration: none;
	color: #99948f;		
}
div.pagination a:hover, 
div.meneame a:active {
	border: 1px solid #ff8400;
	background-image:none;
	background-color:#ff8400;;
	color: #fff;
}
div.pagination span.current {
	margin-right:3px;
	padding:2px 6px;	
	font-weight: bold;
	color: #ff8400;
}
div.pagination span.disabled {
	margin-right:3px;
	padding:2px 6px;
	color: #adaaad;
}


/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.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;
}
/* End captions & aligment */
.modifica a{
	color:#FF0000;
}


.img_related_post{
float:left;
height:70px;
margin:5px 10px 10px 0;
}
.img_related_post img{
border: #e2e0de solid 1px;
padding:1px;
}
.text_related_post a{
font-size:13px;
}
.text_related_post p{
margin-top:3px;
}
#desmm{
	background:url(images/desmm.gif) no-repeat;
	width:85px;
	height:26px;
	display:block;
	position:absolute;
	top:-10px;
	right:60px;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#727271;
	z-index:5;
}
#desmm span{
	background:url(images/tag.gif) no-repeat 0 10px;
	width:88px;
	height:31px;
	position:absolute;
	margin:22px 0 0 16px;
	visibility:hidden;
	text-align:center;
	padding-top:16px; 
	cursor:pointer;
}

#desmm:hover span{
	visibility:visible;
}

.rss{
	background:url(images/rss.gif) no-repeat;
	width: 18px;
	height: 18px;
	position:absolute;
	z-index:10;
	right:4px;
	top:-365px;
	font-size:11px !important;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none !important;
	color:#727271 !important;
}
.rss span{
	background:url(images/tag.gif) no-repeat 0 10px;
	width:62px;
	height:31px;
	position:absolute;
	margin:16px 0 0 -11px;
	display:none;
	text-align:center;
	padding-top:16px; 
	cursor:pointer;
}
.rss:hover span{	
	display:block;
}
#daring-tag {
	width: 136px;
	height: 95px;
	position:absolute;
	display:block;
	top:-10px;
	right:0px;
	z-index:300;
	cursor:pointer;
	background: url(images/daring-tag.png) no-repeat !important;
	background: url(images/none.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='image', src='http://andrewhowe.daringtodo.com/wp-content/themes/howe/images/daring-tag.png');
}
/*
#daring-top{
	position:absolute;
	width: 180px;
	height: 45px;
	right:10px;
	top:10px;
	font-size:10px;
	z-index:200;
	text-align:right;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}
#daring-top .daring-logo{
	float:right;
	display:block;
	background: url(images/daring-logo.png) no-repeat !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='image', src='http://andrewhowe.daringtodo.com/wp-content/themes/howe/images/daring-logo.png');
	width: 62px;
	height: 17px;
}
#daring-top span{
	float:right;
}*/


/*=======JQUERY TABS============*/





/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none!important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none!important;
    }
}

/* Skin */
#container-4 { /* the whole container with all elements of the tabbed section */
	top: 216px;
	left: 39px;
	position:absolute;
	width:537px;
	height:325px;
}
.ui-tabs-panel {
	margin-top:52px;
	padding: 0px 10px 0 0px;
	height:280px;
	overflow:auto;
	position:absolute; /* IE6 needs relative or absolute with overflow:auto */
	width:537px;
	border-bottom:1px dotted #C0C6CD;
}

.ui-tabs-panel .title { /* for the headlines in the tabbed section */
	font:1.8em Georgia, "Times New Roman", Times, serif!important;
	line-height:100%!important;
	display:block!important;
	padding-bottom:7px!important;
	color: #840000!important;
	text-transform:none!important;
	letter-spacing:normal!important;
}
ul.ui-tabs-nav { /* the whole area of the tabs navigation above the tabbed-content */
	list-style:none!important;
	margin:0px!important;
	padding:0px!important;
	overflow:hidden;
	height:37px;
	position:absolute;
	width:580px;
}
.scroll-pane  ul.ui-tabs-nav { /* the whole area of the tabs navigation above the tabbed-content */
	list-style:disc!important;
	margin:5px!important;
	overflow:auto!important;
	height:auto!important;
	position:relative!important;
	width:auto!important;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block!important;
    clear: both!important;
    content: " "!important;
}
.ui-tabs-nav li {
	float: left;
	margin: 0 26px 0 0 ;
	width:117px;
	height:29px;
	background:url(images/ui-tabs.gif) top no-repeat;
	overflow:hidden;
	display:block;
}
.scroll-pane .ui-tabs-nav li {
	list-style:disc!important;
	float: none!important;
	margin: 5px 0 0 5px!important;
	width:auto!important;
	height:auto!important;
	background:none!important;
	overflow:auto!important;
	display:block!important;
}
.ui-tabs-nav li:hover { /* here´s to define the hover effect of the tabs */
	height:37px!important;
}
.ui-tabs-nav li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color:#c7c0b8!important;
	display:block;
	position: relative;
	z-index:2;
	text-decoration:none!important;  
	white-space:nowrap!important; /* required in IE 6 */    
	outline:0!important; /* prevent dotted border in Firefox */
	cursor: pointer!important; 
	padding:6px;
}
.ui-tabs-nav li a:hover { /* here´s to define the hover effect of the tabs */
	color:#85817c!important;
}
.ui-tabs-selected a { /* the effects of the currently selected tab */
	background:url(images/ui-tabs-selected.gif) no-repeat;
}
.ui-tabs-selected { /* the effects of the currently selected tab */
	height:37px !important;
}
.ui-tabs-disabled {
    opacity: .4!important;
    filter: alpha(opacity=40)!important;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block!important;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block!important;
}

img.no-border {
	border: 0;
	background-image: none !important;
	padding: 0;
	margin: 0;
}
