/*  
Theme Name: DW Cola
Author URI: http://derekweathersbee.net
Version: 1
Author: Derek Weathersbee
Description: derek's theme is a two column WordPress theme with plenty of white space ... and it's widget ready.
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/

/* global styles */

* { 
	margin: 0; padding: 0;
	}
	

body {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 21px;
	color: #f3f2e7;
	background-color: #00111e;
	background-image: url(images/dk-blue-bg-tile.gif);
	background-repeat: repeat;
}

ul, li {
margin: 0px;
padding: 0px;
}

a {
	color: #f4cc6b;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #fff;
}

p {
	margin: 0px;
	padding: 0px;
}

h1, h1 a {
	/*font-family: "Clarendon Light", Clarendon, Georgia, "Lucida Grande";*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	line-height: 28px;
	font-style: normal;
	color: #f4cc6b;
	/* color: #da1e47; */
	border: none;
	font-weight: normal !important;
	padding: 0px;
	margin: 0px 0px 10px;
	text-align: left;
	float: left;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* ////////////////// blog title //////////////////*/

h2, h2 a, #content h2, #content h2 a  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #c03c26;
	padding: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

/*#content div.excerpt h2, #content div.excerpt h2 a {
font-family: Clarendon, Georgia, "Lucida Grande" !important;
color: #00a9e0 !important;
font-size: 16px !important;
text-transform: none;
}*/

/* Below is the most recent h3 */
/*h3  {
	font-family: Clarendon, Georgia, "Lucida Grande";
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #666;
	padding: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	text-transform: uppercase;
}*/


	
/*BLOG ENTRY TITLE*/

h3, h3 a {
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
color: #fff;
font-size: 21px;
line-height: 25px;
margin-bottom: 12px;


}

h4 {
	
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
	margin-bottom: 8px;
	margin-top: 0px;
}


h5, h5 a {
	size: 15px;
	color: #a94000;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	}


h6 {
	text-align: left;
color: #da1e47;
padding: 0px;
margin-top: -8px;
margin-bottom: 12px;
font-weight: normal;
font-size: 13px;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
}

/*///////////////////////////////// side drop ////////////////////////////////////////////////////////////////////////////////////*/







/*///////////////////////////////// HEADER STYLES ////////////////////////////////////*/

#topHeader {
background-image: url(images/header-background.gif);
background-repeat: repeat-x;
height: 118px;
overflow: hidden;
}

#header {
	/*background-image: url(images/headerBackground.png);
	background-repeat: repeat-x;*/
	text-align: left;
	width: 965px;/*to make it have a negative left margin of 75*/
	height: 118px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative; 
	display: block;
}

#bottomHeader {
width: 890px;
text-align: left;
margin-left: 75px;
overflow: hidden;
position: relative;
height: 64px;
}



.logo {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: visible;
	padding: 0px;
	margin: 0px;
	display: block;
}

/* begin search form ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#searchform {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 0px;
	right: 0px;
	text-align: left;
	margin-bottom: 16px;
	/*background: url(images/search_bg.png) no-repeat right top;*/
	overflow: hidden;
	}

p.searchform_type {
	font-family: "Clarendon Light", Georgia, "Lucida Grande";
	font-size: 15px;
	color: #808080;
	text-decoration: none;
	margin-bottom: 4px;
}

input.searchBtn {
	color: #co3c26;
	background-color: #fff;
	
	text-align: center;
	
	float: right;
	border: none;
	line-height: 20px;
	height: 20px;
	margin: 0px;
	margin-right: 8px;
	width: 44px;
	font-size: 10px;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
	

}

.searchBox {

	background-color: #fff;
	border: 1px solid #b3b3b3;
	height: 20px;
	width: 262px;
	line-height: 20px;
	color: #c03c26;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 4px;

}

.searchBox:focus {

}



/*///////////////////////////////// NAV BAR ////////////////////////////////////*/
/*///////////////////////////////// NAV BAR ////////////////////////////////////*/


