/*

Main Layout 
___________

container

  - navmenu
  - imagecontent (on the left) 
  - maincontent

*/


html, body,
h1, h2, h3, h4, h5, h6,
form, input, button, textarea, option, fieldset, legend, label,
ol, ul, li, dl, dt, dd, optgroup,
p, img, strong, em, address, caption, hr, tt, div,
table, th, tr, td, tbody, tfoot,
iframe, acronym, abbr,
pre, code, small
{
	margin:0px;
	padding:0px;
	border:0px;
	text-decoration:none;
}

a:link, a:visited, a:hover, a:active
{
text-decoration:none;
color:#0099CC;

}

html, body {
	width:100%;
	height:100%;
	background-color:#666666;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #666666;
	text-align:center; /* Hack for IE5/Win */
	margin-top:54px;
}

.clear {
	clear:both;
}

#container {
    width:600px;
	margin:0px auto; /* Right and left margin widths set to auto */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:55px;
	border:10px solid #737373;
	background-color:#eee;
}

#navmenu {
	width:600px; /* without this, its actually nice the links collapse, but not what im after, i want a tight design */
	margin-top:20px;
}

#navmenu li {
	float:left;
	display:inline;
	list-style-type: none;
}

#navmenu li a {
	padding-top:5px;
	padding-left:15px; /* this is the space inside */
	padding-bottom:5px;
	margin-right:4px; /*space between the boxes */
	float:left;
	display:inline;
	width:100px;
}

#navmenu a:link {
	color: #999999;
	text-decoration: none;
	background-color: #D9D9D9;
}

#navmenu a:visited {
	text-decoration: none;
	color: #999999;
	background-color: #D9D9D9;
}

#navmenu a:hover {
	text-decoration: none;
	background-color: #61BD34;
	color:#FFFFFF;
	font-weight:bold;
}

#navmenu a:active {
	text-decoration: none;
	color: #737373;
	font-weight:bold;
}

#manager {
	padding-top:18px;
	clear:both;
}

#left-column {
	margin-right:4px;
	float:left;
	display:inline;
	width:234px;
	background-color:#fff;
    /* height:600px; */  /*implied height not a good idea but works maybe apply per page? */


}


#right-column {
	float:left;
	display:inline;
	width:353px;
	background-color:#fff;
	/* height:600px; */  /*implied height not a good idea but works maybe apply per page? */

}

#writings-column {
	float:left;
	display:inline;
	width:591px;
	background-color:#fff;
    /* height:600px; */  /*implied height not a good idea but works maybe apply per page? */

}





.content{ 
/* instead of padding the div and making it collapse like a stupid idiot, i gave its content a margin, can be applied to block level element such as p or a class */
margin-left:17px;
margin-top:17px;
margin-right:17px;
margin-bottom:17px;
display: block;
}



.contentwide{ 
/* instead of padding the div and making it collapse like a stupid idiot, i gave its content a margin, can be applied to block level element such as p or a class */
margin-left:17px;
margin-top:17px;
margin-right:17px;
margin-bottom:17px;
display: block;
}



.contentwide img {
float:left;

padding-right:17px;
padding-top:17px;
padding-bottom:7px;
}






/* special links sublink for artists*/


.sublink a
{
padding-left:9px;

}


.sublink a:link
{
    color: #666666;
	text-decoration: none;
	background-color: #D9D9D9;
}

.sublink a:visited {
	text-decoration: none;
	color: #999999;
	background-color: #D9D9D9;
}

.sublink a:hover {
	text-decoration: none;
}

.sublink a:active {
	text-decoration: none;
	color: #737373;
	font-weight:bold;
}