/*
Theme Name: BrightsideFluid 1.3
Theme URI: http://martin.sarsini.it/
Description: This WordPress theme was designed and developed by <a href="http://www.sarsini.it">Martin Sarsini</a>.
Author: Martin Sarsini
Author URI: http://www.sarsini.it/
*/

html {
    font-size: 100%;
    color: #000;
    margin: 0;
    padding: 0;
}

/* Begin Typography & Colors */
body {
	font: .80em/1.4em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: white;
	color: #333;
	text-align: center;
    margin: 0;
    padding: 0;
    text-align: left;
}

/* header */
#header {
    width:100%;
    height:100px;
	background: #333 url('images/bg-header.jpg') repeat-x;
	margin: 0;
	padding: 0;
}
#header-img {
    background-color: #333;
    height: 44px;
    margin: 0;
    padding:0 0 0 15em;
}

#container {
    position: relative; /* to get absolute positioning to work correctly */
    margin: 1em 0 0 0;
    padding: 0;
    border: 1px solid #fff; /* to overcome IE bug */
}

/* Navigazione header */
#navigation {
    margin: 0 0 0 15em;
    padding: 0 15em 0 0;
    text-align: left;
    border-top: #f80000 1em solid;
}
#navigation ul {
    margin: 0;
    padding: 0;
}
#navigation ul li,
#navigation ul li ul {
    display: inline;
    margin: 0 0.5em 0 0;
    padding: 0;
}
#navigation a {
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    padding: 0.2em;
}
#navigation a:link {
    color: #f80000;
}
#navigation a:visited {
    color: #f80000;
}
#navigation a:focus,
#navigation a:hover {
    background: transparent;
    background-color: #f80000;
    color: #fff;
}
#navigation a:active {
    color: #fff;
    background: #f80000;
}

/* menu laterali */

#sidebar {
    position: absolute;
    top: 0;
    left: 0%;
    width:220px;
    margin: 0 0.5em 0 0;
    padding-left: 15px;
    list-style-type: none;
}
#rightbar {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 0.3em 0 0.3em;
    list-style-type: none;
}
#sidebar li ul, #rightbar li ul {
    list-style-type: none;
    margin:0px;
    padding:0px;
    }
#sidebar li ul li, #rightbar li ul li {
    margin:0px 0px 0.3em;
    padding:0px;
}

/* Contenuti */
#container a,
#container a:link {
    text-decoration: none;
    color: #f80000;
}
#container a:visited {
    color: #f80000;
}
#container a:focus,
#container a:hover {
    color: #f80000;
    text-decoration: underline;
}
#container a:active {
    color: #fff;
    background: #f80000;
}
#content {
    margin: 0 15em 0 15em;
    padding: 0;
    line-height: 150%;
}

.postmetadata {
	background-color: #fff2f2;
    padding:0.2em;
}
.post img,
.post a:link img,
.post a:visited img,
.post a img {
    border: 1px #ccc solid;
    padding: 1px;
    margin: 0px 5px 5px 0px;
}

.post a:focus img,
.post a:active img,
.post a:hover img {
    border: 1px #f80000 solid;
    }

/* Footer */
#footer {
    color: #fff;
    background: #333;
    margin: 1em 0 0 0;
    padding: 0.5em;
}
#footer p {
    margin: 0;
}
#footer a,
#footer a:link,
#footer a:visited {
    text-decoration: none;
    color: #fff !important;
}
#footer a:focus,
#footer a:active {
    color: #fff;
    text-decoration: underline;
}

/* Forms */
#searchform {
    margin: 1.2em 0 0 0;
    padding: 0px;
}
#searchform #s {
    float:left;
    width:6.5em;
    margin:0 0.5em 0 0;
    border: 1px solid #f80000;
    background-color: #fff;
}
#searchform #searchsubmit,
#submit {
    padding:0px;
    margin: 0px;
    border: 1px solid #f80000;
    background-color: #f80000;
    color: #fff;
}


/* Data */
.postDate {
	border-right:1px solid #ccc;
	color: #ccc;
	float:left;
	line-height:26px;
	margin:5px 5px 0px 10px;
	padding-right:5px;
	right:0pt;
}

.date_day {
	display:block;
	font-size:3em;
}

.date_month {
	display:block;
	font-size:3em;
	font-weight:bold;
}

.date_year {
	display:block;
	font-size:1.8em;
	line-height:120%;
}


/* Generali */
h2 {
    margin: 1em 0 0.5em 0;
    font-size: 120%;
    }
.entry blockquote {
    background: url('images/quote.gif') no-repeat top left;
    margin: 0;
    padding:0.5em;
    background-color: #fff2f2;
    border: none;
}
.entry blockquote p {
    margin-left:50px;
}
abbr {
    cursor: help;
}