/*  
Theme Name: SavvySolo
Theme URI: http://savvysolo.com.org/
Description: This WordPress theme is based on <a href="http://binarybonsai.com/kubrick/">Kubrick</a> and has been highly customized by <a href="http://www.savvysolo.com">Michael D. Pollock</a>.

Version: 1.0
Author: Michael D. Pollock
Author URI: http://savvysolo.com/

	SavvySolo v1.0
	 http://savvysolo.com

	The orginal Kubrick theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com.

	Michael Pollock hacked Kubrick to produce what you see here.

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




body {	
        background: #eee url("/images/bgdiag.gif");
        margin: 0;
        padding: 0;
	padding: 30px 0 30px 0; 
        line-height: 110%;
	}

p {
        margin: 10px 0 10px 0;
        padding: 0;
        }

#page {
	background: #fff url("/images/hwbg.gif");
	margin: 0px auto 0px auto; 
        padding: 0;
	width: 760px;
	font-family: Heletica, Arial, sans-serif;
        font-size: 11px;
        color: #333;
        border: 1px solid #ccc;

	}

#header {
        background: #fff url("/images/hiwayheader4.jpg") top left no-repeat;
        border-bottom: 0px solid #fff;
	padding: 0;
	margin: 0;
	position: relative;
	height: 200px;	       
	}

#content {
	font-size: 12px; 

        margin: 0 0 10px 0px;
        float: left;
	text-align: left;
        width: 430px;
        float: left;
        padding: 0 20px 0 20px;

	}



#content a {
	text-decoration: underline;
	}

#content2 {
	font-size: 12px; 
        margin: 0 0 20px 0px;
        float: left;
	text-align: left;
        width: 500px;
        float: left;
        padding: 0 20px 0 0;
        border-right: 1px solid #ddd;
	}

#sidebar { 
        width: 240px;
        color: #666;
        font-size: 11px;
        font-family: tahoma, verdana, Helvetica, Arial, sans-serif;
        float: right ;
        margin: 0 20px 20px 0px;
	text-align: left;
        padding: 0 0px 0 0;
	}

* html #sidebar {
        margin: 0 10px 20px 0;
        }

#sidebar2 { 
        width: 210px;
        color: #666;
        font-size: 11px;
        float: left ;
        margin: 0 0 20px 20px;
	text-align: left;
        padding: 0;
	}

#searchbar { 
        margin: 0px;
        padding: 8px 0px 0px 10px;
        width: 300px;
        height: 26px;
        background: transparent url("/images/searchbg5.gif") no-repeat;
	}

#searchbar2 { 
        margin: 0px;
        padding: 10px 0 10px 0;
        width: 300px;  
        border-bottom: 5px solid #0099cc;
        background: transparent url("/images/searchbg3.gif") no-repeat;
	}

#sidebarin { 
        width: 160px;
	font-size: 10px; 
        line-height: 150%; 
        float: left;
        margin: 0 0 0 20px;
        padding: 0;
	font-family: 'Lucida Grande', verdana, Arial, Sans-Serif;
	text-align: left;
	}

#sidebarout { 
        width: 120px;
        margin: 0;
	font-size: 10px; 
        line-height: 150%; 
        float: left;
        padding: 0;
	font-family: 'Lucida Grande', verdana, Arial, Sans-Serif;
	text-align: left;
	}

#footer {
	padding: 15px 0px 15px 0px;
	margin: 0;
        background: #006699;
	width: 750px;
        border: 5px solid #fff;
        border-top: 0;
        clear: both;
	}

#footer p {
	margin: 0;
        padding 0 10px;
	text-align: center;
        line-height: 150%;
        color: #fff;
        font-size: 11px;
        font-family: tahoma, arial, verdana;
	}

#footer img a {
	margin: 0;
        padding: 0;
        background: #cc6633;
        text-decoration: none;
	}

#footer p a {
	text-decoration: none;
        color: #fff;
        	}

#footer p a:link {
	color: #fff;
	}

#footer p a:visited {
	color: #fff;
	}

#footer p a:active, #footer p a:hover {
	color: #000;
        background: #fff;
	}



.entrytext {
        text-align: left;
        }

.entrytext li {
        list-style-type: circle;
	list-style-image: none;
        }

a {
	text-decoration: none;
        color: #CC6633;
        	}

a:link {
	color: #CC6633;
	}

a:visited {
	color: #CC6633;

	}

a:active, a:hover {
	color: #fff;
        text-decoration: none;
        background: #006699;
	}
	
.post {
	text-align: left;
        margin: 0;
	}

.postinfo {
        border-bottom: 1px solid #ddd;
        padding: 0 0 5px 0;
	margin: 0;
	text-align: left;
        font-size: 10px; 
        color: #888;

	font-family: tahoma, Arial, Sans-Serif;
        }

.postinfo2 {
        clear: both;
	margin: -10px 0 20px 0;
	text-align: left;
        font-size: 11px; 
        color: #888;
        background: #f5f5f5;
	font-family: Arial, Sans-Serif;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        font-weight: normal;
        padding: 2px 5px;
        }

h1 {
	font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
	font-size: 16px;
	text-align: left;  
        color: #000;
        margin: 0;
        padding: 0;
        letter-spacing: -1px;
        text-transform: capitalize;
	}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
        font-size: 18px;
	text-align: left;
        margin: 0;
        padding: 0;
        letter-spacing: -1px;
        color: #000;
	}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
        margin: 0;
        padding: 0;
        letter-spacing: -1px;
        color: #000;
	}

h4 {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
        margin: 0 0 10px 0;
        padding: 0 0 3px 0;
        letter-spacing: 0px;
        border-bottom: 1px solid #ddd;
        color: #000;    
	}

h1 a, h2 a, h3 a, h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {
        text-decoration: none;
        color:#000; 
        font-weight: bold;
        }

h1 a:hover, h2 a:hover, h3 a:hover, h1 a:active, h2 a:active, h3 a:active {
        text-decoration: none;
        font-weight: bold;
        color: #fff;
        }

#sidebar h2 {
        font-size: 12px;
        color: #000;
        letter-spacing: 0px;
        text-align: left;
        margin: 0 0 5px 0;
        border-bottom: 1px solid #ddd; 
        padding: 0 0 2px 0;
        text-transform: uppercase;
        }

#sidebar h2 a, #sidebar h2 a:link, #sidebar h2 a:visited {
        font-family: arial;
        font-size: 12px;
        color: #CC6633;
        letter-spacing: 0px;
        }

#sidebar h2 a:hover {
        color: #333;
        text-decoration: underline;
        }

.commentlist li, #commentform input, #commentform textarea {
	font-size: 11px;
        font-family:  'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {

        margin: 0;
	}

.commentlist cite, .commentlist cite a {

	font-size: 11px;
        style: normal;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}



.nocomments, .postmetadata, strike {
        font-size: 10px;
	}
	
#wp-calendar #prev a {
	font-size: 10pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */






