/*  
Theme Name: PHLEX Theme.
Theme URI: http://www.phlex.net/
Description: The default phlex.net theme.
Version: 7.0b
Author: Dennis Koster
Author URI: http://www.phlex.net/
*/

body {
	padding-top: 10px;
	margin: 0px; 
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	background-color: #2f2f2f; 
	color: #eeeeec; 
	text-align: left;
}

#container {
	margin: 0px;
	width: 800px; 
	background-color: #2f2f2f; 
	text-align: left;
	border:#666666 1px solid;
}

a {
	color: #5881aa; 
	text-decoration: none
}

a:hover {
   color: #7BB2DD;	
   text-decoration: none
}

a:visited {
   color: #7BB2DD;	
   text-decoration: none
}

p {
	margin: 0px 0px 1.5em; 
	line-height: 1.2em
}

#footer {
	clear: both; 
	padding-right: 5px; 
	padding-left: 5px; 
	font-size: 0.9em; 
	padding-bottom: 5px; 
	padding-top: 5px;
        border-top: #666666 1px solid;

}

#header {
	background-image: url('/images/header.php');
        background-repeat: no-repeat;
}

#top {
	padding-right: 1em; 
	padding-left: 1em; 
	margin: 0px; 
	vertical-align: middle; 
	height: 195px; 
	text-align: left
}

#top h1 {
	padding-right: 1em; 
	padding-left: 1em; 
	font-weight: normal; 
	padding-bottom: 0em; 
	margin: 0px; 
	padding-top: 0em;
}

#top p {
	padding-right: 1em; 
	padding-left: 1em; 
	font-size: 1.1em; 
	padding-bottom: 0px; 
	margin: 0px; 
	text-transform: uppercase; 
	padding-top: 0px; 
	font-family: verdana, arial, helvetica, sans-serif; 
}

.weblogtitle {
	font-family: verdana, arial, helvetica, sans-serif; 
}

#navstats {
	padding-right: 0em; 
	padding-left: 0.5em; 
	font-size: 0.9em; 
	float: right; 
	padding-bottom: 0.5em; 
	width: 340px; 
	color: #cccccc; 
	margin-right: 0.5em; 
	padding-top: 0.5em; 
	text-align: right
}

#nav {
	margin-top: 0.5em; 
	padding-bottom: 0.5em; 
	padding-top: 0em; 
	border-top: #666666 1px solid; 
	border-bottom: #666666 1px solid; 
	text-align: left;
	text-size: 10px;
}

#nav ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	color: #000000; 
	padding-top: 0px; 
	list-style-type: none
}

#nav ul li {
	display: inline
}

#nav ul li a {
	border-right: #666666 1px solid; 
	padding-right: 1em; 
	margin-top: 0px; 
	padding-left: 1em; 
	font-weight: bold; 
	float: left; 
	padding-bottom: 0.3em; 
	padding-top: 0.2em; 
	color: #5881aa; 
	text-decoration: none;
	text-size: 12px;
}

#nav ul li a:hover {
	border-right: #666666 1px solid; 
	padding-right: 1em; 
	margin-top: 0px; 
	padding-left: 1em; 
	font-weight: bold; 
	float: left; 
	padding-bottom: 0.2em; 
	padding-top: 0.2em; 
    color: #7BB2DD;	
	text-decoration: none
}

#nav span {
	padding-left: 1em
}

.clr {
	clear: both
}

#sidebar-a {
	padding-right: 0.5em; 
	padding-left: 0.5em; 
	font-size: 0.9em; 
	float: right; 
	padding-bottom: 0.5em; 
	margin: 0px 0px 0px 0.5em; 
	border-left: #666666 1px solid; 
	border-bottom: #666666 1px solid; 
	width: 200px;
	padding-top: 0em
}

#sidebar-a h3 {
	margin-top: 0.2em; 
	font-size: 8.5px; 
	margin-left: 1em; 
	text-transform: uppercase; 
	color: #cccccc; 
	border-bottom: #cccccc 1px solid; 
	letter-spacing: 2px;
	margin-bottom: 2px;
}

#sidebar-a ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px 0px 10px 8px; 
	width: 100%; 
	padding-top: 0px; 
	list-style-type: none
}

#sidebar-a li {
	margin-top: 1px
}

#sidebar-a a:active {
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	margin-right: 0px; 
	padding-top: 2px; 
	color: #5881aa;
	text-decoration: none
}

#sidebar-a a:visited {
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	margin-right: 0px; 
	padding-top: 2px; 
	text-decoration: none;
	color: #7BB2DD;	
}

#sidebar-a a:link {
	padding-right: 2px; 
	padding-left: 2px;
	padding-bottom: 2px; 
	margin-right: 0px; 
	padding-top: 2px; 
	text-decoration: none;
	color: #7BB2DD;	
}

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

#sidebar-a img {
        border: #666666 2px solid;
}

#news {
	padding-right: 5px; 
	padding-left: 5px; 
	margin-bottom: 0.5em; 
	padding-bottom: 5px; 
	padding-top: 5px;
}

