/*
-------------------------
100th Monkey page layout CSS
-------------------------
*/
/*
-------------------------
CODE STOARAGE

filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;

-------------------------
*/
body {
color:#545454;
font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
font-size:10px;
line-height:1.4em;
margin:0pt;
margin-top:20pt;
margin-bottom:20pt;
padding:0pt;
}

body {
background-color:#FFFFFF;
}

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	background-color: #999999;
}
a:active {
	color: #FF9900;
	text-decoration: none;
}
.style2 {font-size: 9px}

.highlight { 
	background: #FFA123;
	color: white;
} 
.alert {
	color: #FF0000;
	font-weight: bold;
}
/*
-------------------------
100th Monkey page layout div CSS
-------------------------
*/

#website {
background-color:#FFFFFF;
width: 770px;
padding: 0;
background-image: none;
text-align:left;
}

#websiteHeader {
width: 100%;
height:65px;
padding: 0;
background-image: none;
}

#websiteHeader:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#headerMenu {
padding: 0;
margin: 0;
height:55px;
width: 500px;
float: left;
}

#headerMenu li {
margin: 0;
padding: 0;
list-style: none;
height:15px;
float: left;
}

#headerSideTop {
float: right;
padding: 0;
margin: 0;
width: 270px;
height:39px;
}

#headerSide {
float: right;
padding: 0;
margin: 0;
height:15px;
width: 270px;
}

#headerBottom {
float: left;
width: 100%;
height: 10px;
border-bottom: 1px solid #333333;
}

#websiteMain {
width: 770px;
min-height: 500px;
}

#mainTop {
float:left;
border-bottom: 1px solid #CCCCCC;
width: 100%;
height: 10px;
}

#websiteMain:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
-------------------------
100th Monkey HOME page layout CSS
-------------------------
*/

#mainHomeImage {
float:left;
width:500px;
min-height: 500px;
}

#mainHeader {
width:100%;
}


#mainHeader:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#mainTitle {
float:left;
margin-top: 10px;
margin-left: 3px;
width: 125px;
font-weight:bold;
}

#mainHeading {
float:left;
margin-top: 10px;
margin-left: 3px;
width: 527px;
font-weight:bold;
}

#mainPaging {
float:left;
text-align:right;
margin-top: 10px;
margin-right: 10px;
width: 632px;
}

#mainSubheading {
font-weight:bold;
float:left;
text-align:Left;
margin-top: 10px;
width: 402px;
}

#mainInfo {
font-weight:bold;
float:left;
text-align:Left;
margin-top: 10px;
width: 240px;
}

#mainHomeNews {
float:right;
width:250px;
margin-top: 10px;
margin-right:10px;
}

/*
-------------------------
100th Monkey SINGLE page layout CSS
-------------------------
*/

#mainSingle {
margin-top: 10px;
margin-left: 3px;
margin-right: 10px;
min-height: 500px;
}

/*
-------------------------
100th Monkey LIST page layout CSS
-------------------------
*/

#mainList {
min-height: 500px;
}

#listTop {
float:left;
border-bottom: 1px solid #CCCCCC;
width: 100%;
height: 10px;
}

#listImage {
padding:1px;
width: 150px;
height: 150px;
border: 1px solid #CCCCCC;
overflow:hidden;
}

#listImageFrame {
margin-top:10px;
float:left;
}

#listText {
margin-top:10px;
margin-left:10px;
float:left;
width: 600px;
min-height: 135px;
}

#listText:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#listTextButtons {
text-align:left;
margin-left:10px;
float:left;
width: 600px;
height: 15px;
}

#listBottom {
float:left;
border-bottom: 1px solid #CCCCCC;
width: 100%;
height: 10px;
}

/*
-------------------------
100th Monkey GALLERY page layout CSS
-------------------------
*/

#mainGallery {
min-height: 500px;
}

#mainGallery:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#galleryImages {
margin-top:10px;
margin-left:2px;
float:left;
width: 630px;
min-height: 500px;
}

#galleryThumb {
padding:1px;
border: 1px solid #CCCCCC;
width: 150px;
height: 150px;
overflow:hidden;
}

#galleryThumbFrame {
float:left;
margin-left:1px;
margin-top:1px;
margin-right:1px;
margin-bottom:5px;
}

/*
-------------------------
100th Monkey DISPLAY page layout CSS
-------------------------
*/

#mainArtist {
min-height: 500px;
}

#mainArtist:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#artistLinks {
float:left;
width: 125px;
margin-top:10px;
margin-left:3px;
}

#artistText {
margin-top:10px;
float:left;
width: 392px;
min-height: 500px;
}

#artistInfo {
margin-left:10px;
margin-top:10px;
margin-right:3px;
float:left;
width: 237px;
}

/*
-------------------------
100th Monkey ARTICLE page layout CSS
-------------------------
*/

#mainArticle {
min-height: 500px;
}

#mainArticle:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#articleText {
margin-top:10px;
margin-left:3px;
float:left;
width: 517px;
min-height: 500px;
}

#articleInfo {
margin-left:10px;
margin-top:10px;
margin-right:3px;
float:left;
width: 237px;
}

/*
-------------------------
100th Monkey IMAGES layout CSS
-------------------------
*/


#relatedHeader {
margin-top:10px;
border-top: 1px solid #CCCCCC;
width: 100%;
height: 20px;
font-weight:bold;
}

#relatedTitle {
float:left;
width:300px;
}

#relatedPaging {
float:left;
width:200px;
text-align:right;
}

#relatedThumb {
float:left;
border: 1px solid #CCCCCC;
width: 75px;
height:75px;
}

/*
-------------------------
100th Monkey COMMENTS page layout CSS
-------------------------
*/

#commentTop {
margin-top:10px;
border-top: 1px solid #CCCCCC;
width: 100%;
height: 20px;
font-weight:bold;
}

#comment {
float:left;
margin-bottom:10px;
border-bottom: 1px solid #EFEFEF;
width: 100%;
min-height:50px;
}

#commentText {
margin-left:5px;
float:left;
width: 295px;
}

#commentInfo {
margin-right:1px;
float:left;
width: 90px;
}

#commentButtons {
float:left;
margin-bottom:10px;
width: 100%;
}

/*
-------------------------
100th Monkey page layout CSS continued
-------------------------
*/

#mainBottom {
float: left;
width: 100%;
height: 10px;
border-top: 1px solid #333333;
}

#websiteFooter {
width: 100%;
min-height:150px;
padding: 0;
background-image: none;
}

#websiteFooter:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#footerMenu {
width: 100%;
height: 25px;
margin-top: 10px;
border-bottom: 1px solid #EFEFEF;
text-align:right;
}

#footerMenu p {
margin-right:3px;
}

#footerSubscribe {
float:left;
width: 200px;
margin-top:3px;
margin-left:3px;
}

#footerLinks {
float:left;
width: 200px;
margin-top:3px;
margin-left:40px;
border-right: 1px solid #EFEFEF;
}

#footerDetails {
float:right;
width: 300px;
text-align:right;
margin-top:3px;
margin-right:3px;
}

#footerFooter {
background-color:#EFEFEF;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #FFFFFF;
margin-top:5px;
float:left;
width: 100%;
text-align:center;
}


/*
-------------------------
100th Monkey forms CSS
-------------------------
*/

 input
{
color: #545454;
font-size:10px;
font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
background: #EFEFEF;
border: 1px solid #CCCCCC
}

/*
-------------------------
100th Monkey PREVIEW
-------------------------
*/

#preview {
margin:0px;
background-color:#FFCCFF;
}