/*  

Theme Name: Bosco 2.0 + Widgets

Theme URI: http://www.solostream.com

Author: Michael D. Pollock

Author URI: http://www.solostream.com/



	Bosco 2.0 + Widgets

	http://www.solostream.com



	This theme was designed and built by Michael D. Pollock of Solostream Web Studio.



	The CSS, XHTML and design is copyright of Michael D. Pollock:

	http://www.solostream.com.



	You may use or modify this theme for your own blog or website. You MAY NOT REDISTRIBUTE this theme in any fashion without prior permission from Michael Pollock.

 



*/







/* -------------------[ Main Page Elements ]------------------- */



body {



font-size: 13px;

font-family: 'Lucida Grande', Lucida Sans Unicode, Trebuchet MS, Tahoma;

background: #ddd url(images/pagebg.gif);

color: #111;

text-align: left;

margin: 0;

padding: 0px;

line-height: 150%;

	}



#blogtitle {

	width: 850px;

	height: 110px;

	margin: 0 auto;

	padding: 0;

	background: url(images/titlebg.gif) bottom left no-repeat;

	}



#containertop {

	clear: both;

	width: 850px;

	height: 20px;

	background: transparent url(images/containerbg.gif) top left no-repeat;

	margin: 0 auto;

	padding: 0;

	}



#container {

	width: 850px;

	background: url(images/containermid.gif) top left repeat-y; 

	margin: 0 auto;

	padding: 0;

	}



#page {

  clear: both;

	width: 770px;

	background: #fff;

	margin: 0 auto;

	padding: 0;

	}   



#content {

        background: #fff;

        width: 470px;

        float: left;

        margin: 0;

        padding: 0;

	}



#sidebar {

	background: #fff;

	font-size: 13px;

	font-family: "Trebuchet MS", Tahoma, "Lucida Grande";

	width: 250px;

	float: right;

	margin: 0;

	padding: 15px 0px 0px 0px;

	line-height: 130%;

  font-weight: bold;

	}



#containerbot {

        clear: both;

        width: 850px;

        height: 30px;

        background: url(images/containerbg.gif) bottom left no-repeat;

        margin: 0 auto 0px auto;

        padding: 0;

        }



#footer {

        color: #fff;

        clear: both;

        width: 750px;

        margin: 0 auto;

        padding: 25px 50px 15px 50px;

        text-align: center;

        font-size: 10px;

        background: url(images/footerbg.gif) top left no-repeat;

        }



/* -------------------[ Headings ]------------------- */



h1, h2, h3,h4,h5 {

  font-family: Trebuchet MS, Tahoma, Lucida Sans;

	font-weight: normal;

	margin: 0 0 10px 0;

	padding: 0;

	letter-spacing: -1px;

	text-align: left;

	line-height: 110%;

	}



h1 {

	font-size: 2em;

	border-top: 4px solid #111;

	padding: 5px 0;

	margin: 0;

	}



h2 {

	font-size: 1.7em;

	border-top: 4px solid #111;

	padding: 5px 0;

	margin: 0;

	}



h3 {

	font-size: 1.7em;

	}



h4,h5 {

        font-size:1.5em;

        }



#blogtitle h1 {

	border: none;

	font-size: 2.8em;

  font-family: Trebuchet MS, Tahoma, Lucida Grande;

	font-weight: bold;

	text-transform: capitalize;

	letter-spacing: -1px;

	margin: 0px;

	padding: 10px 50px 5px 50px;

	text-align: center;

	}



.pagetitle {

	font-size: 2em;

	border-top: 4px solid #111;

	padding: 5px 0px;

	border-bottom: 1px solid #cc0000;

	margin: 0 0 10px 0;

	}



h2#comments,h2#respond,h2#trackbacks {

        border-bottom: 1px solid #000;

        padding-bottom:3px;

        margin-bottom:1px;

        }



.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {

        border:0;

        padding:0;

        margin-bottom:10px;

        }



.dropcaps {

float:left;

color:#0E2C8E;

font-size:36px;

line-height:60%;

letter-spacing:2px;

padding-top:5px;

font-family: Trebuchet MS, Tahoma, Lucida Sans;

}



/* -------------------[ Links ]------------------- */



a, a:link, a:visited {

	color: #0E2C8E;

	text-decoration: none;

	}



a:hover, a:active {

	color: #fff;

        background: #111;

	}



#footer a {

	color: #fff;

	text-decoration: underline;

	}



#blogtitle h1 a {

        color: #fff;

        }

        

	

/* -------------------[ Images ]------------------- */



.entry img {

        float: right;

        clear: right;

        margin: 0 0 5px 10px;

        background: #fff;

        padding: 2px;

        border: 0px solid #ccc;

        }



img.alignright {

        float: right;

        clear: right;

        margin: 0 0 5px 10px;

        background: #fff;

        padding: 2px;

        border: 0px solid #ccc;

        }



