/* 
    Document   : styles.css
    Created on : 27-lug-2010, 15.54.22
    Author     : Luca
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body {
    font-family: Arial;
    font-size: 13px;
    text-align: center;
    background-color: #E5ECF9;
    margin: 0;
}
div#wrapper {
    text-align: left;
    width: 990px;
    margin: 0px auto 20px auto;
    padding: 5px 0;
    background-color: #fff;
}
#sidelogo {text-align: right;}
#nav {
    border-bottom: 1px solid #ccc;
    padding: 2px 0;
    font-size: 12px;
}
#nav li {
    float: left;
    margin-right: 2px;
    border-right: 1px solid #ccc;
}
#nav li.last {border-right: 0 none;}
#nav li a {
    display: block;
    padding: 3px 10px;
    text-decoration: none;
}

#footer {
    padding: 10px 0;
    text-align: center;
    border-top: 2px solid #f00;
}
dl,dt,dd,ul,ol,li,input,form {margin: 0;padding: 0;list-style-type: none;}
div.banner a img {display: block;margin: 0 auto;}

#search {
    float: right;
    border: 2px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#search input {
    font-family: Arial;
    font-size: 12px;
    padding: 3px;
    border: 0 none;
    margin: 0 !important;
}
#search input[type=text]{width: 160px;}
#search input[type=submit]
{
    font-size: 11px;
    background-color: #eee;
    cursor: pointer;
}

#topArticle {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #f7f7f7;
}
#topArticle h2 {
    font-size: 20px;
    font-weight: normal;
    color: #c00;
    line-height: 1.2em;
}
#topArticle h2 a {
     color: #c00;
     text-decoration:none;
}
#topArticle img.left {margin-top: 0; width: 390px;height: 300px;
      border: 4px solid #eee;
}
#topArticle .content {
    text-align: justify;
}
#movies h3 {
    margin: 0;
    background-color: #e7e7e7;
    color: #555;
    padding: 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px 12px 0 0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: bold;
}

.posts {}
.posts dt {font-size: 16px;line-height: 1.2em;font-weight: normal;margin-bottom: 10px;}
.posts a {text-decoration: none;
    font-weight: bold;
}
.posts dd {
    color: #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #e7e7e7;
    text-align: justify;
}

.post dt {
    font-size: 23px;
    font-weight: normal;
    color: #c00;
    line-height: 1.2em;
}
.post dd {
    color: #333;
    text-align: justify;
    font-size: 14px;
}

.videos {background-color: #eee;padding: 5px;}
.video {color: #333;margin: 0 0 2px 0;padding: 10px;background-color: #fff;
}
.video h4 {font-size: 13px;font-weight: bold;margin: 0;padding: 0;}
.video h4 a {color: #141414;text-decoration: none;}
.video .desc {display: block;font-size: 12px;}
.video .meta {padding-bottom: 5px;color: #888;display: block;}

.twoCols {
	-webkit-column-count: 2;
	-webkit-column-width: 200px;
	-webkit-column-gap: 35px;
	-webkit-column-rule: 1px solid #e7e7e7;
	-moz-column-count: 2;
	-moz-column-width: 210px;
	-moz-column-gap: 35px;
	-moz-column-rule: 1px solid #e7e7e7;
	column-count: 2;
	column-width: 210px;
	column-gap: 35px;
	column-rule: 1px solid #e7e7e7;
}
.box-shadow {
	-webkit-box-shadow: #555 0px 3px 5px;
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,.3);
	box-shadow: #555 0px 5px 5px;
}

.banners .banner {
    padding: 4px;
    border: 1px solid #e7e7e7;
}
.paginator {font-size: 12px;}
.paginator .pages { float: right;}
.paginator a { color: #141414;text-decoration: none;}
.paginator a.page,
.paginator a.first,
.paginator a.prev,
.paginator a.next,
.paginator a.last{
    border: 1px solid #ccc;
    padding: 1px 5px;
}
.paginator span.current {font-weight: bold;padding: 1px 5px;background-color: #006699; color: #fff;border: 1px solid #ccc;}
.paginator .disable {display: none;}

.side-box h6 {border-bottom: 1px solid #0B63D1;color: #00D37C;padding: 3px 0;text-align: center;
text-transform: uppercase;
font-weight: normal;
letter-spacing: .1em;
font-size: 16px;
}
.side-box p {margin: 0;}
.side-links { font-size: 12px;}
.side-links li {padding: 1px 10px;border-bottom: 1px solid #ccc;
background: url(../images/dot.gif) no-repeat 3px 50%;}
.side-links a {color: #009;text-decoration: none;}

/**
* site color
*/
#nav {
    border-bottom: 2px solid #00D37C;
    border-top: 1px solid #0B63D1;
}
#nav li {
    border-right: 1px solid #0B63D1;
}
#header .top {
    border-bottom: 1px solid #0B63D1;
}
#footer {
    border-top: 2px solid #00D37C;
}