/*
Stylesheet for Interface Developer
Date: August 2009, Dec 2011
Version: 2.1.0
Developer: S. Cmakal
Color scheme: 
	#fff - white
	#e4e0e1 - light grey
	#8a8a8a - mid grey
	#303030 - very dark grey
*/

body 				{ font: 0.75em Helvetica,Arial,Verdana,Geneva,sans-serif; padding: 0; background-color: #E5E3E4; color: #5A5A5A; height: 100%; width: 100%; float: left;}
* 					{ margin: 0; padding: 0; }
html				{ float: left; width: 100%; height: 100%;}
div					{ margin:0; padding:0; }
p					{ margin:0 0 1.5em 0; line-height: 1.75em; }
ul					{ margin:0 0 1.5em; padding:0;list-style:none;}
li					{ margin: 3px 0; padding:0; line-height: 1.5em;}
img 				{ border: 0;}
a					{ color: #0B7D83; text-decoration: underline; padding: 1px 3px;}
a:hover				{ text-decoration: underline; background-color: #0B7D83; color: #fff;}
fieldset			{ border: none;}
hr 					{ width: 100%; border: none; height: 1px; background-color: #fff; margin: 0 0 0.4em 0; }
dl dd				{ margin-bottom: 0.5em;}
h1					{ display: block; height: 0; overflow: hidden; padding: 181px 117px 0 0; width: 512px; float: right; background: transparent url(../images/elements/logo.gif) no-repeat 0 -181px; margin: 0 0 20px;}
h1:active			{ background-position: 0 0;}
h2					{ padding: 0; font: 1.3em "Lucida Grande", Helvetica,Arial,Verdana,Geneva,sans-serif; width: 100px; height: 74px; float: left; font-weight: normal; color: #303030; letter-spacing: -0.025em; border-left: 5px solid #EAE9E9; text-align: right; clear: right;}
h3					{ padding: 0 0 0.25em; font-size: 1em; font-weight: bold; color: #0B7D83; margin: 0; letter-spacing: 0.05em;}
em					{ line-height: 1.5em;}
h3 a 				{ letter-spacing: normal; font-size: 0.8em; font-weight: normal;}
h4					{ font-size: 1em; text-transform:uppercase; font-weight: normal;}
h5					{ color: #1d2e64; font-size: 1em;font-weight:normal;}
.clear				{ clear:both;}
input				{ margin: 0;}

table				{ border: none; margin: -3px -3px 5px -3px; padding: 0; width: 100%; text-align: center; font-size: 0.90em; }
th					{ background-color: #265768; padding: 1px 0 1px 5px; }
td					{ background-color: #fff; color: #265768; font-weight: bold; padding: 1px 0 1px 5px; } 

.disclaimer			{ font-style: italic; font-size: 0.95em; }
.small_text			{ font-size: 90%;}

#wrapper			{ height: 100%; width: 980px; margin: 0 auto; }
#outer_wrapper		{ float: left; padding: 120px 24px 0; background: transparent url(../images/elements/bg_top.gif) no-repeat 0 0;}
#inner_wrapper		{ float: left; background-color: #fff; padding: 0 0 50px; width: 935px; position: relative; }
#mainContent		{ width: 490px; float: left; padding: 0 0 0 352px;}
.content			{ width: 370px; float: right; padding-left: 0; }
.leftCol			{ }
.rightCol			{ }

.showJsOnly			{ display: none; }

#navLink,
#navigation			{ float: left; width: 461px; clear: left; padding: 0 0 0 474px; display: block;}
#navLink			{ height: 1px; overflow: hidden;}
#navigation li		{ font-weight: bold; font-size: 1.2em; float: left; width: auto; display: block; white-space: nowrap; }
#navigation li a	{ font-weight: bold; padding: 3px 15px 3px 5px; color: #303030; text-decoration: none; }
#navigation li a:hover	{ font-weight: bold; padding: 3px 15px 3px 5px; color: #303030; background-color: transparent; text-decoration: underline; }


/* Twetter style */
.tweet_list			{ float: left; }
.tweet_list li		{ float: left; clear: left; padding-left: 0; width: 780px; }
.tweet_list li.tweet_first	{ text-align: center !important;}
.tweet_list li.tweet_odd	{ text-align: right;}
.tweet_list li.tweet_even	{ text-align: left;}
.tweet_avatar		{ width: 48px; height: 48px; position: absolute; left: 0; top: 0; display: none;}
a.tweet_avatar:hover	{ background-color: transparent;}
em.detail				{ position: relative; top: -15px;}
h2.twitter			{ background-color: transparent; padding: 0; margin: 0; }
h2.twitter a		{ padding: 0;}
h2.twitter a:hover	{ padding: 0; background-color: transparent;}
#twitterLinkWrapper	{ width: 150px; clear: none; padding: 155px 30px 5px 27px;}
#twitterLink		{ margin-top: 20px;}
#tweet				{ width: 780px; clear: both; padding: 0 30px 20px;}
#tweet a			{ padding-left: 0;}

.projects			{ margin-left: 15px; list-style-type: disc;}
.projects h4		{ display: inline; text-transform: none; font-weight: bold;}

.list 				{ margin:0 0 1.5em 0; }
.list li			{ padding-left: 0; background: transparent url(../images/elements/icons.gif) no-repeat 0 -81px; }
.list li p			{ margin-bottom: 0.5em;}

/* accessibility */
p:active, li:active,
h2:active, h3:active, h4:active, .tweet_list li:active,
h1:active				{ color: #d00;}

.accessibility			{ width: 935px; position: absolute; top: -120px; left: 0; overflow: hidden; height: 24px;}
.bottom	.accessibility	{ bottom: 0 !important; top: auto;}
.accessibility li		{ width: 935px; padding: 0; margin: 0; }
.accessibility li a		{ display: block; margin-top: -300px; position: absolute; top: 0; left: 0; width: 925px; background-color: yellow; border: 2px solid #000; color: #000; font-size: 1.2em; text-decoration: none;}
.accessibility li a:focus,
.accessibility li a:active	{ margin-top: 0;}

#mobileSiteLink			{ display: block; position: absolute; right: 0; top: -120px;}

.message {
	font-size: 1.1em;
}

/*
// Standard screens
only screen and (min-width:1025px)
// Tablet landscape
only screen and (min-width:769px) and (max-width:1024px)
// Tablet portrait
only screen and (min-width:481px) and (max-width:768px)
// Smartphone landscape
only screen and (min-width:321px) and (max-width:480px)
// Smartphone portrait
only screen and (max-width:320px)
*/

/* Smartphones (portrait and landscape) ----------- */
/*@media only screen and (min-width:320px) {

	.accessibility {
		display: none;
	}

	#wrapper,
	#outer_wrapper,
	#inner_wrapper,
	#mainContent,
	#tweet,
	#twitterLinkWrapper {
		padding: 0;
		width: 100%;
	}
	h1 {
		width: 100%;
		margin: 20px 0;
		float: left;
		height: auto;
		background-image: none;
		padding: 0;
		font-size: 3em;
		font-weight: normal;
	}
}*/