@import url(_css/reset.css);
@import url(_css/clearfix.css);

/* Global
================================== */
body								{color:rgb(33,32,31);background:rgb(255,255,255);font: normal normal normal 1em/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear 								{clear:both;}
.hide,.required,.checkfield			{display:none;}

#container							{margin:0 auto;position:relative;width:950px;}
#header								{margin:35px 0;}
#search-subscribe					{float:right;margin:68px 0 0 0;position:relative;}
#search-subscribe a					{color:rgb(33,32,31);font-size:0.75em;float:left;text-transform:uppercase;}
a#searchbutton						{background:url(_images/searchbackground.png) no-repeat 0 -24px;height:22px;margin:0 20px 0 0;padding:2px 0 0 20px;position:relative;z-index:500;}
a#searchbutton:hover				{background-position: 0 -1px;}
a#subscribebutton					{background:url(_images/subscribe.png) no-repeat 0 -22px;height:17px;margin:0px 0px 0 0;padding:2px 0 0 20px;position:relative;z-index:500;}
a#subscribebutton:hover				{background-position: 0 -1px;}

#searchbox							{position:absolute;right:97px;top:-12px;}
#searchbox label					{float:left;text-indent:-99999px;}
#searchbox input					{background:rgb(33,32,31);color:rgb(255,255,255);float:right;font-size:1.125em;padding:25px 100px 0 10px;width:0;
										-webkit-border-radius:2px;
										-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.30);
									}
#searchbox input.searchsubmit		{background:none;padding:13px 10px 12px 10px;position:absolute;right:0px;top:0px;width:90px;z-index:1000;
										-webkit-border-radius:0px;
										-webkit-box-shadow:0px 0px 0px rgba(0,0,0,.30);
									}
#searchbox .searchsubmit:hover		{cursor:pointer;}
#searchbox div#searchsubmitbox		{background:rgb(234,77,15);color:rgb(33,32,31);font-size:1.125em;height:20px;padding:13px 0px 13px 0px;position:absolute;right:0px;text-shadow:0px 1px 1px rgb(255,137,90);text-transform:uppercase;top:2px;width:90px;
										-webkit-border-radius:0px;
										-webkit-box-shadow:0px 0px 0px rgba(0,0,0,.30);
									}
#searchbox .close-box				{color:rgb(234,77,15);font-size:1.125em;font-weight:800;position:absolute;right:00px;text-transform:uppercase;top:50px;}

#navigation							{border-top: 2px dashed rgb(33,32,31);border-bottom: 2px dashed rgb(33,32,31);padding:7px 0;}
#navigation li						{display:inline-block;position:relative;}
#navigation li a					{color:rgb(33,32,21);font-size:1.125em;font-weight:800;letter-spacing:.001em;padding:5px 15px;text-transform:uppercase;}
#navigation li a:hover,
#navigation li a.active				{background:rgb(234,77,15);text-shadow:0px 1px 1px rgb(247,125,77);
										-webkit-border-radius:2px;
										-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.30);
									}
#navigation li:hover .subnavigation	{display:block;}
#navigation .subnavigation			{background:rgb(234,77,15);padding:20px 10px;position:absolute;left:0;top:28px;width:250px;z-index:300;
										-webkit-border-radius:2px;
										-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.30);
									}
#navigation .subnavigation li		{width:250px;}
#navigation .subnavigation a		{font-size:.875em;text-shadow:0px 1px 1px rgb(247,125,77);}
#navigation .subnavigation a:hover	{background:none;color:rgb(255,255,255);text-shadow:0px 0px 4px rgba(0,0,0,.3);
										-webkit-border-radius:2px;
										-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
									}

