<?php
header('Content-type: text/css');
header("Cache-Control: must-revalidate");

$pattern    =   '/^[^a-z0-9]{6}$/';
if (preg_replace('/[^a-z0-9]/i', '', $_GET['color']) && isset($_GET['color'])) {
$color = $_GET["color"];
} else {
$color = "9D7DAD";
}
?>

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

:focus {
outline: 0;
}

ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

a {
color: #<?php echo $color;?>;
text-decoration: none;
}

a:hover {
color: #<?php echo $color;?>;
text-decoration: underline;
}

a:visited {
color: #<?php echo $color;?>;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
color: #727070;
}

body {
font-size: 12px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
background: #000 url(images/content_bg.jpg) no-repeat center top;
color: #2a2a2a;
}

blockquote {
border-left: 5px solid #CCC;
margin:10px 0 10px 0px;
font-size: 13px;
display: block;
}

blockquote p {
font-size: 13px;
font-weight: 600;
line-height: 24px;
padding:11px 25px;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
abbr {
border:0;
}

a:hover {
text-decoration: none;
}

#wrapper {
width: 927px;
margin:0px auto;
}
		
#topmenu {
float: right;
clear: both;
}

#header {
float: left;
width: 927px;
}

#logo-pic {
width: 900px;
height: 130px;
float: left;
}

#logo {
width: 900px;
height: 90px;
float: left;
margin-top: 20px;
}

#logo h1 {
float: left;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #FFF;
}

#logo h1 a {
font-size: 44px;
color: #FFF;
text-shadow: #535353 1px 1px 0px;
}

#logo h2 {
margin-top: 25px;
font-size: 22px;
color: #<?php echo $color;?>;
font-weight: lighter;
letter-spacing: 2px;
float: left;
text-shadow: none;
}

#search {
float: right;
width: 285px;
height: 57px;
background: url(images/search_bg.png) no-repeat;
}

#search form {
font-size: 11px;
}

#searchbox {
background-color: #FFF;
margin-left: 15px;
width: 185px;
height: 23px;
border: none;
margin-top: 7px;
padding: 5px 12px 5px 3px;
font-size: 11px;
color: #6e6e6e;
float: left;
border: 1px solid #9b9b9b;
}

#searchbutton {
background: url(images/search_btn.jpg) no-repeat;
width: 49px;
height: 37px;
border: none;
cursor: pointer;
margin-top: 6px;
float: left;
}

/* Navigation Styles */

.twitter-rss {
float: left;
margin-left: 830px;
height: 10px;
position: relative;
top: -10px;
}

.twitter {
position: relative;
float: left;
width: 48px;
}

.rss {
position: relative;
float: left;
width: 48px;
}

.navigation {
background: url(images/navbar.png) no-repeat;
position: relative;
z-index: 5;
height: 46px;
width: 927px;
float: left;
text-transform: uppercase;
font-size: 13px;
}

#navcontainer #navbar {
float:left;
height: 37px;
margin-top: 1px;
float: left;
}

#navbar, #navbar ul {
list-style-type:none;
position:relative;
line-height: 35px;
z-index: 5;
}

#navcontainer #navbar a {
height: 37px;
display:block;
padding:0 21px;
text-decoration:none;
text-align:center;
outline:none;
float: left;
position:relative;
color: #FFF;
text-shadow:1px 1px 0 #515151;
font-weight: bold;
z-index: 5;
}

#navcontainer #navbar li a:hover {
background-color: #000;
}

#navcontainer #navbar li.home a {
background: url(images/nav_home.png) no-repeat right center;
background-position: right 9px;
padding-right: 25px;
margin-right: 15px;
border-left: 1px solid #5c5a5a;
margin-left: 4px;
}

#navcontainer #navbar li.home a:hover {

}

#navcontainer #navbar li.current_page_item a {
background-color: #000;
}

#navcontainer #navbar ul a {
line-height: 30px;
position: relative;
z-index: 5;
}

#navcontainer #navbar li {
float:left;
position:relative;
margin-top: 4px;
border-right: 1px solid #5c5a5a;
height: 37px;
}

#navcontainer #navbar li li {
border-left:none;
margin-top:0;
height: 30px;
line-height: 45px;
}

#navcontainer #navbar li:hover, #navbar.sfHover,
#navbar a:focus, #navbar a:hover, #navbar a:active {
background: #000;
outline: 0;
}

