/*
Theme Name: Cozimo
Theme URI: http://www.cozimo.com/
Version: 1.0
Description: A Cozimo theme for WordPress
Author: Juan Pablo Di Lelle
Author URI: http://www.collabogus.com
*/
body {
color:#555;
font-family: Georgia, serif;
font-size:62.5%;
line-height:1.5;
margin: 5px;
text-align:center;
border:0;
background-color:transparent;
padding: 0 5px;
}
#wrap {
margin:0 auto;
text-align:left;
width:82em;	
}

#portal-top {
font: 10px "Trebuchet MS", sans-serif;
background-color: white;
color: #646464;
margin: 0 auto;
padding: 5px 0;
}
#portal-header {
background-image: url(./images/header.jpg);
background-repeat: repeat-x;
background-position: bottom left;
overflow: hidden;
margin: 0;
border: 0;
padding: 0;
height: 60px;
position: relative;
}
#portal-header.fullscreen { 
display: none;
}
#portal-logo {
padding: 0;
margin: 0;
width: 175px;
height: 56px;
overflow: hidden;
position: absolute;
}
#portal-logo img {
display: block;
margin: auto;
}
#portal-globalnav {
position: absolute;
left: 179px;
bottom: 0px;
padding: 0;
margin: 0;
line-height:normal;
background-image: url(./images/headerBg.gif);
background-position: bottom;
background-repeat: repeat-x;
white-space: nowrap;
}
#portal-globalnav ul {
margin:0;
}
#portal-globalnav li {
float:left;
margin:0 -1px 0 0;
padding:0;
list-style:none;
list-style-image: none;
background:url(./images/tabRight.gif) no-repeat right top;
}
#portal-globalnav a {
color: #555;
font-weight: bold;
display: block;
background:url(./images/tabLeft.gif) no-repeat left top;
text-decoration: none;
padding: 8px 12px 7px;
margin: 0;
border-bottom: 1px solid #E4E4E4;
}
#portal-globalnav li.selected a {
color: rgb(238, 108, 11);
border-bottom: none;
padding-bottom: 8px;
font-weight: bold;
}
#portal-globalnav li a:hover {
color: rgb(238, 108, 11);
}




