/*
Theme Name: Luis Portfolio
Theme URI: http://luiscalcada.scienceoffice.org/
Description: 
Version: 1.0
Author: Bruno Rino
Author URI: 
Tags: 

*/

HTML, body { background: #111 url(images/bg.png) 981px top repeat-y; color:#666; }
* { margin: 0px; padding: 0px; border: none; text-decoration: none; list-style: none; }
.clr { margin-bottom: 20px; clear: both; }

a { color:#999; }

#container { width: 981px; background: #111; }
#container #content { float: left; width: 670px; min-height: 1100px; padding: 40px 10px 0px 20px; background: #000 url(images/top_content_bg.png) top center no-repeat; border-right: 1px solid #222; }

#container #content a .thumb { float: left; padding: 10px 10px 10px 10px; margin: 0px 10px 10px 0px; background: #171717; border: 1px solid #333; }
#container #content a:hover .thumb { background: #333; border: 1px solid #666; }
#container #content a .thumb img { border: 1px solid #555; height: 120px; width: 189px;}
#container #content a:hover .thumb img { border: 1px solid #777; }
#container #content a .thumb p { margin-top: 3px; font: 9px Tahoma; color: #666; }
#container #content a:hover .thumb p { color: #bbb; }
#container #content a .thumb.nomargin { margin: 0px; }
#container #content a .thumb, #container #content a .thumb2 { cursor: hand; }

/*
#container #content .category-video a .thumb { border: 1px solid #ff8022; }
#container #content .category-music a .thumb { border: 1px solid #59a3d1; }
#container #content .category-illustration a .thumb { border: 1px solid #e85b14; }
*/

#container #content h1 { font: bold 28px Arial; }
#container #content h2 { margin: 0px 0px 20px 0px; font: 16px Arial; }
#container #content h3 { margin: 0px 0px 10px 0px; font: bold 16px Arial; }
#container #content .legenda { margin: 15px 0px 10px 0px; color: #666}

/* http://www.colourlovers.com/palette/1150197/ep */
#container #content .category-illustration .title { color:#BBE0F5; }
#container #content .category-photography .title { color:#9BD7F7; }
#container #content .category-music .title { color:#19AEFF; }
#container #content .category-print .title { color:#1287C6; }
#container #content .category-video .title { color:#1C658D; }

#container #footer { padding-top: 30px; clear: both; font: italic 11px Arial; color: #333; }

#container #sidebar { float: right; width: 240px; padding: 40px 20px; color: #888; background: #111 url(images/top_sidebar_bg.png) top center no-repeat; }
#container #sidebar h1 { font: bold 28px Arial; }
#container #sidebar h2 { margin: 0px 0px 20px 0px; font: 16px Arial; }
#container #sidebar h3 { margin: 0px 0px 10px 0px; font: bold 16px Arial; }
#container #sidebar #title a {color: inherit;}
#container #sidebar p#shortbio { margin: 10px 0px 20px 0px; font: 11px Arial; }
#container #sidebar #links a img{ border: 5px solid #333; }
#container #sidebar #links a:hover img{ border: 5px solid #777; }
#container #sidebar #categories { margin: 20px 0px; }
#container #sidebar #categories a { padding: 0px 0px 3px 0px; font: 12px Arial; color: #555; }
#container #sidebar #categories a:hover { color: #999; }
#container #sidebar #contactme { margin: 20px 0px; }
#container #sidebar #contactme a { display: block; padding: 0px 0px 3px 0px; font: 12px Arial; border-bottom: 2px solid #222; color: #555; }
#container #sidebar #contactme a:hover { color: #999; }
#container #sidebar input{ width: 238px; height: 20px; margin-bottom: 5px; font: 11px Arial; border: 1px solid #666; background: #333; }
#container #sidebar textarea{ width: 238px; height: 160px; margin-bottom: 5px; font: 11px Arial; border: 1px solid #666; background: #333; }




/* COMMENTS */
h3#comments, h3#respond { font-weight:normal; font-size: 14px;font-family: arial, verdana;letter-spacing:-1px; color:#666;padding:15px 0 0 0;}	
ol.commentlist { color:#666; list-style:none; margin:0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }
ol.commentlist li { width:660px; border-bottom:1px dotted #222; padding:15px 0; }
ol.commentlist h5 { font-size:12px; margin:3px 0; padding:0; }	
ol.commentlist h5 a:link, a:visited { color:#679ef1;}
ol.commentlist h5 a:hover { color:#fff; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { font-size: 11px; margin: 0; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }
ol.commentlist a:link, a:visited { color:#999;}



/* form */
#commentform { color:#666; }
#commentform input#author,#commentform input#email,#commentform input#url, #commentform #comment { color:#999; font:normal 12px helvetica,arial; background:#111; border:1px solid #333; padding:4px 4px 2px 4px; margin-right:10px; margin-bottom:4px; width:150px; }
#commentform #comment { width:650px; }
.comment-warning strong { color: #999; font-weight: bold; }

#commentform .submitBtn { border:1px solid #444; font:bold 10px helvetica,arial; height:25px; margin:10px 0; padding:0 5px; text-transform:uppercase;background: #333; color: #111; cursor: pointer; }
#commentform .submitBtn:hover { border:1px solid #666; color: #666; }