#navcontainer #navbar ul {
position:absolute;
display:none;
width:192px;
top:37px;
z-index: 5;
left:-1px;
background-color:#000;
filter:alpha(opacity=90);
color: #FFF;
opacity:0.9;
text-transform: none;
border-left: 1px solid #5c5a5a;
border-right: 1px solid #5c5a5a;
border-bottom: 1px solid #5c5a5a;
margin: 0px;
}

#navcontainer #navbar li ul a {
width:150px;
height:auto;
float:left;
text-align:left;
padding:0 21px;
color: #FFF;
text-shadow: none;
}

#navcontainer #navbar ul ul {
top:auto;
border: none;
border-right: none;
}	

#navcontainer #navbar li ul ul {
left:192px;
top: 0px;
border-left: 1px solid #5c5a5a;
border-right: 1px solid #5c5a5a;
border-bottom: 1px solid #5c5a5a;
}

#navcontainer #navbar li ul ul a {
}

#navcontainer #navbar a{
}

#navcontainer #navbar ul {
border-top:none;
}

#navcontainer #navbar li ul a {
}

#navcontainer #navbar ul a, #navcontainer #navbar ul li {
}

#navcontainer #navbar ul a:hover, #navcontainer #navbar ul a:focus {
background-color: #<?php echo $color;?>;
}

#navcontainer #navbar li:hover ul ul, #navcontainer #navbar li:hover ul ul ul,#navcontainer  #navbar li:hover ul ul ul ul {
display:none;	
}
#navcontainer #navbar li:hover ul, #navcontainer #navbar li li:hover ul, #navcontainer #navbar li li li:hover ul, #navcontainer #navbar li li li li:hover ul {
display:block;
}


/* Frontpage Styles */

#container {
width: 927px;
float: left;
}

#container .no-sidebar {
width: 927px;
float: left;
}

#container #content-top {
background: url(images/content_top.png) no-repeat;
float: left;
width: 927px;
height: 28px;
}

.no-sidebar #content-top {
background: url(images/no_sidebar_top.png) no-repeat !important;
}

#container #content-repeat {
background: url(images/content_repeat.png) repeat-y;
width: 927px;
float: left;
}

.no-sidebar #content-repeat {
background: url(images/no_sidebar_repeat.png) repeat-y !important;
}

#container #content-btm {
background: url(images/content_btm.png) no-repeat;
width: 927px;
height: 20px;
float: left;
}

.no-sidebar #content-btm {
background: url(images/no_sidebar_btm.png) no-repeat !important;
}

#container #content-left {
width: 620px;
float: left;
margin-left: 6px;
}

.no-sidebar-content {
width: 820px !important;
margin-right: 10px;
}

#container #content-left h1 {
margin: 10px 0px 20px 25px;
padding: 0px;
background-color: transparent;
font-size: 20px;
text-shadow: #B1B1B1 1px 1px 1px;
color: #333;
float: left;
}

#container #content-left .post-item {
margin-bottom: 20px;
float: left;
}

#container #content-left .post-item .title {
margin-bottom: 35px;
float: left;
}

#container #content-left .post-item .title h1 {
background-color: #<?php echo $color;?>;
font-size: 15px;
color: #FFF;
padding: 6px 4px;
width: 440px;
padding-left: 25px;
float: left;
margin-left: -56px;
margin-top: 2px;
text-shadow: none;
margin-bottom: 0px;
}

#container #content-left .post-item .title h1 a {
color: #FFF;
}

#container #content-left .post-item .post {
color: #2a2a2a;
line-height: 19px;
font-size: 14px;
margin-left: 25px;
width: 580px;
margin-top: -20px;
float: left;
}

#container #content-left .post-item .post img {
background-color: #E3E3E3;
padding: 10px;
border: 1px solid #A6A6A6;
}

#container #content-left .post-item .post h1, h2, h3, h4, h5, h6 {
text-shadow: #B1B1B1 1px 1px 1px;
color: #333;
margin: 10px 0px;
float: none;
}

#container #content-left .post-item .post h1 {
font-size: 25px;
}

#container #content-left .post-item .post h2 {
font-size: 23px;
}

#container #content-left .post-item .post h3 {
font-size: 20px;
}

#container #content-left .post-item .post ol {
list-style: decimal;
margin: 15px 5px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 10px 0px;
}

#container #content-left .post-item .post ol li ol {
border: none;
margin: 5px 0px;
padding: 0px;
}

