html, body, div, ul {
	margin: 0;
	padding: 0;
}

hr { margin: 20px 40px 20px 20px; border: 0px; border-top: 1px solid #dadada; height: 1px; }
ul { list-style: none; }
body {
	background: url('../images/bg.gif');
	color: #3c2b3e;
	font: 76% verdana, sans-serif;
  min-width: 1000px;
}

p { font-size: 11px; margin: 10px; max-width: 500px; }
a, a:visited { color: #0DA3B2; text-decoration: none; }
a:hover { color: #6c6c6c; }
a img { border: none; }
a:hover img { border: none; }

input[readonly=readonly] { background-color: #ddd; }

div#Header {
	width: 100%;
	height: 117px;
	border-bottom: 1px solid #cccccc; /* #e8e8e8 */
	background-image: url('../images/header_grad.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: white;
}

div#Header div#auth {
	float: right;
	padding: 2px 5px;
	margin: 0px;
	border-left: 1px #ccc solid;
}

div#Header div#auth p#greet {
	margin: 0px;
}

div#Header div#auth ul { padding: 0px; }
div#Header div#auth ul li { font-size: 10px; }

div#Header div#Logo {
	background-image: url('../images/logotype.jpg');
	background-position: 5px 17px;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 117px;
	width: 403px;

	margin-left: 10px;
	float: left;
}

div#Header ul#headermenu { height: 117px; }
div#Header ul#headermenu li.firstlevel {
	border: 1px solid transparent;
	border-width: 0px 1px;
	float: left;
	display: block;
	width: 100px;

	/*set an unused color to be index color*/
	_border-color: tomato; /*For IE6-*/

	/*then remove this indexed color*/
	_filter: chroma(color=tomato);/*For IE6-*/
}

div#Header ul#headermenu li.firstlevel:hover {
	border-color: #cccccc; /* #e8e8e8 */
	background-color: #ffffff;
}

div#Header ul#headermenu p {
	padding: 0px;
	line-height: 117px;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	margin: 0px;
}

div#Header ul#headermenu li.firstlevel:hover p a { color: #0da3b2; }
div#Header ul#headermenu p a {
	color: #6c6c6c;
	display: block;
	width: 100%;
}

div#Header ul#headermenu ul { display: none; }
div#Header ul#headermenu li.firstlevel:hover ul {
	display: block;
	position: absolute;
	border: 1px solid #cccccc; /* #e8e8e8 */
	border-top: 0px;
	margin: 0px 0px 0px -1px;
	padding: 0px;
	background-color: white;
	list-style: none;
	width: 100px;
}

div#Header ul#headermenu li.firstlevel:hover ul li p {
	background-color: #e8e8e8; /* #f6f6f6 */
	line-height: 22px;
	font-size: 11px;
	font-weight: normal;
}

div#Header ul#headermenu li.firstlevel ul li p a:hover {
	display: block;
	color: #0da3b2;
	background-color: white;
}
div#Header ul#headermenu li.firstlevel:hover ul li p a {
	color: #6c6c6c;
	display: block;
	width: 100%;
}

div.intervention_box {
	width: 400px;
	margin: 0px auto;
}

div.intervention_box form { margin-left: 100px; }

h1, h2 {
	margin: 16px 0px 0px 0px;
	height: 32px;

	font-size: 1.0em;
	font-weight: bold;
	line-height: 32px;

	background-image: url('../images/middle.gif');
	background-repeat: repeat-x;
	overflow: auto;
}

.subtitle {
	text-transform: capitalize;
	color: #6c6c6c;
}

h1 span, h2 span { 
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0px 14px; 
}

.title {
	text-transform: uppercase;
	color: #0da3b2;
}

h1 span.title, h2 span.subtitle {
	background-image: url('../images/right.gif');
	background-position: right;
	float: right;
}

h1 span.subtitle, h2 span.title {
	background-image: url('../images/left.gif');
	background-position: left;
	float: left;
}

.spaced { margin-top: 10px; }
.content {
	border: 1px solid #cccccc; /* #e8e8e8 */
	background-color: #fafafa;
	overflow: auto;
}

div#profile { margin: 0px 100px; }
img.profile_img { display: block; float: left; margin: 10px; }
div#edit_profile { margin: 0px 100px; }
div#new_post { margin: 0px 100px; }
div#new_image { margin: 0px 100px; }

div#forgot_password { margin: 0px auto; width: 400px; }
div#change_password { margin: 0px auto; width: 400px; }

