/*
Theme Name: Widgets 1
Version: 1.0
Author: Jenn Manigao for Better Web Space
*/

* {
	margin: 0; padding: 0;
}
body {
	text-align: justify;
	font: 12px Verdana, Geneva, sans-serif;;
	color: #2b2b2b;
	background: #FFF;
	behavior:url("csshover3.htc");
}
a {
	text-decoration: none;
	color: #0081ef;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 10px;
	clear: both;
}
.imgleft {
	float: left;
	margin: 0 10px 15px 10px;
	border: rgb(70,70,70) solid 3px;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN FONT STYLES **/
@font-face {
 	font-family: Arista 2.0 Alternate;
	src: local("Arista 2.0 Alternate"), url(Bobblebod.ttf) format("opentype");
}
/** END FONT STYLES **/

/** BEGIN wrapper **/
#wrapper {
	width: 910px;
	margin: auto auto;
	text-align: center;
	position: relative;
}
/** END wrapper**/

/** BEGIN header **/
#header {
	width: 910px;
	height: 99px;
	float: left;
	padding: 0;
	background: rgb(255,255,255);
}
		
#header #meta {
		margin: 12px 0 30px 10px;
		float: right;
		width: 200px;
		color: #000;
		font: small-caps normal 1.2em Verdana, Geneva, sans-serif;;
	}
	
		#header #meta ul {
		float: right;
		list-style-type: none;
		display: inline;
	}
		#header #meta ul li {
			display: inline;
			padding-right: 10px;
			float: left;
		}
		
		#header #meta ul li a{
			display: inline;
			padding-right: 10px;
			color: #2b2b2b;
			text-decoration: none;
		}
		
		#header #meta ul li a:hover{
			text-decoration: underline;
		}
		
		#header #order {
		margin: 35px 0 10px 10px;
		float: right;
		width: 286px;
		height: 59px;
		color: #2b2b2b;
		font-size: 0.9em;
		font-weight: normal;
		background: url(images/btn-ordernow.png) no-repeat top;
	}
		#header #order a {
			text-decoration: none;
			border: 0;
	}
		#header #order a:hover {
			cursor: auto;
			text-decoration: none;
			border: 0;
	}
#header .logo {
		background: url(images/logo.png) no-repeat;
		width: 434px;
		height: 96px;
		float: left;
	}
/** END header **/

/** BEGIN nav **/
#nav {
	height: 30px;
	width: 420px;
	float: left;
	padding: 20px 0 10px 10px;
	}

		#dropmenu, #dropmenu ul {
			float:left; 
			list-style-type:none; 
			font-weight:normal;
			width: 420px;
			}
		#dropmenu a {
			display: block; 
			padding: 6px 15px 6px 15px; 
			text-decoration: none; 
			color: rgb(255,255,255); 
			font: normal 1.1em Verdana, Geneva, sans-serif;
			}
		#dropmenu a:hover {
			background: rgb(0,0,0); 
			color: rgb(255,255,255); 
			height: auto;
			border-bottom: rgb(69,69,69) solid 6px;
			}
		#dropmenu li {
			float:left; 
			position:relative; 
			}
		#dropmenu ul {
			position:absolute; 
			display:none; 
			width:150px; 
			top: 30px;
			}
		#dropmenu ul a {
			border-left:none;
			}
		#dropmenu li ul {
			border-top:0;
			}
		#dropmenu li ul a { 
			width:150px; 
			height:auto; 
			float:left; 
			text-align: left; 
			background: #ebecf0;  
			text-transform: none; 
			color: #000000;}
		#dropmenu li ul a:hover { 
			width:150px; 
			height:auto; 
			float:left; 
			text-align: left; 
			background: #131313;  
			text-transform: none;
			}
		#dropmenu ul ul {
			top:auto;  
			margin-bottom: 0;
			}
		#dropmenu li ul ul {
			left:12em; 
			margin:0px 0 0 90px;
			}
		#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
			display:none; 
			background: #4a72bb; 
			width: 100%;
			text-transform: none;
			}
		#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
			display:block;
			}
/** END nav **/