#container #content-left .post-item .post ol li ol li ol {
border: none;
margin: 5px 0px;
padding: 0px;
}

#container #content-left .post-item .post ol li {
margin: 0px 0px 5px 20px;
}

#container #content-left .post-item .post ul {
list-style: disc;
margin: 15px 5px;
padding: 10px 0px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

#container #content-left .post-item .post ul li ul {
border: none;
margin: 5px 0px;
padding: 0px;
list-style: circle;
}

#container #content-left .post-item .post ul li ul li ul {
border: none;
margin: 5px 0px;
padding: 0px;
}

#container #content-left .post-item .post ul ul li {
border: none;
margin: 0px 0px 0px 30px;
}

#container #content-left .post-item .post ul li {
margin: 5px 0px 0px 20px;
}

#container #content-left .post-item .post table {
float: left;
margin: 10px 0px;
}

#container #content-left .post-item .post table tr th {
background-color: #<?php echo $color;?>;
padding: 5px 15px;
border: 1px solid #333;
color: #FFF;
}

#container #content-left .post-item .post table tr td {
background-color: #eee;
padding: 5px 15px;
text-align: center;
border: 1px solid #333;
}


#container #content-left .post-item .date {
background: url(images/date_bg.jpg) no-repeat;
width: 51px;
height: 71px;
float: left;
position: relative;
left: -51px;
padding-left: 5px;
top: -5px;
overflow: auto;
}

#container #content-left .post-item img {
border: 1px solid #333;
background-color: #CCC;
}

#container #content-left .post-item .date .month {
font-size: 19px;
text-align: center;
margin-top: 7px;
color: #FFF;
width: 49px;
float: left;
}

#container #content-left .post-item .date .day {
font-size: 25px;
text-align: center;
color: #FFF;
width: 49px;
margin-top: -5px;
float: left;
font-weight: bold;
}

#container #content-left .post-item .show-hide {
float: left;
background: url(images/plus.jpg) no-repeat left bottom;
cursor: pointer;
border-bottom: 1px solid #d7d5d5;
width: 580px;
padding-top: 15px;
margin-left: 25px;
margin-top: 10px;
}

#container #content-left .post-item .mover {
float: left;
width: 570px;
background-color: #d7d5d5;
padding: 5px;
margin-left: 25px;
}

#container #content-left .post-item .mover .categories {
float: left;
width: 560px;
}

#container #content-left .post-item .mover .categories h2 {
color: #2a2a2a;
font-weight: bold;
font-size: 14px;
margin-bottom: 7px;
}

#container #content-left .post-item .mover .categories a {
background-color: #<?php echo $color;?>;
color: #FFF;
padding: 3px 5px;
margin-bottom: 5px;
margin-right: 5px;
float: left;
}

#container #content-left .post-item .mover .categories a:hover {
text-decoration: underline;
}

#container #content-left .post-item .mover .tags {
float: left;
width: 560px;
margin-top: 8px;
}

#container #content-left .post-item .mover .tags h2 {
color: #2a2a2a;
font-weight: bold;
font-size: 14px;
margin-top: 5px;
}

#container #content-left .post-item .mover .tags a {
color: #<?php echo $color;?>;
text-decoration: underline;
}

#container #content-left .post-item .mover .general {
float: left;
width: 560px;
margin-top: 10px;
}

#container #content-left .post-item .mover .general h2 {
color: #2a2a2a;
font-weight: bold;
font-size: 14px;
margin-bottom: 7px;
}

#container #content-left .post-item .mover .general a {
color: #<?php echo $color;?>;
}

#container #content-left .edit {
float: left;
font-style: italic;
margin: 10px 20px;
}

/* Shortcodes */

.ad-left {
float: left;
padding: 5px 10px 5px 0px;
}

.ad-right {
float: right;
padding: 5px 0px 5px 10px;
}

.ad-center {
text-align: center;
padding: 10px 5px;
}

/* Subpage Styles */

#container #content-left #subpage .title h1 {
margin: 10px 0px 0px 25px;
padding: 0px;
background-color: transparent;
font-size: 20px;
text-shadow: #B1B1B1 1px 1px 1px;
color: #333;
}

/* Sidebar Styles */

#container #sidebar {
float: left;
width: 280px;
margin-left: 20px;
}

#tabMenu {
float: left;
width: 300px;
margin-left: 3px;
}

#tabMenu li {
float:left;
width:43px;
height:37px;
margin-right: 5px;
}