img.alignleft {

        float: left;

        clear: left;

        margin: 0 10px 5px 0px;

        background: #fff;

        padding: 2px;

        border: 0px solid #ccc;

        }



img.centered { 

        display: block; 

        padding: 2px; 

        margin: 0 auto 20px auto; 

        border: 1px solid #ccc; 

        float: none; 

        clear: both;

        }



/* -------------------[ Form Elements ]------------------- */



#commentform {

        background: #eee;

        font-size:8pt;

        padding: 15px 15px 1px;

        margin: 0 0 10px 0;

        }



#commentform label {

        display:block;

        margin: 0;

        }



#commentform input {

	width: 170px;

	padding: 1px;

	margin: 0px 5px 10px 0;

	}



#commentform textarea {

        width: 400px;

        padding: 0;

	margin: 0px 0px 10px 0; 

	}



#commentform #submit {

	margin: 0 0 20px 0;

	}



#commentform p {

        margin: 5px 0;

	}



/* -------------------[ Sidebar ]------------------- */



#sidebar ul {

	list-style-type: none;

	margin: 1px ;

	padding: 1px;

	}



#sidebar ul li {

	list-style-type: none;

	margin: 0 0 15px 0;

	padding: 10px;

	background: #eee url(images/sideboxbg.gif) top left repeat-x;

	border: 1px solid #ddd;

	}



#sidebar h1 {

font-size: 13px;

font-family: Trebuchet MS, Tahoma, Lucida Sans;

font-weight: bold;

border-top: 4px solid #111;

padding: 5px 0;

margin: 0;

}





#sidebar ul ul {

        list-style-type: none;

        margin: 3Px;

        padding: 0;

        }



#sidebar li li {

	list-style-type: none;

	margin: 2px;

	padding: 0;

	background:transparent;

	border: 0;

        }







/* -------------------[ Comments ]------------------- */





ol.commentlist {

        font-size:8pt;

        padding: 0;

        margin: 0;

        }



ol.commentlist li {

	display: block;

	list-style: none;

        padding: 15px 15px 1px;

	margin: 0 0 1px ;

        background: #eee;

	}



ol.tblist {

	list-style: none;

        background: #eee;

        padding: 15px 15px 10px;

        font-size: 8pt;

        margin: 0 0 1px;

        }



ol.tblist li {

	display: block;

	list-style: none;

        padding: 0;

        margin: 0;  

        background: #eee;    

	}



/* -------------------[ Misc Tags and Classes ]------------------- */



acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dotted #999;

	}



* html acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 10px 30px;

	padding-left: 10px;

	border-left: 5px solid #ddd;

        color: #666;

	}



.center {

	text-align: center;

	}



a img, img a {

	border: none;

	}



.navigation {

	text-align: center;

	margin-top: 10px;

	margin-bottom: 0px;

	padding: 10px;

	}



.navigation .alignright {

	float: right;

	margin: 0 0 10px 0;

	}

	

.navigation .alignleft {

	float: left;

	margin: 0 0 10px 0;

	}



p {

	margin-top: 0px;

	margin-bottom: 15px;

	} 



.entry {

	padding: 10px 0 0 0;

	margin: 0;

	}



.postinfo {

        font-size:10px;

	margin: 0px;

	border-bottom: 1px solid #000;

	padding: 0px 0px 5px 0px;

	}



.postinfo2 {    

        clear: both;

	margin: 10px 0 0 0px;

        font-size:10px;

	padding: 5px 0 5px 0px;

        border-top: 1px solid #000;

	}



.post {

	margin: 0 0 20px 0px;

	padding: 0;

	line-height: 130%;

	}



.featurepost {

	margin: 0 0 40px 0px;

	padding: 20px;

	line-height: 130%;

	background: #eee url(images/featuredbg.gif) top left no-repeat;

	border: 1px solid #ddd;

	}



.description {

        color: #fff;

        text-align: center;

        padding: 0 50px;

        }



.date {

        float: right;

        text-align: center;

        font-size: 10px;

        font-weight: bold; 

        width: 120px;

        height: 21px;

        color: #fff;

        background: url(images/datebg.gif) top left no-repeat;

        padding: 4px 0 0 0;

        margin: 0;

        }



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps {

	font-size: 0.9em;

	letter-spacing: .07em;

	}

   

/* -------------------[ Top Navigation Bar ]------------------- */



#nav {

	clear: both;

	width: 770px;

	margin: 0 auto;

	padding: 0;

	}



#nav ul {

	margin: 0;

	padding: 0;

	}



#nav li {

        float:left;

        margin:0;

        padding:0;

        list-style-type: none;

        }



#nav li a {

        float:left;

        background: #eee url(images/buttonbg.gif) top left repeat-x;

        font-size: 10pt;

        display: block;

        border: 5px solid #ddd;

        padding: 3px 10px;

        margin: 0 10px 10px 0;

        color: #111;

        }



#nav li a:hover {

        background: #111;

        color: #fff;

        }



#nav li ul {

        float:left;

        }




