/*
Theme Name: art_IMHO
Description: Exclusive Wordpress Theme for my blog <a href="http://www.symbioticproject.com/art_imho/">Mirta Rotondo</a>
Version: 1.0
Author: Mirta Rotondo
Author URI:http://www.symbioticproject.com/art_imho/
Tags: fixed width, two columns, right sidebar, valid XHTML, valid CSS
*/

/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }
img:hover { border: none; }



/* Body
-------------------------------------------------------------------*/
body { 
        margin: 0 auto;
        font: 12px/18px Verdana, Helvetica, Arial, Geneva, sans-serif; 
		color: #333; 
		background: #dbdada url(images/bg.gif) repeat-x; 
		line-height:25px;
}

#maincontent { 
        margin: 0 auto;
		background: transparent url(images/header_bg.gif) no-repeat top center;
		height:auto;
}

#maincontent2 { 
        background:transparent url(images/rubik.png) no-repeat fixed center 270px;
		height:auto;
		margin:0 auto;
}

#maincontent_footer { 
        background:transparent url(images/mirta.png) no-repeat scroll center bottom;
		height:auto;
		margin:0 auto;
}

#maincontent_footer2 { 
        background: url(images/footer_bg.png) repeat-x scroll bottom;
		height:auto;
		margin:0 auto;
}


h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; color: #414d4c; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }
h3 { font-size: 23px; line-height: 28px; margin-bottom: 5px; }
h4 { font-size: 18px; line-height: 20px; margin-bottom: 5px; text-decoration:underline; margin:45px 0 5px 0;}
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }

h1 span { color: #999; }

a { color: #3c6ba0; }
a:hover { background: #3c6ba0; color:#fff; text-decoration:none }
a:visited { }

p { margin-bottom: 10px; }

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }

blockquote { 
	font: italic 13px/16px "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; 
	padding:5px 10px 5px 10px;
	margin-bottom: 10px;
	background: #e4ede2; 
}



/* Header
-------------------------------------------------------------------*/
#header { 
	width: 900px; 
	height: 105px; 
    margin: 0 auto;
	position: relative; 
	padding:95px 0 0 0;
}

#logo{  
    margin: 0;
	padding:0;
}

#logo a:hover{ 
	background:none; 
}

#logo h3{ 
	color: #333;
	font-size:10pt;
	line-height:7pt;
	width:272px;
	margin:0;
	padding:3px 0 0 20px;
	font-weight:normal;
}


/* Container
-------------------------------------------------------------------*/
#wrapper { 
	width: 902px; 
	overflow: hidden; 
    margin: 0 auto; 
    border-bottom: none;
    border-top: none;
    background: #fff url(images/bg_body.gif) no-repeat top center;
	border-bottom:3px dashed #DBDADA;
    
}


/* Navigation
-------------------------------------------------------------------*/
#nav { 
	width: 800px; 
	height: 45px; 
	margin-left: 30px; 
	position: relative;
        top: 225px;
}
#nav ul { 
	margin-left: 10px; 
	position: absolute; 
	bottom: -1px; 
	overflow: hidden; 
	height: 45px; 
}
#nav ul li { 
	float: left; 
	margin-right: 3px; 
	padding-left: 3px; 
        font-weight: bold;
}
#nav ul li.current_page_item { 
        width: 122px;
        height: 45px;
}
#nav ul li a {
        width: 122px;
        height: 45px;
        background: url(images/nav_bg.jpg) no-repeat; 
	display: block; 
	text-decoration: none; 
	color: #333; 
	line-height: 45px; 
	text-align: center;
}
#nav ul li a:hover { color: #555; }
#nav ul li.current_page_item a { background: url(images/nav_bg.jpg) no-repeat; color: #3c6ba0; }



/* Content
-------------------------------------------------------------------*/
#content { 
	width: 600px; 
	float: left; 
	padding: 60px 15px 0 15px; 
}

#content h1 { color: #3c6ba0 }

