/*
Theme Name: Tornadoitalia Theme
Theme URI: http://www.tornadoitalia.org
Description: The default tornadoitaliatheme
Version: 0.9
Author: Simone Cingano
Author URI: http://network.imente.org
Tags: tornadoitalia

*/

body {
	margin:0;
	padding:0;
	background-color:#40668D;
	font-family:Arial,Serif;
	font-size:0.8em;
	color:#282828;
}
#container, #top, #main, #main .top, #main .bottom, #footer {
	width:100%;
	background-color:#FFF;
}
#top {
	width:100%;
	background:url(images/layout_top.jpg) top center repeat-x #FFF;
}

#top .content {
	height:314px;
	width:900px;
	margin:0 auto;
}
#footer {
	background:transparent url(images/layout_bottom.jpg) repeat-x left top;
}
#footer .content {
	background:transparent url(images/layout_bottomlogo.jpg) no-repeat left top;
	height:105px;
	width:900px;margin:0 auto;
}
#mainblock {
	width:900px;margin:0 auto;
	background:#FFFFFF url(images/layout_contentback.jpg) repeat-y scroll center top;
	padding:10px 0;
}

#content {
    float:right;
	width:670px;
	padding:20px 15px 0;
}

#sidebar {
	float:left;
	width:200px;
	padding:20px 0 0;
}

/**********************************/

.clear { clear:both; }

.spacer { padding:10px 0; }
.spacer.big { padding:0 0 120px; }

img.icon { margin:4px 0 -4px; }

a, a:link, a:active { color:#282828; text-decoration:underline; }

img { border:0; }

/**********************************/

h2, h3 {
	margin:0;
	padding: 5px;
	color: #FFF;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	background:url(images/hback.jpg) top right no-repeat #40668d;
}

h2 a, h3 a { color:#FFF !important; text-decoration:none !important; }

hr {
	border: 0;
	height:5px;
	margin:20px 0;	
	font-size:0;
	background-color:#95B1CE;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}

/**********************************/

form { margin:0; padding:0; }
fieldset {
	border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
	border:1px solid #999; padding:5px;
	margin:5px 0;
}

button {
	border:2px solid #000;
	background-color:#333;
	color:#DDD;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}

input, textarea, select {
	border:1px solid #000;
	color:#333;
	background-color:#FFF;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	font-family:Arial,Serif;
	font-size:12px;
	width:200px;
}

input[type="radio"] { width:auto; }

label { font-size:85%; font-weight:bold; }

select {
	padding:2px;
}

/**********************************/

.entry {
	line-height:190%;
	margin: 0 10px;
}

.post {
	text-align: justify;
}

.postmetadata {
	border-left:2px solid #282828;
	padding-left:10px; margin:0 30px;
	line-height:120%;
	font-size:85%;
}

.post .postnotes {
	font-size:85%;
	margin-left:20px;
}

#breadcrumb, h4, .navigation, .more-link {
	font-size:85%;
	display:block;
	background-color:#DDD;
	padding:5px;
}

.more-link {
	font-weight:bold;
	text-align:right;
	margin-top:10px;
	border-left:5px solid #AAA;
	border-radius-topright:5px;-moz-border-radius-topright:5px;
	border-radius-bottomright:5px;-moz-border-radius-bottomright:5px;
}

#breadcrumb, h4 {
	margin-bottom:10px;
	background:url(images/breadcrumbright.jpg) top right repeat-y #dedede;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
}

h4 {
	font-size:100%;
}

.navigation {
	margin-top:10px;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}

.navigation .alignright { float:right; }

/**********************************/

#searchform {
	padding: 0 10px;	
}

#searchform #searchsubmit {
	font-size:85%;
}

#searchform #s {
	font-size:85%;
	height:15px;
}

/**********************************/

#footer span {
	display:block;
	padding-top:30px;
	text-align:right;
	color:#FFF;
	font-family:Arial,Serif;
	font-size:12px;
	font-weight:bold;
}
#footer a {
	color:#FFF !important;
}

/**********************************/

.postmetatitle {
    font-size: 85%;
	text-align: right;
}

.commentlist { margin-top:20px; }

.commentlist li {
	border-left:3px solid #282828;
	padding-left:10px; margin:0 30px;
}

.commentlist p {
	font-size:85%;
	line-height:125%;
	text-align:justify;
}

.commentlist .comment-meta a { text-decoration:none; }
.commentlist .comment-meta { padding-bottom:4px;border-bottom:1px solid #000; }

.commentlist .avatar {
    float: left;
	margin-right:5px;
}

.commentlist .comment-meta {
	font-size:75%;
	margin-top:2px;
}

.commentlist .comment-author cite {
	font-weight:bold;
}

#commentform {
	padding:0 20px;
}

#commentform textarea {
	width:500px;
}

/**********************************/

#menu {
	font-family:Arial,Serif;
	font-weight:bold;
	font-size:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 200px;
	padding:0;
	position:relative;
	top:284px;
	width:700px;
}
#menu li {
	display:block;
	float:left;
	padding:0 5px;
}
#menu li a {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#EEEEEE;
	border-top:2px solid #333333;
	color:#000000;
	display:block;
	padding:8px 10px 6px;
	text-decoration:none;
}
#menu li.selected a {
	background-color:#FFFFFF;	
}
#menu li.background a {
	opacity:0.5;
}
#menu li.background a:hover {
	opacity:1;
}

/**********************************/

#sidebar .title {
	margin:20px 0 0;
	padding: 5px 10px;
	color: #3C3D4A;
	background-color:#ACC4E3;
	text-transform:uppercase;
	font-weight:bold;
}
#sidebar .title a { color:#3C3D4A !important }

#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:85%;
}

#sidebar li {
	background:url(images/sidebullet.png) center left no-repeat #F2F2F2;
	border-bottom:1px solid #AAA;
}
#sidebar li:hover { background-color:#DDD !important; }

#sidebar li a {
    text-decoration:none;
	padding:5px 15px 5px 17px;
	display:block;
	line-height:125%;
}
#sidebar li a.selected { background:url(images/sidesel.png) center right no-repeat transparent; }

/**********************************/

.page .category .title a {
	font-weight:bold;
	font-size:120%;
	margin-bottom:10px;
}

.page .category .title {
	margin-top:10px;
}

.page .category .thumb {
	margin-top:-10px;
	float:left;
	margin-right:20px;
}

/**********************************/
/**********************************/

/*RACES*/
table.races {
	border-collapse:collapse;
	width:100%;
}
table.races tr.rowhead {
	background-color:#DDD;
	font-weight:bold;
}

table.races tr {
	border-bottom:1px solid #999;	
}

table.races tr td {
	padding:5px;
}

table.races tr.roweven { background-color:#F7F7F7; }
table.races tr.important { background-color:#FFE1E1; }

table.races td.flag { width:20px; }
table.races td.name {  }
table.races td.country { width:70px;  font-size:80%; font-weight:bold; }
table.races td.place { width:90px;  font-size:80%; }
table.races td.date { width:140px; font-size:80%; }
table.races td.sea { width:90px; font-size:80%; }


dl.race { width:325px; margin-right:5px; float:left; }

dl.race dt {
	padding:3px 10px;
	margin-top:5px;
	background:url(images/breadcrumbright.jpg) top right repeat-y #dedede;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
}
dl.race dd {
	padding:5px 0 5px;
	margin:0 0 0 20px;
}