/*-----------------------------------------------------------------------------
Theme Name: Sitestone EU
Theme URI: http://
Description: Sitestone international
Version: 0.9
Author: Matthijs Abeelen
Author URI: http://www.sitestone.eu/
-----------------------------------------------------------------------------*/

/* Global Resets
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,img  { margin:0;padding:0; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
table { border-collapse:collapse;border-spacing: 0; }
table, thead, tbody, tr, th, td { font-size:1em; }
form label { cursor:pointer; }
fieldset { border:none; }
input, select, textarea { font-size:100%; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal; }


/* Miscelaneous
-----------------------------------------------------------------------------*/

.clear { clear:both; }
.screenreader { margin-left:-5000em;display:block; height:0px;overflow:hidden; }


/* Typography
-----------------------------------------------------------------------------*/

body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
html			{ font-size: 100.01%; }
body 			{ font-size:75%; }
html>body 		{ font-size:12px; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;font-weight:bold; }
body { font-size: 12px;line-height: 18px; }
h1 { font-size: 36px; line-height: 36px; margin-top: 18px; margin-bottom: 18px; }
h2 { font-size: 28px;font-size:24px; line-height: 36px; margin-bottom: 18px;font-weight:normal; }
h3 { font-size: 18px; line-height: 18px; margin-bottom: 18px;font-weight:normal; }
h4 { font-size: 14px; line-height: 18px; }
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 18px; }
p {font-size:12px;line-height:18px;margin:0 0 18px 0; }
ul, ol { margin-bottom:18px;}
dl { margin-top:18px;margin-bottom:18px; }
.weblog .post ul, .post ol {padding-left:16px;list-style-position:outside;list-style-type:disc; }
blockquote { margin-top:18px;margin-bottom:18px;padding-left:20px;border-left:2px solid #ddd;font-style:italic; }
blockquote p { 
	/*display:block;float:right;width:250px;margin:9px 20px 9px 30px;*/ margin:0 0 10px;
	font-size:16px;line-height:22px;font-family:georgia,"Times New Roman",Times,serif; }
blockquote.inline p { display:inline;float:none;width:auto; }
small { font-size:0.85em; }
img { border:0; }
sup { position:relative;bottom:0.3em;vertical-align:baseline; }
sub { position:relative;bottom:-0.2em;vertical-align:baseline; }
acronym, abbr { cursor:help;letter-spacing:1px;border-bottom:1px dashed; }


/* Structure / Grid
-----------------------------------------------------------------------------*/

#container { width:840px;margin:0 auto;position:relative; }
#header {  height:100px;position:relative;margin:0; }
#wrapper { clear:both;padding:20px 0 20px 60px;padding:20px 0 20px 0;border-top:0 solid #666; }
#content { float:right;width:470px;margin:0 130px 0 0;display:inline;padding:7px 0 40px; }
#sidebar { float:left;width:170px;margin:16px 0 0;display:inline;padding:0 0 40px;margin:0; }
#footer {  clear:both;margin:40px 0 0;padding:20px 0 0; }

#wrapper.single { padding:20px 0 20px 0; }
#wrapper.single #content { width:100%;margin:0;padding:0;}
.single #sidebar { display:none; }

#wrapper.portfolio { }
.portfolio #content { border-top:2px solid #666; }
.portfolio #sidebar { }


/* Header and nav 
-------------------------------------------------------------------*/

#header h1 { float:left;width:200px;margin:0 0 10px 0;padding:0;font-size:10px;line-height:12px;
	text-transform:uppercase;letter-spacing:1px;text-indent:-9999px;background:transparent url(images/logo-xs.gif) 0 70px no-repeat; }
#header h1 a { display:block;height:100px;height:139px; }
#header h3 { display:none; }

#searchform { position:absolute;top:85px;right:0;width:210px;height:21px;margin:0 0 18px;padding:0;
	background:#fff url(ximages/bg-search.gif) bottom left no-repeat; }
