/*
Theme Name: Less Is More
Theme URI: http://www.lukaret.com/
Author: Beng Hafner
Author URI: http://www.lukaret.com/   
http://www.eyecandywebdesign.com/
*/
/*---------------------------- Main -------------------------------*/  

html, body {
	margin: 0 auto;
	padding: 0;
	background: #350f00 url('images/bodybg.jpg') top left repeat-x;
	font: 85% "Arial", Verdana, Trebuchet MS, Helvetica,sans-serif; 
	text-align: center;
	color: #a76541;
	line-height: 12px;
}

/*---------------------------- Links -------------------------------*/
a {  
	color: #21B2EB;
	text-decoration: none;
	}	
a:visited {
	color: #F1D220;
	text-decoration: none;
	}
		
a img {
	border: none;
	}		

/*---------------------------- Headings -------------------------------*/	
h2, h3 {	
	font-weight: bold;
	text-align: left;
	margin: 0px;
	} 
.narrowcolumn h2 {
	font-family: Lucida Grande;
	font-weight: bold;	 
	margin-bottom: 15px;
	padding-top: 12px;
	padding-left: 4px;
	text-align: left;
	color: #52903A;	 
	display: block;
	}
.narrowcolumn h2 a, .narrowcolumn h2 a:visited {
	color: #52903A;
}
.narrowcolumn h2 a:hover {
	color: #e5b50d;
} 

h2 {	
	font-family: 1.4em "georgia", palatino, serif;
	}

h2, h2 a, h2 a:visited{
	color: #bd6b40;
	}
h2 a:hover {
	color: #bd6b40;
	}		
h3 {	
	font-size: 1.3em; 
	color: #bd6b40;
	}
h4 {	
	font-size: 1.2em;
	}	
/*---------------------------- General Html -------------------------------*/		
blockquote {
	background: #232222 url('images/quote.gif') top left no-repeat;
	padding: 10px 15px 5px 15px;
	font: 1.2em 'Georgia', Courier, Fixed;
	color: #da8c64;
}
code, pre, kbd {	
	font-family: 'Courier New', Courier, mono, Fixed, sans-serif;
	font-size: 1.1em;
	display: block;
	}	
small {
	font-size: 0.9em;
	line-height: 1.5em;	
	font-family: Verdana, Courier, mono, Fixed, sans-serif;
	}
acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed white;	
	cursor: help;
	}	
strike, del {
	text-decoration: line-through;
}
hr {
	display: none;
	}	
/*---------------------------- Images Styles -------------------------------*/

.entry img {					
	border: 1px solid #7c330d;
	background: #000000;
	padding: 6px;
	max-width: 98%;
	border: none;
	}	
img.c {						/*Now if you add the class "c" will center the img, "r" will float it to the right and yeah you guessed!... "l" will float it left.*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	}	
img.r {
	float: right;
	margin: 10px 0 7px 7px;
	}
img.l {
	float: left;
	}
.img-shadow {
	clear: both;
	float:left;
	margin: 20px 0 0 17px !important;
	margin: 20px 0 0 8px;
}

.img-shadow img {
	display: block;
	position: relative;
	background-color: #000000;
	border: 1px solid #7c330d;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}	
/*---------------------------- Page Navigation -------------------------------*/	
.navigation {
	margin: 40px 30px 20px 30px;
	padding: 0 10px;
	font-weight: bold;
	font-size: 12px;
	}
.narrowcolumn .navigation {
	margin: 15px 0px;
	font-size: 11px;
	}	
/*---------------------------- Content -------------------------------*/
#wrapper{
	width: 100%;
	margin: 0 auto;
	clear: both; 
	/*background: url('images/wrapperbg.jpg') bottom left repeat-x;*/
	}
/*---------------------------- Header -------------------------------*/
#header {
	width: 900px;
	height: 178px; 
	text-align: center;
}	
.logo {	   
	width: 268px;
	height: 146px;
	float: left;
	background: url('images/logo.jpg') right no-repeat;
	cursor: pointer;
} 
/*-------------------- Top Navigation ------------------------------*/	 
#navcontainer ul
{
	padding-left: 0;  
	margin-top: -20px;
	margin-left: 0;
	float: right;
	width: 100%;
	font-size: 1.2em;
	font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 0.2em 1em 1.5em 1em;
	color: #eb9e76;
	text-decoration: none;
	float: right;
}
#navcontainer li.current_page_item a,
#navcontainer li.current_page_item a:hover {
    color: #f67824;	  
	font-weight: bold;
	background: url('images/topnavbg.jpg') center no-repeat;
}
/*---------------------------- Page -------------------------------*/
.page {
	width: 900px;
	margin: 0 auto; /*Center container on page*/
	clear: both;
	text-align: left;
	font-size: 0.9em;
	} 	
