/*  
Theme Name: mlyall

Description: Marcus's theme
Version: 1.0

Author: PixelPusher

Author URI: http://pixelism.info
*/


body {
	background-color: black;
	margin-left: 36px;
	margin-right: 36px;
	padding: 0px;
	text-align: center;
	color: white;
	font-size: 14px;
	font-family: Arial, sans-serif;
}
	
img { border:0px; padding: 0px;}


a
{
	color: white;
	text-decoration: none;
	background-color: transparent;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
}

h5, h6 
{ }

h1 { font-size: 48px; font-weight: bold; margin:0px; padding: 0px;}
h2 { font-size: 22px; font-weight: bold; margin:0px; padding: 0px;}
h3 { font-size: 18px; font-weight: bold; margin:0px; padding: 0px;}
h4 { font-size: 14px; font-weight: bold; margin:0px; padding: 0px;}

#container
{
    position: relative;
	top:0px;
    left: 0px;
	width: auto;
	height:auto;
	max-width:844px;
	min-width: 840px;
	min-height: 394px;
    float: none;
    
	background-color: transparent;
	border: none;
	padding: 0px;
	margin-left: auto;
    margin-right: auto;
}



#leftSide {
    position: relative;
	top:0px;
    left: 0px;
	width:350px;
	height:auto;
	min-height: 394px;
    float: left;
    letter-spacing: 1px;
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
}

#leftHeaderBox {
    position: relative;
	top:0px;
	left: 0px;
	width:400px;
	height: 100px;
	float: none;
	text-align: left;
	vertical-align: bottom;
/*	background: black url('images/ml_header.jpg'); */
	background: black;
	border: none;
	padding: 0px;	
	margin-top: 30px;
	margin-bottom: 28px;
}


/* contains the left nav menu stuffs */
#leftMenuBox {
    position: relative;
	top:0px;
	left: 0px;
	width: auto;
	height: 264px;
    float: none;
    text-align: left;
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	color: rgb(160,160,160);
	/*font-family: Arial Black, sans-serif;*/
	font-size: 30px;
}

#leftMenuBox a {
	color: rgb(160,160,160);
}

#leftMenuBox a:hover {
	text-decoration: none;
	color: rgb(220,220,220);
}

#leftMenuBox .current-cat a { 	
	color: rgb(255,255,255);
 }

#leftMenuBox ol,ul,li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


/* under leftMenuBox contains details of something selected in the right grid */
#rightDetailsBox {
    position: relative;
	top:26px;
	left: 0px;
	/*width: 376px;*/
	width: auto;
	min-width: 300px;
	height: 120px;
	/* take into account padding plus border width */
	
    float: none;
    text-align: left;
    vertical-align: bottom;
	background-color: transparent;
	/*border: 2px solid rgb(100,100,100);*/
	border: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: rgb(220,220,220);
}

#rightDetailsBox p {
	 padding: 0px; margin: 0px; top: 0px; bottom:0px;
	 font-size: 14px;
}

/* right side contains right side grid */
#rightSide {
    position: relative;
	top:0px;
	left: 10px;
	width:auto;
	max-width: 484px;
	height:100%;
	min-height: 524px;
    float: left;
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
}


/* contains the left nav menu stuffs */
#rightGridBox {
    position: relative;
	top:6px;
	left: 0px;
	width: auto;
	height: auto;
	min-height: 394px;
    float: none;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.grid {
	width:auto;
	margin: 0px;
	padding: 0px;
	background-color: black;
}

.grid-item {
	float: left;
	margin: 0px;
	padding-top: 4px;
/*	padding-bottom: 4px;*/
	padding-right: 8px;
	/*padding-left: 4px;*/
	text-align: center;
	width: auto; 
}

.grid-item img {
	width: auto;
	border: 1px solid white;
	padding: 0px;
}

.grid-item a:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;
	padding: 0px;
}

.grid-item a {
	margin: 0px;
	padding: 0px;
	text-decoration: none; 
	background-color: transparent;
}

#credits {
	position: relative;
	text-align: left;
	left: 0px;
	top: 0px;
	margin-top: 80px;
	font-size: 10px;
	float: left;
}

.center {
	text-align:center;
}

.graybg {
/*	width: 472px; */
	width: auto;
	height: auto;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	background: rgb(100,100,100);
	color: rgb(220,220,220);
}


.outlined {
	background-color: transparent;
	border: 2px solid rgb(100,100,100);
	color: rgb(220,220,220);
}

.videocaption {
	width: auto;
	height: auto;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	padding-bottom: 2px;
/*	margin: 0px; */
	margin-top: 10px;	
	text-align: left;
}


/* Thanks to http://www.positioniseverything.net/easyclearing.html for 	this! */
/* lets elements containing floating elements scale to the proper vertical size */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */