/*
MAROO 2011.

Author:    Natasja van Gestel / Maroo.
Website:   http://www.the-wired-kingdom.com
Date:      2011

Copyright 2011 Natasja van Gestel / Maroo. All rights reserved.

Please do not copy (parts of) this stylesheet word-for-word,
as I have spent lots of time on it. But feel free to look into 
the code if you're looking to learn more about CSS and the way
I use it.
$*/


@charset "utf-8";
/*STANDARDS*/
body						{	margin: 0px;
								padding: 0px;
								font: 9pt Georgia, serif;
								color: #666;
								background: #645534; }
table						{	border-collapse: collapse; 
								border: 0px;
								color: #666; }
table.hundred				{	width: 100%; }
td							{	vertical-align: top;
								border-collapse: collapse;
								padding: 0px;
								margin: 0px; }
input						{	font: 9pt Georgia, serif;
								color: #765953;
								border: 1px solid #FFF;
								padding: 3px;
								-moz-border-radius: 5px;
								border-radius: 5px; }
h1							{	padding: 0px;
								margin: 0px;
								font: 16pt Georgia, serif;
								font-weight: normal; }
h2							{	 }

img							{	border: 0px none; }
a							{	border: 0px none; }
a:link, a:visited			{	color: #666;
								text-decoration: underline; }
a:hover						{	text-decoration: none;
								color: #666; }
#leftmenu a:link, #leftmenu a:visited
							{	color: #765953;
								text-decoration: underline; }
#leftmenu a:hover			{	text-decoration: none;
								color: #765953; }
/*MAIN TAG VARIATIONS*/
td.right					{	text-align: right; }
table.right					{	float: right; }
div.paddingtwenty			{	padding: 20px; }
div.paddingfive				{	padding: 5px; }
div.paddingten				{	padding: 10px; }
div.paddingwidthten			{	padding: 0px 10px; }

/*MAIN CONTAINER DIVS*/
#container					{	width: 868px;
								margin: 0 auto;
								position: relative;
								background: #FF9999 url(backgroundtop.jpg) no-repeat top center;;
								padding-top: 100px; }
#topbanner					{	padding: 0px 10px 0px 10px;
								position: relative; }
#lowerhalf					{	position: relative;
								border-bottom: 1px solid #666;
								padding: 10px 0px 30px 10px;
								background: #FFF; }
#disc						{	padding: 0px 10px 10px 0px; }
#disc div.diversify			{	padding: 10px;
								color: #FFF;
								background: #a09373 url(elements/grad01.jpg) repeat-x;
								font: 8pt Verdana;
								display: inline;
								float: right;
								min-width: 250px;
								margin-bottom: 20px; 
								border-left: 1px solid #666;
								border-right: 1px solid #666;
								border-bottom: 1px solid #666; }
div.diversify td			{	padding: 3px 10px 3px 3px;}
div.diversify a:link, div.diversify a:visited		{	color: #FFF; }


/*ALL WITHIN TOPMENU*/
#topbanner table			{	}
#topbanner td				{	vertical-align: middle; }

/*BROWN REGULAR TABS*/
div.menuitem				{	padding: 5px 10px;
								color: #FFF;
								font: 10pt Verdana;
								margin-right: 3px;
								background: #999;
								text-shadow: 1px 1px #333;
								border-left: 1px solid #666;
								border-right: 1px solid #666;
								border-top: 1px solid #666; }
div.menuitemclicked			{	padding: 5px 10px;
								color: #999;
								font: 10pt Verdana;
								margin-right: 3px;
								background: #FFF;
								text-shadow: 0px 0px #666; }
div.menuitem:hover
							{	padding: 5px 10px;
								cursor: pointer;
								color: #FFF;
								background: #666; }
div.menuitemclicked:hover
							{	padding: 5px 10px;
								cursor: pointer;
								color: #999;
								background: #FFF; }

/*PINK SPECIAL TABS*/
div.menuitemtwo:hover		{	padding: 5px 10px;
								cursor: pointer;
								color: #FFF;
								background: #ff5c5c; }
div.menuitemtwo				{	padding: 5px 10px;
								color: #FFF;
								font: 10pt Verdana;
								margin-right: 3px;
								background: #FF9999;
								text-shadow: 1px 1px #765953;
								border-left: 1px solid #ff5c5c;
								border-right: 1px solid #ff5c5c;
								border-top: 1px solid #ff5c5c; }
div.menuitemtwoclicked		{	padding: 5px 10px;
								color: #FFF;
								font: 10pt Verdana;
								margin-right: 3px;
								background: #FF9999; }
div.menuitemtwoclicked:hover
							{	padding: 5px 10px;
								cursor: pointer;
								color: #FFF;
								background: #FF9999; }
								
/*ALL WITHIN LOWERHALF*/
#leftmenu					{	width: 550px;
								margin-right: 10px; }
#leftmenuindexinside		{	background: #EAEAEA; }
#contents					{	width: 530px;
								margin-top: 10px; }
#contentselect				{	width: 530px;
								-moz-border-radius: 5px;
								border-radius: 5px;
								margin-bottom: 10px; }
#contentselect:hover		{	background: #999;
								cursor: pointer; }
#rightmenu					{	width: 287px; }

#overlay_one, #overlay_two, #overlay_three, #overlay_four, #overlay_five
							{	color: #FFF;
								font: 10pt Verdana; }
div.overlaycontain			{	margin-bottom: 10px;
								background: #666;
								-moz-border-radius: 5px;
								border-radius: 5px;
								padding: 5px; }
div.overlaycontain	ul		{	margin: 0px;
								padding: 0px;
								list-style: none; }
div.overlaycontain li		{	padding: 5px; }
li.listitem, li.xmllistitem	{	padding: 5px;
								font: 9pt Georgia,serif; 
								border-bottom: 1px dotted #FFF;
								list-style-type:none;
								color: #FFF;
								margin: 0px; }
li.listitem:hover, li.xmllistitem:hover		{	padding: 5px; 
								border-bottom: 1px dotted #FFF;
								list-style-type:none;
								background: #999;
								color: #FFF;
								cursor: pointer; }
li.listempty, li.xmllistempty	{	color: #d9d4c7;
								list-style-type:none; }								
div.overlayheader			{	background: #FF9999; 
								-moz-border-radius: 5px;
								border-radius: 5px;
								padding: 5px;
								border: 1px dotted #FFF; }

/*PORTFOLIORELATED*/
img.imagefolio				{	border: 4px solid #FFF;
								height: 44px;
								width: 44px;
								overflow: hidden;
								background: #FFF; }
img.imagefolio:hover		{	border: 4px solid #FF9999;
								cursor: pointer; }
div.overlaygroup			{	padding: 10px 0px 0px 1px; }
div.overlaygroup td			{	padding: 0px 4px 4px 0px; }


#rightmenu div.contain		{	padding: 0px 0px 0px 0px; }
#rightmenu div.header		{	background: #666;
								padding: 7px 10px;
								color: #FFF; }
#rightmenu div.header div	{	}
#rightmenu div.underheader	{	}


/*WITHIN INCPORTFOLIO.PHP*/
#portfoliotitle				{	font: 18pt Georgia, serif;
								display: block;
								border-bottom: 1px solid #EAEAEA;
								margin-bottom: 10px; }
#portfolioimg				{	width: 100%
								height: 300px;
								background: #EAEAEA;
								border-top: 3px solid #C0C0C0;
								border-bottom: 3px solid #C0C0C0;
								overflow: hidden; }
#portfolioimg img			{	width: 100%; }
#portfoliocaption			{	font-size: 8pt;
								font-style: italic;
								display: block;
								text-align: right;
								padding: 5px 0px 0px 0px;
								margin-bottom: 2em; }
#portfoliodescription		{	margin-top: 1em;
								position: relative; }
#portfoliodescriptionright	{	position: relative;
								width: 394px;
								display: block;
								border-left: 1px solid #EAEAEA;
								padding-left: 5px; }
#portfoliodescriptionleft	{	position: relative;
								width: 150px; }
#portfoliodescriptionleft div{	margin-right: 5px;
								padding: 5px;
								background: #EAEAEA;
								border: 1px solid #CCC;
								-moz-border-radius: 5px;
								display: block;
								font: 8pt "Courier New", Courier, monospace;}
								
#portfoliodated				{	}
#morethumbs					{	text-align: right;
								padding-right: 10px; }
