/*  
Theme Name: solotechno base theme
Theme URI: http://solotechno.com/
Description: The base theme for Wordpress development
Author: Michael Vaughn
Author URI: http://solotechno.com/

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

*/
/* RESET CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
		} 
table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
		} 
fieldset,img {  
	    border:0; 
		} 
address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
		} 
ol,ul { 
	    list-style:none; 
		} 
caption,th { 
	    text-align:left; 
		} 
h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
		} 
q:before,q:after { 
	    content:''; 
		} 
abbr,acronym { border:0; 
		}
/* END OF RESET CSS */
	
hr {
   display: none;
   }
strong {font-weight: bold;}
   
a:link {
	color: #000099;
	font-size: 1.2em;
}

a:visited {
	color: #333;
}

/* Hide those annoying dotted borders on Firefox links */
a:hover, a:active, a:focus, a:active{
	outline: none;
	-moz-outline-style: none;
}


em {
	font-style: italic;
}

body {
     font-size: 62.5%; /* Resets so that 1em equals 10px */
     text-align: center;
     font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
     color: #333;
     line-height: 1.5em;
     }
	
#page {
      width: 760px;
      text-align: left;
      margin: 0 auto;
      font-size: 1.2em;
      line-height: 1.5em;
     background: url(http://www.solotechno.com/images/bodybkgrd.jpg) repeat-y;
      }
	
#container {
	  margin-top: 10px;
	  text-align: left;
	  width: 760px;
           }

#content {
	float: left;
	text-align: left;
	width: 470px;
        padding-top: 5px;
	margin-top: -5px;
	margin-bottom: 3em;
	color: #666;
	}

#header {
	padding-bottom: 10px;
	width: 760px;
	height: 170px;
	margin-top: 15px;
	background: url(images/solotechnologo.jpg) no-repeat;
        background-color: #ffffff;
	}

#headerimg  {
	   margin: 0;
	   height: 0;
       text-indent: -9999px;
	   }
	   
#navbar {
	   position: relative;
	   width: 250px;
	   height: 150px;
	   margin-left: 510px;
	   margin-top: -170px;
	   padding: 0px;
	   background: url(http://www.solotechno.com/images/st_navbar.jpg) no-repeat;
       }
#navbar li {
	list-style: none;
}
       
#navbar li a {
	position: absolute;
	margin: 0;
	padding: 0;
	display: block;
	height: 30px;
	background: url(http://www.solotechno.com/images/st_navbar.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	}
	
li#home_menu a {
	top: 0;
	width: 250px;
	background-position: 0 0;
}

li#about_menu a {
	top: 30px;
	width: 250px;
	background-position: 0 30px;
}

li#work_menu a {
	top: 60px;
	width: 250px;
	background-position: 0 60px;
} 

li#services_menu a {
	top: 90px;
	width: 250px;
	background-position: 0 90px;
}

li#contact_menu a {
	top: 120px;
	width: 250px;
	background-position: 0 120px;
}

li#home_menu a:hover {
	top: 0;
	background-position: -250px 0;
}

li#about_menu a:hover {
	top: 30px;
	background-position: -250px -30px;
}

li#work_menu a:hover {
	top: 60px;
	background-position: -250px -60px;
}

li#services_menu a:hover {
	top: 90px;
	background-position: -250px -90px;
}

li#contact_menu a:hover {
	top: 120px;
	background-position: -250px -120px;
}

#body_home li#home_menu a {
	top: 0;
	background-position: -500px 0;
}

#body_about li#about_menu a {
	top: 30px;
	background-position: -500px -30px;
}

#body_work li#work_menu a {
	top: 60px;
	background-position: -500px -60px;
}

#body_services li#services_menu a {
	top: 90px;
	background-position: -500px -90px;
}

#body_contact li#contact_menu a {
	top: 120px;
	background-position: -500px -120px;
}

.narrowcolumn {
	      float: left;
	      padding: 0;
	      margin: 0px;
	      }
	      
.narrowcolumn h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 5px;
}
	      
.narrowcolumn h2 a {
	   color: #333;
	   font-size: 1.0em;
	   text-decoration: none;
       }

.narrowcolumn .post small {
	color: #999;
    }

.widecolumn {
	    padding: 0;
	    margin: 0;
	    }
	    
.widecolumn h2 a {
	color: #333;
	font-size: 1.0em;
	list-style: none;
}

.post {
      text-align: left;
      }
.post h2 {
	color: #333;
        line-height: 1.4em;
	margin-top: -1px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #999;
	background: url("http://solotechno.com/images/colon.jpg") no-repeat;
	background-position: left center;
	font-weight: 700;
}
.post h2 a {
	text-decoration: none;
}
.post-content {
	margin-top: 15px;
}

.post-content h2 {
	color: #333;
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 3px;
}

.post-content h3 {
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
}

.post-title {
	color: #333;
	margin-top: -1px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #999;
	background: url("http://solotechno.com/images/colon.jpg") no-repeat;
	background-position: left center;
	font-weight: 700;
}

h2.post-title {
	line-height: 1.4em;
}

.post-content p {
	color: #666666;
	margin-bottom: 1em;
}

.post-content p a {
	font-size: 1.0em;
}

