/*  
Theme Name: ulf-theis.de - WebDesign Imagination Theme
Theme URI: http://www.ulf-theis.de
Description: ulf-theis.de - Webdesign Imagination Theme (Release v1.0 30/01/2007). Copyright © by ulf-theis.de - WebDesign. All rights reserved.
Version: 1.3 | 16.07.2008
Author: Ulf Theis
Author URI: http://www.ulf-theis.de
*/

/* BEGIN Typography & Colors */

body { font-size: 62.5%; /* Resets 1em to 10px */
			 font-family: Arial, Helvetica, sans-serif;
			 background-color: #FFF; color: #666; text-align: center; margin: 0; }

img { border: 0; }

a {	color: #693; text-decoration: underline; }
a:visited {	color: #693; text-decoration: underline; }
a:hover { color: #360; text-decoration: underline; }
a:active { color: #360; text-decoration: underline; }

#page {	background-color: #FFF; text-align: left; }

#content { font-size: 1.2em }
.widecolumn .entry p { font-size: 1.05em; }
.narrowcolumn .entry, .widecolumn .entry { font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: left; }
.alt { background-color: #F7F7F7; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; }
hr { height: 1px; overflow: hidden; background: #E3E3E3; border: none; }
small { font-family: Arial, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

#footer { background-color: #FFF; }

div#posts-heading { }  
div#posts-heading h2 { color: #999; font-size: 1.3em; line-height: 1.5em; font-weight: bold;
											 margin: 0 0 20px 0;	padding: 0;	border-bottom: 5px solid #E3E3E3 }
div#posts-heading-start { } 
div#posts-heading-start h2 { color: #999; font-size: 1.3em; line-height: 1.85em; font-weight: bold; margin: 0 0 0 0;	padding: 0; }								 

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h1 { font-size: 1.5em; line-height: 1.2em; text-align: left; }
h1.fonts { font-size: 5em; font-weight: bold; text-align: left; vertical-align: top; padding: 0 20px 0 20px; }
h2 { font-size: 1.4em; line-height: 1.5em; border-bottom: 1px dotted #CCC; font-weight: bold; }
h2.projects, h2.books, h2.tutorials { font-size: 1.3em; font-weight: bold; color: #999; }
h2.pagetitle { font-size: 1.6em; }
#sidebar h2 {	font-size: 1.4em; font-weight: bold; color: #999; border-bottom: 1px dotted #CCC; }
h3 { font-size: 1.3em; font-weight: bold; }
h1, h1 a, h1 a:hover, h1 a:visited { text-decoration: none; color: #666; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { text-decoration: none;	color: #693; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }
h2 a:hover, h3 a:hover { color: #360; text-decoration: none; }

.entry p a:visited { color: #693;	text-decoration: underline; }
.entrytext { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5em; }
.more-link { text-decoration: underline; }
.commentOfficialUser { border: 1px dashed #CCC; background-color: #f7f7f7; }

.gravatar { float: left; }
.gravatar img {	border: 5px solid #E3E3E3; background: #FFF; padding: 5px; margin: 5px 10px 0 0; }
.postgrav {	float: left; padding: 3px; margin-right: 5px;	margin-left: 5px;	border: 1px solid #000;	background: #FFF; }

.trackbacklist li, #trackbackform input, #trackbackform textarea { font: 0.9em Verdana, Arial, Sans-Serif; }
.trackbacklist li { font-weight: bold; }
.trackbacklist cite, .trackbacklist cite a { font-weight: bold;	font-style: normal;	font-size: 0.9em; }
.trackbacklist p { font-weight: normal; line-height: 1.2em; text-transform: none; }
#trackbackform p { font-family: Verdana, Arial, Sans-Serif; }
.trackbackmetadata { font-weight: normal; }

.commentlist li, #commentform input, #commentform textarea { font: 1em Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a { font-weight: bold;	font-style: normal;	font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }

.postInfo {	clear: both; }
.postInfoBottom {	clear: both; width: 380px; border-top: 1px dotted #CCC; padding: 2px 0 30px 0; margin: 0; }
.postdate { float: left; font-size: 0.9em; color: #999; margin-right: 5px; }
.postInfo h2 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 5px 0;	padding: 0;	font-size: 1.5em; line-height: 1.3em; }
.postInfo h2 a { text-decoration: none;	color: #693; }
.postInfo h2 a:hover { color: #360; text-decoration: none; }
.postCats { float: left; font-size: 0.9em; color: #999;	}
.postComments { font-size: 0.9em; margin-right: 10px; color: #999; }
.postComments a, .postCats a { color: #999;	text-decoration: none;	}
.postComments a:hover, .postCats a:hover { color: #666; text-decoration: underline; }

#sidebar { font: 1.1em Verdana, Arial, Sans-Serif; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike { color: #666; }

code { color: #666; font: 1.1em 'Courier New', Courier, Fixed; }
p.code { background: #F9F9F9; border-left: 5px solid #e3e3e3; padding: 10px; margin: auto auto auto 20px; width: 530px; }
acronym, abbr, span.caps { font-size: 1em; letter-spacing: .07em; border-bottom: 1px dashed #666; cursor: help; }

h3.projectsName { font-size: 1em; font-weight: bold; color: #999; text-align: left; padding: 10px 0 10px 0; margin: 0; }
div.projectsDate { font-size: 0.8em; font-weight: normal; color: #999;	text-align: left; }
p.projectsText { font-size: 0.8em;	font-weight: normal; color: #999;	text-align: left; padding: 0 0 10px 0; margin: 0; }
div.projectsDotline { border-bottom: 1px dotted #CCC; padding: 0 0 10px 0; }
div.projectsLinks p { font-size: 0.9em;	font-weight: normal; color: #999;	text-align: left; line-height: 1.8;  margin: 0; }

h3.booksName { font-size: 1em; font-weight: bold; color: #666; text-align: left; padding: 10px 0 10px 0; margin: 0; }
p.booksText { font-size: 0.8em;	font-weight: normal; color: #666;	text-align: left; padding: 0 0 10px 0; margin: 0; }
div.booksDotline { border-bottom: 1px dotted #CCC; padding: 0 0 10px 0; }
div.booksImage { padding: 5px 0 5px 0; }

span.online { font-weight: bold; color: #693; }
span.offline { font-weight: bold; color: #993333; }

#excerpt { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 1.4em; }

/* END Typography & Colors */


/* BEGIN Iconset & Img Borders */

div#socials { position: absolute; bottom: 0; left: 14px; } /* holds bookmarks & validators */

div#bookmarks { width: 216px; height: 20px; }
.bookmarks_line1 { margin: 0; text-align: center; }
.bookmark_border { border: 1px solid #656565;  background: #FFF; padding: 1px; }

div#rss_validator { width: 216px; height: 32px; position: relative; top: 15px; left: 0px; }
.validator { margin: 2px 0 0 0; text-align: center; }

.imageleft { border: 1px solid #E3E3E3; margin: 5px 10px 0 0; padding: 9px; position: relative; display: inline; float: left; }
.imageright { border: 1px solid #E3E3E3; margin: 5px 0 0 10px; padding: 9px; display: inline; float: right; }
.imageborder { border: 1px solid #E3E3E3; padding: 9px; position: relative; }
table.imageborder { border: 1px solid #E3E3E3; padding: 9px; position: relative; }

.newsimagelargetop { border: 1px solid #E3E3E3; background: #FFF; padding: 9px; margin: 4px 10px 10px 0; position: relative; display: inline; float: left; }
.entryimage { border: 1px solid #E3E3E3; background: #FFF; padding: 9px 49px 9px 49px; margin: 4px 0 10px 0; position: relative; display: inline; float: right; }

.alignright { float: right; }
.alignleft { float: left; }
.alignleftreferences { position: relative; left: -8px; padding: 0 10px 0 0; float: left; }
.alignleftfonts { position: relative; padding: 10px; float: left; }

/* END Iconset */


/* BEGIN Link Indication */

a.liexternal { padding-right: 13px; background: url(images/icons/link-icon_external.png) no-repeat right; }
a.liwikipedia { padding-right: 14px; background: url(images/icons/link-icon_wikipedia.png) no-repeat right; }
a.liftp { padding-right: 13px; background: url(images/icons/link-icon_ftp.png) no-repeat right; }
a.limailto { padding-right: 18px; background: url(images/icons/link-icon_mail.png) no-repeat right; }
a.lipdf { padding-right: 12px; background: url(images/icons/link-icon_pdf.png) no-repeat right; }
a.lizip { padding-right: 12px; background: url(images/icons/link-icon_zip.png) no-repeat right; }
a.lirar { padding-right: 12px; background: url(images/icons/link-icon_zip.png) no-repeat right; }
a.liword { padding-right: 12px; background: url(images/icons/link-icon_word.png) no-repeat right; }
a.liexcel { padding-right: 12px; background: url(images/icons/link-icon_excel.png) no-repeat right; }

/* END Link Indication */


/* BEGIN PageBar */

.pagebar { font-size: 0.8em; padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #FFF; background: #FFF; text-decoration: none; text-align: center; }
.pagebar a, .pageList .this-page { border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em 0.5em; }
.pagebar a:hover { border-color: #693; } 
.pagebar a:visited { border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em 0.5em; }
.pagebar .break { padding: 2px 6px; border: none; background: #FFF; text-decoration: none; }
.pagebar .this-page { border: 1px solid #693; padding: 0.2em 0.5em; font-weight: bold; background: #693; color: #FFF; }

/* END PageBar */


/* BEGIN LinkList */

#linklistborder { border: 5px solid #E3E3E3; background: #FFF; padding: 5px; position: relative; margin: auto; }
#linklist ul { font: bold 1.2em Arial, Helvetica, sans-serif; list-style-type: none; margin: 0; padding: 0; width: 570px; }
#linklist ul li {	}
#linklist ul li a { color: #669933; display: block;	padding: 5px; text-decoration: none; }
#linklist ul li a:hover {	background: #EBF0E5; }
#linklist a em { font: normal 0.8em Arial, Helvetica, sans-serif; color: #666; display: block; line-height: 1.5em; }
#linklist a span { font: normal 0.8em Arial, Helvetica, sans-serif; color: #999; }

#linklist-start ul { font: normal 1.0em Arial, Helvetica, sans-serif; list-style-type: none; margin: 0; padding: 0; width: 100%; }
#linklist-start ul li { margin: 0; padding: 0; }
#linklist-start ul li a { color: #669933; display: block;	padding: 5px; text-decoration: none; margin: 0; font-weight: bold; }
#linklist-start ul li a:hover {	background: #EBF0E5; margin: 0; }
#linklist-start a span { font: normal 0.9em Arial, Helvetica, sans-serif; color: #666; display: block; line-height: 1.2em; }

/* END LinkList */


/* BEGIN Structure */

body { margin: 0; padding: 0;  background: url(images/bg_main.gif) repeat-y; }
#page { float: left; margin: 0; padding: 0; width: 1000px; background: url(images/bg_with_header.jpg) no-repeat top; }
#header { padding: 0; margin: 0 auto; height: 210px; width: 1000px; }
#content { padding: 0 30px 0 50px; margin: 0 0 0 30px; width: 590px; min-height: 900px; background: url(images/bg_content.jpg); }
/* Narrow column on start-site */
#startpage-narrow { width: 380px; float: left; }
/* Narrow column on start-site END*/

.narrowcolumn { padding: 0 0 20px 45px; margin: 0 0 0 50px; width: 590px; float: left; }
.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }
.post { margin: 0 0 20px; text-align: justify;  }
.votebuttons { width: 190px; height: 134px; padding: 0; float: right; text-align: right; }
.yiggbutton { padding: 0; float: right; text-align: right }
div.postLinks { border-top-style: solid; border-top-width: 1px; border-top-color: #e3e3e3; padding: 3px 0 20px 0; margin: 0; font-size: 0.9em; float: left; }
.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-right: 1em; }
.postmetadatasearch { padding: 0.5em 1em 0.5em 1em; background-color: #F7F7F7; font-size: 0.9em; color: #666; line-height: 1.5em; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }
.postmetadata { clear: left; }

#links { position:relative; width: 750px; bottom: 40px; height: 1px; color: #FFF; font-size: 0.1em; }
	#links a { color: #FFF; text-decoration: none; }
	#links a:hover { color: #FFF; text-decoration: none; }
	
#adsense-small { position:relative; height: 1px; color: #FFF; font-size: 0.1em; }

p.toplink { text-align: left; font-size: 1em; clear: both; background: transparent url(images/icon_arrow_top.gif) bottom left no-repeat; padding: 20px 0 0 20px; }

#footer { padding: 0; margin: 0; width: 1000px; height: 190px; clear: both; background: url(images/bg_footer.jpg) no-repeat top; }
#footer p { margin: 0 300px 0 50px; padding: 60px 20px 20px 20px; text-align: center; }
.copyright { font-size: 1em; line-height: 1.5em; text-align: center; }
.partner { text-align: center; }
.bls { font-size: 1em; line-height: 1.5em; text-align: center; }
a.bls { color: #666666; text-decoration: none; }
a.bls:hover { color: #666666; text-decoration: underline; }

table.fontsDescripton { padding: 0; }
table.tutorialsDescripton { padding: 10px 0 0 0; }
table.tutorialsDescriptonLast { padding: 10px 0 10px 0; }
	td.tutorialsDescripton { font-size: 0.9em; text-align: left; }

table.referenzenDescripton { padding: 10px 0 0 0; }
td.referenzenDescripton { font-size: 0.9em; text-align: left; }
	td.referenzenDescripton li { list-style: outside url(images/list_arrow.png); }
	
.listarrow { list-style: outside url(images/list_arrow.png); }

td.fonts { padding: 5px 20px 5px 0; }

/* END Structure */


/* BEGIN Navigation */

#headernavigation { height: 70px; width: 690px; margin: 0 0 0 30px; background: url(images/navi_bg.jpg) repeat-x bottom; }
#mainnavigation { float: left; height: 70px; width: 690px; margin: 0; }
#mainnavigation ul li a { font-size: 1.6em; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
													font-weight: bold; text-align: center; line-height: 35px; }  
#mainnavigation ul { margin: 0;	padding: 10px 10px 0 20px; list-style: none; }
#mainnavigation li { float: left; height: 60px; width: 130px; background: url(images/navi_left_both.gif) no-repeat left top;
										 margin: 0; /*padding: 0 0 0 10px;  */ }
#mainnavigation li:hover, #header li:hover a { background-position: 0% -60px; color: #693; }
#mainnavigation li:hover a { background-position: 100% -60px; }
#mainnavigation a, #mainnavigation strong, #mainnavigation span { float: left; display: block; height: 60px; width: 99px;
																																	background: url(images/navi_right_both.gif) no-repeat right top;
																																	padding: 0 15px 0 16px; text-decoration: none; font-weight: bold; color: #666; }
#mainnavigation a { float: none; }
#mainnavigation > ul a { width: auto; }
#mainnavigation #current { background-position: 0% -120px; border-width: 0; }
#mainnavigation #current a { background-position: 100% -120px; padding-bottom: 5px; color: #693; }

#start #nav-start, #leistungen #nav-leistungen, #referenzen #nav-referenzen, #tutorials #nav-tutorials, #kontakt #nav-kontakt { background-position: 0% -120px; border-width: 0; }
#start #nav-start a, #leistungen #nav-leistungen a, #referenzen #nav-referenzen a, #tutorials #nav-tutorials a, #kontakt #nav-kontakt a { background-position: 100% -120px; color: #693; }

/* END Navigation */


/* BEGIN Rounded Corner Boxes & Image Teaser */

.boxGreenRightTop { background:url(images/box_green_right_top.gif) top right no-repeat; margin: 0; padding: 0; }
.boxGreenLeftTop { background:url(images/box_green_left_top.gif) top left no-repeat; margin: 0; padding: 0; }
.boxGreenRightBottom { background:url(images/box_green_right_bottom.gif) bottom right no-repeat; margin: 0; padding :0; }
.boxGreenLeftBottom { background:url(images/box_green_left_bottom.gif) bottom left no-repeat; margin: 0; padding: 0; }

.boxGreyRightTop { background:url(images/box_grey_right_top.gif) top right no-repeat; margin: 0; padding: 0; }
.boxGreyLeftTop { background:url(images/box_grey_left_top.gif) top left no-repeat; margin:0; padding:0; }
.boxGreyRightBottom { background:url(images/box_grey_right_bottom.gif) bottom right no-repeat; margin: 0; padding: 0; }
.boxGreyLeftBottom { background:url(images/box_grey_left_bottom.gif) bottom left no-repeat; margin: 0; padding: 0; }

.boxContent { margin: 0; padding: 1em; text-align: justify; }
.boxContentSmall { margin: 9px; padding: 10px; background-color: #F7F7F7; }
.boxBooksContentSmall { margin: 9px; padding: 10px; background-color: #FFF; }
.boxContentRSS { margin: 5px; background-color: #FFF; }
.boxContent p { margin: 8px 0; padding: 0; }
.boxDotline { }
.boxContentHeading { color: #693; }

#boxWelcome { width: 590px; margin: 0; padding: 0; }
/*#boxWelcome { background: url(images/content_welcome.jpg) top left no-repeat; height: 200px; width: 590px; margin: 0; padding: 0; }*/
.boxWelcomeContentHeading { margin: 0; padding: 0 0 0 0; text-align: justify; }
/*.boxWelcomeContentHeading { margin: 0; padding: 0 0 0 170px; text-align: justify; }*/
.boxWelcomeContent { margin: 0; padding: 0 0 0 0; text-align: justify; font-size: 1.1em; line-height: 1.4em; }
/*.boxWelcomeContent { margin: 0; padding: 0 0 0 170px; text-align: justify; font-size: 1.1em; line-height: 1.2em; }*/

#boxWelcomeArticles { margin: 20px 0 0 0; padding: 9px; border: 1px solid #E3E3E3; }
#boxWelcomeArticlesContent { background: url(images/welcome_articles_bg.png) bottom right no-repeat; background-color: #F7F7F7; padding: 10px; }
#boxWelcomeArticlesContent h2 { color: #999; font-size: 1.1em; line-height: 1.2em; font-weight: bold; margin: 0 0 10px 0;	padding: 0 0 2px 0; border-bottom: 1px dashed #CCC; }		

#boxSidebarSearch { margin: 0; padding: 0; width: 100%; border: 1px solid #E3E3E3;  background: #FFF; }

#boxNavigationTop { margin: 0; padding: 20px 0 20px 0; width: 100%; }
#boxNavigationTopSub { margin: 0; padding: 10px 0 20px 0; width: 100%; }
#boxNavigationBottom { margin: 0; padding: 20px 0 0 0; width: 100%; }
#boxNavigationSmallTop { margin: 0; padding: 20px 0 0 0; width: 100%; }
#boxNavigationSmallTopSub { margin: 0; padding: 0 0 0 0; width: 100%; }
#boxNavigationSmallBottom { margin: 0; padding: 0; width: 100%; }
	div.boxNavigationContent { margin: 0; padding: 0; text-align: left; font-weight: bold; font-size: 0.9em; }
	div.boxNavigationContentLeft { margin: 0; padding: 1em; text-align: left; font-weight: bold; font-size: 0.9em; float: left; }
	div.boxNavigationContentRight { margin: 0; padding: 1em; text-align: right; font-weight: bold; font-size: 0.9em; }
	.boxNavigationContentLeft p, .boxNavigationContentRight p { margin: 0; padding: 0; }
  .boxNavigationContentLeft a, .boxNavigationContentRight a { font-weight: bold; padding: 0 4px 0 4px; text-decoration:none; }
	span.SplitCurPage { font-weight: bold; color: #666; border: 1px solid #666; padding: 1px 4px 1px 4px; }

div.boxOptions { margin: 0; padding: 0 0 30px 0; width: 100%; }
	div.boxOptionsContent { margin: 0; padding: 1em; text-align: left; font-size: 0.9em; }
	.boxOptionsContent p { margin: 0; padding: 0; }
  .boxOptionsContent a { font-weight: normal; font-size: 0.9em; }

#boxLeistungen, #boxWebdesign, #boxWebmarketing, #boxEcommerce, #boxFreelancer,
#boxGrafikdesign, #boxReferenzen, #boxKontakt, #boxTutorials { width: 590px; margin: 0; padding: 20px 0 10px 0; }

div#teaser-bmwfs { width: 590px; height: 340px; }
  div#bmwfs-img1, div#bmwfs-img3 { width: 220px; height: 170px; float: left; position: relative; text-align: center; padding: 0 10px 0 60px; }
  div#bmwfs-img2, div#bmwfs-img4 { width: 220px; height: 170px; float: left; position: relative; text-align: center; padding: 0; }  

div#teaser-kaufhof { width: 590px; height: 360px; }
  div#kaufhof-img1, div#kaufhof-img3 { width: 220px; height: 180px; float: left; position: relative; text-align: center; padding: 0 10px 0 60px; }
  div#kaufhof-img2, div#kaufhof-img4 { width: 220px; height: 180px; float: left; position: relative; text-align: center; padding: 0; }  

div#teaser-bahn { width: 590px; height: 320px; }
  div#bahn-img1, div#bahn-img3 { width: 220px; height: 155px; float: left; position: relative; text-align: center; padding: 0 10px 0 60px; }
  div#bahn-img2, div#bahn-img4 { width: 220px; height: 155px; float: left; position: relative; text-align: center; padding: 0; }  

.boxProjects { width: 183px; float: right; border: 1px solid #E3E3E3; background-color: #FFF; }

.boxTutorials { width: 183px; margin-top: 20px; float: right; border: 1px solid #E3E3E3; background-color: #FFF; }

.boxBooks { width: 183px; float: right; border: 1px solid #E3E3E3; background-color: #FFF; margin-top: 20px; }

/* END Rounded Corner Boxes & Image Teaser */


/* BEGIN Headers */

h1 { margin: 0; }
h2 { margin: 0; }
h2.pagetitle { text-align: left; }
#sidebar h2 { margin: 5px 0 5px 0; padding: 0; }
h3 { padding: 0; margin: 30px 0 0; }
h3.comments { padding: 0;margin: 40px auto 20px ; }

/* END Headers */


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


/* BEGIN Entry Lists */

/* Special stylized non-IE bullets. Do not work in Internet Explorer. */
div#sidebar ul li ul li a, div#sidebar ul li ul li a:hover, div#sidebar ul li ul li a:visited, div#sidebar ul li ul li a:active { text-decoration: none; }

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }

/* .entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } */
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul li ul li { list-style: outside url(images/list_arrow.png); margin-left: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }

ol li, #sidebar ul ol li { list-style: decimal outside; }

#related_post { margin: 20px 0 20px 0; padding-top: 10px; border-top: 1px dotted #CCC; }
#related_post ul li { list-style: outside url(images/list_arrow.png); margin-left: 0; }

/* END Entry Lists */


/* BEGIN Form Elements */

#searchform { margin: 10px auto; padding: 0; }
#sidebar #searchform #s { width: 99px; height: 18px; padding: 1px 5px 0 5px; border: 1px solid #CCC;
													background: transparent url(images/bg_input.gif) no-repeat; color: #666; }
#sidebar #searchsubmit { width: 60px; height: 21px; background: #FFF; border: 1px solid #CCC;
												 font-family: Arial, sans-serif; font-size: 1.1em; color: #666; padding: 0 0 2px 0; cursor: pointer; }

.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align: center; }
select { width: 130px; }

.commentform-left { float:left; width:200px; }
.commentform-right { float:right; width:380px; }

#commentform input { color: #666; width: 170px; height: 20px; padding: 6px 5px 0 5px; margin: 0 0 10px 0; border: 1px solid #CCC; }
#commentform textarea { color: #666; width: 365px; padding: 6px 5px 0 5px; border: 1px solid #CCC; }
#commentform #submit { margin: 10px 0 0 0; width: 120px; height: 30px; background: #FFF; border: 1px solid #CCC;
											 font-family: Arial, sans-serif; font-size: 1.1em; color: #666; padding: 0 0 2px 0; cursor: pointer; }
#commentform textarea:focus, #commentform input[type="text"]:focus { background: #EBF0E5; }
#commentform #submit:hover { background: #EBF0E5; }

/* END Form Elements */


/* BEGIN Comments*/

.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; margin: 0; }
.commentlist li { min-height: 82px; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; clear:both; border: 1px dashed #CCC; }
.commentlist p { 	margin: 10px 10px 10px 0; }
.commententry { width: 485px;	position:relative; margin: 3px 0 0 80px; }
#commentform p { margin: 5px 0; width: 450px;}
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; text-align: left; }

#respond { padding: 20px 0 0 0; margin: 0 0 20px 0; clear:both;	text-transform:none; }

/* END Comments */


/* BEGIN Sidebar */

#bg_sidebar_top { margin-left: 700px; margin-top: 70px; width: 270px; height: 20px; background: url(images/bg_sidebar_top.png) no-repeat top; position: relative;  }
#bg_sidebar_middle { margin-left: 700px; width: 270px; padding-bottom: 50px; background: url(images/bg_sidebar_middle.png) repeat-y; position: relative; }
#bg_sidebar_bottom { margin-left: 700px; width: 270px; height: 40px; background: url(images/bg_sidebar_bottom.png) no-repeat bottom; position: relative;  }
#sidebar { padding: 0 0 0 14px; width: 216px; position: relative; }
#sidebar form { margin: 0; }

/* END Sidebar */


/* BEGIN Various Tags & Classes */

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 2em 0 2em 0;	padding: 0.1em 2em 0.1em 5em; background: url(images/blockquote.gif) 1.2em 0.4em no-repeat #f7f7f7; }
blockquote p { margin-bottom: 1em; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;  font-size: 1em; font-weight: normal; line-height: 1.5em; color: #666;	background: none;	}
blockquote cite {	display: block;	margin-bottom: 1em; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 0.9em; font-weight: bold; color: #999; background: none; }

.center { text-align: center; }

/* hr { display: none; } */
a img { border: none; }
.navigation { display: block; margin: 0 0 1em 0; float:right; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;  font-size: 0.9em; }
.navigation a { text-decoration: none; }
.navigation a:hover { text-decoration: none; }
.navigation-left { background: url(images/navigation_bg_bar_left.png) no-repeat; float: left; margin: 0.5em 0 0.5em 0; padding: 2px 25px 2px 25px; width: 540px; height: 16px; text-align: left; }
.navigation-right { background: url(images/navigation_bg_bar_right.png) no-repeat; float: right; margin: 0 0 0.5em 0; padding: 2px 25px 2px 25px; width: 540px; height: 16px; text-align: right; }

/* just for clearing floats, IE Hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {display: block; margin: 0; padding: 0; }
p.clearfix {}
/* End hide from IE-mac */

br.clearer { clear: both; }
.vcenter { display: table-cell; vertical-align: middle; }
.center { text-align: center; margin: 1em auto; }

/* END Various Tags & Classes*/


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

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


/* BEGIN Contact Form */
#contact {
	list-style: none;
	margin: 0;
	float: left;
	height: 560px;
}

#contact li {
	float: left;
	height: 30px;
	margin: 0 0 8px -30px;
	position: relative;
	width: 580px;
}

#contact li .text {
	background: #e3e3e3;
	padding: 4px 5px 4px 5px;
	position: absolute;
	z-index: 100;
	min-width: 85px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;	
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	text-indent: 5px;
}

#contact li .text2 {
	background: #e3e3e3;
	padding: 4px 5px 4px 5px;
	position: absolute;
	z-index: 100;
	min-width: 85px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	text-indent: 5px;
}

#contact li .captcha {
	padding: 8px 5px 0 5px;
	position: absolute;
	z-index: 100;
	text-indent: 5px;
}

#contact li .captcha-text {
	padding: 10px 5px 10px 100px;
	position: absolute;
	z-index: 100;
	text-indent: 5px;
}


#contact li .required {
	position: absolute;
	right: 15px;
	top: 5px;
	z-index: 100;
}

#contact li .wpcf7-form-control-wrap {
	position: absolute;
}

#contact li .wpcf7-form-control-wrap input {
	background: #fff;
	border: solid 1px #e3e3e3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	width: 560px;
	text-indent: 95px;
	z-index: 100;
	margin: 0;
}

#contact li .wpcf7-form-control-wrap input:focus, #contact li .wpcf7-form-control-wrap textarea:focus {
	background: #f8f8f8; 
}

#contact li .wpcf7-form-control-wrap textarea {
	background: #fff;
	border: solid 1px #e3e3e3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 5px 5px 100px;
	width: 465px;
	z-index: 100;
	margin: 0;
	height: 190px;
	line-height: 18px;	
}

#contact li#message{
	min-height: 194px;
	margin: 0 0 20px -30px;
}

#contact li#submit input {
	color: #fff;
	text-decoration: none;
	margin: 60px 30px 0 0;
	background: #669933;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cc66', endColorstr='#669933');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99cc66), to(#669933));
	background: -moz-linear-gradient(top, #99cc66, #669933);
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-0-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 10px 25px;
	text-align: center;
	text-shadow: 0 1px 0 #669933;
}

#contact li#submit input:hover{
	background: #99cc66;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#669933', endColorstr='#99cc66');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#669933), to(#99cc66));
	background: -moz-linear-gradient(top, #669933, #99cc66);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5) inset;
	-o-box-shadow: 0 1px 2px rgba(0,0,0,.5) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.5) inset;
	color: #333333;
	text-shadow: 0 1px 0 rgba(255,255,255,.25);
	cursor: pointer;
}

div.wpcf7-validation-errors {
	clear: left;
}

div.wpcf7-mail-sent-ok {
	clear: left !important;
}
/* END Contact Form */

/* hide gif from WordPress.com Stats */
img#wpstats { display: none }