#content code{ 
	font: italic 13px/16px "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; 
	padding:5px 10px 5px 10px;
	margin: 20px 0;
	background: #F0F0F0; 
	border: 1px dashed #DADADA;
	display:block;
}


#content .post { margin-bottom: 40px; min-height:400px; }
#content .post p { margin-bottom: 10px; text-align:justify }
#content .post img { border: 5px solid #E7E8EB; padding:16px; background-color:#F7F8F9; }
#content .post a img { border: 5px solid #E7E8EB; padding:16px; background-color:#F7F8F9; }
#content .post a img:hover { border: 5px solid #E7E8EB; padding:16px; background-color:#E7E8EB;  }

#content .post a.social_img img { border: none; padding:3px; }
#content .post a.social_img img:hover { border: none; padding:3px; }

#content .post h3 { text-decoration: none; font-size: 21px; padding-bottom:5px; width:610px;}
#content .post h3 a { text-decoration: none; font-size: 21px; background-color:#3C6BA0; padding:5px; display:block; color:#fff}
#content .post-list li { list-style: none; }

#content .post .post-info { 
	font-size: 11px; 
	color: #555;   
    text-align: left;
	width:520px;
	float:right;
	margin:0 0 50px 0;
}

#content .post .post-comment { 
	font-size: 8px; 
	color: #fff; 
	padding: 9px 0 0 0;  
    text-align: center;
	line-height:15pt;
	background: transparent url('images/comment.png') no-repeat;
	background-position:top left;
	margin:0 0 20px 0;
	width:69px;
	height:63px;
	float:left;
}

#content .post .post-comment:hover { 
	background: transparent url('images/comment.png') no-repeat;
	background-position:top right;
}

#content .post .post-comment span { 
	font-size: 24px; 
    text-align: center;
	font-weight:bold;
	width:69px;
	display:block;
}

#content .post .post-comment a { 
	color: #fff; 
	text-decoration:none;
	display:block;
}

#content .post .post-comment a:hover { 
	color: #fff; 
	text-decoration:none;
	display:block;
	background:none;
}

#content .post .post-tag { 
	font-size: 11px; 
	color: #555; 
	padding: 2px 5px;  
    text-align: left;
	line-height:15pt;
	background: #dbdada;
	width:520px;
}

#content .post .post-cat { 
	font-size: 11px; 
	color: #fff; 
	padding: 2px 5px;  
    text-align: left;
	line-height:15pt;
	background: #3C6BA0;
	float:left;
	margin: 5px 5px 0 0;
	
}

#content .post .post-info .post-cat a, #content .post .post-info .post-cat a:visited{ 
	color: #fff; 
}

.readmore{ 
	color: #3C6BA0; 
	font-weight:bold;
	text-decoration:none;
	font-size:11pt;
}

.readmore:hover{ 
	color: #fff; 
	font-weight:bold;
	text-decoration:none;
	font-size:11pt;
	background:#000;
}

#content .post .post-date { 
	font-size: 11px; 
	color: #3C6BA0; 
	padding: 2px 5px;  
    text-align: left;
	line-height:15pt;
	background: #E7E8EB;
	float:left;
	margin: 5px 5px 0 0;
	
}

#content .post .post-info span a, #content .post .post-info span a:visited,{ 
	color: #dbdada; 
}

#content .post .post-info a { color: #555; text-decoration:none; }
#content .post .post-info a:visited { color: #555; text-decoration:none; }
#content .post .post-info a:hover { color: #3C6BA0; text-decoration:underline; background:none; }

#content #pages { text-align: right; margin:0 0 30px; }
#content #pages a { background-color:#fff; border:1px solid #000000;
color:#3C6BA0;
font-weight:bold;
margin:2px;
padding:2px 4px; }
#content #pages a:hover { color: #fff; background:#3C6BA0; }