ul.nav {
	font-size: 13px;
	color: #fff;
	line-height: 24px;
	list-style-type: none;
	text-align: left;
	padding: 0px;
	margin: 0px;
	display: block;
	position: absolute;
	bottom: 32px;
	right: 0px;
	text-shadow: #511903 1px 1px 2px;
}
ul.nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

ul.nav a {
	color: #fff;
	display: block;
	float: left;
	margin: 0px;
	height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 11px;
	padding-right: 11px;
	padding-bottom: 0px;
}


ul.nav a span.desc, ul.nav a span.desc:hover {
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
color: #999;
margin-top: -4px;
}


/* Hover and current page ///////////////////////////////////////////////////////////////////*/


ul.nav a:hover  {
color: #f4cc6b;
text-decoration: none;
	
}

#current  {
color: #fff;
text-decoration: none;
background-color: #8b181b;
background-image: url(images/corner-tl.gif), url(images/corner-tr.gif), url(images/corner-bl.gif), url(images/corner-br.gif);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top left, top right, bottom left, bottom right;
	
}



/*///////////////////////////////// TITLE //////////////////////////////////////////////////////////////////////////////////////////*/

.title {
width: 100%;
margin: 0;
margin-bottom: 12px;
overflow: visible;
/*border-bottom: 1px dotted #2B3B49;*/
border-bottom: 1px dotted #4D4D4D;
position: relative;
clear: both;

}

#content div.post_date {

font-size: 9px;
letter-spacing: 2px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 6px 0px 0px 6px;
height: 24px;
line-height: 24px;
padding: 0px 5px 0 7px;
text-transform: uppercase;
display: block;
background-color: #0f1e2a;
position: absolute;
bottom: 0px;
right: 0px;
overflow: visible;
}

.post-day {
font-size: 18px;
margin-bottom: -6px;
}

p.comment-number {
width: 28px;
height: 18px;
line-height: 18px;
padding-bottom: 6px;
color: #fff;
font-size: 9px;
text-align: center;
background: url(images/comment-bubble-bg.gif) top left no-repeat;
position: absolute;
top: 0px;
left: -38px;
}


/*///////////////////////////////// POST NAVIGATION //////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*#content .post_navigation {

font-size: 12px;
text-align: left;
margin: 0px;
padding: 0px;
text-transform: none;
text-decoration: none;
display:block;
}

#content .post_navigation a {
color: #f2ca6b !important;
text-decoration: none;
}


#content .post_navigation a:hover {
color: #fff;
}
*/

div.previous-article a {
background: url(images/previous-article.gif) left no-repeat;
padding: 0 10px 0 22px;
height: 42px;
line-height: 42px;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
display: block;
float: left;
margin-right: 10px;
}

div.next-article a {
background: url(images/next-article.gif) right no-repeat;
padding: 0 22px 0 10px;
height: 42px;
line-height: 42px;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
display: block;
float: left;
}

div.previous-page  {
background: url(images/previous-article.gif) left no-repeat;
padding: 0 10px 0 22px;
height: 42px;
line-height: 42px;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
display: block;
float: left;
margin-right: 10px;
}

div.next-page {
background: url(images/next-article.gif) right no-repeat;
padding: 0 22px 0 10px;
height: 42px;
line-height: 42px;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
display: block;
float: left;
}



.init_cap {
font-size: 42px;
height: 52px;
line-height: 52px;
padding-left: 8px;
padding-right: 8px;
margin-top: 6px;
margin-right: 10px;
color: #00111e;
background: #b5291e url(images/init-cap-bg.gif) top left repeat;
display: block;
float: left;
font-style: italic;
font-weight: bold;

}
	



/* /////////////////////////////// LEFT COLUMN STYLES //////////////////////////////////////////////////////////////////////////*/


/* ///////////////////////////////// PAGE AND POST NAVIGATION /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////// PAGE AND POST NAVIGATION  /////////////////////////////////////////////////////////////////////////////////////////////////////*/



div.page_nav {
display: block;
float: right;
text-align: right;
height: 20px;
margin: 0;
line-height: 20px;
font-size: 10px;
font-style: normal;
text-transform: uppercase;
letter-spacing:1px;
}