#tabMenu li.selected {
float:left;
width:43px;
height:37px;
}

#tabMenu li.normal {
float:left;
width:43px;
height:37px;
}

#tabMenu li a {
float: left;
text-align: center;
cursor:pointer;
background: url(images/tab_nav.png) no-repeat;
width:43px;
height:36px;
padding-top: 6px;
}

#tabMenu li a:hover {
float: left;
text-align: center;
cursor:pointer;
background: url(images/tab_nav_hover.jpg) no-repeat;
width:43px;
height:36px;
}

#tabMenu li.selected a {
float: left;
text-align: center;
cursor:pointer;
background: transparent url(images/tab_nav_selected.png) no-repeat;
width:43px;
height:45px;
position: relative;
z-index: 1;
}

.box {
position: relative;
z-index: 0;
top: -1px;
}

.boxTop {
background:url(images/box_top.png)no-repeat;
height:9px;
float: left;
width: 265px;
}

.boxBody {
background: url(images/box_repeat.png) repeat-y;
float: left;
width: 265px;
}

.boxBottom {
background:url(images/box_btm.png) no-repeat;
height:12px;
float: left;
width: 265px;
}

.boxBody div {
display:none;
}

.boxBody div.show {
display:block;
}

.boxBody div ul {
width: 220px;
margin:2px 10px 0 20px;
padding:0;
padding-bottom: 20px;
}

.boxBody div li {
background: transparent url(images/dot2.gif) repeat-x left bottom;
cursor:pointer;
font-size: 13px;
}

.boxBody div ul li a {
color: #eee;
background: url(images/bullet_list.png) no-repeat left center;
display: block;
padding: 7px 0px 7px 0px;
padding-left: 25px;
width: 190px;
}

*html .boxTop {margin-bottom:-2px;}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}

/* Widget Styles */

#widget-sidebar {
float: left;
width: 280px;
margin-top: 20px;
}

h2.widgettitle {
background: url(images/widget_title.png) no-repeat left center;
width: 261px;
padding-top: 10px;
padding-left: 15px;
height: 41px;
color: #3C3C3C;
font-size: 15px;
text-shadow: #C4C2C2 1px 0px 0px;
text-transform: uppercase;
margin-left: -10px;
float: left;
}

#widgets {
float: left;
width: 250px;
margin-left: 10px;
}

#widgets li {
margin-bottom: 20px;
}

#widgets ul li {
list-style-type: none;
margin-bottom: 0px;
font-size: 13px;
}

#widgets ul ul li a {
padding-left: 30px;
}

#widgets ul ul ul li a {
padding-left: 40px;
}

#widgets ul li a {
text-decoration: none;
border-bottom: 1px solid #CCC;
background: url(images/bullet_list.png) no-repeat left center;
display: block;
padding: 5px;
padding-left: 20px;
clear: both;
}

#widgets ul li a.hovered {
background: url(images/bullet_list_hover.png) no-repeat left center;
}

#widgets ul li a:hover {
color: #<?php echo $color;?>;
text-decoration: underline;
}

/* Custom Widgettitle BGs */

li.widget_search h2.widgettitle span {
background: url(images/search_page.png) no-repeat right center;
width: 250px;
float: left;
background-position: 210px center;
}

li.widget_tag_cloud h2.widgettitle span {
background: url(images/tag_green.png) no-repeat right center;
width: 250px;
float: left;
background-position: 210px center;
}

li.twitter_widget h2.widgettitle span {
background: url(images/twitter_24.png) no-repeat right center;
width: 250px;
float: left;
background-position: 210px center;
}

li.widget_recent_comments h2.widgettitle span {
background: url(images/comment.png) no-repeat right center;
width: 250px;
float: left;
background-position: 210px center;
}

li.widget_search input {
padding: 5px;
font-size: 11px;
border: 1px solid #CCC;
}

li.widget_search #searchsubmit {
padding: 4px;
font-size: 11px;
border: 1px solid #CCC;
background-color: #<?php echo $color;?>;
color: #FFF;
margin-left: 5px;
width: 60px;
cursor: pointer;
}

li.widget_search label {
float: left;
width: 250px;
font-size: 13px;
margin-bottom: 4px;
}

li.widget.widget_tag_cloud {
width: 250px;
}

li.widget.widget_tag_cloud a {
background: none;
text-decoration: none;
border-bottom: none;
display: inline;
padding: 0px;
padding-right: 5px;
font-size: 9px;
}

li.widget.widget_tag_cloud a:hover {
text-decoration: underline;
}

.textwidget {
margin: 10px 8px 0px 0px;
color: #6e6e6e;
}

li#twitter-widget {
float: left;
}

li#twitter-widget li {
float: left;
border-bottom: 1px solid #CCC;
width: 245px;
margin-bottom: 5px;
}

li#twitter-widget .twitterwidget_date {
float: left;
}

li#twitter-widget .twitterwidget_date a {
float: left;
background: url(images/twitter_small.png) no-repeat center right;
font-size: 15px;
padding-right: 25px;
font-weight: bold;
border: 0px;
padding-left: 0px;
display: block;
color: #3b3b3b;
}

li#twitter-widget .twitterwidget_text {
float: left;
padding-bottom: 5px;
width: 230px;
}

li#twitter-widget .twitterwidget_text a {
background: transparent;
border: 0px;
padding: 0px;
display: inline;
}

#recentcomments {
margin-bottom: 20px;
float: left;
}

#recentcomments li {
color: #656565;
text-decoration: none;
display: block;
border-bottom: 1px solid #CCC;
float: left;
padding-bottom: 5px;
margin-top: 5px;
background: transparent !important;
width: 250px;
}

#recentcomments li a {
border: none !important;
background: transparent !important;
}

#recentcomments li a.url {
color: #3b3b3b;
}

#wp-calendar {
border:1px solid #CCC;
color:#6e6e6e;
width: 240px;
float: left;
}

#wp-calendar caption {
color: #8a8a8a;
font-size: 18px;
font-weight: normal;
padding: 0px 0px 10px 0px; 
list-style-type: none;
}

tbody .pad {
background-color:#dddddd;
}

#wp-calendar a {
font-weight:bold;
font-size:12px;
background: none;
padding: 0px;
margin: 0px;
border: none;
}

thead tr th {
width:30px;
height:30px;
text-align:center;
background-color: #<?php echo $color;?>;
color: #FFF;
border:1px solid #CCC;
padding: 3px;
vertical-align: middle;
}

tbody tr td {
width:30px;
height:30px;
text-align:center;
border:1px solid #cccccc;
vertical-align: middle;
}

tfoot #prev {
width:58px;
height:30px;
text-align:left;
background-color:#ffffff;
background: none;
padding-left: 10px;
vertical-align: middle;
}

tfoot #next {
width:58px;
height:30px;
text-align:right;
background-color:#ffffff;
background: none;
padding-right: 10px;
vertical-align: middle;
}

/* Searchform */

.searchform {
float: left;
margin-left: 25px;
}

.searchform label {
float: left;
display: block;
font-size: 14px;
color: #333;
font-weight: bold;
width: 600px;
margin-bottom: 10px;
}

.searchform input {
border: 1px solid #CCC;
font-size: 12px;
color: #333;
padding: 5px 5px;
}

.searchform #searchsubmit {
background-color: #<?php echo $color;?>;
border: 1px solid #80668D;
padding: 3px 15px;
color: #FFF;
cursor: pointer;
}

/* Slideshow */

#slideshow {
float: left;
width: 927px;
}

#slideshow-top {
float: left;
margin-top: 5px;
width: 927px;
height: 16px;
background: url(images/footer_top.png) no-repeat;
}

#slideshow-repeat {
float: left;
width: 927px;
background: url(images/footer_repeat.png) repeat-y;
min-height: 250px;
text-align: center;
}

#slideshow-btm {
float: left;
width: 927px;
height: 17px;
background: url(images/slider_btm.png) no-repeat;
}

#slideshow-repeat #cu3er-slider {
width:890px;
outline:0;
height: 300px;
}

/* Accordion */

/* Accordion Slider */

.accordion {
list-style: none;
position: relative;
margin: 0;
padding: 0;
top: 0px;
left: 11px;
width: 890px !important;
margin-left: 9px;
float: left;
text-align: left;
}

.accordion li {
height: 360px;
position: relative;
display: block;
overflow: hidden;
padding: 0;
}

.accordion li {
margin-right: 0;
float: left;
}

.accordion img {
border: none;
}

#slider-shadow {
z-index: 1;
position: absolute;
right: 0px;
width: 25px;
height: 360px;
background: url(images/slider_shadow.png) repeat-y;
}

.last-slide .slider-shadow {
background: none !important;
}

.slider-title {
width: 166px;
z-index: 0;
float: left;
height: 50px;
position: absolute;
overflow: hidden;
left: 0px;
bottom: 0px;
padding: 15px;
}

.slider-title h1 {
font-size: 14px;
line-height: 18px;
}

.slider-desc {
position: absolute;
z-index: 1;
left: -670px;
bottom: 0px;
width: 640px;
text-align: left;
padding: 15px;
}

.slider-desc h1 {
font-size: 23px;
line-height: 23px;
padding-bottom: 5px;
color: #FFF;
}

.accordion li{
width: 220px;
}

.slider-title h1 {
color: #ffffff;
text-shadow: #000000 1px 1px 1px;
}
.slider-title, .slider-desc {
background: url(images/slider_desc_bg_dark.png) repeat;
color: #c0c0c0;
}

/* Comment Styles */

#comment-wrap h6 {
background: url(images/comments_bg.jpg) no-repeat left center;
width: 597px;
height: 47px;
color: #FFF;
font-size: 15px;
padding-left: 25px;
line-height: 38px;
text-shadow: #C4C2C2 1px 0px 0px;
text-transform: uppercase;
border: none;
float: left;
margin-left: 15px;
margin-top: 10px;
}

ol.commentlist {
list-style:none;
margin:0;
padding:0;
float: left;
margin-top: 20px;
}

ol.commentlist li {
border:1px solid #d5d5d5;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:0 0 10px;
padding:10px 7px 10px 64px;
margin-left: 15px;
width: 520px;
background-color: #FFF;
position: relative;
z-index: auto;
}

ol.commentlist li.pingback comment-author {
padding:0 170px 0 0;
}

ol.commentlist li div.vcard {
font-weight:bold;
font-size: 11px;
line-height: 16px;
}

ol.commentlist li div.vcard cite.fn {
font-style:normal;
font-size: 13px;
}

ol.commentlist li div.vcard cite.fn a.url {
text-decoration:none;
font-size: 13px;
}

ol.commentlist li div.vcard cite.fn a.url:hover {
}

ol.commentlist li div.vcard img.avatar {
background: #fff;
left:7px;
position: absolute;
z-index: 1;
top:12px;
}

ol.commentlist li div.comment-meta {
font-weight:bold;
font-size: 10px;
line-height: 16px;
position:absolute;
right:10px;
text-align:right;
top:5px;
}

ol.commentlist li div.comment-meta a {
color:#333;
text-decoration:none;
}

ol.commentlist li p {
font-weight:normal;
font-size: 12px;
line-height: 16px;
margin:5px 0 12px;
}

ol.commentlist li ul {
font-weight:normal;
font-size: 12px;
line-height: 16px;
list-style:square;
margin:0 0 12px;
padding:0;
}

ol.commentlist li div.reply {
background:#999;
border:1px solid #666;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
color:#fff;
padding:2px 5px;
text-align:center;
width:36px;
}

ol.commentlist li div.reply:hover {
background:#<?php echo $color;?>;
border:1px solid #<?php echo $color;?>;
}

ol.commentlist li div.reply a {
color:#fff;
text-decoration:none;
font-size: 11px;
}

ol.commentlist li ul.children {
list-style:none;
margin:12px 0 0;
text-indent:0;
}

ol.commentlist li ul.children li.depth-2 {
margin:0 0 3px;
width: 440px;
}

ol.commentlist li ul.children li.depth-3 {
margin:0 0 3px;
width: 360px;
}

ol.commentlist li ul.children li.depth-4 {
margin:0 0 3px;
width: 280px;
}

ol.commentlist li ul.children li.depth-5 {
margin:0 0 3px;
width: 200px;
}

ol.commentlist ul.children li.odd {
background:#fff;
}

ol.commentlist ul.children li.even {
background:#f6f6f6;
}

ol.commentlist li.pingback div.vcard {
padding:0 170px 0 0;
}

#respond {
margin: 5px 0 10px 15px;
padding: 15px 5px 15px 15px;
list-style: none;
border: 0px;
background-color: #E5E5E5;
border:1px solid #CCC;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
float: left;
width: 570px;
position: relative;
z-index: 5;
}

#respond input {
margin-right: 10px;
font-size: 11px;
color: #8a8a8a;
display: block;
margin-bottom: 5px;
margin-top: 7px;
border: 1px solid #797979;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding: 5px 3px;
}