/** START FORM Style **/
#header #search {
		margin: 20px 0 10px 10px;
		float: right;
		width: 200px;
		color: #FFF;
	}
	#search form {
		width: 175px; height: 29px;
	}
	#search form input {
		border: 0;
		width: 180px;
		height: 24px;
		font: normal 0.8em Verdana, Geneva, sans-serif;
		background: rgb(255,255,255);
		color: rgb(0,0,0);
		margin-left: 0;
		padding-top: 5px;
		padding-left: 5px;
	}
	#search form button {
		font-size: 0.8em;
		border: 0;
		cursor: auto;
		}
/** END FORM Style **/

/** BEGIN main image **/
#mainImage {
	width: 853px;
	height: 250px;
	padding: 0;
	float: left;
	margin: 10px 27px;
	background: url(images/mainImg.jpg) no-repeat top;
	}
#mainImage #btn {
	width: 298px;
	height: 102px;
	padding: 0;
	float: left;
	margin: 140px 0 0 90px;
	}
#mainImage #btn a{
	text-decoration:none;
	border: none;
	}
#mainImage #btn a:hover{
	cursor: auto;
	text-decoration:none;
	border: none;
	}
			#mainImage p {
				color: rgb(255,255,255);
				font-size: 0.9em;
				line-height: 1.3em;
				text-align: left;
				padding: 0 20px 5px 20px;
				margin-left: 10px;
			}
			#mainImage p a {
				font-size: 1.0em;
				color: #999;
				text-decoration: none;
			}
				#mainImage p a:hover {
					color: #0081ef;
					text-decoration: underline;
				}
/** END main image **/

/** BEGIN content **/
#content {
	width: 870px;
	height: 100%;
	float:left;	
	background: url(images/contentbg.png) repeat-x top;
	padding: 10px 20px;
	}
#content .featuredBox1 {
	width: 530px;
	height: 100%;
	float:left;
	padding: 0 15px;
	border-right: rgb(205,205,205) dotted 1px;
	}
#content .featuredBox2 {
	width: 270px;
	height: 100%;
	float: left;
	padding: 5px 12px;
	}
#content .featuredBox2 img {
	border: rgb(70,70,70) solid 3px;
	}