#searchform input#s { float:left;width:149px;margin:0 0 2px;padding:2px 2px 2px 17px;border:1px solid #ddd;
	border-top-color:#777;border-bottom-color:#DDD;background:#f6f6f6; }
#searchform #searchsubmit { float:right;height:20px;width:36px;margin:0;padding:0; }


/* Navigation
-----------------------------------------------------------------------------*/

#mainnav { width:484px;height:28px;position:absolute;top:12px;right:-0px;background:transparent url(images/bg-navbar.gif) 0 0 no-repeat; }
#mainnav ul { list-style:none;padding:0;margin:0 0 0 15px;height:28px; }
#mainnav ul li { display:inline;height:28px;display:block;float:left; }
#mainnav ul li a { display:block;float:left;width:75px;height:22px;font-size:11px;line-height:22px;padding:6px 0 0 0;
		text-align:center;background:transparent;color:#924712;text-decoration:none; }
#mainnav ul li a#current { color:#bbb; }
.home #mainnav { background-position:0 0; }
.diensten #mainnav { background-position: 0px -28px;background: url(images/bg-navbar.gif) 0 -28px no-repeat; }
.portfolio #mainnav { background-position: 0px -56px; }
.weblog #mainnav { background-position: 0px -84px; }
.oversitestone #mainnav { background-position: 0px -112px; }
.contact #mainnav { background-position: 0px -140px; }


/* Content
-----------------------------------------------------------------------------*/