.post-content ul {
	margin-left: 20px;
	list-style: disc;
}
.widecolumn .post {
	          margin: 0;
	          }

.entry {
	margin-top: 10px;
	font-size: .9em;
}
.entry h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	background-color: transparent;
}

.entry p {
	margin-bottom: 10px;
}
.entry ul {
	margin-left: 20px;
}
.entry li {
	list-style: outside;
}

.narrowcolumn .postmetadata {
	                    padding-top: 7px;
	                    }

.widecolumn .postmetadata {
	                  margin: 30px 0;
	                  }

.widecolumn .smallattachment {
	                     text-align: center;
	                     float: left;
	                     width: 128px;
	                     margin: 5px 5px 5px 0px;
                             }

.widecolumn .attachment {
	                text-align: center;
	                margin: 5px 0px;
                        }

.postmetadata {
	      clear: left;
	      font-size: 0.7em;
	      margin-bottom: 25px;
              }
              
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

#work h2 {
	margin-bottom: -1px;
	font-size: 1.1em;
	color: #333;
	background-color: #fff;
}

#work img {
	border: 1px solid #999;
}

#work ul {
	margin-bottom: 30px;
	padding-bottom: 19px;
	border-bottom: 1px solid #999;

}

#work ul li {
	font-size: .9em;
	line-height: 1.4em;
	list-style: none;
	color: #666;
	padding-left: 10px;
}



/* Begin Sidebar */

#sidebar {
	 float: left;
	 padding: 20px 0 10px 14px;
	 margin-left: 40px;
	 margin-top: 35px;
	 width: 220px;
	 font-size: .8em;
     line-height: 1.5em;
	 }
	
#sidebar ul {
	    list-style: none;
	    margin-bottom: 10px;
	    margin-left: 10px;
            }
            
#sidebar li {
	    color: #665;
	    padding-top: 2px;
	    padding-bottom: 3px;
}

#sidebar li a {
	color: #555;
	text-decoration: none;
}

#sidebar li a:hover {
	text-decoration: underline;
}

#sidebar li h2 {
	font-size: 1.4em;
	color: #333;
	margin-top: 10px;
}

#sidebar li h2 a {
	font-size: 1.2em;
	margin-left: 30px;
	color: #333;
	margin-top: 10px;
}

#sidebar .bloglink img {
	margin-left: 23px;
	border: none;
}
#sidebar  li .bloglink {
	list-style: none;
}

#sidebar h3 a {

}

#sidebar h3 a:hover {
	text-decoration: underline;
}

#sidebar form {
	      margin: 0;
	      }
	      	      
#sidebar .blockquote {
	width: 220px;
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.30em;
	font-style: italic;
	line-height: 1.45em;
	color: #666;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	padding-top: 5px;
	padding-bottom: 7px;
        margin-top: -22px;
	margin-bottom: 43px;
}
#sidebar .blockquote h3 {
	font-size: 1.3em;
	text-align: center;
	color: #333;
}

#sidebar strong {
        font-weight: bold;
}

#sidebar .pagenav h2 {
	font-size: 1.4em;
	color: #333;
	background-color: transparent;
}

/* End Sidebar */

#footer {
	padding: 0;
	width: 510px;
    height: 50px;
	clear: both;
	font-size: .9em;
    background-color: #ffffff;
	}
	
#footer a {
	font-size: .9em;
}

#footer p {
          width: 470px;
	  margin: 0;
	  padding: 20px 0;
	  text-align: center;
	  }

/* End Structure */

/* Begin Images */

p img {
      padding: 0;
      max-width: 100%;
      }

/*	Using 'class="alignright"' on an image will 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 {
			width: 150px;
            padding: 5px;
            margin: 0 0 2px 7px;
            border: 1px solid silver;
            display: inline;
               }

img.alignleft {
			width: 150px;
            padding: 0px;
            margin: 5px 15px 0 0;
            border: 1px solid #333;
            display: inline;
              }

.alignright {
            float: right;
            font-size: .7em;
            }

.alignleft {
           float: left;
           font-size: .7em;
           color: #999;
           }
/*--------------------------------------------------pre-load movie images to speed things up */
#preload {display: none;}

/* End Images */

/* Begin Form Elements */

#searchform {
            margin: 0px ;
            padding: 10px 0px 20px 0; 
            text-align: center;
            }

#sidebar #searchform #s {
                        width: 160px;
                        padding: 2px;
                        }

#sidebar input {
                padding-left: 5px;
                margin-bottom: 10px;
               }

.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: 100%;
                      padding: 2px;
                      }

#commentform #submit {
                     margin: 0;
                     float: right;
                     }
                     
#c_form_2.contactform form .contactleft {
	font-size: .9em;
	color: #333;
	background-color: #fff;
}

#c_form_2.contactform form .contactright {
	font-size: .8em;
	color: red;
	background-color: #fff;
}

/* End Form Elements */

/* Begin Comments*/

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

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

.commentlist li {
                margin: 15px 0 3px;
                padding: 5px 10px 3px;
                list-style: none;
                }

.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 */
/* Work page styling */
img.webshot {
	margin-left: 70px;
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid silver;
}
#websites li {
	height: 220px;
	margin-top: 0px;
	margin-left: 40px;
}