#calendar {
	margin-bottom: 1em; 
	text-align: center
}

#content {
	padding-right: 1em; 
	padding-left: 1em; 
	padding-bottom: 0.5em; 
	margin-right: 220px; 
	padding-top: 0.5em
}

p.date img {
	vertical-align: middle
}

p.date {
	padding-right: 0px; 
	padding-left: 0px; 
	font-weight: bold; 
	font-size: 10px; 
	margin-bottom: 0px; 
	padding-bottom: 2px; 
	text-transform: uppercase; 
	color: #cccccc; 
	padding-top: 2px; 
	text-align: right
}

p.date a {
	color: #dddddd
}

.post {
	padding-right: 0px; 
	border-top: #666666 1px solid; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px 0px 3em; 
	border-left: #666666 2px solid;
	padding-top: 0px; 
	border-bottom: #666666 1px solid
}

.post img {
	border-right: #666666 1px solid; 
	padding-right: 3px; 
	border-top: #666666 1px solid; 
	padding-left: 3px;
	margin-bottom: 5px; 
	padding-bottom: 3px; 
	margin-left: 5px; 
	border-left: #666666 1px solid; 
	margin-right: 5px; 
	padding-top: 3px; 
	border-bottom: #666666 1px solid
}

.posthead {
	padding-right: 1em; 
	padding-left: 1em; 
	font-size: 0.9em; 
	padding-bottom: 2px; 
	margin: 0px; 
	padding-top: 2px
}

.postbody {
	padding-right: 1.5em; 
	padding-left: 1.5em; 
	padding-bottom: 2em; 
	padding-top: 1em; 
	border-bottom: #666666 1px solid
}

.posthead h2 {
	padding-right: 0em; 
	padding-left: 0em; 
	font-size: 1.2em; 
	padding-bottom: 0em; 
	margin: 0px; 
	text-transform: uppercase; 
	padding-top: 0.5em; 
	letter-spacing: 1px
}

.post h5 {
	font-size: 1em; 
	margin: 0px 0px 0.5em
}

.postfoot {
	padding-right: 1em; 
	padding-left: 1em; 
	font-size: 0.9em; 
	padding-bottom: 0.5em; 
	margin: 0px; 
	color: #eeeeee; 
	padding-top: 0.5em
}

#comments h4 span {
	color: #999
}

#comments h4 {
	font-size: 0.9em; 
	margin: 0px
}

#wp-calendar #prev a {
        font-size: 9pt;
        }

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

#wp-calendar caption {
        text-align: center;
        }

#wp-calendar th {
        text-transform: capitalize;
	background-color: #444444;
        border-bottom: #cccccc 1px solid;

        }
		
#wp-calendar {
        empty-cells: show;
        margin: 10px auto 0;
        width: 155px;
        font-size: 100%; 
        font-family: verdana, arial, helvetica, sans-serif; 	
        border-bottom: #cccccc 1px solid;
        border-top: #cccccc 1px solid;
        border-left: #cccccc 1px solid;
        border-right: #cccccc 1px solid;

        }

#wp-calendar #next a {
        padding-right: 10px;
        text-align: right;
        font-weight: bold;
        }

#wp-calendar #prev a {
        padding-left: 10px;
        text-align: left;
        font-weight: bold;
        }

#wp-calendar a {
        display: block;
        font-weight: bold;
        }

#wp-calendar caption {
        text-align: center;
        width: 100%;
        }

#wp-calendar td,th,table {
        padding: 3px 0;
        text-align: center;
        border-collapse: collapse;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
        background-color: #fff; }

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

#today {
        font-weight: bold;
	background-color: #444444;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
}

.portfolio img {
	border-right: #666666 2px solid; 
	padding-right: 4px; 
	border-top: #666666 2px solid; 
	padding-left: 4px;
	margin-bottom: 5px; 
	padding-bottom: 4px; 
	margin-left: 5px; 
	border-left: #666666 2px solid; 
	margin-right: 5px; 
	padding-top: 4px; 
	border-bottom: #666666 2px solid
}

div.year {
   color: #6b6c69;
   font-size: 32px;
   font-style: bold;
   margin-top: 10px;
   margin-left: 10px;
   margin-bottom: 0px;
}

div.year h4 {
   margin: 0px 0px 0px 0px;
}

div.navigation {
    margin-top: 5px;
    margin-left: 5px;
    width: 50%;
    padding:  2px;
    font-size: 12px;
}

div.topnavigation {
    margin-top: 5px;
    margin-left: 5px;
    width: 98%;
    padding:  2px;
    font-size: 12px;
}

div.topnavigationleft {
	float:left;
}

div.topnavigationright {
	float:right;
}

div.month {
   color: #babdb6;
   margin: 0px 10px 0px 0px;
   padding: 2px;
}

div.month h4 {
   margin: 0px 0px 0px 2px;
   font-size: 20px;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 2px solid #666;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #FFF;
  border: 2px solid #666;
}