#morethumbs img				{	height: 40px;
								width: 40px;
								margin-left: 1px;
								border-bottom: 5px solid #ccc;
								border-left: 1px solid #ccc;
								border-right: 1px solid #ccc; }
#morethumbs img:hover		{	border-bottom: 5px solid #666;
								border-left: 1px solid #666;
								border-right: 1px solid #666; }


/*WITHIN INCRESEARCH.PHP*/
div.researchgoal			{	padding: 5px;
								border-top: 1px solid #d9d4c7;
								border-bottom: 1px solid #d9d4c7;
								margin: 10px 0px 10px 0px; }
div.researchstatement		{	padding: 10px;
								border-top: 1px solid #d9d4c7;
								border-bottom: 1px solid #d9d4c7;
								margin: 10px 0px 10px 0px;
								font-style: italic; }
div.researchintro			{	font: 16pt Georgia, serif; 
								line-height: 1.5; }
div.researcharticle			{	padding: 10px 0px 20px 0px; }

/*WITHIN BLOG*/
div.blogentry				{	background: #FFF;
								color: #666;
								border-radius: 10px;
								-moz-border-radius: 10px;
								padding: 10px; }
/*ALL WITHIN LEFT MENU "CONTENTS" */
div.blogleft				{	width: 230px; }
div.blogleft h1				{	font: 18pt Georgia;
								text-align: right;
								padding: 0px;
								margin: 0px;
								color: #d8d4c7; }
div.blogright				{	width: 320px;
								background: #666;
								color: #FFF;
								border-radius: 10px;
								-moz-border-radius: 10px; }
#contentselect:hover div.blogleft
							{	color: #FFF; }
#contentselect:hover div.blogleft h1
							{	color: #FFF; }
#contentselect div.blogright
							{	color: #999;}
#contentselect:hover div.blogright
							{	background: #666;
								color: #d8d4c7; }

/*SHOWING BLOGS ON THE INDEX PAGE; variants show clickable items*/
div.indexentry				{	margin-top: 20px;
								margin-bottom: 10px; }
div.indexentry h1
							{	display: inline;	
								margin-left: 10px;
								padding: 0px 15px 0px 5px;
								font: 14pt Georgia, serif;
								font-style: italic;
								border-top: 1px solid #FFF;
								border-left: 1px solid #FFF;
								border-right: 1px solid #FFF;
								border-bottom: 1px solid #FFF;
								background: #FFF; }
div.indexblogcontent		{	border: 1px solid #FFF;
								background: #FFF;
								padding: 10px; }
div.indexarticle			{	}
div.indexsub				{	margin-right: 10px;
								font: 8pt Verdana;
								padding: 5px;
								color: #CCC;
								display: inline; }
div.indexstreamer			{	padding: 20px 10px 50px 10px;
								font: 12pt Georgia, serif;
								line-height: 1.5; }

/*Browsing portfolio items*/
div.indexentryvariant		{	margin: 10px;
								background: #FFF;
								padding: 10px; }
div.indexentryvariant:hover	{	margin: 10px;
								background: #666;
								padding: 10px;
								color: #FFF;
								cursor: pointer; }
div.indexblogvariant		{	height: 3.6em;
								overflow: hidden;
								 }
div.indexblogvariant h1		{	display: inline;
								font: 9pt Georgia, serif;
								text-transform: uppercase; }
div.indexblogvariant img	{	height: 3.5em;
								width: 3.5em;
								float: right; }

/*EDITING BUTTON STYLES*/
div.locationpath			{	text-align: right;
								padding: 10px;
								color: #FFF;
								font: 10pt Verdana; }
div.locationpath a:link, div.locationpath a:visited, div.elementpath a:link, div.elementpath a:visited
							{	text-decoration: none;
								padding: 5px; }
div.locationpath a:hover, div.elementpath a:hover
							{	background: #FF9999;
								color: #FFF;
								text-decoration: none; }
div.elementpath				{	text-align: right;
								padding: 10px;
								color: #FFF;
								font: 10pt Verdana; }

/*form for contact page*/
form td						{	vertical-align: middle;
								padding: 0px 0px 0px 10px; }
select						{	font: 9pt Georgia, serif; 
								color: #666;
								border: 0px none;
								background: #EAEAEA; }
option						{	padding: 3px;
								padding-right: 20px;
								border-bottom: 1px solid #EAEAEA;
								background: #FFF; }
td.td_right					{	vertical-align: top;
								min-width: 150px;
								padding: 10px 0px 10px 0px;
								text-align: right; }
input						{	border-bottom: 1px solid #999;
								background: #EAEAEA; }
input.button				{	clear: both; }
textarea					{	width: 100%;
								border: 1px solid #999;
								background: #EAEAEA;
								font: 9pt Georgia, serif;
								color: #666; }
div.wrong					{	font-weight: bold;
								font-style: italic;
								padding: 10px 0px;
								margin-bottom: 5px;
								border-bottom: 1px dashed #FF0000;
								border-top: 1px dashed #FF0000;
								width; 75%;
								color: #FF0000;
								text-align: center; }

/*EASYSLIDER STYLE*/
#contentbanner				{	padding: 10px;
								position: relative;
								background: #666;
								overflow: hidden; }
#slidercontent				{	width: 530px;
								height: 290px;
								overflow: hidden;
								border: 0px none;
								background: FF9999;
								position: relative; }
#contentbanner div.caption	{	position: absolute;
								width: 530px;
								left: 0px;
								bottom: 0px;
								background: url(overlayblack.png); 
								font: 8pt Verdana;
								border-top: 2px solid #666;
								color: #FFF; }
div.caption div.padding		{	padding: 7px; }
#contentbanner ul			{	padding: 0px;
								margin: 0px;
								list-style-type: none; }
#sliderselect				{	display: inline;
								float: right; 
								margin-right: 10px; }
div.sliderclick				{	background: #999;
								color: #FFF;
								border-bottom: 1px solid #666;
								border-left: 1px solid #666;
								border-right: 1px solid #666;
								padding: 3px 7px;
								cursor: pointer;
								display: inline; }
div.sliderclick:hover		{	background: #555;
								color: #FFF;
								border-bottom: 1px solid #333;
								border-left: 1px solid #333;
								border-right: 1px solid #333;
								padding: 3px 7px;
								cursor: pointer;
								display: inline; }

li							{	padding: 0px;
								margin: 0px; }
#prevBtn, #nextBtn			{ 
								position: absolute;
								width:50px;
								height:50px;
								top:120px;}	
#nextBtn					{ 	left:490px; }	
#prevBtn					{	left:10px; }			
#prevBtn a					{	display:block;
								width:50px;
								height:50px;
								background:url(elements/prevlabel.png) no-repeat center center;	}
#prevBtn a:hover			{	background:url(elements/prevlabels.png) no-repeat center center; }	
#nextBtn a					{	display:block;
								width:50px;
								height:50px;
								background:url(elements/nextlabel.png) no-repeat center center;	}
#nextBtn a:hover			{	background:url(elements/nextlabels.png) no-repeat center center; }