.introdiv, .pagediv {
	width: 900px;
	margin: 0 auto; /*Center container on page*/   
	clear: both;
}	
/************ Intro Page ************/
#splash	{
	float: left; 
	margin-top: 30px; 
	margin-bottom: 20px;
	width: 320px;
	height: 332px;
	background: url('images/splash.jpg') center no-repeat;
}
.introtext {
	float: left;   
	margin-top: 35px;  
	margin-bottom: 20px;
	width: 355px;
	height: 322px;
	background: url('images/introtext-bg.jpg') left no-repeat; 
	font-size: 14px;
	color: #c37e5a;
}
/************* Contact ****************/
#splashContact	{
	float: left; 
	margin-top: 30px; 
	margin-bottom: 20px;
	width: 410px;
	height: 820px;
	background: url('images/splashcontact.jpg') center no-repeat;
}
.introContact {
	float: left;   
	margin-top: 30px;  
	margin-bottom: 20px;
	width: 480px;
	height: 820px;
	background: url('images/entrycontactbg.jpg') right no-repeat; 
	font-size: 14px;
	color: #c37e5a;
}
.entryContact {
	padding: 0 15px 15px 9px;
	text-align: left;
	line-height: 18px;
	}
ol.cf-ol li.textonly {
	text-align: left!important;
}	
/*************** Services ****************/
#splashServices	{
	float: left; 
	margin-top: 30px; 
	margin-bottom: 20px;
	width: 370px;
	height: 420px;
	background: url('images/splashservices.jpg') center no-repeat;
}
.services {
	float: left;   
	margin-top: 30px;  
	margin-bottom: 20px;
	width: 520px;
	height: 420px;
	background: url('images/servicesbg.jpg') right no-repeat; 
	font-size: 14px;
	color: #c37e5a;
}	
.services-entry {
	line-height: 18px;
	padding-top: 25px;
	padding-left: 15px;
	}	
/*************** Thank You Page ****************/
#splashThanks	{
	float: left; 
	margin-top: 30px; 
	margin-bottom: 20px;
	width: 370px;
	height: 420px;
	background: #292002 url('images/thankyou.jpg') center no-repeat;
}
.thanks {
	float: left;   
	margin-top: 30px;  
	margin-bottom: 20px;
	width: 520px;
	height: 420px;
	background: #292002 url('images/thanksbg.jpg') right no-repeat; 
	font-size: 14px;
	color: #c37e5a;
}	
.thanks-entry {
	line-height: 18px;
	padding-top: 85px;
	padding-left: 15px;
	color: #ece5d9;
	}				
/*---------------------------- Narrow Column -------------------------------*/
.narrowcolumn {
	margin-top: 20px;
	padding: 10px 0px 20px 0;
	width: 670px;
	float:right;
	}	
/*---------------------------- Post Structure -------------------------------*/
.post {
	margin: 0px 17px 5px 15px;
	padding-bottom: 35px;
	} 
.entryIntro {
	padding: 15px 15px 15px 9px;
	text-align: left;
	line-height: 18px;
	}		
.entry {
	line-height: 18px;
	}	
.entry a {  
	font-weight: bold;
	}
.entry ol li {
	list-style: decimal outside;
	margin-left: 25px;
	}
.entry ul li {	
	list-style-type: square; 
	margin-left: 5px;
	}
.entry form { 
	text-align: left;
	}
.postmetadata {
	margin: 25px 0 0 0; 
	padding: 10px 0 0 5px;
	display: block;
	}
.category{ 
	float: left; 
	width: 235px; 
	padding: 0 0 0 20px; 
	background: url('images/folder.gif') top left no-repeat; 
}
#postmetadata a {
	color: #2326B1
	}
.postTitle {
	margin: 0px 0 10px 0px;
	}
.postTitle .date {
	margin: 0 0 0 5px; 
	line-height: 18px; 
	display: block;
	font-size: 13px !important; 
	color: #0758aa;
	}
/*---------------------------- Sidebar -------------------------------*/
div.sidebar {
	text-align: left;
	width: 210px;
	float: right;
	margin-bottom: 30px;
	margin-top: 25px;
	font: 10pt "Tahoma", Arial, Trebuchet MS, sans-serif;
}

div.sidebar .searchdiv {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 15px;
}
div.searchdiv input#s{
   width: 100%;
 } 
div.searchdiv input#searchsubmit {
   margin-top: 7px;
 }  
div.sidebar h2.widgettitle {
	font-family: 12px "georgia", palatino, serif!important;
	font-weight: normal; 
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 0px;
	text-align: left;
	display: block;
	color: #c45215;
}
.textwidget p.testimony {
	margin: 10px 0 0 0!important;
	font-size: 11px;
	text-align: justify!important;
}

.textwidget small.theclient {
	margin-top: 5px;
	padding-top: 2px;
	font-size: 9px!important;
	color: #c55a1a!important;
	border-bottom: 1px dashed #c45215;
}	

div.sidebar li {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	display: block;
}

div.sidebar li:hover {
}

div.sidebar ul li {
	margin: 1px 1px 0 5px;
	list-style-type: none;
	list-style-image: none;
	padding: 3px 0 4px 11px;
	color: #ffcc00;
}

div.sidebar ul li a {
	color: black;
	font-size: 1em;
	font-weight: bold;
	padding: 3px 0 2px 3px;
}

div.sidebar ul li a:hover {
	color: #ffffff !important;
}

div.sidebar ul li a img {
	border: 0px;
}

div.sidebar ul  {
	list-style-type: none;
	list-style-image: none;
	margin: 2px 0;
	padding: 0;
}

div.sidebar ul ul li {
	letter-spacing: normal;
	display: list-item;
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
}

div.sidebar ul.children li {
	letter-spacing: normal;
	display: block;
	list-style-type: none;
	padding-left: 20px;
}
/*---------------------------- Search box for error-404 pages -------------------------------*/
.searchbox{
	margin: 0px auto;
	margin-top: 30px;
	padding: 0px;
	display: block;
	width: 500px;
	height: 50px;
	background: #EFEDED;
	
	}
.searchbox #searchform {
	background: #FFFFFF;
	margin: 14px auto;
	width: 400px;
	padding: 0px;
	
	}
.searchbox #searchform #s{
	margin: 0px auto;
	padding: 1px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #666666;
	font-size: 10px;
	width: 298px;
	height: 100%;
	border: none;
	background-color: #FFFFFF;	
	}
.searchbox #searchform #searchsubmit{
	border: none;
	margin: 0px auto;
	padding: 2px 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #a33e0a;
	font-size: 10px;
	font-weight: bold;
	width: 96px;
	height: 100%;
	background-color: #000000;
	border-left:1px solid #a33e0a;
	cursor: pointer;
}
.searchbox #searchform #searchsubmit:hover{ /*-- does not work in IE --*/
	background-color: #EFEDED;
	color: #336699;
	}

/*---------------------------- Footer -------------------------------*/
#mischmasch {
	padding: 8px 0 10px 0;
	margin: 30px auto 0 auto;
	clear: both;
	background: #090400 url('images/projectsbg.jpg') top left repeat-x;
	height: 220px;
}
#mischmasch h2.randomprojects {
	margin: 5px 0;
	padding: 0;
	color: #AA4611;
	font-family: 'Lucida Grande', Sans-Serif;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
}

#mischmasch #wpg2sidebargrid-image {  
	clear: both;   
}	
#mischmasch a img {
	background: #000000;
	padding: 5px;
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;
}

#mischmasch a img:hover {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	border: 1px solid #5A2203;
	background: #fce5d8;
	padding: 5px;
}

#footer {
	line-height: 17px;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	width: 100%;
	margin: 0 auto;
	clear: both;
	background: #090400;
}

#bottomnav {
	width: 900px;
	margin: 0 auto; /*Center container on page*/  
	text-align: left;
	color: #ec936c;
}

#bottomnav ul#navlist
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

#bottomnav ul#navlist li
{
	float: left;
	font-weight: normal;
	margin: 0;
}

#bottomnav #navlist a, #navlist a:link
{
	margin: 0;
	padding: 2px 9px 2px 9px;
	color: #e76214;
	border-right: 1px solid #833005;
	text-decoration: none;
}

#bottomnav ul#navlist li#active
{
	color: #95bbae;
}	

.powered {
	width: 900px;
	margin: 0 auto; /*Center container on page*/  
	padding-top: 20px;
	padding-bottom: 30px; 
	padding-left: 18px;
	text-align: left;
	color: #ec936c;
}
.powered a {	
	font-weight: bold; 
	color: #863307;
}
.powered span.owner {	
	text-transform: uppercase
}


