/*
Theme Name: ADM Theme
Theme URI: http://henchmenproductions.com/
Description: Theme for ADM Skateboards
Author: Michael Cala
Author URI: http://henchmenproductions.com/


*/



body{
	background-image: url('lib/images/ADMBackground.gif');
	background-color: #ffffff;	
	background-position: center;	
	background-repeat: repeat-y;	
	margin: 0;
	font-family: arial;
	}




.h2Page{
	padding: 0;
	margin: 0;
	text-transform: lowercase; 
	font-size: 1.4em;
}


a{
	text-decoration: none;
	color: #9933ff;
}
a:hover{
	text-decoration: underline;
	color: #ff6600;
}



.Clear{
	clear: both;
}

#SiteBody{
	width:  1028px;
	margin: 0 auto;
	background: #ffffff;
	z-index: -2;
	padding-top: 0;
	margin-top: 0;
	margin-top: -100px;
}



/**********************************************************
MENU CSS
***********************************************************/



.chromestyle{
	width: 100%;
	position: relative;
	top: 150px;
	left: 15px;
	z-index: 1;
}







#Home{
	width: 137px;
	height: 38px;
	background-image: url('lib/images/menu/Home.gif');

}


#Home:hover { background-position: -137px 0px; }

#About{
	width: 142px;
	height: 38px;
	background-image: url('lib/images/menu/About.gif');

}
#About:hover { background-position: -142px 0px; }


#Store{
	width: 141px;
	height: 38px;
	background-image: url('lib/images/menu/Store.gif');

}

#Store:hover { background-position: -141px 0px; }


#Retail{
	width: 142px;
	height: 38px;
	background-image: url('lib/images/menu/Retail.gif');

}

#Retail:hover { background-position: -142px 0px; }


#SkateTeam{
	width: 141px;
	height: 38px;
	background-image: url('lib/images/menu/SkateTeam.gif');

}

#SkateTeam:hover { background-position: -141px 0px; }


#Artists {
	width: 142px;
	height: 38px;
	background-image: url('lib/images/menu/Artists.gif');

}

#Artists:hover { background-position: -142px 0px; }


#Donate{
	width: 134px;
	height: 38px;
	background-image: url('lib/images/menu/Donate.gif');

}

#Donate:hover { background-position: -134px 0px; }




ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}



ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:38px; left:0; display:none; opacity: 0; list-style:none; background: #666666;}
ul.menu ul li {position:relative;  border-top: 1px solid #ffffff;  margin:0;}
/*ul.menu ul li a {display:block; padding:3px 7px 5px;  width: 100%; color #ffffff;}
ul.menu ul li a:hover {background-color:#33ccff}*/

ul.menu ul li .about {display:block; padding-top: 3px; padding-bottom: 3px;  width: 142px; color: #ffffff; font-size: .9em; text-align: center;}
ul.menu ul li .about:hover{background-color:#ff00ff;}

ul.menu ul li .store {display:block; padding-top: 3px; padding-bottom: 3px;  width: 141px; color: #ffffff; font-size: .9em; text-align: center;}
ul.menu ul li .store:hover{background-color:#33ccff;}

ul.menu ul li .skateteam {display:block; padding-top: 3px; padding-bottom: 3px;  width: 141px; color: #ffffff; font-size: .9em; text-align: center;}
ul.menu ul li .skateteam:hover{background-color:#9933ff;}



ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}



#HeaderBody{
	width: 1028px;
	z-index: -2;
	margin-top: 0;
	padding-top: 0;
	top: 0;
}

#Survery{
	position: relative;
	width: 300px;
	border: 2px solid #000000;
	left: 620px;
	font-size: .8em;
	padding: 5px;
	top: 120px;
}

#ADMLogo{
	float: left;
	width: 192px;
	height: 115px;
	background-image: url('lib/images/ADMLogo.jpg');
}

#ADMLogo a{
	display: block;
	width: 192px;
	height: 115px;	
}

#Rope{
	float: left;
	width: 836px;
	height: 162px;
	background-image: url('lib/images/Rope.jpg');
}

.PictureFrame{
	width: 1028px;
	height: 315px;
	background-image: url('lib/images/PictureFrame.jpg');
	overflow: hidden;
	z-index:0;
}

.PictureFrame img{
	margin-top:19px;
	margin-left: 31px;
}

.PictureFrame a img{
	border: none;
}

#MainBody{
	width: 978px;
	padding-left: 25px;
	padding-right: 25px;
}

#LeftContent{
	float: left;
	width: 680px;
	font-size: .8em;
}

.post{
	margin-bottom: 40px;
	border-bottom: 1px dotted #666666;
}

.post a img{
	border: none;
}
.post h2{
	padding: 0;
	margin: 0;
	font-size: 1.4em;
}


.PostTitleAlignLeft{
	float: left;

	width: 550px;
}

.PostTitleAlignRight{
	float: right;
	color: #666666;
	width: 100px;
	text-align: right;
}

.MonthDay{
	font-weight: bold;
	text-transform: uppercase;
}

.Year{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.5em;
}

#RightContent{
	float: right;
	width: 270px;
	font-size: .7em;
}

.SideBox{
	padding-bottom: 10px;
}

#s{
	width: 190px;
}

.SideBox ul, .SideBox li{
	list-style: none;
	padding: 0;
	margin: 0;
}

.SideBox ul li{
	display: list-item;

}

.SideBox h2{
	margin: 0;
}
.content{
	font-size: .8em;
}

.PostData{
	font-size: .8em;
}



hr{
	width: 100%;
}

/*********************************************************************
BEGIN COMMENTS CSS
**********************************************************************/
.CommentTitle{
	width: 464px;
 	padding: 2px;
 	background: #000000;
 	color: #ffffff;
 	font-size: .9em;
 	margin-bottom: 0;
}
.commentlist{
	width: 468px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist small{
	font-size: .9em;
}
.commentlist li{
	padding: 3px;
	font-size: .8em;
}

.alt{
	background: #eae9e8;
}


label{
	font-size: .8em;
}

.form{
	font-size: .8em;

}

.navigation{
	width: 600px;
	font-size: 1.0em;
	font-weight: bold;
	padding-bottom: 10px;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

.IndexAd{
	width: 600px;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px dotted #87ce4e;
}


#Footer{
	width: 1028px;
}

#FooterImage{
	float: right;
	width: 257px;
	height: 158px;
	background-image: url('lib/images/FooterImage.jpg');
}

.FooterHeader{
	padding-top:120px;
	padding-left: 25px;
	float: left;
	font-size: .6em;
}