/*

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 */

	a:hover {

		text-decoration:underline !important;

	}

	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: 775px;

	top: 89px;

	}

	

	#logoBottom{

	width:382px;

	height:56px;

	margin:0 auto;

	padding-top:80px;

	padding-bottom:20px;

	}

	

	#footer{

	width:915px;
	height:auto;
	background: #34441d;
	margin:0 auto;
	border-top: 7px solid #fff;

	}

		

	

	

	/********* 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;

	}
/* MODS */
	ul#sidebar {
		min-height: 800px;
		padding-left: 0;
				
	}
	
	#sidebar li {
		list-style:none;
	}
	
	ul#sidebar li ul {
		padding-left: 0;
	}
	
	ul#sidebar li li {
		font-size: 12px;
		margin: 3px 0;
		padding: 0 5px 0 0;
	}
	
	li.widget {
		border-bottom: 2px solid white;
		color: white;
		font-family: tahoma;
		font-size: 12px;
		margin-bottom: 5px;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	
	h2.widgettitle {
		color: white;		
		font-size: 14px;
		font-weight: bold;
		text-align: left;
	}
/* END MODS */
	#sidebar ul

	{

	list-style:none;

	}
	
	

	

	.screen-reader-text

	{

	font-weight:bold;

	font-size:12px;

	}

	

	#sidebar #direction ul

	{

	list-style:none;

	display:block;

	}



	#sidebar a:link, #sidebar a:visited

	{

	color:#fff;

	text-decoration:none;

	}

	

	#sidebar a:hover

	{

	color:#ffffff;

	text-decoration:underline;

	font-weight: normal!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;

}			


.BannerCenter{
	background:url(images/name6.gif) center no-repeat; 
	width:409px; 
	height:108px;
}

.PhoneNumber{
	padding:60px 2px 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif; 
	color:#748e54; 
	font-size:13.5px; 
	font-weight:bold
	}
	
.FaxNumber{
	padding:60px 3px 0;
	float:right;
	font-family:Arial, Helvetica, sans-serif; 
	color:#748e54; 
	font-size:13.5px; 
	font-weight:bold
	}