* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	background: #FFF;
	font-family: helvetica, sans-serif;
	color: #000;
}

p {
	font: 1.2em/1.8em helvetica, sans-serif;
	margin-bottom: 10px;
}

h1 {
	font-size: 2.5em;
	color: #000;
}

h2 {
	font-size: 2.em;
	color: #fff;
}

ul {
	margin-left: 25px;
}
.catname {color: #fff;}
.catname a {font-size:1em; line-height:1em; color: #fff; text-decoration:none; text-transform:capitalize;}
.catname a:hover {font-size:1em; line-height:1em; color: #999; text-decoration:none;}
.tags {color: #fff;}
.tags a {font-size:.8em; line-height:1em; color: #fff; text-decoration:none; text-transform:capitalize;}
.tags a:hover {color: #999; text-decoration:none;}

img {border: none;}

.floatLeft{float:left;}


/** BEGIN wrapper **/
#page-wrap {background: #FFF; min-width: 780px; margin: 0px auto;}
#page-wrap #inside {margin: 10px 0px 0px 0px; padding-top: 10px; padding-bottom: 10px;}
/** END wrapper **/

/** BEGIN header **/
#header {background: #FFF; width:300px; height: 98px; background: url(images/ds_logo.jpg) no-repeat; margin: 0 0 20px 10px;}
#header #logo {
    background: transparent url("logo.png") no-repeat scroll 0% 0%;
    width: 250px;
    height: 70px;
    text-indent: -3333px;
    border: 0;
    margin: 0;
}

#header #logo a {
    display: block;
    width: 280px; /* larger than actual image? */
    height: 120px;
    text-decoration: none;
    border: 0;
}

/* Menu Principal */
#nav{font-weight: normal; font-size:1.5em; color: #666; margin: 0 0 0 30px; padding: 0;}
#nav, #nav ul {list-style: none; line-height: 1;}
#nav a, #nav a:hover {display: block; text-decoration: none; border:none;}
#nav li {float: left; list-style:none; margin-right: 20px;}
#nav a, #nav a:visited {display:block;  color: #666; padding:0px; text-transform:capitalize;}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {background:#333; color: #fff; text-decoration:none}
#nav li ul {position: absolute; left: -999em; height: auto; width: 174px;}
#nav li li {width: 172px; background: #777; padding:5px; margin-right: 0px;}
#nav li li a, #nav li li a:visited {font-weight:normal; font-size:0.9em; color:#FFF;}
#nav li li a:hover, #nav li li a:active {background:#333;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
a.main:hover {background:none;}
/* Menus drop-down */

/** END header **/


#main-content {background: #FFF; padding-top: 20px; margin: 0px 10px 0 10px; min-height:500px;}

.eachpost { width:305px; height: 200px;	float: left; background:#333; margin: 0 10px 10px 0; overflow: hidden;}
.eachpost .author { padding-right: 3em; }
.author, .comment { text-decoration:none; }
.eachpost .signature { margin-top:1.5em; }	




/** BEGIN content **/	
#main-content .eachpost h2 {font-weight:normal; font-size: 2em; margin: 10px;}
#main-content .eachpost h2 a {color: #fff;text-decoration: none;}
		#main-content .post .date {
			font-size: 0.8em;
			padding: 8px 5px;
		}
			#main-content .eachpost .date a {
				color: #66ccff;
			}
		#main-content .eachpost .thumb {
			width: 300px; 
			height: 200px;
			overflow: hidden;
			margin: 0;
		}
			#main-content .eachpost .thumb img {
				width: 300px;
			}
		#main-content .eachpost p {
			line-height: 1.4em;
		}
		#main-content .eachpost .readmore {
			display: block;
			float: right;
			text-indent: -9999px;
			width: 101px; height: 19px;
			outline: none;
			background: url(images/readmore.gif) no-repeat 0 0;
		}
	
	
	
	
	#main-content h2.title {
		padding: 0 15px 20px;
		font-size: 0.9em;
		text-transform: uppercase;
		font-weight: normal;
	}
	#main-content .postnav {
		padding: 0 15px;
		font-size: 1em;
		text-transform: uppercase;
	}
		#main-content .postnav a {
			color: #588CB8;
		}
	#main-content .single { float:left; padding: 0; width: 700px; margin-right:25px; }
		#main-content .single a {
			color: #588CB8;
		}
		#main-content .single h2 {
			font-size: 1em;
			padding: 2px 5px;
			border-bottom: 1px solid #EDEDED;
			color: #000; !important
		}
		#main-content .single .date {
			font-size: 0.8em;
		}
		#main-content .single p {
			line-height: 1.4em;
			margin-bottom: 10px;
		}
		#main-content .single ol, #main-content .single ul {
			list-style-position: inside;
			margin-bottom: 10px;
		}
		#main-content .single li {
			line-height: 1.4em;
		}
		#main-content .single blockquote {
			line-height: 1.4em;
			margin-bottom: 10px;
			padding: 10px 10px 5px;
			background-color: #eeeeee;
			border-width: 1px 0;
			border-style: solid;
			border-color: #e0e0e0;
		}
		#main-content .single h3, #main-content .single h4, #main-content .single h5, #main-content .single h6 {font-size: 1.2em; margin-bottom: 8px;}
		#main-content .postdetails .borderbottom{ border-bottom:#000 solid 1px; margin-bottom:10px;}
		#main-content .postdetails {float:left; width:400px;} 
		#main-content .postdetails h2 { color:#000; border-bottom:#000 solid 2px; line-height:1.5em;}
		#main-content .postdetails .catname,#main-content .postdetails .tags,#main-content .postdetails .catname a, #main-content .postdetails .tags a{ color:#000;}
		#main-content .postdetails .catname a:hover, #main-content .postdetails .tags a:hover{ color:#999;}

.boxgrid { width: 305px; height: 200px; float:left; background:#161613; overflow: hidden; position: relative; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0;}
.boxgrid p { padding: 0 10px; color:#afafaf; font-weight:bold; }
.boxcaption { float: left; position: absolute; background: #000; height: 100px; width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaption {top: 200; left: 0; }
.caption .boxcaption { top: 220; left: 0; }
				
					
		
/** END content **/
.navigation {height: 20px; padding: 10px;}
.navigation a {color: #000; font-size:1.2em;}
.navigation a {color: #999;}
.gallnav {margin: 0 20px 0 0;}
/** BEGIN footer **/
#footer {background: #171717; text-align: center; padding-top: 20px; padding-bottom: 20px; color: #aaa;}

/** END footer **/

/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/** BEGIN miscellaneous **/
	.required {
		color: #ff0000;
	}
.notfound {
	padding: 40px;
}
	.notfound h2 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}
/** END miscellaneous **/