.post { margin:0 0 18px; }
.post h2 {  }
.post h2 a { text-decoration:none; }
.post p {  }
.entry {}
.entry p {}
.postmetadata { margin:0; }
.postmeta_comments { margin:0 0 18px; }
.utw {}
.navigation { float:left;width:100%;margin:0 0 18px;padding:0;border-top:1px solid #444;border-bottom:1px solid #ddd; }
.navigation .previous { float:left;border-top:1px solid #444;padding:9px 0; }
.navigation .next { float:right;border-top:1px solid #444;padding:9px 0; }
.post_nav {}

#reviews { clear:both;width:100%;margin:10px 0;border-top:6px solid #eee; }
#reviews ul { border-top:1px solid #ddd; }
#reviews ul li { width:33%;float:left;margin:0 0 10px;padding:5px 0;border-bottom:1px solid #ddd; }
#reviews ul li img { display:block;float:left;margin:0 5px 0 0;padding:0; }
#reviews ul li p { margin:0 0 0 110px;line-height:1.3em; }
#reviews ul li p strong { display:block; }
#reviews ul li p em { display:block; }

img.left { float:left;margin:0 10px 10px 0;padding:1px;border:1px solid #ddd; }
img.right { float:right;margin:0 0 10px 10px;padding:1px;border:1px solid #ddd; }


/* Sidebar
-----------------------------------------------------------------------------*/

#sidebar h2 {}
#subcontent h3 { margin-bottom:3px; }
#subcontent h3, #sidebar h3 { font-size:11px;line-height:12px;margin:0 0 6px;padding:5px 0 0;
text-transform:uppercase;letter-spacing:2px;font-weight:bold;border-top:2px solid #444; }
#sidebar h4 {}
#sidebar ul {}
#sidebar ul li { }
#sidebar p {}

.postmetadata {}
.postmetadata ul {}
.postmetadata ul li {}
.postmetadata ul li a { text-decoration:none; }
.postmetadata ul li span { font-weight:bold; }


/* Home 
-----------------------------------------------------------------------------*/

#subcontent { float:left;width:170px;margin:0;padding:276px 0 0;border-top:2px solid #555;
	background:transparent url(images/bg-home-side-2.jpg) 0 0 no-repeat; }
#secondary { clear:both;float:left;width:100%;margin:30px 0 10px;padding:12px 0 0;border-top:2px solid #ccc; }
p.intro { font-size:18px;line-height:24px;padding:0 0 18px; }
.homepage .post { border:none; }
.post .item { float:left;width:230px;margin-right:10px; }
.post .item.second { margin:0; }
.post .item ul { list-style-type:decimal-leading-zero;padding-left:25px;color:#999; }
.post .item span { color:#AA5315;color:#555; }

/* Weblog 
-----------------------------------------------------------------------------*/

.weblog .post { border-bottom:1px solid #e6e6e6; }
.weblog .post h2 { margin-bottom:0; }

.post blockquote p { 
	/*display:block;float:right;width:250px;margin:9px -100px 9px 30px;*/
	font-size:16px;line-height:22px;
	font-family:georgia,"Times New Roman",Times,serif; 
	}
.post blockquote.inline p { display:inline;float:none;width:auto; }

#sidebar .archivelist { }
#sidebar .archivelist h3 { letter-spacing:0;padding-bottom:9px;border-bottom:1px solid #e1e1e1;margin-bottom:0; }
#sidebar .archivelist ul li { font-size:.94em;border-bottom:1px dotted #ddd;margin:0em;padding: 0.3em 0; }
#sidebar .archivelist ul li a { display:block;text-decoration:none; }
#sidebar .archivelist .categorylist li a { display:inline; }

/* Comments */
#comments-locked {}
#respond {}
#trackback-link {}
ol#trackbacks {}
ol#trackbacks li {}
.comments-header { margin:18px 0; }
ol#comments  { margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc; }
ol#comments li { margin:0;border-top:1px solid #ccc; padding-top:9px;position:relative;min-height:52px; }

/* class for author highlight */
.highlight {}
.comment-meta { position:absolute; }
.comment-author {}
.comment-date { display:block; }
.comment-text { padding-left:120px; }
.gravatar {}
.odd {}
.even {}

#navigation { width:100%;height:160px;margin:20px auto;padding:0 0 20px;background:#fff; }
#navigation h3 { font-family:arial,helvetica,sans-serif;font-size:18px;color:#ddd;font-weight:normal;margin:0;padding:10px 10px 0; }
#navigation ul { color:#333;margin:0;padding:4px 10px; }
#navigation ul li { float:left;display:block;line-height:26px;list-style:none;width:20%;margin:0;padding:0;
	border-bottom:1px solid #dedede;background:url(images/arrow_icon.gif) no-repeat left center;color:#999; }
#navigation ul li a { color:#666;padding-left:10px;text-decoration:none; }
#navigation {}


/* Portfolio 
-----------------------------------------------------------------------------*/

.portfolio .post h2 { margin-bottom:0; }
.portfolio h3.subtitle, 
h3.subtitle { color:#ccc;font-weight:normal;font-size:16px;letter-spacing:1px;text-transform:uppercase;padding-bottom:9px;margin:0; }
	
ul#portfoliolist { margin:0;padding:0 0 0 0px; }
ul#portfoliolist li { clear:both;float:left;width:100%;margin: 0 0 36px;padding:18px 0 0;border-top:1px solid #ddd; }
ul#portfoliolist li div.description { float:left;width:360px; }
ul#portfoliolist li div.image { float:right;width:372px;display:inline;margin:36px 60px 18px 0; }
ul#portfoliolist li h4 { font-size:20px;line-height:24px;margin:0;padding:0 0 12px;color:#222;font-weight:normal; }

dl.projectdetails { width:100%;float:left;margin:0 0 18px; }
dl.projectdetails dt { width:29%;float:left;padding:0;color:#444;font-weight:bold;text-align:left; }
dl.projectdetails dd { float:left;width:70%;padding:0;color:#777; }


/* Archives 
-----------------------------------------------------------------------------*/

#wrapper.archive {}
.monthly-archive { float:left;width:48%; }
.category-archive { float:right;width:48%; }


/* Forms
-----------------------------------------------------------------------------*/

form {}
fieldset { margin:0 0 18px;}
legend { font-weight:bold; }
fieldset div { margin:0;padding:9px 0;position:relative;width:100%;font-size: 13px;color:#666; }
label { display:block; }
label .required { font-size:0.75em;color:#760000; }
label.checkbox, label.radio { display:inline; } /* radio and checkbox should be on 1 line */
input { width: 200px; }
input.radio, input.checkbox, input.submit { width:auto; } /* these should not be 200px wide */
input[type="text"], input.text, select, textarea { margin:0;padding:2px;background:#eee;
	border-top:1px solid #777;border-right:1px solid #ccc;border-bottom:1px solid #ddd;border-left:1px solid #ccc; }
input:focus, textarea:focus { background:#ffc;background:#fff; }
input.radio { clear:left;float:left;margin-right:1em; }
textarea { width:300px;height:100px; }

/* horizontal form */
.horizontal label { float:left;display:block;padding-right:10px;width:120px;text-align:right; }
.horizontal label .required { font-size:0.83em;color:#760000; }
.horizontal label .feedback { position:absolute;margin-left:170px;left:200px;
  font-weight: bold;color:#760000;padding-left: 18px;background: url(img/error.png) no-repeat left top; }
* html .feedback{ width:10em; }  /* :KLUDGE: Explicitly set the width for IE6- */

div.radio input {}
div.radio label {width:auto;}
div.checkbox label { float:none;display:inline;}

/* comment form */
#comments-form {}
#comments-header { margin:18px 0;}
#commentform { margin:18px 0;position:relative; }
#commentform p { padding:9px 0;}
#commentform label { float:left;width:120px;clear:left; }
#commentform label em { position:absolute;left:320px;color:#777; }
#commentform input { float:left;width:180px;margin:0px; }
#commentform textarea { width:240px;height:120px; }
#author {}
#email {}
#url {}
#comment {}
#submit {}

/* contact form */
#contactform #fm-submit input { margin-left:130px; }



/* Tables
-----------------------------------------------------------------------------*/

table { border-spacing:0;border-collapse: collapse; }
td { text-align: left;font-weight: normal; }


	
/* colors
-------------------------------------------------------------------*/

body { color:#333;background:#fff url(images/bg-body2.gif) 0 -14px repeat-x; }
a, a:link { color:#AA5315; }
h2 { color:#111; }
h3 { color:#333;xcolor:#9B9770; }
.post h2 a { color:#222; }
#subcontent h3, #sidebar h3 { color:#222; }
p, li { color:#444; }
blockquote p { color:#888; }
#sidebar p,
#sidebar li {color:#666;}
p.intro { color:#333;}
p.intro strong { color:#AA5315; }
.homepage #subcontent p, #subcontent li { color:#6A6B5C; }
.homepage #secondary h3 { color:#555; }
#latest p { color:#888;}
#reviews ul li p { color:#777;}
#reviews ul li p strong { color:#333;}
#reviews ul li p em { color:#444;}

/* weblog */
.post h2 a { color:#222; }
p.date, .tagged { color:#999; }
.post blockquote p { color:#888; }
.archivelist h3 { color:#666;}
.archivelist ul li a:hover { background:#eee;color:#000;}
.comment-meta { color:#888; }

/* portfolio */
.po-overview dd { color:#999; }
.postmetadata ul li,
.postmetadata ul li a { color:#777; }
.postmetadata ul li span { color:#888;color:#555; }
.postmetadata dl dt { color:#444; }
.postmetadata dl dd { color:#999; }

#footer p, #footer ul { color:#999; }


/* Footer
-------------------------------------------------------------------*/

#footer { border-top:2px solid #666;border-top:1px solid #bbb;margin:0 0 0 240px;padding: 20px 0; }
#footer p, #footer ul { margin:0 60px 0 0;padding:10px 0; }
#footer ul { padding:0px 0;font-size:11px;}
#footer ul li { display:inline;margin:0 0px 0 0;padding:0 16px 0 0;border-right:0px solid #bbb;
	background:url(images/bg-footer-li.gif) center right no-repeat;color:#888; }
#footer ul li.last { border-width:0;background-image:none; }	


/* Float clearing 
-------------------------------------------------------------------------------- */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */