/*  
Theme Name: DPS - Theme
Theme URI: http://theblogstudio.com/
Description:
Version: 1
Author: The Blog Studio
Author URI: http://theblogstudio.com/
*/


/* --------------------------------- =general -------- */

* {
	padding: 0;
	margin: 0;
	}

img { border: 0; display:block; }
p { margin: 1.3em 0; }
.invisible { text-indent: -9999px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearMe {clear:both;}

/* we're going to set the font-size on the body to 76%. This means that when we set a font to 1em, it will be prety close to the user's default font size. NO USING PX FOR FONTS - ems or % only please */

element.style {
text-align:center;
}

body {
	font-family: "lucida grande" , Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align: center;
	background: url(images/bodybg.jpg) repeat-x #fff;
	margin-bottom: 20px;
	}

#wrapper {
	width: 960px;
	margin: 0px auto;
	text-align: left;
	background-color: #FFF;
	}

#menuContents {
	background: #FFF;
	border-bottom:1px solid #C8C8B3;
	}
	
#contentHolder {
	background: #fff; 
	float: left;
	text-align: left;
	margin-top: 0px;
	}
	
#left {
	float: left; 
	width: 700px;
}

#sidebar {
	float: right;
	width:200px;
	padding: 20px 20px 20px 0;
}

#searchForm {
	float: right;
	padding-right: 10px;
	}
	
ul.sidebarList { font-size: 11px; line-height: 18px; list-style: none; padding: 0; margin: 0; margin-bottom: 18px; }
ul.sidebarList li.heading { font-size: 14px; font-family: Georgia, "Times New Roman", serif; }

/* --------------------------------- =layout -------- */

#header {
	background: URL('images/h1-header.jpg');
	height: 34px;
	padding: 15px 10px 0 0;
	display: block;
	}

#adHolder {
	float: left;
	height: 90px;
	text-align: center;
	width: 768px;
	padding: 10px 96px 0 96px;
	background: #fff;
	}
	
#ad { float: left; width: 768px; }

#menu { display: block; }
#hideNavBut { float: right; }

.paginav { float: left; width: 100%; margin: 15px 0; clear: both; margin-left: 20px;  }

.paginav a { color: #1d538f !important; }
.paginav a:hover { color: #333; }

.entry, ul#breadcrumb {
	text-align: left;
	padding: 20px 0px 20px 20px;
	margin-bottom: 0px;
	font: "Trebuchet MS" , "Lucida Grande" , Lucida, Verdana, sans-serif;
	color: #333;
	}

.entry { padding-bottom: 30px; }

.single-entry { text-align: left; padding: 0 0 0 20px; margin-bottom: 0px; font: "Tebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif; color: #333; }

#colOne, #colTwo { float: left; }
#colThree { float: right; }

#colOne, #colTwo, #colThree {
	font-size: .9em;
	line-height: 1.7em;
	color: #fff;
	}

#colOne {
	width: 300px;
	display: block;
	padding: 10px 0;
	background:#333;
	}

#colTwo {
	width: 190px;
	display: block;
	padding: 10px 0;
	border-right: 1px #CCC solid;
	border-left: 1px #CCC solid;
	background:#222;
	}

#colThree {
	width: 245px;
	height: 113px;
	display: block;
	padding: 10px 0;
	background:#333;

	}

#footer {
	float: left;
	background: URL('images/headerBGRepeating.jpg') #153E76 repeat-x;
	padding: 20px 42px;
	}

/* --------------------------------- =navigation -------- */

#navigation {
	font-size: 1.9em;
	color: #000;
	margin: 30px 150px;
	text-align: center;
	}

#navigation a:link, #navigation a:visited {
	color: #15447C;
	font: .9em Georgia, "Times New Roman" , Times, serif;
	text-decoration: none;
	border-bottom: ;
	}

#navigation a:hover {
	color: #0CF;
	text-decoration: none;
	border-bottom: none;
	}

/* --------------------------------- =breadcrumb -------- */

#breadcrumb {
	height: 25px;
	background: #fff;
	}

ul#breadcrumb { list-style-type: none; }

ul#breadcrumb li {
	display: inline;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	padding-top: 4px;
	}

ul#breadcrumb li a {
	height: 15px;
	color: #2D86CA;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	}

ul#breadcrumb li a:link,
ul.meta li a:visited {
	text-decoration: none;
	color: #333;
	}

ul#breadcrumb li a:hover {
	text-decoration: none;
	background: #4b4b47;
	color: #222;
	}


/* --------------------------------- =typography -------- */

h1 {
	text-indent: -99999px;
	float: left;
	}

h1 a {
	display: block;
	width: 270px;
	height: 30px;
	}

