/*  

Theme Name: Bosco 1.0 + Widgets

Theme URI: http://www.solostream.com/2006/07/22/wordpress-theme-bosco-10-widgets/

Author: Michael D. Pollock

Author URI: http://www.solostreamwebstudio.com/



	Bosco 1.0 + Widgets

	http://www.solostream.com



	This theme was designed and built by Michael D. Pollock.

      Solostream Web Studio



	The CSS, XHTML and design is copyright of Michael D. Pollock:

	http://www.solostreamwebstudio.com



*/







/* -------------------[ 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: 124px;

	margin: 0 auto;

	padding: 0;

	background: url(images/titlebg.gif) bottom left no-repeat;

	}



#header {

	width: 850px;

	height: 160px;

	margin: 0 auto;

	padding: 0;

	background: #fff url(images/ssheader.gif) top left no-repeat;

	}



#containertop {

	clear: both;

	width: 850px;

	height: 30px;

	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: 750px;

	background: #fff;

	margin: 0 auto;

	padding: 0;

	}   



#content {

        background: #fff;

        width: 450px;

        float: left;

        margin: 0;

        padding: 15px 0px 0px 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%

	}



#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 {

	font-family: Trebuchet MS, Tahoma, Lucida Grande;

	font-weight: normal;

	margin: 0 0 10px 0;

	padding: 0;

        border-top: 4px solid #111;

	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;

	}



h3 {

	font-size: 1.7em;

	}



#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;

	}



.comments h2 {

	font-size: 1.7em;

	border-top: 4px solid #111;

	padding: 5px 0;

	margin: 0;

	}



#blogtitle h1 {

	border: none;

	font-size: 2.6em;

	font-family: Trebuchet MS, Tahoma, Lucida Sans;

	font-weight: bold;

	text-transform: capitalize;

	letter-spacing: -1px;

	margin: 0px;

	padding: 10px 50px 5px 50px;

	text-align: center;

	}



#blogtitle h1 a {

        color: #fff;

        }



.pagetitle {

	font-size: 2em;

	border-top: 4px solid #111;

	padding: 5px 0px;

	border-bottom: 2px solid #cc0000;

	margin: 0 0 0px 0;

	}



/* -------------------[ Links ]------------------- */



a, a:link, a:visited {

	color: #0E2C8E;

	text-decoration: none;

	}



a:hover {

	color: #fff;

        background: #111;

	}



#footer a {

	color: #fff;

	text-decoration: underline;

	}

        

	

/* -------------------[ Images ]------------------- */



.entry img {

        float: right;

        margin: 0 0 8px 10px;
        background: #fff;

        padding: 1px;

        }

	

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}

	

img.alignright {

	padding: 4px;

	margin: 0 0 2px 9px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}







/* -------------------[ Lists ]------------------- 



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	} 



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0 0 10px 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}

	

#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 20px;

	background: #eee url(images/sideboxbg.gif) top left repeat-x;

	padding: 10px;

	border: 0px solid #ddd;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	background: transparent;

	border: none;

	}



/* -------------------[ Form Elements ]------------------- */



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

        width: 448px;

        padding: 0px; 

	}



#commentform #submit {

	margin: 0 0 20px 0;

	float: left;

	}



#commentform p {

	font-family: 'Lucida Grande', Trebuchet MS, Tahoma, sans-serif;

        margin: 5px 0;

	}





/* -------------------[ Comments ]------------------- */





.comments {

	font-size: 12px;

        font-family: Trebuchet MS, Tahoma;

	}



.commentlist ul, .commentlist ul ol {

        margin: 0;

        padding: 0px;

        }



.commentlist li {

	display: block;

	font-size: 11px;

	list-style: none;

	margin: 0 0 25px -40px;

	padding: 15px;

	background: #fff;

	border: 1px solid #ddd;

	}



.commentlist li.alt {

        background-color: #f5f5f5;

        }



.commentlist p {

	margin: 15px 0 0 0;

	}



.comments h3 {

	margin: 40px 0 10px 0;

	border-bottom: 1px solid #ddd;

	padding: 0 0 3px 0;

	}



.commentmetadata {

	margin: 0;

	padding: 0;

	}



/* -------------------[ 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;

	}



hr {

	display: none;

	}



a img {

	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: 10px;



	} 







.postmetadata {

	font-size: 11px;

	background: #f5f5f5;

	border: 1px solid #ddd;

	padding: 15px;

	text-align: left;

	margin: 0 0 20px 0;

	}



.entry {

	padding: 10px 0 0 0;



	margin: 0;

	}



.featuredentry {

	padding: 10px 0 0 0;

	margin: 0;

	}



.author {

        float: left;

        border: 1px solid #ddd;

        background: #eee url(images/buttonbg.gif) top left repeat-x;

        padding: 3px 7px;

        color: #666;

        font-size: 10px;

        text-align: center;

        margin: 13px 15px 10px 0px;

        }



.featureauthor {

        float: left;

        border: 1px solid #ddd;

        background: #eee url(images/buttonbg.gif) top left repeat-x;

        padding: 3px 7px;

        color: #666;

        font-size: 10px;

        text-align: center;

        margin: 13px 15px 10px 0px;

        }



.postinfo {

	margin: 0px;

	font-size: 10px;

	border-bottom: 1px solid #cc0000;

	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 #111;

	}



.post {

	margin: 0 0 40px 0px;

	padding: 0;

	line-height: 130%;

	}



.archivepost {

	margin: 30px 0 0px 0px;

	padding: 0;

	line-height: 130%;

	}



.featuredpost {

	margin: 0 0 40px 0px;

	padding: 20px;

	line-height: 130%;

	background: #eee url(images/featuredbg.gif) top left no-repeat;

	border: 1px solid #ddd;

	}



.featab {

        float: right;

        width: 120px;

        height: 24px;

        color: #fff;

        background: url(images/featab.gif) top left no-repeat;

        padding: 0;

        margin: 0;

        }



.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: 750px;

	margin: 0 auto;

	padding: 10px 0 0 0px;

	}



#nav ul {

	margin: 0px;

	padding: 0;

	float: left;

	}



#nav li {

        float:left;

        margin:0;

        padding:0;

        list-style-type: none;

        }



#nav li a {

        background: #eee url(images/buttonbg.gif) top left repeat-x;

        font-family: Trebuchet MS, Tahoma;

        font-size: 12px;

        font-weight: Bold;

        display: block;

        border: 1px solid #ddd;

        padding: 2px 10px;

        margin: 0 5px 0 0;

        color: #111;

        }



#nav li a:hover {

        background: #111;

        color: #fff;

        }

.foravatars {
		float: right;
	}

.dropcaps {
float:left;
color:#0E2C8E;
font-size:36px;
line-height:60%;
letter-spacing:2px;
padding-top:5px;
font-family: Lucida Grande', Lucida Sans Unicode, Trebuchet MS, Tahoma;
}