/*
Theme Name: DJMM
Theme URI: http://www.djmightymike.net
Description:djmightymike.net media theme
Version: 1.0
Author: Michael Faletti
Author URI: http://www.djmightymike.net/
Tags: liquid, 2 column layout
*/

body {
	background-color:#000;
	margin:0px;
}
 
#container {
        
        _height: 640px; /*min-height hack for IE 6 and below */
        line-height: 130%;
        min-width:720px;
        min-height:640px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
        _width:720px; /*min-width hack for IE 6 and below*/
        width:85%;
        
}

#header {padding-bottom: .1em ;width: 100%;}


#content {
	color: #333;
        font:normal 12px arial, helvetica, sans-serif;

}

#player {float:right;}

#player a {
       color:#fff;
       text-decoration:none;
       outline:none;
}

#right {
	float: right;
	width: 15%;
	padding: 1%;
}

#right div { margin-bottom:5px; }

#main {  
 	width: 75%;
	padding:1%;
	text-align:left;
	background-color:#0d0d0d;
        color:#888;
}

#main a {text-decoration:none;}

.miniheader {
	background-color:#7699BD;
        color:#fff; 
	text-align:center;               
}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

img { 
	border: 0px;
	margin: 2px 5px 0px 0px;
}

img.tiny {width:120px;height:120px;}
img.small {width:150px;height:100px;}
img.medium{width:300px;height:250px;}
img.large {width:400px;height:350px;}


p { padding-left: 0px; margin-top: 0;}

.align-center { text-align: center; }
.align-left { text-align:left; }
.align-right { text-align:right; }

h1,h2,h3,h4 {padding:0;margin:0;}

a { color:red;}

.largetext { 
        font:bold 15px arial, helvetica, sans-serif;
        color:000;
}

.yellowtext { color:#ff3;}
.redtext { color:red;}
.whitetext {color:#fff;}
.lightgreytext {color:#888;}
.greentext {color:green;}

#navmenu { 
	min-width:60em; /*prevent wrapping when window is resized*/
        margin-bottom:20px;
        font:normal 14px arial, helvetica, sans-serif;
}

#navmenu ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

#navmenu ul li {
	display: inline;
	float:left;
        color:#888;
        padding-left:2px;
        padding-right:2px;
}

#navmenu li a {
        
	color:#aaa;
	text-decoration:none;
        padding-right:30px;
        padding-left:30px;
}

#navmenu ul li a:hover {
        color: #666;
	background: #ddd;
}

#contact #container #navmenu ul li.contact a,
#bio #container #navmenu ul li.bio a,
#media #container #navmenu ul li.media a {
        color: #fff;
	background: #00a8ee;
}

#idList {
	margin:0;
	padding:0;
		
}

#idList li {
	display: block;
	width:200px;
        list-style:none;
	margin-bottom: 1px;
	color:#888;
	background-color: #333;
}

.paging {  text-align:center; }

.paging a {
         color:#7699BD;
         font:normal 14px arial, helvetica, sans-serif;
}


/* Hide from IE5-Mac \*/
#navmenu li a {
	float: none
}
/* End hide */ 


.tablebody {
        
        border="1";
        cellpadding="10";
        cellspacing="0";
}

.th {
	background-color:#7699BD;
        color:#fff;
        font:normal 10px arial, helvetica, sans-serif; 

}

.shaded {
	background-color:#232323;
}
.verythin {width:15px;}
.thin {width:60px;}
.wide {width:100px;}
.wider {width:150px;}
.widest {width:250px;}

/*contact form */
.col2Span	{ width:500px; float:right; margin-top:10px;}
.col2Span ul { list-style:none; margin-left:0;}
.col2Span ul li {background:url(images/bullet.gif) 0 5px no-repeat; margin-bottom:10px; padding-left:15px;}

#contactInfo {list-style:none; margin-left:0;}

.contactForm  {margin:15px 0;border:#5b8a10 2px solid; background:#54820d; padding:10px;}
.contactForm fieldset { }
.contactForm legend { padding:0 10px; margin-left:20px;color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; background:none; }
.contactForm ul label { display:block; float:left; width:160px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#477500;border:2px solid #d6ff97;outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#67a800; background:#edffd1;}
em {font-size:0.9em; color:#88be35; font-style:normal;}
.contactForm .send { width:174px; height:35px; background:url(images/send.gif) no-repeat; padding-bottom:10px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }
.contactForm .send:hover {cursor:pointer; color:#f8ff84;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}
.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}



#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	color: #9C9A9A;
	/*background-color:#7A7979;*/
	border-top: 1px solid #888;
	font:normal 10px arial, helvetica, sans-serif;
	text-align:center;
}


#footer img { border: 0px ;}
/**********End Element Style Rules ********************/


/****************** Galleria Style Rules ************************/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/******************* End GAlleria Style Rules **************/