/*
Theme Name: drashleymann
Theme URI: http://drashleymann.com/
Description: The drashleymann WordPress theme.
Version: 1.0
Author: Michael Guardaquivil
Author URI: http://www.idxwebdesigns.com/
Tags: Michael, Guardaquivil, Best Designer in Davao, Web Designer 

	drashleymann v1.0
	 http://www.idxwebdesigns.com/

	This theme was designed by Michael Guardaquivil and built by John Paul Larida,
	whose blog you will find at http://www.idxwebdesigns.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
	body{
	margin:0;
	padding:0;
	background:#fff url(images/bg1.jpg) top repeat-x;
	}
	
	#wrapper {
	margin:0 auto;
	padding:0;
	}
	
	#top{
	margin:0 auto;
	width:915px;
	height:123px;
	position:relative;
	background:url(images/topBg.jpg) top repeat-x;
	}
	
	#bodyContainer{
	width:915px;
	margin:2px auto;
	padding:0;
	background:url(images/bodyBg.jpg) top repeat-y;
	}
	
	
	/*Subpage bodyContainer*/
	
		#bodyContainerSub{
		width:915px;
		margin:2px auto;
		padding:0;
		/*background:url(images/bodyBg2.jpg) top repeat-y;*/
		}
	
	
	#boxLeft{
	width:240px;
	height:1142px;
	float:left;
	padding-bottom:5px;
	background:#779056 url(images/curveLine.gif) top no-repeat;
	}
	
	#boxLeftSub{
	
	}

	
	/*Subpage boxLeft*/
	
		
	
		
	#logo{
	width:215px;
	padding-top:120px;
	margin:0 auto;
	}
	
	#boxRight{
	width:675px;
	float:right;
	background:#fff;
	}
	
	#imgBanner{
	width:675px;
	height:295px;
	margin:0;
	padding:0;
	}
	
	#imgBanner2{
	width:915px;
	height:94px;
	margin:0 auto;
	padding:0;
	}
	
	#menuContainer{
	width:675px;
	height:34px;
	background:url(images/mBg.jpg) top repeat-x;
	}
	
	#menuContainerSub{
	width:915px;
	height:34px;
	margin:0 auto;
	background:url(images/mBg.jpg) top repeat-x;
	}
	
	#content{
	width:670px;
	float:left;
	background:#fff;
	}
	
	#rightBox{
	width:245px;
	float:right;
	background:#8FA86E;
	}
	
	#rightBox1{
	width:245px;
	float:right;
	background:#779056;
	margin-top:1px;
	}
	
	#direction{
	padding:10px 0;
	border-bottom:2px solid #fff;
	}
	
	#directionSub{
	width:245px;
	padding:10px 0;
	}
	
	#icons{
	position:absolute;
	left: 793px;
	top: 89px;
	}
	
	#logoBottom{
	width:382px;
	height:56px;
	margin:0 auto;
	padding-top:80px;
	padding-bottom:20px;
	}
	
	#footer{
	width:915px;
	height:69px;
	background:url(images/footer.jpg) top repeat-x;
	margin:0 auto;
	}
		
	
	
	/********* My class stylesheet *********/
	
	.clear{
	clear:both;
	}
	
	.leftMenu{
	font-family:tahoma;
	font-size:13px;
	font-weight:bold;
	color:#e0efce;
	}
	
	.leftMenu ul{
	padding:0;
	margin:10px 55px 0 40px;
	}
	
	.leftMenu li{
	list-style:none;
	line-height:0;
	}
	
	.leftMenu li a{
	list-style:none;
	line-height:28px;
	padding-left:15px;
	text-decoration:none;
	display:block;
	color:#e0efce;
	background:url(images/dot.gif) left no-repeat;
	}
	
	.leftMenu li a:hover{
	list-style:none;
	line-height:28px;
	padding-left:15px;
	text-decoration:none;
	color:#fff;
	background:#859d66 url(images/dot.gif) left no-repeat;
	}
	
	.menu{
	font-family:tahoma;
	font-size:12px;
	color:#45582a;
	}
	
	.menu ul{
	margin:0;
	padding:0;
	}
	
	.menu li{
	list-style:none;
	float:left;
	}
	
	.menu li a{
	list-style:none;
	white-space:nowrap;
	padding:10px 25px 10px 20px;
	text-decoration:none;
	display:block;
	color:#45582a;
	}
	
	.menu li a:hover{
	list-style:none;
	padding:10px 25px 10px 20px;
	text-decoration:none;
	color:#fff;
	background:#7d9a5a;
	}
	
	
	
			/*Sub Page Menu*/
			
			.menuSub{
			font-family:tahoma;
			font-size:12px;
			color:#45582a;
			}
			
			.menuSub ul{
			margin:0;
			padding:0;
			}
			
			.menuSub li{
			list-style:none;
			float:left;
			}
			
			.menuSub li a{
			list-style:none;
			white-space:nowrap;
			padding:10px 45px 10px 40px;
			text-decoration:none;
			display:block;
			color:#45582a;
			}
			
			.menuSub li a:hover{
			list-style:none;
			padding:10px 45px 10px 40px;
			text-decoration:none;
			color:#fff;
			background:#7d9a5a;
			}
	
	
	
	
	
	.bodyText{
	font-family: arial;
	
	color:#556c38;
	font-size:13px;
	padding:30px;
	padding-top:0px;
	}
	
	.title{
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#eefddb;
	text-align:left;
	padding-top:10px;
	
	}
	.padding10{
	padding-left:10px;
	
	}
	.qText{
	font-family: arial;
	text-align:left;
	color:#e1efcf;
	font-size:12px;
	padding:10px;
	font-weight:bold;
	}
	
	
	.footeText{
	color:#fff;
	font-family:arial;
	font-size:12px;
	text-align:center;
	padding-top:20px;
	}
	
	.footeText span{
	color:#c0c0c0;
	font-family:arial;
	font-size:12px;
	}
	
	.footeText a{
	text-decoration:none;
	color:#fff;
	}
	
	.footeText a:hover{
	text-decoration:underline;
	color:#c0c0c0;
	}
	
	
	
	/* ######### Style for Drop Down Menu ######### */

	.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #fff; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 12px tahoma;
	line-height:18px;
	z-index:100;
	background-color: #BFD6A2;
	color:#45582a;
	width: 150px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
	}
	
	.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #fff; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: normal;
	color: #45582a;
	}
	
	* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
	}
	
	.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #779056;
	color:#ffffff;
	text-decoration: none;
	}
	
	/*PAUL ADD-ONS*/
	
	.thespacerHolder{
	margin:0 auto;
	padding:5px;	
	}
	
	.thespacerHolder div{
	margin:0 auto;
	width:250px;
	border-bottom:1px dashed #CfCfCf;
	}
	
	img.floatleft{
	float: left; 
    margin: 7px; 
	border:0;
	}
	
	img.floatright{
	float: right; 
    margin: 7px;
	border:0; 
	}
	
	.bodyText a
	{
	color:#556c38;
	}
	
	.superscripttext
	{
	font-size:10px;
	color:#990000;
	padding-left:20px;
	}
	
	#sidebar ul
	{
	list-style:none;
	}
	
	.screen-reader-text
	{
	font-weight:bold;
	font-size:12px;
	}
	
	#sidebar #direction ul
	{
	list-style:none;
	display:block;
	}

	#sidebar a
	{
	color:#DCE9CF;
	text-decoration:none;
	}
	
	#sidebar a:hover
	{
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold!important;
	}
	
	.mysidebarcontent{
	float:left; 
	padding-left:10px;
	}
	#icondirection {
	left:794px;
	position:absolute;
	top:47px;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
#iconyears {
	left:4px;
	position:absolute;
	top:0px;
}