/*

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;

}

#wide {
  /* this is specifically for the Clean Page template, where there will be no right sidebar */
  float: left;
  width: 450px;
  margin: 0px
  padding: 10px 10px 10px 10px;
  text-align: left;
}

#wide li {
  list-style: circle;

}


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



}