.sidenavigationwrapper				{position:absolute;right:110px;top:200px;}
#sidenavigation						{margin:0px 0 0 0;position:fixed;width:200px;}
#sidenavigation li					{line-height:1em;text-align:right;}
.post-navigation					{margin:20px 0 0 0;}
#sidenavigation li a				{color:rgb(33,32,31);font-size:0.875em;text-transform:uppercase;}
#sidenavigation li a:hover			{color:rgb(234,77,15);}
#sidenavigation li .subnavigation a {font-size:0.875em;text-transform:lowercase;}
#sidenavigation li a#previous-post,
#sidenavigation li a#next-post		{display:block;font-size:0.625em;font-weight:800;}
#sidenavigation li a#side-commenting{background:url(_images/smallcommentbackground.png) no-repeat bottom left;height:18px;padding:7px 0 0 27px;display:block;font-size:.875em;font-weight:400;text-transform:lowercase;}

#pagination							{margin:72px 0 0 0;}
#pagination a						{color:rgb(255,255,255);font-size:0.875em;font-weight:500;letter-spacing:0px;width:160px;
										-webkit-border-radius:2px;
										-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.30);
									}
#newer-entries	a					{background:rgb(33,32,31) url(_images/leftarrow.png) no-repeat 10px 8px;float:left;padding:8px 30px 8px 10px;text-align:right;}
#older-entries	a					{background:rgb(33,32,31) url(_images/rightarrow.png) no-repeat 160px 8px;float:right;padding:8px 10px 8px 30px;text-align:left;}
#newer-entries a:hover,
#older-entries a:hover				{background:rgb(234,77,15);color:rgb(33,32,31);text-shadow:0px 1px 1px rgb(247,125,77);}


/* 404
================================== */
#error								{margin:105px 0;width:670px;}
#error h1							{font-size:7.5em;letter-spacing:-8px;line-height:1em;margin:0 0 18px 0;text-transform:uppercase;}
#error h2							{font-size:2.25em;font-weight:400;line-height:1.1em;letter-spacing:-1px;margin:0 0 18px 0;}
#error h3							{font-size:1.5em;font-weight:100;margin:0 0 18px 0;}
#error h3 a							{color:rgb(234,77,15);}
#error h4							{font-size:1.125em;font-weight:400;}

/* Index, Single Posts
================================== */
#posts								{margin:35px 0;width:750px;}
.post								{margin:0 0 55px 0;}
.post-header						{margin:0 0 5px 0;position:relative;}
.post-date							{font-size:0.6875em;font-weight:800;letter-spacing:-1px;text-transform:uppercase;}
h2.post-title						{background:rgb(33,32,31);color:rgb(255,255,255);display:inline-block;font-size:1.5em;letter-spacing:-1px;padding:10px 15px;margin:-2px 0 0 0;}
h2.post-title:hover					{background:rgb(234,77,15);}
h2.post-title a						{color:rgb(255,255,255);}
.post-comment-number				{background:url(_images/commentnumberbackground.png) no-repeat bottom center;color:rgb(255,255,255);float:right;font-size:0.875em;letter-spacing:-1px;height:29px;margin:-26px -18px 0 0;padding:9px 0 0 18px;position:relative;width:43px;z-index:200;}
.post-comment-number:hover			{background-position:top center;}
.comment-box						{position:absolute;right:-322px;top:-10px;width:375px;z-index:150;}
.comment-box .close-box,
.comment-box .close-this			{color:rgb(234,77,15);font-size:1.125em;font-weight:800;position:absolute;right:20px;text-transform:uppercase;top:70px;}
.quick-comment-top					{background:url(_images/quickcommentbackgroundtop.png) no-repeat top center;height:100px;}
.quick-comment-bottom				{background:url(_images/quickcommentbackgroundbottom.png) no-repeat bottom center;padding:0 0 30px 0;}
.the-comments						{width:240px;margin:0 auto;}
.the-comments li					{margin:0 0 10px 0;}
h2.quick-comment					{font-size:1.125em;letter-spacing:-1px;text-shadow:0px 0px 3px rgba(0,0,0,.25);}
p.quick-comment-meta				{font-size:0.75em;}
p.quick-comment-meta a				{color:rgb(33,32,31);text-decoration:underline;}
.view-comments						{background:rgb(234,77,15);color:rgb(255,255,255);float:left;font-size:0.6875em;margin:10px 0 0 65px;padding:5px 15px;text-transform:uppercase;
										-webkit-border-radius:2px;-moz-border-radius:2px;
									}