/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	margin: 0 0 5px 7px;
	display: inline;
	}

img.alignleft {
	margin: 0 7px 5px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol, #sidebar2 ul, #sidebar2 ul ol {
	margin: 0;
        line-height: 130%;
        padding: 0px;
	}

#sidebar li, #sidebar2 li {
        list-style-type: none;
        line-height: 130%;
        margin: 0;
        }

#sidebar .quicklinks ul {
	margin: 0 0 0 0px;
        line-height: 130%;
        padding: 0px;
	}

#sidebar .quicklinks li {
        list-style-type: none;
        background: url("/images/arrow.gif") center left no-repeat;
	margin: 0 0 2px 0;
	padding: 0 0 0 15px;
        }


.internallink li {
        list-style-type: none;
        background: url(images/hotarrow3.gif) center left no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	}

#sidebar p, #sidebar2 p {
        margin: 0;
        line-height: 130%;
        }

/* End Entry Lists */



/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;

	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 90%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0 50px 0 0;
	float: right;
	}
/* End Form Elements */




/* Begin Comments*/

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: left;
	}

.commentlist li {
	margin: 0;
	padding: 10px;
	list-style: none;
        background: #f5f5f5;
        border : 1px solid #ddd;
        -moz-border-radius : 8px;;
        }


.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {

	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */




/* Begin Various Tags & Classes */

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote1 {

	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #eee;
	}

blockquote {
        margin: 20px 20px 20px 20px;
        font-size: 11px;
        color: #666;
	padding: 0 15px 0 15px;
        background: #f5f5f5;
        border : 1px solid #ddd;
        -moz-border-radius : 8px;;
	}


.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: left;
	margin-bottom: 20px;
        _padding-bottom:20px;
	}

.feedblitz {
       margin: 50px 0 0 0;

       }

