/* CSS Document */


/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*                                 MAIN                                 */

body {
	margin: 0 0 60px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-small;
	color: #666666;
	text-align: center;
	background: url(images/bg_repeat.jpg) repeat-x;
	background-color: #5f6d73;
	}
	
#wrap {
	position: relative;
	width: 626px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 120%;
	}
	

	
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*                     GENERIC PAGE ELEMENTS                            */

p {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1.6em;
	}

#topHeader {
	width: 626px;
	height: 233px;
	background: url(images/header.jpg) no-repeat;
	}
	
#strapDie {
	margin: 0 0 0 200px;
	padding: 130px 0 0 0;
	}
	
#counter {
	margin: 5px 0 0 200px;
	}

#bottomShadow {
	width: 626px;
	height: 5px;
	background: url(images/shadow_bottom.gif) no-repeat;
	}

#container {
	margin: 0;
	padding: 2px 0 47px 42px;
	background: url(images/content_repeat.gif) repeat-y;
	}
	
#containerUpload {
	margin: 0;
	padding: 27px 0 0 0px;
	}
	
#skulls {
	margin-bottom: 27px;
	width: 537px;
	height: 127px;
	background: url(images/monkey_skulls.gif) no-repeat;
	}
	
#skullsUpload {
	width: 537px;
	height: 127px;
	background: url(images/monkey_skulls.gif) no-repeat;
	}
	


/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*                             FOOTER                                   */

#containerFooter {
	margin: 0;
	padding: 27px 0 9px 19px;
	background: url(images/content_repeat.gif) repeat-y;
	}

#footer {
	font-size: 11px;
	width: 581px;
	text-align: center;
	background-color: #e2d4bf;
	}
	
p.footer {
	margin: 0;
    padding: 7px 0;
	}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*                              NAV MAIN                                */	


#topNav {
	width: 626px;
	height: 28px;
	background: url(images/nav.jpg) no-repeat;
	padding-top: 10px;
	}
	
p.nav {
	display: inline;
	margin: 0;
    padding: 0;
	}
	
#topNav ul {
	height: 28px;
	font-size: 11px;
	margin: 0 0 0 200px;
	padding: 0;
	list-style: none;
    }
	
#topNav li {
    display: inline;
    margin: 0;
    padding:  0 10px 0 0;
    }
	
#topNav a, #footer a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 3px;
	}
	
#topNav a:hover, #topNav .active, #footer a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #B20000;
	padding: 2px 3px;
	}
	
	
	
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*                       NAV PAGE NUMBER                                */	


.pageNumberNav {
	width: 531px;
	height: 28px;
	padding-top: 5px;
	background-color: #e8e8e8;
	border: 2px solid #CCCCCC;
	}
	
p.pageNumber {
	display: inline;
	font-size: 120%;
	margin: 0;
    padding: 0;
	}
	
.pageNumberNav .numbers {
	height: 28px;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	float: left;
    }

.pageNumberNav .numbers span {
	background-color: #e8e8e8;
    }

.pageNumberNav .numbers p {
	font-size: 120%;
	font-weight: bold;
    }
    
.pageNumberNav .numbers .button {
	height: 28px;
	margin: 0 0 0 10px;
	padding: 0;
    }
    
.pageNumberNav .numbers .selectedButton {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #B20000;
	padding: 2px 3px;
    }
	
.pageNumberNav a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 3px;
	}
	
.pageNumberNav a:hover, .pageNumberNav .active {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #B20000;
	padding: 2px 3px;
	}
	
.sortBy {
	margin-right: 5px;
	text-align: right;
	}

.sortBy p {
	display: inline;
	}



/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*                           HEADINGS                                   */

h1 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	}

h2 {
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 150%;
	font-weight: bold;
	}

h3 {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 38px;
	}
	
h4 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	display: inline;
	}
	
h5 {
	background: url(images/monkey_bullet.jpg) 0 50% no-repeat;
	font-size: 135%;
	margin: 0 0 8px 0;
	padding: 7px 0 7px 45px;
	position: relative;
	display: inline;
	}
	
h5 a {
	text-decoration: none;
	color: #666666;
	}
	
h5 a:hover {
	text-decoration: underline;
	color: #666666;
	}

	
span {
	background-color: #e2d4bf;
	padding: 6px;
	}
	
.brown {
	color: #7F6649;
	}

.red {
	color: #B20000;
	}
	
.pink {
	color: #C700A9;
	}
	
.counterNumber {
	color: #B20000;
	}
	
	
	

/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*                       PICTURE BLOCKS                                 */
	
.monkeyBlock {
	margin: 30px 0;
	}
	
img.monkeyPic {
	border: 3px solid #babcbe;
	padding: 4px;
	margin: 12px 0 8px 0;
	display: block;
	}
	
.picDetails {
	font-size: 120%;
	padding: 0;
	margin: 0;
	}
	
.picDetailsEmail {
	background: url(images/email_friend.jpg) 0 50% no-repeat;
	margin: 0 0 8px 0;
	padding: 5px 0 5px 38px;
	position: relative;
	font-size: 120%;
	font-weight: bold;
	}
	
.picDetailsEmail a {
	text-decoration: none;
	color: #666666;
	}
	
.picDetailsEmail a:hover {
	text-decoration: underline;
	color: #666666;
	}
	
.titleCommentNumber {
	display: inline;
	margin-left: 5px;
	}
	
.titleCommentNumber a {
	text-decoration: none;
	color: #666666;
	}
	
.titleCommentNumber a:hover {
	text-decoration: underline;
	color: #666666;
	}
	
img.rating {
	border: none;
	}


.ratingText {
	margin: 0 0 0px 0;
	padding: 5px 0 5px 0px;
	font-size: 120%;
	font-weight: bold;
}
.ratingText a {
	text-decoration: none;
	color: #666666;
	}
	
.ratingText a:hover {
	text-decoration: underline;
	color: #666666;
	}


/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*                          UPLOAD FORM                                 */


#uploadFormHolder {
	margin: 0 0 30px 45px;
	}
	
#uploadForm {
	width: 400px;
	margin: 0;
	padding: 20px;
	border: 2px solid #E2D4BF;
	}
	
p.uploadForm {
	padding: 0;
	margin: 6px;
	}
	
.uploadBox {
	border: 2px solid #E2D4BF;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
.uploadBoxSubmit {
	border: 2px solid #938a7e;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#lblImg {
	display: none;
	}
	

	
	
	
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/*                          COMMENTS                                    */
	
h5.backToMonkeys {
    margin: 20px 0 0 0;
    display: block;
    }

#comments {
	width: 75%;
	margin: 0 0 0 50px;
	padding: 10px 0 0 0;
	}
	
.commentBlock {
	margin: 0;
	padding: 15px;
	background-color: #F1ECE4;
	border-bottom: 2px dashed #999999;
	width: 400px;
	}
	
.commentName {
	font-weight: bold;
	background: url(images/comment_bullet.jpg) 0 50% no-repeat;
	font-size: 115%;
	margin: 0 0 8px 0;
	padding: 7px 0 7px 35px;
	position: relative;
	color: #B20000;
	}
	
.commentDate {
	color: #999999;
	margin: 0;
	padding: 0;
	}
	
#commentFormHolder {
	margin-top: 50px;
	}
	
.commentForm {
	
	}
	
.commentBox {
	border: 2px solid #E2D4BF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	width: 250px;
	padding: 3px;
	}
	
.commentBoxSubmit {
	border: 2px solid #938a7e;
	font-family: Georgia, "Times New Roman", Times, serif;
	}