/* From: /css/000_atdc.css */ 

/** Default styling **/
body		{margin:0;font-size:62.5%;text-align:center;color:#1c1c1c;background-color:#f4f3f3;}

a img		{border:none;}

h1		{font-size:1.3em;line-height:1.4em;margin:0.2em 0 0.7em 0;}
h2		{font-size:2em;margin:0.2em 0 0.8em 0;}
h3		{font-size:1.3em;line-height:1.5em;margin:0.7em 0 0.2em 0;}
h4		{}

p		{font-size:1em;line-height:1.3em;margin:0 0 1em 0;}

div#content ul	{margin-top:0;padding-left:1.9em;list-style-type:square;}
div#content li	{padding-left:0.2em;font-size:1em;line-height:1.6em;}

a:link		{}
a:visited	{}
a:hover		{text-decoration:none;}
a:active	{}

/** Default structure **/
div#pagesdw	{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-color:#f4f3f3;box-shadow:0px 0px 5em rgba(0,0,0,0.1) inset;}
div#page	{position:relative;top:0;left:0;z-index:1;display:inline-block;width:100%;min-width:280px;max-width:1200px;margin:0 auto;padding:0 0 3em 0;text-align:left;font-size:1.5em;}
div#header	{display:block;float:left;width:92%;background-color:transparent;padding:1em 4%;}
div#content	{display:block;float:left;width:92%;background-color:transparent;height:auto;min-height:5em;padding:0 4%;margin:0 0 1.5em 0;font-size:0.9em;}
div#footer	{display:block;float:left;width:92%;min-height:3.5em;background-color:transparent;padding:2em 4% 0 4%;text-align:center;}

div#page.jsactive {padding:0;}

a#skiptocontent	{position:absolute;top:-10px;left:-10px;width:0;height:0;overflow:hidden;}

div#header h3.logo	{color:#4d1714;font-size:1.4em;text-align:left;margin-top:0.3em;}
div#header h3.logo span	{display:inline-block;width:100%;font-size:1.3em;}

ul#navigation	{display:block;float:left;width:92%;margin:0 4%;padding:0;font-size:1.2em;text-align:center;background-color:#c4bfbf;border:1px solid #a69f9e;border-radius:2px;box-shadow:-1px 1px 4px #999999;}
ul#navigation li{display:inline-block;float:left;width:100%;height:auto;line-height:2.5em;margin:0;}

a.topmenubutton		{position:absolute;top:2.5em;right:4%;float:right;width:auto;height:auto;padding:0.2em 2%;text-decoration:none;}

ul#navigation a		{float:left;width:100%;color:#4d1714;padding-bottom:0;text-decoration:none;border-bottom:1px dotted #1c1c1c;}
ul#navigation a:hover	{background-color:#d8d5d5;color:#1c1c1c;border-bottom:1px dotted #1c1c1c;}
ul#navigation a.active	{color:#4d1714;border-bottom:1px dotted #4d1714;}

/** Inline Structure **/

div.articleblock		{display:inline;float:left;width:88%;height:auto;padding:2em 6% 3em 6%;margin:0 0 2.5em 0;background-color:#fafafa;border:1px solid #eae9e9;box-shadow:0px 2px 6px rgba(0,0,0,0.1);}

div.website			{display:inline;float:left;width:100%;margin:0 0 2em 0;}
p.skills span	{padding:0.1em 0.5em;background-color:#ffffff;font-style:italic;border: 1px solid #eaeaea;box-shadow:-2px 2px 2px rgba(90,90,90,0.1);margin: 0 0.3em 0 0;border-radius:3px;line-height: 2.3em;}
div.website div.img		{float:left;margin:0 2em 1em 0;width:100%;}
div.website div.img img		{width:100%;height:auto;border:1px solid #e4e4e4;box-shadow:0px 3px 7px rgba(0,0,0,0.1);width:100%;height:auto;}

div.getinvolved		{display:inline;float:left;width:100%;height:auto;text-align:center;}
div.getinvolved	span	{float:left;width:94%;height:19.5em;margin:0 3%;font-style:italic;color:#5c5c5c;}
div.getinvolved	span img{width:92%;height:auto;border:1px solid #e4e4e4;box-shadow:0px 3px 7px rgba(0,0,0,0.1);margin: 1em 0;background-color:#ffffff;padding:0.4em;}

div.tweet			{position:relative;top:0;left:0;display:inline-block;width:89%;height:auto;background-color:#ffffff;box-shadow:0px 3px 7px rgba(0,0,0,0.1);border:1px solid #e4e4e4;padding:1.5em 1.5em 3.5em 1.5em;margin:0 0 1.5em 0;}
div.tweet span.avatar		{float:left;clear:left;padding:0 0.6em 0.4em 0;}
div.tweet span.user		{float:left;padding-bottom:0.5em;}
div.tweet span.user strong	{font-size:1.2em;}
div.tweet span.text		{float:right;width: 100%;height:8.9em;}
div.tweet span.actions		{float:right;width: 100%;}

div#tweetcontainer		{width:40%;}
div#tweetcontainer h2 img	{float:right;}

div.homepage div#tweetcontainer {width:88%;float:right;clear:right;padding-bottom: 1.4em;}
div.homepage div.tweet		{width:80%;}
div.homepage div#intro,
div.homepage div#contactform	{width:88%;clear:left;}

div.contactpage div#tweetcontainer 	{width:88%;float:right;clear:right;}
div.contactpage div.tweet		{width:80%;}
div.contactpage div#contactform		{width:88%;clear:left;}

form					{display:block;float:left;width:100%;margin:0;padding:0;}
form label				{display:inline;float:left;clear:left;width:92%;height:auto;font-size:1em;font-style: italic;line-height:1.4em;padding:0.3em 0.5em 0;margin:0 0 0.5em 0;}
form input.textfield,
form textarea.textareafield		{display:inline;float:left;width:92%;height:2em;font-size:1.1em;line-height:2em;padding:0 0.5em;margin:0 0 0.7em 0;box-shadow:-1px 1px 5px #E1E1E1 inset;border-radius:3px;border:1px solid #dadada;color:#777777;}
form textarea.textareafield		{height:auto;line-height:1.4em;padding:0.5em 0.5em;font-family:verdana;font-size:1em;}
form input.deftextfield			{display:inline;float:left;width:auto;height:auto;font-size:1.1em;padding:0;margin:0 0 1em 1em;box-shadow:-1px 1px 5px #E1E1E1 inset;border-radius:3px;border:1px solid #dadada;color:#777777;}
form input.textfield:focus,
form textarea.textareafield:focus	{box-shadow:0px 0px 4px #f3f3f3 inset;border-color:#d3d3d3;background-color:#ffffff;color:#000000;}
form input#cfisecImage			{width:25%;}
form img#cfisecImageImg			{float:left;margin:0.5em 2em 1.8em 1em;}
form .inlinelabel			{display:inline;float:left;margin-left: 3%;width: 83%;font-size:0.8em;}
form span.button			{display:inline;float:right;margin: 1.4em 4em 0 0;width:auto;height:auto;background-color:#c4bfbf;border:1px solid #a69f9e;border-radius:2px;box-shadow:-1px 1px 4px #999999;text-shadow:-1px 1px 1px #eeeeee;text-align:center;font-weight:normal;}
form input.button			{float:left;width:auto;height:auto;cursor:pointer;padding:0.3em 1em;font-size:1.1em;line-height:2.1em;box-shadow:0px 0px 25px #a3a3a3 inset;border:none;color:#2b2222;background-color:transparent;}
form span.button:hover			{background-color:#aea8a8;border-color:#8d8a8a;color:#000000;}
form .errormssg				{color:#7d1212;font-weight:bold;}
form .completemssg			{color:#267d12;font-weight:bold;}


/** Styles & Links **/
.alicefont	{font-family: "Alice", serif;font-weight:normal;}
.trebuchetfont	{font-family: "Trebuchet MS", sans-serif;}

.righttxt	{text-align:right;}
.centretxt	{text-align:center;}
.fullblock	{display:block;float:left;width:100%;}

p.websitelink,
p.websitelink a		{display:none;}
p.websitelink		{margin:0 0 2em 0;text-align:center;}

p.copyrightfooter	{position: relative;left: 0;top: -1em;width:100%;float: left;font-size: 0.9em;margin-bottom: 0;text-align: center;}

p.helplinks		{clear: right;float: right;width:100%;font-size: 0.9em;position: relative;right: 0;top: -4em;margin:0;}
p.helplinks a		{color:rgba(28,28,28,1);}
p.helplinks a:hover	{color:rgba(28,28,28,0.5);}

p.sociallinks		{display: inline-block;left: -0.9em;margin: 0 auto;position: relative;top: -5.5em;}
p.sociallinks a		{float:right;margin:0 0.58em;opacity:0.5;}
p.sociallinks a:hover	{opacity:1;}


div.tweet a		{color:#888888;}
div.tweet a:hover	{color:#1c1c1c;}
div.tweet a strong	{color:#1c1c1c;}
div.tweet span.text a	{color:#4d1714;}

div.tweet a.date	{position:absolute;bottom:1.5em;right:1.5em;}
div.tweet a.reply span,
div.tweet a.retweet span,
div.tweet a.favourite span	{display:inline-block;width:16px;height:16px;overflow:hidden;background-image:url('/gfx/twitter-everything-spritev2.png');background-repeat:no-repeat;background-position:0px 0px;}
div.tweet a.reply:hover span	{background-position:-16px 0px;}

div.tweet a.retweet span	{background-position:-80px 0px;}
div.tweet a.retweet:hover span	{background-position:-96px 0px;}
div.tweet a.favourite span	{background-position:-32px 0px;}
div.tweet a.favourite:hover span{background-position:-48px 0px;}

a.greybox	{display:inline-block;width:auto;height:auto;background-color:#c4bfbf;border:1px solid #a69f9e;border-radius:2px;box-shadow:-1px 1px 4px #999999;color:#2b2222;text-shadow:-1px 1px 1px #eeeeee;text-align:center;}
a.greybox span	{float:left;width:auto;height:auto;padding:0 10px;font-size:1.1em;line-height:2.1em;box-shadow:0px 0px 25px #a3a3a3 inset;}
a.greybox:hover	{background-color:#958f8f;border-color:#7c7a7a;color:#000000;}

a#backtotop		{bottom: -0.3em;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);text-decoration:none;left: 50%;margin: 0 0 0 -4em;position: absolute;width: 8em;}
a#backtotop span	{width: 84%;height: 2.5em;line-height: 3.2em;}
a#backtotop:before 	{content: "^";display: inline-block;font-size: 2em;left: 0;position: absolute;text-align: center;top: 0;width: 100%;color: #858585;}

p.usefullinks a	{margin:0 1em 1em 1em;}

/* Carried Over */

div.blogpage div.articles		{float:left;width:100%;}
div.blogpage div#categorymenu		{float:right;margin: 0 0 2em 0%;width: 100%;}
div.blogpage div.article		{display:block;float:left;width:100%;margin:0 0 2em 0;}
div.blogpage div.article h3 span	{float:right;font-size:0.8em;opacity:0.7;}
div.blogpage div.article p.categories	{font-style:italic;}

div.vimagealign		{display:inline;float:left;width:29.5%;margin:0 1% 1% 0;padding:1%;background-color:#ededed;border:1px solid #d7d7d7;height:200px;font-size:0;line-height:200px;overflow:hidden;text-align:center;}
div.vimagealign img	{vertical-align:middle;max-width:93%;max-height:200px;}
div.vimagealign:before,
div.vimagealign:after	{content:"\00A0";}

.clearfix	{display:block;float:left;width:100%;clear:left;}


 /* From: /css/001_responsive.css */ 

@media only screen and (min-width: 360px) {


}

@media only screen and (min-width: 480px) {
	
	div.tweet span.text		{height:5.9em;}
	div.homepage div.tweet		{width:89%;}
	div.contactpage div.tweet	{width:89%;}

}

@media only screen and (min-width: 640px) {


}

@media only screen and (min-width: 768px) {
	
	div#footer	{min-height:auto;}
	div.getinvolved	span	{width:44%;}
	
	p.copyrightfooter	{position: relative;left: 0;top: 2em;width:auto;float: left;font-size: 0.9em;margin-bottom: 0;text-align: center;}
	p.helplinks		{clear: right;float: right;width:auto;font-size: 0.9em;position: relative;right: 0;top: 2em;margin:0;}
	p.sociallinks		{top: -4em;}
	
	div.tweet a.date	{bottom:auto;top:1.5em;right:1.5em;}

}

@media only screen and (min-width: 800px) {

	div#content		{margin-top:0;}
	
	div#header h3.logo	{font-size:1.8em;text-align:center;}
	div#header h3.logo span	{display:inline;width:auto;font-size:1.3em;}
	
	div.website div.img {margin: 0 5% 5em 0;width: 43%;}
	div.website p.skills{margin-left:48%;}
	
	p.websitelink		{margin:0 0 2em 48%;text-align:left;}

	a.backtohome			{float:left;width:12%;}

	ul#navigation	{position:absolute;top:4em;left:0%;width:100%;margin:0;padding:.5em 0;background-color:transparent;border:none;border-radius:0px;box-shadow:none;}
	ul#navigation li{width:auto;float:none;line-height:1.5em;margin:0 1em;}

	
	a.topmenubutton		{display:none;}
	ul#navigation a		{float:none;width:auto;color:#4d1714;padding-bottom:0.2em;text-decoration:none;border-bottom:0px dotted #1c1c1c;}
	ul#navigation a:hover	{background-color:transparent;}
}

@media only screen and (min-width: 900px) {
	
	
	div.website div.img	{width:24em;margin: 0 2em 2.5em 0;}
	div.website p.skills	{margin-left:0;}
	
	p.websitelink		{margin:0 0 2em 26em;}
	
	div.getinvolved	span	{width:27.3%;height:19em;}
	div.getinvolved	span img{width:100%;}

	div.tweet			{padding:1.5em;}
	div.tweet span.text		{width: 84%;height:7.9em;}
	div.tweet span.actions		{width: 84%;}

	div.homepage div#tweetcontainer {width:37.5%;}
	div.homepage div#intro,
	div.homepage div#contactform	 {width:34%;}
	div.homepage div#contactform	 {clear:right;float:right;}
	
	div.contactpage div#tweetcontainer 	{width:37.5%;}
	div.contactpage div#contactform		{width:34%;}
	
	form label				{width:33%;margin:0 0 0.7em 0;}
	form input.textfield,
	form textarea.textareafield		{width:50%;margin:0 0 0.7em 1em;}
	form .inlinelabel			{width: 48%;}
	form span.button			{margin: 1.4em 8em 0 0;}

	div.blogpage div.articles		{width:75%;}
	div.blogpage div#categorymenu		{margin: 0 0 2em 9%;width: 16%;}

}

@media only screen and (min-width: 980px) {

	div.tweet span.text		{height:5.9em;}
	
	form input.textfield,
	form textarea.textareafield	{width:52%;}
	form .inlinelabel		{width: 50%;}
}

@media only screen and (min-width: 1158px) {

	form input.textfield,
	form textarea.textareafield	{width:54%;}
	form .inlinelabel		{width: 52%;}
}