/* The massive Michael style sheet. */

/*********************/
/* Globals           */
/*********************/

body
{
	margin: 0 0 0 0;
	font-family: tahoma;
	color: #666;
	font-size: 11px;
	line-height: 150%;	
	background-color: #FFF;
}

a, a:link, a:visited
{
	text-decoration: none;
	color: #FF6600;
}

a:hover
{
	text-decoration: underline;
	color: #FF9900;
}


/*********************/
/* Structures        */
/*********************/

.header
{
    margin-left: auto;
    margin-right: auto;
	margin-top: 22px;
	padding: 12px;
	width: 788px;
}

.headerLeft
{
	margin-top: -15px;
	float: left;
}

.headerRight
{
	margin-top: -15px;
	float: right;
}

.container
{
    margin-left: auto;
    margin-right: auto;
    margin-top: -530px;
	width: 788px;
	height: 530px;
}

.containerPopup
{
    margin-top: 100px;
	width: 100%
	height: 100%;
}

.footer
{
    margin-left: auto;
    margin-right: auto;
	margin-top: -78px !important;
	margin-top: 0px;
	padding: 10px;
	width: 788px;
}


/*********************/
/* Headers           */
/*********************/

h1
{
    font-size: 11px;
    font-weight: 100;
    margin: 0 0 0 0;
    display: inline;
}

h1.myWordsHeader, h1.myStoryHeader, h1.myCodeHeader, h1.myWorkHeader
{
    display: none;
}

/*********************/
/* Boxes             */
/*********************/

.myWords
{
	padding: 5px;
	width: 195px;
	height: 392px;
	margin-top: 78px;
	margin-left: 50px !important;
	margin-left: 49px;
	overflow: auto;
}

.myStory
{
	padding: 5px;
	width: 195px;
	height: 177px;
	margin-top: -402px;
	margin-left: 291px !important;
	margin-left: 290px;
	overflow: auto;
}

.myCode
{
	padding: 5px;
	width: 195px;
	height: 145px;
	margin-top: 60px;
	margin-left: 291px !important;
	margin-left: 290px;
	overflow: auto;
	clear: both;
}

.myWork
{
	text-align: center;
	padding: 5px;
	width: 195px;
	height: 392px;
	margin-top: -402px;
	margin-left: 532px !important;
	margin-left: 530px;
	overflow: auto;
	clear: both;
}


/*********************/
/* Tags	             */
/*********************/

dl
{
	margin-top: 0px;
}

dl dt
{
	font-weight: bold;
}

dl dd
{
	margin-left: 0px;
	margin-bottom: 10px;
}

p
{
	margin-top: -2px !important;
    margin-top: -5px;
}

.myWork ul li
{
	margin-left: -40px !important;
    margin-left: -40px;
    margin-top: 9px;
    list-style: none;
}


/*********************/
/* Main Themes       */
/*********************/

.coastTheme
{
    margin-left: auto;
    margin-right: auto;
	width: 788px;
	height: 530px;
	background-image: url('../images/themes/coast_main.jpg');
}

.boatsTheme
{
    margin-left: auto;
    margin-right: auto;
	width: 788px;
	height: 530px;
	background-image: url('../images/themes/boats_main.jpg');
}

.wheatTheme
{
    margin-left: auto;
    margin-right: auto;
	width: 788px;
	height: 530px;
	background-image: url('../images/themes/wheat_main.jpg');
}

.desertTheme
{
    margin-left: auto;
    margin-right: auto;
	width: 788px;
	height: 530px;
	background-image: url('../images/themes/desert_main.jpg');
}