div#user_gallery { margin: 0px 20px; }

div#project_list { margin: 0px 100px; }
div#project_list a img.project_img { display: block; margin: 10px; }
div#project_list p { margin: 10px; }
div#post_comments { margin: 0px 20px; }
div#news_list { margin: 0px 20px; }

div#new_project { margin: 0px 100px; }
div#new_news { margin: 0px 100px; }
div#new_project textarea { width: 600px; height: 200px; }
div#new_post textarea { width: 600px; height: 250px; }
div#new_news textarea { width: 600px; height: 250px; }
div#new_comment_box textarea { width: 600px; height: 200px; }
div#new_image textarea { width: 600px; height: 150px; }

div#pokedex { overflow: auto; margin: 0px 0px 0px 0px; width: 600px; float: right; }
div#pokedex_2 { overflow: auto; margin: 0px 100px; }
div#new_link { margin: 0px 100px; }
div#new_link ul { margin: 10px 0px 10px 110px; }
div#new_link ul li { margin: 5px 0px; }
div#new_link ul li a.project_link { display: block; width: 220px; float: left; }

div#blog_list { margin: 0px 100px; }
div#blog_list ul { margin: 10px; }
div#blog_list ul li { font-size: 11px; margin: 5px; }

div#footer { padding-top: 20px; clear: both; margin-bottom: 20px; }
div#footer p { max-width: 100%; }

div#footer p#ownership {
	text-align: center;
	color: #AAA;
}

div#sidebar, div#dex_sidebar {
	float: right;
	width: 220px;
	margin: 0px 20px;
}

div#dex_sidebar { margin-right: 100px; }


div#modelling_info { overflow: auto; margin-left: 20px; height: 100%; }
div#project_info { overflow: auto; margin-left: 20px; height: 100%; }
div#blog_posts { overflow: auto; margin-left: 20px; height: 100%; }
div#news_posts { overflow: auto; margin-left: 20px; height: 100%; }

p.details { line-height: 20px; margin: 0px; padding-left: 10px; }

div.content p { margin: 10px; }
div.content p.comments { text-align: right; max-width: 100%; }

p.actions { text-align: right; margin-top: 10px; font-size: 10px; max-width: 100%; }

form p { overflow: auto; max-width: 100%; }
form p label { float: left; width: 100px; font-weight: bold; padding-top: 5px; }
form p textarea, form p input { border: 1px solid #aaa; }

ul.gallery { overflow: auto; height: 100%; }
ul.gallery li { float: left; margin: 20px 30px; height: 210px; width: 254px; background-color: #fefefe; border: 1px solid #ccc; padding: 5px 0px; }
ul.gallery li a.thumbnail { display: block; margin: 0px 46px; }
ul.gallery li a.thumbnail img { height: 145px; width: 162px; display: block; }
div#dex_sidebar ul.gallery li a.thumbnail img { width: 162px; display: block; height: auto; }
ul.gallery li p { text-align: center; font-size: 10px; margin: 2px; }

ul.preview.gallery li { margin: 10px 0px; background-color: transparent; width: 100%; border: none; height: auto; padding: 0px; }
ul.preview.gallery li a.thumbnail { margin: 0px auto; width: 162px; }

div#gallery_show { margin: 0px 20px; }
div#gallery_show div p.image_holder { max-width: 100%; margin: 0px 100px 20px 100px; }
div#gallery_show div p.image_holder img { display: block; margin: 0px auto; max-width: 100%; }

div#pokedex img#dex_preview { display: block; width: 320px; height: 240px; border: 1px solid #e0e0e0; margin-bottom: 20px; }
div#pokedex div p label { float: left; width: 150px; font-weight: bold; }

div#pokedex_2 div#showcase { width: 342px; overflow: auto; }
div#pokedex_2 img#dex_preview { display: block; width: 320px; height: 240px; border: 1px solid #e0e0e0; margin: 10px 10px 20px 10px; }
div#pokedex_2 p.description { text-align: left; margin: 10px; background-color: red; overflow: auto; line-height: 100%; }
div#pokedex_2 p.description select { float: right; }


ul.modellers { padding: 10px 20px; }
ul.modellers li { padding: 5px 0px; }

#modelling_info ul { overflow: auto; padding: 10px; }
#modelling_info ul li { float: left; width: 20%; padding: 0px; }
#modelling_info ul li p.name { font-weight: bold; }