div.page_nav strong {
float:left;
color: #3d485d;
}

div.page_nav span {
display:block;
width:18px;
height:18px;
line-height:18px;
background:url(images/page-nav-on.gif) bottom left no-repeat;
color:#fff;
float:left;
text-align:center;
margin:0 0 0 4px;
padding: 0 0 1px 1px;
}

div.page_nav a span {
display:block;
width: 18px;
height:18px;
line-height:18px;
background:url(images/page-nav-off.gif) top left no-repeat;
color:#fff;
padding: 0 0 1px 1px;

}



div.page_nav a:hover {
color: #ec008c;
}



div.tween {
height: 30px;
width: 100%;
display: block;
}

/*///////////////////////////////// CONTAINER ////////////////////////////////////*/

#container { 
	width: 890px; 
	text-align: left; 
	margin: 0px;
	margin-left: 75px;
	overflow: visible;
	border-top: 1px dotted #777;
	padding: 0px;
	}


/* /////////////////////////////// CONTENT STYLES //////////////////////////////////////////////////////////////////////////*/


#content, #store_content { 
	width: 584px; 
	float: left; 
	margin-bottom: 20px;
	margin-top: 0px;
	padding-top: 24px; 
	}
#content p, #store_content p {
	margin: 0px;

	padding: 0px 0px 12px 0px;
	}

#content img, #store_content img.store_home_img, #content object, #content embed   {
	border: 7px solid #0f1e2a;
	margin-top: 12px;
	margin-bottom: 10px;
}

#content p.in_category {
margin-top: -6px;
margin-bottom: 17px;
font-size: 10px;
text-transform: uppercase;

}


#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
#content ul li a {
	color: #ff9900;
	text-decoration: underline;
	}

#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}


blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

.postspace {
	width: 584px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
.postspace2 {
	width: 584px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}

/* /////////////////////////////////////// SIDEBAR SIDEBAR SIDEBAR /////////////////////////////////////////////////////////////////////////////////// *//* /////////////////////////////////////// SIDEBAR SIDEBAR SIDEBAR /////////////////////////////////////////////////////////////////////////////////// */

#sidebar { 
	color:#f1f0eb;
	border-top: 4px solid #c03c26;
	width: 266px; 
	float: right; 
	margin-bottom: 20px;
	margin-top: -1px;
	padding: 0;
	padding-top: 20px; 
	
	}

#sidebar p{
	margin: 0px;
	/*line-height: 18px;*/
	padding: 0px 0px 10px 0px;
	}
	
#sidebar p img{
	border: none;
	margin: 0;
	padding: 0;
	/*margin-right: 5px;*/
	}

/* #sidebar  h2, #sidebar h2 a      /////// had to be more specific */

#sidebar ul li h2, #sidebar ul li h2 a, #sidebar h2, #sidebar h2 a {
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal !important;
	padding: 0;
	margin: 0px 0px 8px 0px;
	text-align: left;
	list-style: none;
	text-indent: none;
	text-transform: none;
	}
	

#sidebar h2 {
border-bottom: 1px dotted #4D4D4D;
		}

/* the list of widgets */
#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 22px;
	}
	
/* wrap the individual widgets */
#sidebar ul li {
	list-style: none;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0 0 10px;
border-bottom: 1px dotted #4D4D4D;
	}
	
	#sidebar ul li ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
	
#sidebar ul li ul li {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 22px;
		display: block;
		border:none;
	}

	
#sidebar ul li a {
	color: #faeaaf;
	text-decoration: none;
	font-weight: normal;

	}

#sidebar ul li a:hover {
	color: #fff;
	}




/*///////////////////////////////// sidebar drop STYLES ////////////////////////////////////*/



#sidebar ul ul#project-links {
margin:0;
padding:0;
}

#sidebar ul ul#project-links li {
color: #858c92 !important;
display:block;
height:28px;
line-height:28px;
background: #0f1e2a;
font-size: 10px;
padding: 0 0 0 6px;
margin: 6px 0 16px!important;
text-transform:uppercase;
letter-spacing:1px;
}