#content ul, ol, dl { margin-bottom: 0; }
#content ul { 
	list-style: disc;
	padding: 0 0 0 20px;
}
#content ol { 
	list-style: decimal; 
	padding: 0 0 0 30px;
	text-align:justify;
}
#content dl dt { 
	font-weight: bold;
}
#content dl dd { 
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}
#content li { 
	padding: 0 0 10px 0;
}

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }



/* Sidebar
-------------------------------------------------------------------*/
#sidebar { 
	width: 235px;
	float: right;
	font-size: 11px; 
	margin: 15px 10px 10px 0;
	color: #555;
}

#sidebar h1 { 
        font: normal 20px "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; 
        color: #3c6ba0;
        margin:0;
        padding:0 0 0 15px; 
        font-weight:bold;
}

#sidebar h1 a{ 
        font: normal 20px "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; 
        color: #3c6ba0;
        margin:0;
        padding:0;
        font-weight:bold;
        text-decoration:none; 
}

#sidebar h1 a:hover{ 
        color: #fff;
}

#sidebar h2 { 
        font: normal 13px "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; 
        color: #444;
        margin:0;
        padding:0 0 0 15px; 
}

#sidebar h3 { 
        font: normal 18px Verdana, Arial, Sans-Serif; 
        color: #444; 
        background: url(images/sidetitle_bg.gif) no-repeat;
        padding-left: 23px;
}

#sidebar p { 
        text-align:left;
}

#sidebar ul { 
		list-style:none;
}

#sidebar .block a { color: #3c6ba0; text-decoration: none; font-weight:bold; }
#sidebar .block a:hover { background: #3c6ba0; color:#fff; text-decoration:none; }

#sidebar .block {
	width: 205px;
	padding: 15px; 
	border-bottom: 1px dashed #bfccbf; 
	overflow: hidden;
	color: #555;
	line-height:normal;
}
#sidebar .block li { 
	background: url(images/arrow.gif) no-repeat 2px 8px; 
	padding-left: 12px;
	margin-bottom:4px;
}

/* Calendar */
#sidebar .block #calendar_wrap a { }
#sidebar .block #calendar_wrap .pad { background: none; }
#sidebar .block #calendar_wrap #prev { background: none; }
#sidebar .block #calendar_wrap #next { background: none; }
#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}
#sidebar .block #calendar_wrap table th { width: 14.2%; }
#sidebar .block #calendar_wrap table td { width: 14.2%; background: #d6ded4; text-align: center; color: #888; }



/* Search
-------------------------------------------------------------------*/
#searchform {	
}

#searchform input { border: 1px #3c6ba0 solid; }

#searchform #s { 
	width: 100%;
	padding: 3px;
	margin-right: -4px;
	margin-bottom:5px;
	vertical-align: top;
	line-height: 0;
	font: normal 12px Verdana;
	vertical-align: top;
	color: #333;
}

#searchform #s:hover { 
	background-color: #c1c8d1;
}

#searchform .hidden { 
}

#searchform #searchsubmit { 
	width: 50px; 
	height: 26px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.bt{
        cursor: pointer;
}



/* Comments
-------------------------------------------------------------------*/
.comments-title { 
	text-align: center; 
	font: bold 17px "Trebuchet MS", Helvetica, Arial, Geneva; 
	color: #414d4c; 
}

#comments {  
	margin-bottom: 10px; 
	width: 620px; 
	padding-bottom: 5px; 
	height:auto;
}
#comments_ad {  
	margin-bottom: 10px; 
	width: 620px; 
	padding-bottom: 5px; 
	height:auto;
}

#comments_ad .comment { 
	background: #E7E8EB; 
	margin-bottom: 10px; 
	overflow: hidden; 
	width: 600px; 
	padding-bottom: 5px; 
}

#comments .comment { 
	background: #E7E8EB; 
	margin-bottom: 10px; 
	overflow: hidden; 
	width: 600px; 
	padding-bottom: 5px; 
}

#comments .odd{ 
	background: #E7E8EB; 
	margin-bottom: 10px; 
	overflow: hidden; 
	width: 530px; 
	padding-bottom: 5px; 
	float:right;
}

