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

	This theme was designed and built by Martin Sarsini on 7 April 2007,
	whose blog you will find at http://martin.sarsini.it/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

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: 13em;
    margin: 0 0.5em 0 0;
    padding-left: 15px;
    list-style-type: none;
}
#rightbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 12em;
    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;
}


/* Generali */
h2 {
    margin: 1em 0 0.5em 0;
    font-size: 120%;
    }
blockquote {
    margin: 0;
    padding:0.5em;
    background-color: #fff2f2;
    border: none;
}
abbr {
    cursor: help;
}