/* Start of CMSMS style sheet 'AoM - Gabriel Malveaux' */
/* CSS Document */

body {
	background:#fff url(http://nodethree.com/sites/aom/design3/cssimg/bg.jpg) repeat-x;
	text-align:center;
	
}
/*=COMMON
=== === === === === === === === === === */
* {
	padding: 0;
	margin: 0
}

a {
text-decoration:none;
}

img{
border:none;
}

p {
padding-left:8px;
}

.clearfix {
clear:both;
}

hr {
width:85%;
color:#4487DD ;
height:1px;
margin-left:10px;
}

ul, li {
list-style:none;
}

/*=STRUCTURE
=== === === === === === === === === === */
#outer {
margin:21px auto;
text-align:left;
width:960px;
}

#head {

}

#topnav {
height:39px;

margin-top:21px;
}

#topnav ul{
list-style:none;
}

#topnav ul li{
display:inline;
line-height:39px;
margin-right:30px;

text-align:center;
}

#topnav ul li a{
padding:10px 20px 12px 10px;
}

#topnav ul li a:hover{
background:url(http://nodethree.com/sites/aom/design3/cssimg/tabbg-B.jpg) right no-repeat;
padding:10px 10px 12px 0px;
}

#topnav ul li a:hover span{
background:url(http://nodethree.com/sites/aom/design3/cssimg/tabbg-A.jpg) left no-repeat;
padding:10px 10px 12px 10px;
}


#search {
background:url(cssimg/search.jpg) right no-repeat;
height:54px;
_margin-top:-4px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}

#search input {
margin:10px 10px 0px 15px;
height:20px;
width:220px;
padding:2px;
}

#leftnav {
background:url(http://nodethree.com/sites/aom/design3/cssimg/leftnav.jpg) no-repeat;
height:685px;
width:185px;
margin-top:-32px;
float:left;
padding-top:30px;
}

#leftnav ul {
list-style:none;
}

#leftnav ul li {
display:block;
width:98%;
line-height:35px;

}

#leftnav ul li .subnav {

padding-left:20px;
width:91%;
}



#leftnav ul li a {
display:block;
width:100%;
line-height:35px;

}

#leftnav ul li a:hover {
background:#4487DD url(http://nodethree.com/sites/aom/design3/cssimg/arrow.gif) right no-repeat;
height:35px;
margin-left:-6px;
padding-left:6px;
}

#content {
float:left;
width:490px;
margin:10px 10px 0px 10px;
}

#sidebox{
width:242px;
float:right;
background:url(cssimg/sidebar.jpg) no-repeat;
margin-top:10px;
height:545px;
padding:10px 10px 0px 4px;
}

#sidebox p{
padding-left:1px;
}

#sidebox img {
width:230px;
border:1px solid #fff;
}

#footer {

}


/*=TYPOGRAPHY
=== === === === === === === === === === */
body {
font-family:Trebuchet MS, Georgia, Helvetica, Arial;
font-size:14px;
}

#leftnav ul li a {
font-size:14px;
font-family:Tahoma, Arial, Sans-serif;
color:#0033CC;
}

#leftnav ul li a:hover {
color:#FFF;
}

#topnav ul li a {
font-family:Geogia, "Times New Roman", Helvetica ;
font-size:18px;
color:#fff;
}

#topnav ul li a:hover {
font-family:Geogia, "Times New Roman", Helvetica ;
font-size:18px;
color:#0033CC;
}






/* styling of the container. */
a.myPlayer {
	display:block;
	width: 320px;
	height:240px; 
	text-align:center;
	margin:0 15px 15px 0;
	float:left;
	border:1px solid #999;
}

/* play button */
a.myPlayer img {
	margin-top:70px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}
/* End of 'AoM - Gabriel Malveaux' */