#sidebar ul ul#project-links li.project-link, #sidebar ul ul#project-links li.post_navigation, #sidebar ul ul#project-links li.category-drop {
color: #858c92 !important;
display:block;
height:28px;
line-height:28px;
background: #0f1e2a;
font-size: 10px;
padding: 0 0 0 6px;
margin: 6px 0 16px!important;
text-transform:uppercase;
letter-spacing:1px;
}

#sidebar ul ul#project-links li.category-drop {
background: url(images/category-drop.gif) right no-repeat #0f1e2a;
position:relative;
}

#sidebar ul ul#project-links li.category-drop ul {
display:block;
list-style:none;
position:absolute;
top: 28px;
left:-999px;
width: 266px;
background:#192734;
margin:0;
padding:0;
}

#sidebar ul ul#project-links li.category-drop ul a {
background:#transparent;
margin:0 !important;
padding:0 8px!important;
display:block;
border-bottom:1px solid #001624;
}

#sidebar ul ul#project-links li.category-drop ul li {
display:block;
margin:0!important;
padding:0!important;
background:transparent;
}

#sidebar ul ul#project-links li.category-drop:hover ul {
left:0;
}

li.post_navigation a {
color: #858c92 !important;

}






/*///////////////////////////////// FOOTER STYLES ////////////////////////////////////*/


#footerExt {
	width: 100%;
	margin-top: 35px;
	background-image: url(images/footer-background.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 116px;
	text-align: left;
	clear: both;
	margin-left: 0px;
	margin-right: 0px;
}

#footerInt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0f1e2a;
	text-align: left;
	width: 800px;
	margin-left: 75px;
	padding-top: 16px;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#footerInt p {
	margin-bottom: 14px;
}
#footerInt a {
	font-size: 9px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #0f1e2a;
	text-decoration: none;
}
#footerInt a:hover {
	color: #993300;
	text-decoration: underline;
}

/* end footer styles */	

	


/* ///////////////////////////////// FORM styles/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////// FORM STYLES /////////////////////////////////////////////////////////////////////////////////////////////////////*/



select {
	line-height: 20px;
	height: 20px;
	background-color: #DFDFDF;
	width: 160px;
	margin: 0px;
	color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


input.txtInput, textarea.bodyText {
	line-height: 22px;
	color: #999999;
	height: 22px;
	width: 408px;
	margin-right: 16px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-bottom: 10px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F0F0F0;
	margin-top: 0px;
	font-size: 11px;
	padding-left: 2px;
}

textarea.bodyText {
	height: 140px;
	padding-top: 3px;
}

p.formLabel {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #993300;
	font-style: normal;
	margin-bottom: 5px;
}



/*///////////////////////////////////// FLOATS  ////////////////////////////////////////////////////*/

img.alignright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

img.alignleft {
float: left;
margin-right: 10px;
margin-bottom: 10px;
border: none !important;
}

/*/////////////////////////////////////  CAPTIONS  ////////////////////////////////////////////////////*/

#content div.wp-caption {
background-color: #0f1e2a;
padding: 0px;
margin: 0px;
margin-bottom: 14px;
width: 584px !important;
}

#content div.wp-caption img {
margin-bottom: 0px !important;
margin-top: 0px !important;
}

#content p.wp-caption-text {
/*margin-bottom: -4px !important;
margin-top: -4px !important;*/
font-size: 11px;
text-align: center;
padding-left: 15px;
padding-bottom: 6px;
padding-right: 15px;
line-height: 15px;
}


/*///////////////////////////////// THUMBNAILS ////////////////////////////////////*/

div.excerpt {
width: 100%;
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: dotted 1px #999;
overflow: hidden;
}

div.excerpt div.type {
margin-left: 128px;
}

img.thumbnail {
float: left;
margin: 0px !important;
padding: 3px !important;
background: #0f1e2a !important;
border: 1px solid #202f3c !important;
}

/*///////////////////////////////// THUMBNAILS ////////////////////////////////////*/


.widgettitle {
margin-left: 0px !important;
padding-left: 0px !important;
text-align: left !important;
}








/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}