.post-body							{}
.post-body img						{margin:1px 0;
										-webkit-border-radius:2px;-moz-border-radius:2px;
/*
										-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.30);
*/
									}
.post-body p						{font-size:1.125em;letter-spacing:-1px;line-height:1.33333em;margin:18px 0;width:540px;}
.post-body p a						{color:rgb(234,77,15);text-decoration:underline;}
.post-body p a:hover				{color:rgb(33,32,31);text-decoration:none;}
.post-body p a:visited				{font-style:italic;}
.post-footer						{background:url(_images/stripes.png);min-height:8px;margin:36px 0;padding:18px 0;position:relative;}
.post-meta							{position:absolute;top:-40px;right:0;}
.post-meta a						{color:rgb(33,32,31);font-size:0.875em;float:left;letter-spacing:-1px;}
.post-comment-link					{background:url(_images/smallcommentbackground.png) no-repeat bottom left;height:21px;margin:0 15px 0 0;padding:7px 0 0 27px;}
.post-comment-link:hover			{background-position:top left;}
.post-share-link					{background:url(_images/sharebackground.png) no-repeat bottom left;height:19px;margin:-1px 0 0 0;padding:8px 0 0 30px;}
.post-share-link:hover				{background-position:top left;}
.post-share							{background:rgb(255,255,255);margin:36px auto;padding:36px 0;width:590px;}
.post-share .close-box,
.post-share .close-this				{bottom:20px;color:rgb(234,77,15);float:right;font-size:3em;font-weight:800;position:relative;right:20px;text-transform:uppercase;}
.post-share ol						{margin:0 auto;width:510px;}
.post-share ol li					{position:relative;}
.post-share label					{float:left;text-indent:-9999px;}
.post-share input					{background:rgb(33,32,31);color:rgb(255,255,255);font-size:1.125em;padding:25px 0 0 10px;width:418px;
										-webkit-border-radius:2px;-moz-border-radius:2px;
										-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.30);-moz-box-shadow:0px 0px 4px rgba(0,0,0,.30);
									}
.post-share
input#quick-share-recipient			{padding:25px 90px 0 10px;width:320px;}
.post-share .quick-share-submit		{background:rgb(234,77,15);color:rgb(33,32,31);font-size:1.125em;padding:13px 10px 12px 10px;position:absolute;right:82px;text-shadow:0px 1px 1px rgb(255,137,90);text-transform:uppercase;top:0px;width:90px;
										-webkit-border-radius:0px;
										-webkit-box-shadow:0px 0px 0px rgba(0,0,0,.30);
									}
.quick-share-submit:hover			{cursor:pointer;}
.post-comment						{background:rgb(255,255,255);margin:36px auto;padding:36px 0;width:590px;}
.post-comment .close-box,
.post-comment .close-this			{bottom:20px;color:rgb(234,77,15);float:right;font-size:3em;font-weight:800;position:relative;right:20px;text-transform:uppercase;}
.post-comment ol					{margin:0 auto;width:510px;}
.post-comment ol li					{margin:0 0 7px 0;position:relative;}
.post-comment label					{float:left;text-indent:-99999px;width:0;}
.post-comment input					{background:rgb(33,32,31);color:rgb(255,255,255);font-size:1.125em;padding:25px 0 0 10px;width:340px;
										-webkit-border-radius:2px;-moz-border-radius:2px;-mo
									}
.post-comment .required				{background:url(_images/requiredarrow.png) no-repeat center center;float:left;font-size:0.75em;height:35px;padding:12px 0 0 10px;position:absolute;right:90px;text-align:center;text-shadow:0px 1px 1px rgb(255,137,90);text-transform:uppercase;top:1px;width:102px;}
.post-comment textarea				{background:rgb(33,32,31);color:rgb(255,255,255);font-size:1.125em;padding:15px 0 0 10px;width:340px;
										-webkit-border-radius:2px;-webkit-border-radius:2px;-mo
									}