h2, h3#comments, h3#respond {
	color: #333;
	text-shadow: #ddd 0px 1px 1px;
	font: 1.9em Georgia, "Times New Roman" , serif;
	border: 1px solid #ddd;
	margin: 0 0 25px 0;
	padding: 3px 5px;
	background: #E9E8D6;
	}

.entry p, .single-entry  p { font: .99em/1.5em "Trebuchet MS" , "Lucida Grande" , Lucida, Verdana, sans-serif; }

ul.heading {
	font-weight: 700;
	width: 35px;
	text-align: center;
	font: 1.4em Georgia, "Times New Roman" , serif;
	}
	
ul.headingWide {
	font-weight: 700;
	width: 55px;
	text-align: center;
	font: 1.4em Georgia, "Times New Roman" , serif;
	}	
	

#footer p {
	color: #FFF;
	font-weight: lighter;
	font-size: .9em;
	margin: 0;
	padding: 0;
	}

.entry img, .single-entry img {
	margin:15px;
}

.entry div img, .single-entry div img {
	margin-bottom: 10px;
}

/* --------------------------------- =Headers with images -------- */

/* --------------------------------- =links -------- */

h2 a:link, h2 a:visited {
	color: #000;
	text-decoration: none;
	}

h2 a:hover {
	color: #000;
	text-decoration: none;
	background: #CCC;
	text-align: center;
	}

#hideNavBut a {
	background: URL('images/hideNavigation.gif');
	display: block;
	height: 22px;
	width: 85px;
	}

#menu a:link, #menu a:visited {
	color: #fff;
	background: none;
	text-decoration: none;
	padding:2px;
	font-weight:bold;
	}

#menu a:hover {
	color: #fff;
	background-color: #1D538F;
	text-decoration: none;
	padding:2px;
	}

.entry p a:link, .entry p a:visited, .single-entry  p a:link, .single-entry p a:visited, ul a:link, ul a:visited, ol a:link, ol a:visited {
	color: #1D538F;
	background: #FFF;
	text-decoration: none;
	}

.imageLeft a:link, .imageLeft a:visited, .imageRight a:link, .imageRight a:visited, .entry div a:link, .entry div a:visited {
	color: #000;
	margin-top: 0;
	padding: 0px;
	font-family: Georgia, "Times New Roman" , Times, serif;
	text-decoration: none;
	border-bottom: 0;
	}

.entry p a:hover, .single-entry p a:hover, .imageLeft a:hover, .imageRight a:hover, .entry div a:hover, ul a:hover, ol a:hover {
	background: none;
	color: #2D86CA;
	text-decoration: none;
	}

#footer p a:link,
#footer p a:visited {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px #000 dotted;
	}

#footer p a:hover {
	color: #FFF;
	text-decoration: none;
	background: #153E76;
	}

/* --------------------------------- =lists -------- */

#colOne ul, #colTwo ul, #colThree ul {
	display: block;
	list-style: none;
	}

#colOne ul { padding: 0 5px; }
#colTwo ul { padding: 0 5px; }
#colThree { padding: 0 5px; }

.entry ul, .entry ol, .single-entry ul, .single-entry ol {
	list-style: none;
	font: .99em/1.5em "Trebuchet MS" , "Lucida Grande" , Lucida, Verdana, sans-serif;
	margin: 0 0 20px 10px;
	}

.entry ul li,
.entry ol li, .single-entry ul li, .single-entry ul li {
	border-left: 7px #2D86CA solid;
	padding-left: 10px;
	margin-bottom: 10px;
	}
	
.single-entry ol { padding: 0 0 0 25px; list-style: decimal !important; }

/* --------------------------------- =forms -------- */

/* --------------------------------- =tables -------- */

/* --------------------------------- =comments -------- */

#commentArea .comment-content {
	margin-top: -25px;
}

#commentArea #comment {
		width: 75%;
}

#commentArea .leave-view-comments {
	margin: 20px 0px 10px 0px;
}

#commentArea ul.commentlist {
	margin-left: 0;
	list-style: none;
	overflow:none;
}

#commentArea ul.commentlist li {
	padding-top:5px;
	padding-bottom:5px;
	background:#E3F3FF;
	overflow:none;
	width: 640px;
}

#commentArea ul.commentlist li.alt {background:#F6FBFF;}

#commentArea #center .commentlist li {
	background: #EBF1F5 url(images/flip-comment-content.gif) no-repeat left top;
	margin: 10px 0px;
	padding: 5px 10px 5px 45px;
}

#commentArea #center .commentlist li.alt {
	background: #EDF8EB url(images/flop-comment-content.gif) no-repeat left top;
}


#commentArea p.comment-content {
	padding: 5px 5px 20px 45px;
}

.thumbnailImage {float:left;margin:0 10px 10px 0;}

ul#related-posts {
	margin-bottom: 1.5em;
	list-style: none;
	line-height: 18px;
}

h3 {
font-size: 18px;
color: #001B38;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}