* HTML Elements
Theme Name: Web 2.0
Theme URI: antonioscuotto.info
Description: tema Web 2.0
Author: Scuotto
Author URI: antonioscuotto.info
Version: 2.0
******************************************/
* {
margin:0;
padding:0;
}
body,html {
min-height:101%;
}
body {
width:100%;
background: #000000;
color: #333;
padding: 13px 0 25px 0;
}
body, select, input, textarea {
font: 14px Arial, Verdana, Sans-Serif;
line-height:1.5em;
}
input {
font-size:12px !important;
}
p {
margin:15px 15px 15px 0;
text-align:left !important;
}
b {
font-weight: normal;
}
strong {
font-weight: normal;
}
a:link, a:visited {
color: #FFFFFF;
text-decoration:none
}
a:hover, a:active {
color:#FFA73D;
}
hr {
display: block;
height:1px;
background:#000000;
border:0;
}
small {
font-size: 0.9em;
padding:3px 6px;
color:#FFFFFF;
}
small a:link,
small a:visited{
color:#FFFFFF;
}
small a:hover{
color:#FFA73D;
}
/****** Images ****************************/
img, a:link img, a:visited img{ padding:1px;}
img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; padding:1px;}
img.left{ float:left; margin:0 12px 5px 0; }
img.center{ display:block; margin:0 auto 5px auto; }
img.right{ float:right; margin:0 0 5px 12px; }
img align left{ float:left; margin:0 12px 5px 0; }
/******************************************
* General Structure
******************************************/
#page { /*the main container*/
width:880px;
margin-left:33px;
font-size:1em;
background:#000000;
padding: 0px 25px 35px 25px;
border-top:3px double #333333;
border-right:3px double #333333;
border-left:3px double #333333;
}
#branding {/*where the logo sits*/
background:#FFFFFF url(images/header_copia2.jpg) no-repeat scroll center top;
height:277px;
/* padding-bottom:15px; */
padding-left:3px;
width:887px;
position:absolute;
left:60px;
top:16px;
}
.sottotitolo { color:#000F00; font-style:italic; margin-top:50px; font-family: Trebuchet; font-size:smaller; }
.left {
float:left;
}
.right {
float:right;
}
#sidebar-right {/*you guessed it: it�s the sidebar container*/
width: 250px;
margin-top:277px;
float:right;
}
#leftcol {/*the left homepage column carrying the "Featured Article" section*/
width:287px;
border-right:1px solid #b6b6b6;
padding-right:18px;
}
#leftcol, #rightcol {
margin-top:10px !important;
float:left
}
#rightcol a:link img,
#rightcol a:visited img {
border:0px;
}
#rightcol a:visited,
#rightcol a:link{
color:#ff6a11;
font-size:16px;
}
#rightcol a:hover{
color:#FFFFFF;
font-size:16px;
}
#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
width:277px;
padding-left:18px;
margin-top: -2px;
text-align:justify;
}
/******************************************
* Sidebar
******************************************/
.subnav li {/*.subnav is mainly the categories list*/
list-style:none;
}
.subnav li a:link, .subnav li a:visited {
background: #1a1a1a;
display:block;
padding:4px 4px 4px 20px;
border-bottom: 1px solid #1a1a1a;
}
.subnav li a:hover, .subnav li a:active {
background: #FFA73D;
text-decoration:none;
}
#sidelist li {
list-style:none;
}
.bullets li {
margin:0 0 5px 15px;
list-style:square;
}
#sidelist .bullets li {
list-style:square;
margin-bottom:5px;
margin-left:22px;
}
#sidelist .children {
background:#FFA73D;
}
#sidelist .children li {
background: #FFA73D;
list-style: none;
margin-left:0;
padding-left:5px;
border-bottom:1px solid #fff;
font-size:5px;
}
#sidelist .children li a, #sidelist .children li a:visited {
padding:2px 2px 2px 0px;
border:0;
background:#FFA73D;
color: #666;
}
#sidelist .children li a:hover, #sidelist .children li a:active {
color:#1a1a1a;
}
#sidelist .feed li{
margin-bottom:5px;
padding-left:20px;
background:url(images/rss.gif) no-repeat;
}
/******************************************
* Headlines
******************************************/
.blogtitle, .blogtitle a {
color: #000;
font-size: 1.8em;
font-family: Arial, Verdana, Sans-Serif;
font-weight: normal;
padding: 20px 0px 10px 0px;
}
#h1 {
position: absolute;
top:56px;
padding: 0 0 0 50px;
font-size: 1.45em;
color: #FFFFFF;
margin-top: 70px;
font-family: Arial, Verdana, Sans-Serif;
text-decoration:none;
}
h1 a:link ,
h1 a:visited {
text-decoration:none;
color: #FFFECE;
}
h1 a:hover{
text-decoration:none;
color: #FFA73D;
}
h2 {
color: #FFFFFF;
font: 0.80em Arial, Helvetica, sans-serif;
letter-spacing:0.084em;
padding-bottom:8px;
margin: 10px 0;
}
h2 a:link ,
h2 a:visited {
text-decoration:none;
color: #FFFECE;
}
h3 {
font: 0.8em Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
margin-bottom:4px;
color:#FFFECE;
}
h3 a:link ,
h3 a:visited {
text-decoration:none;
color: #FFFECE;
}
#rightcol h3 a:link ,
#rightcol h3 a:visited {
text-decoration:none;
color: #FFFECE;
font-size:0.8em;
}
/*h3 a:hover{
text-decoration:none;
color: #FFFFFF;
}*/
#sidebar-right h2, #sidebar-right h3 a {
font: 0.90em Arial, Helvetica, sans-serif;
letter-spacing:0.040em;
margin-bottom:4px;
font-weight:bold;
color:#FFFFFF;
}
#sidebar-right h3, #sidebar-right h2 {
font-size:0.9em;
padding:5px 0px 5px 2px;
margin:15px 0px 5px 0px;
color:#FFFFFF;
font-weight: bold;
}
h3#respond {
font-size:1.1em;
border-top:1px solid #666;
margin-top:25px;
padding-top:20px
}
h3#comments {
margin-top:32px
}
h4 {
font-size:0.9em;
margin-bottom:6px;
}
/******************************************
* Content
******************************************/
#content {
width:605px;
margin-top:277px;
float:left
}
.description {
font-size: 1.3em;
font-weight: bold;
color:#999;
}
/* Featured Articles formatting "leftcol" */
.feature {
background: url(images/backgrounds/bg_leadarticle.jpg) repeat-x #971e03;
padding:15px;
border: 1px solid #000000;
text-align:left;
color:#FFFFFF;
}
.feature a:link,
.feature a:visited{
color:#FFA73D;
font-size:17px;
}
.feature a:hover{
color:#FFFFFF;
font-size:17px;
}
.feature p, #rightcol p {
margin:0;
font-size:15px;
}
#leftcol img, #rightcol img {
padding:1px;
border:1px solid #999;
}
#leftcol .feature { margin-bottom: 0px; }
/* Formating of the Leadstory stuff in the tabbed section */
#leadpic {
float:left;
margin:10px 18px 8px 10px;
padding:1px;
border: 0px solid #999;
}
.title a.title {
font-family: Arial, Verdana, Sans-Serif;
font-size:1.1em;
font-weight:bold;
color: #FFA73D;
letter-spacing:normal;
}
.title a:link.title {
color: #fe4b08;
letter-spacing:normal;
}
#lead p {
margin-bottom:10px;
}
/* Formating of "rightcol" which is the column in the homepage middle ;-) */
#rightcol img {
float:left;
margin:3px 10px 4px 0;
}
#leftcol a:link img, #leftcol a:visited img {
border:0 none;
}
#leftcol img {
margin-bottom: 4px;
display:block
}
#rightcol .clearfloat {
background:#C0C0C0 url(images/backgrounds/bg_leadarticlechiara.jpg) repeat-x scroll 0 0;
/*border:1px solid #B92F08;
margin-bottom:50px;*/
padding:15px;
text-align:left;
color:#FFFFFF;
}
/* Post Formatting */
.entry {
padding-bottom:28px;
color:#FFFFFF;
text-align:left;
}
.entry a:visited img,
.entry a:link img,
.entry a:hover img{
border-color:transparent transparent #222222 ;
border-style:none none dotted;
border-width:0 0 1px;
color:#222222 !important;
}
.entry a:visited,
.entry a:link{
border-color:transparent transparent #FE4B08;
border-style:none none dotted;
border-width:0 0 1px;
color:#FE4B08;
}
.entry a:hover{
border-bottom:1px dotted #FFA73D;
color:#FFA73D;
}
.entry h3{
text-transform:none;
}
.post blockquote {
color:#ffffff;
background:#222222;
padding:6px 14px;
margin:18px 35px;
border-right:0.3px solid #222222;
border-bottom: 0.3px solid #222222;
}
img{ padding: 10px;
}
.post ul li {
list-style:square;
margin-bottom:5px;
margin-left:42px;
}
.post ol li {
margin-bottom:5px;
margin-left:48px;
}
#tags {
padding:3px;
border-bottom:1px solid #DDD;
border-top:1px solid #DDD;
color:#FFFFFF;
font-size:11px;
}
.post h2{
color:#FFFFFF;
text-transform:none;
font-size:1.1em;
}
.inh { display:inline }
.post h1{
color:#FE4B08;
text-transform:none;
font-size:1.130em;
}
.post h3{
color:#FFFFFF;
text-transform:none;
font-size:1.0em;
}
.postmetadata {
font-size:12px;
margin:0 0 10px 0;
padding:5px 10px;
border-top:1px solid #E6E3D3;
border-bottom:1px solid #E6E3D3;
color: #FFFFFF;
}
.postmetadata a:link,
.postmetadata a:visited{
color: #FFFFFF;
}
.postmetadata a:hover{
color: #FFA73D!important;
}
/* Form Elements */
select {
background:#f2f2f2;
font-size:13px;
border:1px solid #9c9c9c;
margin:0 0 0 40px;
width:69%;
}
#searchform { padding:16px 5px 0 0; }
.button {
padding: 1px;
background:#333;
color:#fff;
border:none;
}
.button:hover {
background:#FFA73D;
color:#1a1a1a;
text-decoration:none
}
#commentform input {
width: 170px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
border:1px dashed #FE4B08;
width: 100%;
margin-top:5px;
}
/* Comments*/
.commentlist {
padding-left:30px;
}
.commentlist li {
margin: 15px 0 3px;
padding: 8px 15px 10px 15px;
background:#222222;
color:#FFFFFF;
border:1px dotted #666666;
}
.commentlist blockquote {
color:#666;
background:#F4F4F4;
padding:6px 14px;
margin:18px 35px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#commentform small {
background:#000000;
font-weight:bold;
padding:0;
}
.commentmetadata {
display: block;
color: #000000;
}
.commentmetadata a:visited,
.commentmetadata a:link{
color: #000000;
}
.commentmetadata a:hover{
color: #FFA73D !important;
}
.commentlist small {
background:#E6E3D3;
border:1px solid #E6E3D3;
}
/* Float Properties*/
.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
.clearfloat {
display:inline-block;
}
.clearfloat {
display:block;
}
.inh { display:inline }
/******************************************
* Footer
******************************************/
#footer {
margin-left:48px;
width: 900px;
font-size:0.9em;
text-align:center;
padding-top:15px;
color:#FFF;
background:#000000 url(images/footer.jpg) repeat scroll 0 0;
}
#footer a {
color:#ededed;
}
#rss2 {
margin-top:25px !important;
border-top:0px !important;
}
#rss {
border-top:0px !important;
}
#search {
position: absolute;
top: 30px;
font-family: Arial, Verdana, Sans-Serif;
width: 870px;
text-align: right;}
.boxed ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 30px;
}
.boxed a:link,
.boxed a:visited {
border-bottom:1px dotted #fe4b08;
color:#fe4b08;
}
.boxed a:hover {
border-bottom:1px dotted #FFA73D;
color:#FFA73D !important;
}
.boxed li {
background:transparent url(images/mmenu.jpg) no-repeat scroll left top;
color:#B63108 !important;
display:block;
font-size:0.87em;
font-weight:bold;
line-height:1.1em;
padding:1px 3px 1px 15px;
}
.boxed ul li ul {
margin:0;
padding:0;
}
.boxed ul li ul li {
margin:0;
padding:1px 3px 1px 15px;
font-size:12px;
}
.boxed {
margin:0;
}
.boxed .title {
background:#000000 url(images/sli_title.jpg) no-repeat scroll center;
color:#FFFECE;
font-size:1.1em;
height:18px;
letter-spacing:2px;
padding:1px 0 0;
text-align:center;
}
.blogroll li {
background:transparent url(images/mmenu.jpg) no-repeat scroll left top;
color:#B63108 !important;
display:block;
font-size:1.1em;
font-weight:bold;
line-height:1.0em;
padding:1px 3px 1px 15px;
}
.textwidget{
color:#FFFFFF;
font-size:0.70em;
padding:0 50px;
}
#front-popular {
font-size:0.60em;
color:#fff;
width: 910px;
background:#000000;
margin-left:33px;
padding:10px;
border-left:3px double #333333;
border-right:3px double #333333;
border-bottom:3px double #333333;
}
#recentpost, #mostcommented {
width:270px;
float:left;
padding:10px;
border:1px solid #333333;
}
#mostcommented {
margin-left:17px;
}
#recent_comments {
width:280px;
float:right;
padding:10px;
border:1px solid #333333;
}
.comments{
color: #FFFFFF;
}
.catcloud{
margin:0;
padding:0 40px;
}
#top {
font-family:Arial,Verdana,Sans-Serif;
font-size:1.10em;
font-style:italic;
text-decoration:none;
}
#tags a:link,
#tags a:visited{
color:#FFFFFF;
}
#tags a:hover{
color:#FFA73D;
}
h4 a:link,
h4 a:visited{
color:#FE4B08 !important;
}
h4 a:hover{
color:#FFA73D !important;
}
.conteiner-center {
border-top:1px solid #B6B6B6;
color:#FFFFFF;
float:left;
margin-top:50px;
padding-top:20px;
width:605px;
}
.conteiner-center a:link,
.conteiner-center a:visited{
color:#FE4B08 !important;
font-size:17px !important;
}
.conteiner-center a:hover{
color:#FFA73D !important;
font-size:17px !important;
}
.conteiner-center h3 {
font: 0.9em Arial, Helvetica, sans-serif;
text-transform:none;
letter-spacing:0.0em !important;
margin-bottom:4px;
font-weight:bold;
}
.alignleft, .alignright{
font-size:0.9em;
}
.navigation{
padding-bottom:8px;
}
.navigation a:link,
.navigation a:visited{
color:#FFFFFF;
}
.navigation a:hover{
color:#FE4B08;
}