#content {
font-size:1.2em;
float:left;
margin-top: 10px;
width:48em;
}
#sidebar {
font-size:1.1em;
float:right;
margin-top:20px;
padding-top: 20px;
width:20em;
}
#header {
background-color:transparent;
background-image:url(./images/header.jpg);
background-repeat:repeat-x;
background-position:bottom left;
height: 65px;
text-align: left;
margin-bottom: 20px;
}
#footer {
clear:both;
font-size:1em;
background-image:url(./images/paragraphbg.gif);
background-repeat:repeat-x;
padding: 10px;
margin: 10px 0;
}
#logo {
padding: 10px 24px;
}
h1, h2, h3 {
font-family:Georgia,serif;
font-weight:normal;
letter-spacing: -1px;
margin:0;
}
#header p {
color:#aaa;
font-size:1.1em;
margin:0;
margin-top:-0.5em;
}
.entry {
background-image:url(./images/paragraphbg.gif);
background-repeat:repeat-x;
border-top:1px solid #E9E9E9;
padding:30px;
margin-bottom: 20px;
}
.entrytitle {
font-family:Georgia, serif;
font-size:10px;
color:#808dff;
padding-bottom:20px;
}
.entrytitle h2 {
font-size:2.2em;
}
.entrytitle h2 a {
font-family:Georgia, serif;
color:#17A7CB;
}
.entrytitle h2 a:hover {
color:#1492A1;
}
.entrytitle h3 {
font-size:12px;
color:#6f6f6f;
}
.entrybody img {
padding: 3px; border: 1px solid #DDD;
}
.entrymeta {
font-size:0.9em;
}
.postedby {
background:#fff url(./images/user.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.filedto {
background:#fff url(./images/post.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.commentslink {
background:#fff url(./images/packaged.gif) no-repeat;
padding:3px;
padding-left:20px;
}
#sidebar {
background-image:url(./images/paragraphbg.gif);
background-repeat:repeat-x;
border-top:1px solid #E9E9E9;
margin-top: 10px;
}
#sidebar h2 {
padding-left:30px;
padding-bottom:5px;
padding-top:5px;
font-family:Georgia,serif;
font-size:14px;
color:#17a7cb;
}
#sidebar h3 {
color:#555;
font-size:1.5em;
margin:1em 0;
}
#sidebar ul {
list-style-type:none;
margin:0;
padding:0;
padding-bottom:10px;
}
#sidebar ul li {
margin-bottom:0.3em;
margin-left:50px;
border:0;
padding:0;
}
#sidebar ul li ul a {
font-size: 1.1em;
}
#sidebar .linkcat {
margin-left:0;
padding-left:0;
}
.commentsblock {
padding: 20px;
background-image:url(./images/paragraphbg.gif);
background-repeat:repeat-x;
}
.commentsblock input {
font-family: Georgia, serif;
font-size: 0.9em;
background: none;
border: 1px solid #CCC;
padding: 3px;
}
.commentsblock input#submit {
border: 0;
color:#ee6c0b;
}
.commentsblock input#submit:hover {
cursor: pointer;
text-decoration: underline;
}
.commentsblock textarea {
width:37em;
border:1px solid #d1d1d1;
padding: 10px;
font-family: Georgia, serif;
font-size: 1em;
line-height: 1.3em;
}
.commentsblock textarea:focus {
background:#eee;
border:1px solid #a1a1a1;
background-color:transparent;
background-image:url(./images/paragraphbg.gif);
background-repeat:repeat-x;
border:1px solid #DDDDDD;
}
.commentsblock label {
margin-left: 10px;
font-size: 1.2em;
}
.commentauthor {
display:block;
font-size:1.5em;
}
ol.commentlist {
color:#777;
font-size:0.9em;
list-style-type:none;
margin:0;
margin-top:1.5em;
padding:0;
}
.commentlist li {
margin-bottom:20px;
padding:12px;
border:1px dotted #EEEEEE;
}
.alt {
font-family: "Trebuchet MS", sans-serif;
font-size: 1em;
background-color:transparent;
background-image:url(./images/paragraphbg.gif);
background-repeat:repeat-x;
}
h3#comments {
font-size:1.6em;
}
#sidebar div#search {
padding-left:28px;
padding-bottom:10px;
}
/* This is a hack to counteract the fact that the Blogroll section
   is autogenerated within an <li> element. This creates a nested pair
   of <ul>'s, each adding its bottom padding and making the Feeds
   section look to far apart from the Blogroll section.
   Eliminating the padding at the bottom of the inner <ul> solves the problem.
*/
#sidebar ul li ul {
padding-bottom:0;
}
#sidebar input.btn {
color:#ee6c0b;
text-decoration:none;
font-family:Georgia,serif;
border:0;
background-color:transparent;
}
#sidebar input.btn:hover {
text-decoration:underline;
}
a {
color:#ee6c0b;
text-decoration:none;
}
a:hover {
color:#ee6c0b;
text-decoration:underline;
}
#sidebar a:after {
content:" >";
}
p {
font-family:Georgia,serif;
font-size:13px;
color:#646464;
line-height:1.8em;
}
img {
border: 0;
}
.postedby,.filedto,.commentslink {
display:block;
background-repeat: no-repeat;
background-position: left center;
padding-left: 22px;
}
.commentslink {
background-image: url(./images/notepin-icon.png);
}
.filedto {
background-image: url(./images/playnext-icon.png);
}
.postedby {
background-image: url(./images/pencil-icon.png);
}
.navigation {
margin-bottom: 20px;
padding: 10px 20px;
background-color:transparent;
}
.wp-smiley {
border: 0 !important;
vertical-align: middle;
}