#content .post {
	width: 600px;
	padding: 0;
	margin: 10px 10px;
	float: left;
}
#content .heading {
	padding: 0;
	margin-left: 5px;
	text-align: left;
	font: normal 500 2.0em Verdana, Geneva, sans-serif;
	color: rgb(0,192,255);
	text-shadow: rgb(205,205,205) 0px 1px 1px;
}
#content .heading a {
				color: #3c3c3c;
				text-decoration: none;
			}
			#content .heading a:hover {
				color: #0081ef;
				text-decoration: none;
			}
			#content .column1 {
				width: 570px;
				height: 100%;
				padding: 10px;
				margin: 0 0 10px 0;
				float: left;
				background: url(images/column1bg.png) repeat-x top;
				border-right: #e0e0e0 solid 1px;
			}
			#content .columnInside {
				width: 630px;
				height: 100%;
				padding: 10px;
				margin: 0;
				float: left;
				background: url(images/column1bg.png) repeat-x top;
				border-left: #e0e0e0 solid 1px;
			}
			#content .post img {
				margin-right: 10px;
				padding: 0;
			}
			#content .post .small{
				font: normal italic 1.0em;
				padding: 0 0 0 10px;
				text-align: left;
				color: #999;
			}
			#content h1{
				font-size: 1.1em;
				color: rgb(0,0,0);
				text-decoration: none;
				text-align: left;
				padding: 7px 10px;
			}
			#content h1 a {
				font-size: 1.1em;
				color: rgb(37,94,117);
				text-decoration: none;
				margin-left: 5px;
				font-weight: normal;
			}
				#content h1 a:hover {
					color: rgb(37,94,117);
					text-decoration: underline;
					font-weight: normal;
				}
			#content h2{
				color: rgb(0,0,0);
				font-size: 1.0em;
				text-align: left;
				text-transform: uppercase;
				padding: 7px 10px;
				margin: 0;
			}
			#content h2 a{
				color: rgb(0,0,0);
				font-size: 1.0em;
				text-decoration: none;
				font-weight: normal;
				margin-left: 5px;
			}
			#content h2 a:hover{
				text-decoration: underline;
				font-weight: normal;
			}
			#content p {
				color: rgb(0,0,0);
				font-size: 1.0em;
				line-height: 1.3em;
				text-align: left;
				padding: 7px 10px;
				margin: 0;
			}
			#content p a {
				font-size: 1.0em;
				color: #999;
				text-decoration: none;
			}
				#content p a:hover {
					color: #0081ef;
					text-decoration: underline;
				}
				#content .post img{
				padding: 2px;
				margin: 0 10px 0 10px;
				border: #CCC solid 1px;
				width: 213px;
				height: 86px;
				float: left;
			}
			#content .post strong {
				font-size: 1.1em;
				text-transform: uppercase;
			}
			#content .post em {
				color: #999;
				font-size: 1.1em;
				text-transform: none;
				font-style: italic;
			}
			#content .post .comment a {
				float: right;
				background: url(images/comment.gif) no-repeat 1px 0;
				width: 91px;
				color: #FFFFFF;
				padding: 7px 6px 14px 6px;
				text-decoration: none;
				font-size: 0.9em;
				margin-top: 10px;
			}
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	width: 283px;
	height: 100%;
	padding: 0;
	margin: 0;
	float: left;
}
#sidebar .container {
	width: 223px;
	height: 100%;
	padding: 10px;
	margin: 10px 10px 10px 20px;
	float: left;
	text-align: left;
	background: #ffffff;
}
#sidebar .container2 {
	width: 243px;
	height: 100%;
	padding: 0;
	margin: 10px 10px 10px 20px;
	float: left;
	text-align: left;
	background: #ffffff;
	border: #e0e0e0 solid 1px;
}
#sidebar .heading {
	width: 223px;
	height: 27px;
	padding: 10px;
	margin: 0;
	text-align: left;
	background: url(images/headingbg.png) repeat-x top;
	font-size: 1.6em;
	color: #284299;
	text-transform: none;
}
#sidebar .heading a {
				color: #3c3c3c;
				text-decoration: none;
			}
			#sidebar .heading a:hover {
				color: #3c3c3c;
				text-decoration: none;
			}
		#sidebar .title{
		font-size: 1.4em;
		font-weight: normal;
		padding-bottom: 20px;
		text-align: left;
		color: #333333;
	}
		#sidebar h1{
		font: normal 500 1.3em Verdana, Geneva, sans-serif;
		color: #000;
		padding-bottom: 10px;
	}
		#sidebar h1 a{
		color: #333333;
		text-decoration: none;
	}
		#sidebar h1 a:hover{
		text-decoration: underline;
	}
		#sidebar p{
		font: normal 1.0em;
		text-align: left;
		color: #2e2e2e;
		line-height: 1.2em;
		padding-bottom: 10px;
		}
		#sidebar p a{
		color: #999;
		text-decoration: none;
		font-weight: bold;
	}
		#sidebar p a:hover{
		text-decoration: underline;
	}
		#sidebar h2{
		font: normal 0.8em;
		text-align: left;
		color: #999;
		}
	#sidebar ul {
		list-style-type: none;
		float: left; 
		text-align: left;
		margin: 5px 10px;
		}
		#sidebar ul li {
			padding: 10px 10px;
			float: left;
			width: 213px;
			border-bottom: #e0e0e0 solid 1px;
			font-size: 1.1em;
		}
		#sidebar ul li a {
			color: #3c3c3c;
			text-decoration: none;
		}
			#sidebar ul li a:hover {
				color: #0081ef;
			}
/** END sidebar **/

/** BEGIN footer**/
#footer {
	background: rgb(206,243,255); 
	clear: both;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	padding-top: 10px;
}
	#footer p {
	color: rgb(0,0,0);
	font-size: 0.9em;
	padding: 10px 0 0 0;
	}
		#footer a {
			color: rgb(231,10,130);
			text-decoration: none;
		}
			#footer a:hover {
				text-decoration: underline;
			}
	#footer ul {
		list-style-type: none;
		text-align: center;
		margin-top: 20px;
		}
		#footer ul li {
			padding: 5px 12px;
			font-size: 1.1em;
			display: inline;
			}
		#footer ul li a {
			text-decoration: none;
			color: rgb(0,192,255);
		}
			#footer ul li a:hover {
				text-decoration: underline;
			}
/** END footer **/