input.quick-commenting-submit		{background:rgb(234,77,15);font-size:0.875em;padding:10px 10px;width:110px;
										-webkit-border-radius:2px;-moz-border-radius:2px;-mo
										-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.30);-moz-box-shadow:0px 0px 4px rgba(0,0,0,.30);
									}
.quick-commenting-submit:hover		{cursor:pointer;}

h3#comment-number					{font-size:1.5em;font-weight:300;letter-spacing:-1px;margin:0 0 18px 0;text-transform:uppercase;}
h3#comment-number .orange			{color:rgb(234,77,15);}
#comments							{background:rgb(234,77,15) url(_images/stripes.png);width:670px;}
#comments ol						{margin:0 auto;padding:36px 0;width:590px;}
#comments ol li						{background:rgb(255,255,255);margin:36px 0 0 0;padding:27px 0 20px 0;}
#comments ol li:first-child			{margin:0;}
#comments ol li div					{margin:0 auto;width:510px;}
#comments h2.comment				{font-size:3em;letter-spacing:-1px;line-height:1em;}
#comments p.comment-meta			{font-size:1.125em;margin:8px 0 0 0;letter-spacing:-1px;}
#comments p.comment-meta a			{color:rgb(33,32,31);text-decoration:underline;}

/* Archive,Search
================================== */
#archive,#search,#category			{margin:55px 0;width:670px;}
#archive h1,#search h1,#category h1	{font-size:1.875em;font-weight:200;letter-spacing:-1px;line-height:1em;margin:0 0 62px 0;text-transform:uppercase;}
#archive h1	.orange,
#search h1 .orange,
#category h1 .orange				{color:rgb(234,77,15);}
.category-post,
.archive-post,
.search-post						{margin:0 0 72px 0;}
.archive-post-body,
.search-post-body,
.category-post-body					{float:right;width:310px;}
.archive-post-body h2,
.search-post-body h2,
.category-post-body h2				{background:rgb(33,32,31);display:inline-block;font-size:1.5em;letter-spacing:-1px;padding:10px 15px;margin:36px 0 0 0;}
.search-post-body h2:hover,
.category-post-body h2:hover		{background:rgb(234,77,15);}
.archive-post-body h2 a,
.search-post-body h2 a,
.category-post-body h2 a			{color:rgb(255,255,255);}
.archive-post-date,
.search-post-date,
.category-post-date					{font-size:0.6875em;font-weight:800;letter-spacing:-1px;text-transform:uppercase;}
.archive-post-body p,
.search-post-body p,
.category-post-body p				{font-size:1.125em;letter-spacing:-1px;line-height:1.333333333333333em;}
.archive-post-footer,
.search-post-footer,
.category-post-footer				{background:url(_images/stripes.png);min-height:8px;margin:18px 0;padding:18px 0;position:relative;}
#archive .view-entry,
#search .view-entry,
#category .view-entry				{background:rgb(234,77,15);color:rgb(33,32,31);float:right;margin:18px 0 0 0;padding:7px 15px;text-shadow:0px 1px 1px rgb(255,137,90);
										-webkit-border-radius:2px;-moz-border-radius:0px;
										-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.30);-moz-box-shadow:0px 0px 4px rgba(0,0,0,.30);
									}
#archive .view-entry:hover,
#search .view-entry:hover,
#category .view-entry:hover			{color:rgb(255,255,255);text-shadow:0px 0px 4px rgba(0,0,0,.3);}
#searchresultbox					{margin:-36px 0 0 0;position:relative;}
#searchresultbox label				{float:left;text-indent:-99999px;}
#searchresultbox input				{background:rgb(33,32,31);color:rgb(255,255,255);font-size:1.125em;padding:25px 100px 0 10px;width:240px;
										-webkit-border-radius:2px;-moz-border-radius:0px;
										-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.30);-moz-box-shadow:0px 0px 4px rgba(0,0,0,.30);
									}
