/*   
Theme Name: superclean
Theme URI: blackbox-tech.com/themes/superclean
Description: A custom WordPress theme built by BlackBox	Technologies
Author: V. Scott Ellis
Author URI: vsellis.com
Template: 
Version: 1.0
*/

body {
	background: #FFFFFF;
        background-repeat: repeat-x;
	width: 700px;
	color: #323232;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0px;
        text-align: center;
         margin:0px auto;
	}

#outerwrapper {
        position: relative;
        background-position: top;
        overflow: hidden;
	width: 700px;	
        display: inline-block;
        padding: 0px 0px 0px 0px;

}

#innerwrapper {
        background: url(images/bodybg.gif) #ffffff;
        background-repeat: repeat-y;
        width: 700px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
}

#header {
        float: left;
        display: inline;
        width: 700px;
	height: 231px;
        padding: 0px;
        margin: 0px;
}


#logo img {
      float: left;
      width: 700px;
      margin: 0px;
      padding: 0px;
}

h1 {}
h2, h2 a {
    color: #000000;
    font-size: 1.2em;
    text-transform: uppercase;
    text-decoration: none;
}
h3 a {
  color: #000000;
    font-size: 1.2em;
    text-transform: uppercase;
    text-decoration: none;
}
a, a:visited {}

.date {
    font-size: 0.8em;
    color: #666666;
}
/***************
*     NAV      *
/************* */

#nav {
        width: 225px;
	margin: 0px;
	padding: 0px;
        position: relative;
        left: 1px;
	}

#nav ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;        
	}
#nav li {
	float: left;
        width: 225px;
        font-size: 14px;
        font-weight: bold;
	list-style: none;
	margin: 0px;
	padding: 0px;
        text-align: left;
	}
#nav ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;

	}

#nav li a, #nav li a:link, #nav li a:visited {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
        margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 1px solid white;
	}

#nav li a:hover, #nav li a:active { 
	color: #FFFFFF;
	display: block;
	text-decoration: none;
        margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
        text-decoration: none;
	}

#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #1A1A1A;
	width: 170px;
	color: #CCCCCC;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	}

	

#nav li li a:hover, #nav li li a:active {

	background: #373737;

	color: #FFFFFF;

	padding: 7px 10px 7px 10px;

	}



#nav li ul {

	z-index: 9999;

	position: absolute;

	left: -999em;

	height: auto;

	width: 190px;

	margin: 0px;

	padding: 0px;

	}



#nav li li { 

	}



#nav li ul a { 

	width: 160px;

	}



#nav li ul a:hover, #nav li ul a:active { 

	}



#nav li ul ul {
	margin: -31px 0 0 192px;
       }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}
#nav li:hover, #nav li.sfhover { 
	position: static;
	}

#nav .current_page_item a, #nav .current_page_item a:visited, #nav .current_page_item a:hover {
       color: #ffffff;
}	

#nav a .navdescription {
    font-size: 8px;
    color: #ffffff;
    font-weight: normal;
}
#bodywrapper {
       float: left:
       display: inline;
	width: 700px;
        background: #ffffff;
}

#footer {
	float: left;
	display: inline;
	height: 30px;
	width: 700px;
	border-top: 1px solid rgb(125,125,125);
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	color: #323232;
	text-align: left;
}
/*******************************************

                SIDEBAR

********************/
#sidebarleft {
        background: url(images/nav-bg.jpg);
        background-repeat: repeat-y;
        float: left; 
        width: 225px;
        height: 100%;
        color: #FFFFFF;
        text-align: left;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}
#sidebarright {
        float: right; 
        display: inline;
        width: 175px;
        color: #000000;
        text-align: left;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}
#smallheader {
        background: url(images/smallheader-bg.jpg) #000000;
        background-repeat: repeat-x;
        float: right; 
        display: inline;
        width: 299px;
        height: 50px;
        color: #FFFFFF;
        text-align: left;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}

#sidebar h3 a {
	color: #FFFFFF;
	font-family: tahoma, arial, verdana, "trebuchet ms";
	text-align: left;
        font-size: 14px;
        font-weight: bold;
        margin: 20px 10px 10px 10px;
}
#sidebarright li {
        list-style-type: none; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.widget ul li {
        list-style-type: none; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#sidebar h2 {
	color: #DDDDDD;
	font-family: tahoma, arial, verdana, "trebuchet ms";
	text-align: left;
	font-size: 16px;
        font-weight: bold;
        margin: 15px 10px 10px 10px;
	padding: 0px 0px 0px 20px;
}

#sidebarright h2.widgettitle {
        width: 175px;
        height: 10px;
        color: #000000;
        text-align: left;
        padding: 10px 0px 15px 10px;
        margin: 0px 0px 0px 0px;
}
.wp-tag-cloud {
        list-style-type: none; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*******************************************

                CONTENT

*******************************************/
#bodytop {
        background: url(images/bodytop-bg.gif);
        float: left;
        display: inline;
        width: 475px;
        height: 64px;
	margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
}

#hpmid {
        float: left;
        display: inline;
	width: 400px;
	margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 10px;
	text-align: left;
}

#mid {
        float: left;
	width: 270px;
	margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
	text-align: left;
}

#sectionheader {
       height: 15px;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
}

#sectionheader h1 {
        color: #000000;
	font-family: tahoma, arial, verdana, "trebuchet ms";
	text-align: left;
	font-size: 14px;
}

#sectionbody {
        margin: 0px;
        padding: 10px 10px 10px 10px;
        font-family: tahoma, arial, verdana, "trebuchet ms";
}

#sectionbody table {
font-family: tahoma, arial, verdana, "terbuchet ms";
font-size: 1em;
}

#mid li {
       list-style: circle;
}

#mid h1 {

}

#slideshow {
       list-style: none;
}
/*******************************************

                POST STYLES

*******************************************/

#postmid {
        float: left;
        display: inline;
	width: 270px;
	margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
	text-align: left;
}

#postbody {
        margin: 0px;
        padding: 10px 10px 10px 10px;
        font-family: tahoma, arial, verdana, "trebuchet ms";
        float: left; 
        display: inline;

}



#posttitle {
        height: 45px; 
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	color: #000000;
	font-family: tahoma, arial, verdana, "trebuchet ms";
	text-align: left;
	font-size: 14px;
        font-weight: bold;
}

#postcontent {
        width: 270px; 
        margin: 0px;
        padding: 0px 0px 0px 0px;

}

#posttitle h1 {

        font-size: 16px;

        margin: 0px 0px 0px 0px;

        padding: 15px 0px 0px 0px;

}




/******************************************

              COMMENTS 

******************************************/

#commentarea {
	width: 200px;
	color: #000000;
	font-size: 12px;
	font-family: tahoma, arial, verdana, "trebuchet ms";
	padding: 0px 5px 0px 5px;
	margin: 5px 0px 5px 0px;
}

#commentform {
	width: 200px;
}

#commentform input {
        width: 200px;
}

#commentform label {
        color: #323232;
}

#commentarea {
	width: 200px;
}

#commentarea p {
       color: #FFFFFF;
       font-family: tahoma, arial, verdana, "trebuchet ms";
       font-size: 12px; 
}

#commentarea h2 {
       font-size: 14px; 
}

#commentarea textarea {
        width: 200px;
}

/******************************************

              404

******************************************/

#error p, ul, li {

       text-align: left;

       align: left;

}