.feedblitz p {
        padding: 10px;
        color: #333366;
        border-top: 0px solid #fff;
        background: #f5f5f5 url("/images/sidebarboxbg.gif") bottom left no-repeat; 

        }

.feedblitz h2 { 

        padding: 5px 10px 5px 10px;
        background: #ddd;
        margin: 0;
        width: 300px;
        background: transparent url("/images/searchbg5.gif") no-repeat;
	}

.delicious-posts  { 

        margin: 50px 0 0 0 ;
        padding-bottom: 5px;
        background: #f5f5f5 url("/images/sidebarboxbg.gif") bottom left no-repeat; 
        }

.delicious-posts li { 
        margin: 0;
        }

.delicious-posts a { 
        font-weight: bold;
        }

.delicious-extended { 
        color: #333366;
        }



.delicious-banner { 

        padding: 5px 10px 5px 10px;
        background: #ddd;
        color: #fff;
        margin: 0;
        background: transparent url("/images/searchbg5.gif") no-repeat;
	}

.delicious-post { 
        padding: 10px;
        border-top: 1px solid #fff;

        }

.about h2 { 

        padding: 5px 10px 5px 10px;
        background: #ddd;
        margin: 0;
        width: 300px;
        background: transparent url("/images/searchbg5.gif") no-repeat;
	}

.about form {
        margin: 0;

        }

.about2 form {
        margin: 0;
        }


.about2 {

        color: #333366;
        padding: 10px;
        background: #f5f5f5 url("/images/sidebarboxbg.gif") bottom left no-repeat; 

        border-top: 1px solid #fff;
        }

.entrytext img, .entrytext p img {
	margin: 0px 0px 5px 10px;
	float: right;
        border: 1px solid #ddd;
        clear: both;
	}

.entry img {
	margin: 0 10px 10px 0;
        padding: 1px;
	float: left;
        background: #fff;
        border: 1px solid #ddd;
        vertical-align: bottom;
	}

.left img, .left p img {
	margin: 0 0 20px 0px;
	float: left;
        border: 2px solid #ddd;
        clear: both;
	}

.postform, .archiveform {
        width: 200px;
        }

#column1 {
        width: 210px;
        float: left;
        margin: 0 0 20px 0;
        padding: 0 15px 0 0;
        }

#column2 {
        width: 270px;
        padding: 0 15px 0 15px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        float: left;
        margin: 0 0 20px 0;

        }

#column3 {
        width: 210px;
        float: left;
        padding: 0 0 0 15px;
        margin: 0 0 20px 0;
        }


#show {
        border: 1px solid #ddd;
        text-align: left;
        padding: 10px;
        background: #f5f5f5;
        width: 220px;
        }


#show h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
        line-height: 120%;
	font-size: 18px;
        text-align: center;
	}

.leftalign img {
	margin: 0px 5px 5px 0px;
	float: left;
        border: 2px solid #ddd;
        clear: both;
	}

.comments {
        clear: both;
        }

.video {
       background: url("/images/vidbg.gif") top left no-repeat;
       padding: 36px 10px 20px 10px;
       margin: 0 auto 20px auto;
       }


#navigation {
       background-color:#000;
       width: 750px;       
       height:2.5em;
       line-height:2.5em;
       margin: 0 auto 25px auto;
       font-size: 10px;
       font-family: tahoma, verdana, Helvetica, Arial, sans-serif;
       font-weight: bold;
}

#navigation ul {
       margin:0;
       padding:0;
       }

#navigation li {
       float:left;
       margin:0;
       padding:0;
       list-style-type:none;
       border-right:1px solid;
       white-space:nowrap;
       border-color:white; 
       }


#navigation li a {
       display:block;
       padding:0 10px;
       }

#navigation a {
       color:white;
       }
     
#navigation .selected,
#navigation a:hover {
       text-decoration: none;
       background: #006699;
       color: white !important;
       }


.head1 {
        width: 169px;
        height: 200px;
        background: #fff url("/images/hw1.jpg") top left no-repeat;
        float:left;
        }

.head2 {
        width: 183px;
        height: 200px;
        background: #fff url("/images/hw2.jpg") top left no-repeat;
        float:left;
        }

.head3 {
        width: 186px;
        height: 200px;
        background: #fff url("/images/hw3.jpg") top left no-repeat;
        float:left;
        }

.head4 {
        width: 222px;
        height: 200px;
        background: #fff url("/images/hw4.jpg") top left no-repeat;
        float:left;
        }

.entry img { max-width:150px; }