#searchresultbox input.searchsubmit	{background:rgb(234,77,15);color:rgb(33,32,31);font-size:1.125em;padding:13px 10px 12px 10px;position:absolute;left:260px;text-shadow:0px 1px 1px rgb(255,137,90);text-transform:uppercase;top:0px;width:90px;
										-webkit-border-radius:0px;-moz-border-radius:0px;
										-webkit-box-shadow:0px 0px 0px rgba(0,0,0,.30);-moz-box-shadow:0px 0px 4px rgba(0,0,0,.30);
									}
#searchresultbox
input.searchsubmit:hover			{color:rgb(255,255,255);cursor:pointer;text-shadow:0px 0px 4px rgba(0,0,0,.3);}
/* Pages
================================== */
#page								{margin:55px 0;width:670px;}
#page h1							{font-size:1.875em;font-weight:400;letter-spacing:-1px;margin:0 0 36px 0;text-transform:uppercase;}
#page p								{font-size:1.125em;letter-spacing:-1px;margin:18px 0;}
#contactform						{}
#contactform ol						{}
#contactform ol li					{margin:0 0 10px 0;position:relative;}
#contactform label					{float:left;text-indent:-9999px;}
#contactform input					{background:rgb(33,32,31);color:rgb(255,255,255);font-size:1.125em;padding:25px 0 0 10px;width:418px;
									 	-webkit-border-radius:2px;-moz-border-radius:0px;
									 	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.30);-moz-box-shadow:0px 0px 4px rgba(0,0,0,.30);
									}
#contactform .captcha p				{color:rgb(234,77,15);font-weight:200;margin:0;}
#contactform .captcha input			{padding:25px 0 0 35px;width:393px;}
#contactform textarea				{background:rgb(33,32,31);color:rgb(255,255,255);font-size:1.125em;padding:15px 0 0 10px;width:418px;
										-webkit-border-radius:2px;-moz-border-radius:0px;
									}
#contactform .required,
#contactform .checkfield			{background:url(_images/requiredarrow.png) no-repeat center center;bottom:1px;float:left;font-size:0.75em;height:35px;padding:12px 0 0 10px;position:absolute;right:170px;text-align:center;text-shadow:0px 1px 1px rgb(255,137,90);text-transform:uppercase;width:102px;}
#contactform .tooltip				{background:rgb(234,77,15);bottom:13px;float:left;font-size:0.75em;left:10px;padding:0px 5px;position:absolute;text-align:center;text-shadow:0px 1px 1px rgb(255,137,90);text-transform:uppercase;}
#contactform .tooltip:hover			{cursor: help;}
#contactform input#contactsubmit	{background:rgb(234,77,15);color:rgb(33,32,31);font-size:1.125em;padding:13px 10px 12px 10px;text-shadow:0px 1px 1px rgb(255,137,90);text-transform:uppercase;width:90px;
										-webkit-border-radius:0px;-moz-border-radius:0px;
										-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.30);-moz-box-shadow:0px 0px 4px rgba(0,0,0,.30);
									}
#contactform #contactsubmit:hover	{color:rgb(255,255,255);cursor:pointer;text-shadow:0px 0px 4px rgba(0,0,0,.34);}
/* Footer
================================== */

#footer								{border-top: 2px dashed rgb(33,32,31);border-bottom: 2px dashed rgb(33,32,31);margin:40px 0;padding:5px 0;}
#footer #backtotop					{background:url(_images/uparrow.png) no-repeat 0 -38px;color:rgb(33,32,31);float:left;font-size:0.875em;height:26px;letter-spacing:-1px;margin:0 0 0 20px;padding:0px 0 0 30px;}
#footer #backtotop:hover			{background-position:0 0;}
#footer #ynad						{color:rgb(33,32,31);float:right;font-family:georgia,times,serif;font-size:0.75em;font-style:italic;letter-spacing:-1px;margin:0 30px 0 0;}
#return								{opacity:0;width:0;height:0;}



@media only screen and (device-width: 768px) {
 	#container						{width:760px}
	#navigation li:first-child		{display:none}
	#sidenavigation					{display:none}
}