/*
=== darkblue ===
bg: #21262a
links: #8696a3
intro: #95a7b3
footer: #30373d
titles: #30373d
widgets: #30373d
border: #21262a

body: #bfc7cd
menu: #8696a3
h: #262625
*/

/*=== Setup ===*/
body{
	background-color: #21262A;
	background-image: url(../images/bgr.jpg);
	background-repeat: repeat-x;
	outline: none;
}
a{
	color: #ff8a00;
}
input,select,textarea{
	background-color: #3C434A;
}

h2{
	color: #FFFFFF;
}
h2 a{
	color: #FFFFFF
}
h3{
	color: #f2f2ee;
	font-size: 1.2em;
}
h4{
	color: #f2f2ee;
}

.box, .box5 {
}
.box h2, .box5 h2{
	color: #FFFFFF;
	line-height: 25px;
}
.box h2 a, .box5 h2 a{
	color: #FFFFFF
}
.box h3, .box5 h3{
	color: #FFFFFF;
}
.box h4, .box5 h4{
	color: #FFFFFF;
}

/*=== Intro ===*/
p.intro a {
	color:#FFFFFF;
}
p.intro a:hover {
	color:#222222;
}

/*=== Buttons ===*/

.btn-rounded a{
	background: url(darkblue/btn-rounded.jpg) no-repeat left;
	color: #ffffff;
}
.btn-rounded a span{
	background: url(darkblue/btn-rounded.jpg) no-repeat right;
}
.btn {
	background:url(darkblue/btn.jpg) repeat-x;
	color:#FFF;
}

/*=== Navigation ===*/
/*- Nav1 -*/
#nav1 li a{
	color: #FFFFFF;
}
#nav1 li a:hover,
#nav1 li.active a, #nav1 li.current_page_item a{
	color: #ffffff;
	background-image: url(darkblue/btn-rounded.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#nav1 li.active a span,
#nav1 li.current_page_item a span,
#nav1 li a:hover span{
	background-image: url(darkblue/btn-rounded.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/*- Nav2 -*/
.nav2 li a, .widget li a{
	color: #FFFFFF;
}
.nav2 li a:hover, .widget li a:hover{
	color: #ff8a00;
}

/*=== Right Column ===*/
#rightcol h3, #rightcol h3 a{
	color: #ffffff;
}
#rightcol h3 span{
	background: #20272d;
}
#rightcol .widget ul, #rightcol .textwidget 
{
	background: #3c434a;
}

/*=== Sub Columns ===*/
.col1 a{
	color: #bfc7cd;
}
.col3 h2{
	color: #464646;
}

.col5 img{
}

/*=== Styling Boxes ===*/

.StrokesBox {
	margin-left: 25px;
	margin-right: 10px;
}

/*- Box1 -*/
.box .top{
	background-image: url(darkblue/box-top.gif);
	background-repeat: no-repeat;	
}
.box .bot{
	background-image: url(darkblue/box-bot.gif);
	background-repeat: no-repeat;
}
.box .spacer{
}
/*- Box2 -*/
.box2 .top,.box2 .bot{
}
.box2 .bot{
}
.box2 .spacer{
}
/*- Box3 -*/
.box3 .top,.box3 .bot{
	background: #3C434A;
}
.box3 .spcr{
	background: #3C434A;
}
/*- Box4 -*/
.box4{
	color: #ffffff;
}
.box4 .top,.box4 .bot{
	background: url(darkblue/box4-top.gif) no-repeat top;
}
.box4 .bot{
	background: url(darkblue/box4-bot.gif) no-repeat top
}
.box4 .spacer{
	background: #95a7b3;
}
/*- Box5 -*/
.box5 .top,.box5 .bot{
}
.box5 .bot{
}
/*- Box6 -*/
.box6 .top,.box6 .bot{
	background: url(darkblue/box6-top.gif) no-repeat top;
}
.box6 .bot{
	background: url(darkblue/box6-bot.gif) no-repeat top
}
.box6 .spacer{
	background: #30373d;
}

/*- Date -*/
.date{
	color: #898989;
}

/*=== Styling Forms ===*/
/*- Search -*/
#search input.keyword{
	background: #30373d;
	border-bottom: 1px solid #3C434A;
	border-right: 1px solid #3C434A;
	border-top: 1px solid #21262a;
	border-left: 1px solid #21262a;
}

#NewsletterForm input.email{
	background: #3C434A;
	border-bottom: 1px solid #3C434A;
	border-right: 1px solid #3C434A;
	border-top: 1px solid #21262a;
	border-left: 1px solid #21262a;
	color: #FFFFFF;
	padding: 7px;
}

#sideBarForm input.email{
	background: #30373d;
	border-bottom: 1px solid #3C434A;
	border-right: 1px solid #3C434A;
	border-top: 1px solid #21262a;
	border-left: 1px solid #21262a;
	padding: 7px;
	width: 105px;
	color: #FFFFFF;

}

/*- Form1 Setup -*/
.btn-general{
	color: #ffffff;
}
.btn-general a { 
	color: #ffffff;
}
.btn-arr a{
	background: #30373d;
	color: #ffffff;
}

/*=== Footer ===*/
#footer a{
	color: #949387;
}

/*=== Posts ===*/
.post img {
}
.post li a:hover{
	color: #8696a3;
}
.post blockquote {
	color:#CCCCCC;
}

/*=== Widget styling ===*/
.widget #recentcomments li a{
	color: #8696a3;
}
.widget #recentcomments li a:hover{
	color: #8696a3;
}
.widget #searchform, .widget #calendar_wrap{
	background: #30373d;
}
.widget #wp-calendar caption {
	color:#333333;
}
.widget #wp-calendar thead th {
	color:#333333;
}
.widget #wp-calendar tfoot td a {
	color:#333333;	
}

.widget #recentcomments li{
	background: url(darkblue/hl-dot.gif) repeat-x bottom;
}
.nav2 li, .widget li{
	background: url(darkblue/hl-dot.gif) repeat-x bottom;
}