#comments .comment .btc_gravatar { 
	float: left; 
	width: 50px; 
	padding: 0px 7px 0 0; 
}

#comments .comment .comment-content { 
	float: right; 
	padding: 10px 15px; 
	margin: 3px 5px 0 10px; 
	width: 490px; 
	background: #F7F8F9; 
}

#comments_ad .comment .comment-content { 
	float: right; 
	padding: 10px 15px; 
	margin: 3px 5px 0 10px; 
	width: 490px; 
	background: #F7F8F9; 
}
#comments .comment .comment-content a {
color:#3C6BA0;
}

#comments .comment .comment-content a:hover {
color:#fff;
}

#comments .title { 
	margin:0;
	padding:0;
	font-size:14pt;
	font-weight:bold;
	color: #3C6BA0;
	}

#comments .title a{ 
	margin:0;
	padding:0;
	color: #3C6BA0;
	text-decoration:none;
	}

#comments .comment-edit-link { 
	margin:0;
	padding:0;
	font-size:10pt;
	font-weight:bold;
	}

#comments .meta { 
	margin:0;
	padding:0;
	font-size:7pt;
	}


#comments .comment .comment-info { 
	font-size: 11px;
	color: #777;
	margin-bottom: 5px; 
}
#comments .comment .comment-info span {
	font: bold 16px "Trebuchet MS", Helvetica, Arial, Geneva;  	
	padding-right: 10px; 
	margin-bottom: 5px;
}
#comments .comment .comment-info a { 
	color: #444; 
	text-decoration: none;
}

.btc_gravatar {
float:left;
margin:3px 3px 4px 4px;
}

/* Comment Form
-------------------------------------------------------------------*/
#addcomment { 
	background: #F7F8F9; 
	border: 5px solid #E7E8EB; 
	padding: 10px; 
	color: #555; 
	width:585px;
	margin:0 0 25px 0;
}

#addcomment.comment.alt{ 
	background: #F7F8F9; 
	border: 5px solid #E7E8EB; 
	padding: 10px; 
	color: #555; 
	width:498px;
	float:right;
}

#commentform{ 
	width:400px;	
}

#commentform p { margin-bottom: 7px; }
#commentform textarea { 
	width: 565px; 
	border: 1px solid #aaa; 
	height: 120px;
}
#commentform input.text { 
	width: 150px; 
	border: 1px solid #aaa; 
	margin-right: 5px; 
	padding: 3px 3px; 
}
#commentform input#submit {
        width: 148px;
        height: 30px;
        background: url(images/submit_bg.gif) no-repeat;
        text-align: center;
        border: none;
}




/* Footer
-------------------------------------------------------------------*/

#footer { 
	margin: 0 auto; 
    position: relative; 
	background-position:bottom center;
	text-align:left;
}

.rss {
		margin:0 auto;
		width: 900px; 
        height: 420px;
}

#feed {
		float:right;
		margin:0 157px 0 0;
}

#footer-inner {

    clear:both;
margin:0 auto;
padding:10px 0 0 20px;
text-align:left;
width:880px;
}

#flickr_badge_wrapper{ width:890px; margin:0 auto; padding:20px 0 20px 0}
#flickr_badge_wrapper a { width:75px; height:75px; margin:10px; padding:8px; background:#dbdada; display:inline-block; float:left;}
#flickr_badge_wrapper a:hover { width:75px; height:75px; margin:10px; padding:8px; background:#3c6ba0; display:inline-block;}

#footer p { 
	font-size: 11px; 
	margin: 0; 
}
#footer-inner a { background: #dbdada; color:#333333; text-decoration:none; padding:0 3px; }
#footer-inner a:hover { background: #3c6ba0; color:#fff; text-decoration:none }

#TwitterCounter { width: 99px; float: left; }
#feedburner { width: 99px; float: right; }
#feedburner a:hover img{ background:#fff; }