#respond textarea {
width: 400px;
margin-top: 7px;
border: 1px solid #797979;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding: 5px 3px;
}

#respond h4 {
font-size: 15px;
margin-bottom: 10px;
}

#submit {
background:#999;
border:1px solid #666;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
color: #fff !important;
padding:2px 5px;
text-align:center;
cursor: pointer;
}

#submit:hover {
background:#B9B9B9;
}

/* Footer */

#footer-container {
float: left;
margin-top: -5px;
width: 920px;
min-height: 423px;
height: auto;
padding-bottom: 15px;
background: url(images/footer_bg.jpg) no-repeat right top;
}

#footer-top {
float: left;
margin-top: 5px;
width: 927px;
height: 16px;
background: url(images/footer_top.png) no-repeat;
}

#footer-repeat {
float: left;
width: 927px;
background: url(images/footer_repeat.png) repeat-y;
min-height: 250px;
}

#footer-btm {
float: left;
width: 927px;
height: 40px;
background: url(images/footer_btm.png) no-repeat;
}

#bottom-container {
width: 575px;
background: #FFF;
border: 1px solid #c6c6c6;
margin-top: 10px;
float: left;
margin-bottom: 10px;
}

#bottom-container h3 a {
display: block;
}

.footer {
position: relative;
overflow: hidden;
margin-left: 20px;
}

.slider-nav {
float: left;
margin-top: -160px;
width: 100px;
}

.back a {
width: 39px;
float: left;
height: 53px;
background: url(images/prev_btn.png) no-repeat;
position: relative;
left: -33px;
top: 230px;
}

.next a {
width: 39px;
height: 53px;
float: left;
background: url(images/next_btn.png) no-repeat;
z-index: 10;
position: relative;
left: 883px;
top: 230px;
}

.footer ul {
position: relative;
z-index: 1;
width: auto;
left: 0;
list-style-type: none;
overflow: hidden;
padding-left: 10px;
}

.footer #widgets {
float: left;
margin-left: 10px;
width: auto;
}

.footer #widgets li {
display: block;
float: left;
width: 300px;
display: inline;
position: relative;
}

.footer #widgets li .widget-wrapper {
width: 242px;
float: left;
background-color: #eee;
padding: 5px 7px 5px 7px;
border: 1px solid #CCC;
margin-top: 5px;
margin-left: -7px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.footer #widgets #recentcomments {
width: 225px !important;
}

.copyright {
float: left;
margin-left: 14px;
color: #333;
margin-top: 8px;
}

.copyright a {
font-weight: bold;
}

.wp-copy {
float: right;
margin-top: 8px;
margin-right: 14px;
}

.wp-copy a {
font-weight: bold;
}

/* Pagenavi */

.wp-pagenavi {
float: left;
margin-left: 15px;
margin-top: 20px;
margin-bottom: 20px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 8px 10px;
margin: 4px;
text-decoration: none;
background-color: #<?php echo $color;?>;
border: 1px solid #<?php echo $color;?>;
color: #FFF;
font-size: 13px;
}

.wp-pagenavi a:visited {
padding: 8px 10px;
margin: 4px;
text-decoration: none;
background-color: #<?php echo $color;?>;
border: 1px solid #<?php echo $color;?>;
color: #FFF;
font-size: 13px;
}

.wp-pagenavi a:hover {	
background-color: #d4d4d4;
border: 1px solid #<?php echo $color;?>;
color: #8a8a8a;
}

.wp-pagenavi a:active {
padding: 8px 10px;
margin: 4px;
text-decoration: none;
background-color: #d4d4d4;
border: 1px solid #<?php echo $color;?>;
color: #8a8a8a;
font-size: 13px;
}

.wp-pagenavi span.pages {
padding: 8px 10px;
margin: 4px 4px 4px 0px;
background-color: #<?php echo $color;?>;
border: 1px solid #<?php echo $color;?>;
color: #FFF;
font-size: 13px;
}

.wp-pagenavi span.current {
padding: 8px 10px;
margin: 4px;
font-weight: bold;
background-color: #d4d4d4;
border: 1px solid #<?php echo $color;?>;
color: #8a8a8a;
font-size: 13px;
}

.wp-pagenavi span.extend {
padding: 8px 10px;
margin: 4px;
background-color: #d4d4d4;
border: 1px solid #<?php echo $color;?>;
color: #8a8a8a;
font-size: 13px;
}