/********************* CSS DOWNUNDER stylesheet ****************************/

* {	margin: 0; padding: 0; }
body { font: 80%/1.4em Arial, Helvetica, sans-serif; background: #FAD587 url(images/bg-strip.jpg) repeat-x left top; }
h1, h2, h3 { color: #721E0B; }
h1 { font-size: 20px; margin-bottom: 20px; }
h2 { font: normal 20px Georgia, "Times New Roman", Times, serif; color: #721E0B; font-style: italic; margin-bottom: 15px; }
h3 { font-size: 14px; margin-bottom: 10px; background: url(images/kangaroo-sign.jpg) no-repeat left top;  
	border-bottom: 1px solid #916303; padding: 5px 0 10px 35px; }
h4 { font-size: 12px; margin-bottom: 5px; }
p { padding-bottom: 15px; }
img { border: none; }
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
ul { padding-left: 15px; margin-bottom: 15px; }

#wrapper { width: 1000px; margin: 0 auto; }
	#header { height: 262px; background: url(images/header.jpg) no-repeat left top; }
		#menu { padding-top: 10px; margin-left: 600px; font-size: 14px; }
			#menu ul { list-style: none; margin: 0; padding: 0; }
			#menu li { list-style: none; float: left; width: 60px; text-align: center; }
			#menu li#menu-home { width: 60px; }
			#menu li#menu-about { width: 75px; }
			#menu li#menu-submit { width: 85px; }
			#menu li#menu-advertise { width: 95px; }
			#menu li#menu-contact { width: 85px; }
			#menu a { color: #FFF; text-decoration: none; }
			#menu a:hover { color: #000; text-decoration: none; }
			
			#twitter-rss {}
			#twitter { float: left; width: 100px; font-size: 12px; font-weight: bold; line-height: 1em; 
				margin-left: 835px !important; margin-left: 417px; padding-top: 28px !important; padding-top: 10px;  }
			#twitter a, #rss a { text-decoration: none; }
			#twitter a:hover, #rss a:hover { color: #FFF; text-decoration: none; } 
			#rss { float: left; width: 30px; margin-left: 35px; font-size: 12px; font-weight: bold; 
				padding-top: 30px !important; padding-top: 12px; line-height: 1em; }		
			#social-links { float: right; width: 214px;  padding-top: 15px; }	
				#facebook { float: left; width: 100px; }
				#google-plus-one { float: left; width: 90px; }
		
	#content {}
		#mainContent { float: left; width: 720px; }
			#mainContent h2 { margin-top: 20px; }
			#mainContent h3 { font-size: 16px; margin-bottom: 10px; background: none;  border: none; padding: 0; }
			
			.listing-left, .listing-right { float: left; width: 335px; height: 318px; 
				background: url(images/web-design-tile.jpg) no-repeat left top; margin-right: 50px; margin-bottom: 20px; }
			.listing-right { margin-right: 0; }
			.listing-left img, .listing-right img { margin: 25px 24px 0; }			
			.listing-rating p { font-size: 10px; color: #916303; padding: 5px 0 0 70px; }
			.listing-name { float: left; width: 255px; }
			.listing-name p { color: #721E0B; padding-top: 2px; padding-left: 33px; font-weight: bold; } 
			.listing-comments { float: left; width: 55px;  }
			.listing-comments p { color: #721E0B; text-align: center; padding-top: 2px; font-weight: bold; } 
			.listing-comments a, .listing-name a { color: #721E0B; text-decoration: none; }
			.listing-comments a:hover, .listing-name a:hover { text-decoration: underline; }
			
		#sideContent { float: right; width: 224px; padding-top: 10px; }
			#sideContent ul { list-style: none; }
			#sideContent li { list-style: none; background: url(images/arrow.jpg) no-repeat left center; padding: 5px 0 5px 20px ; }
			#sideContent a { text-decoration: none; }
			#sideContent a:hover { text-decoration: underline; }
				#placement { padding-bottom: 10px; }
				#placement img { margin-bottom: 6px; }
				#placement img.left { margin-right: 5px; } 							
				#favicons { padding-bottom: 10px; border-bottom: 1px solid #916303; margin-bottom: 5px; }	
				#favicons img { margin: 0; padding: 0; } 
				#sponsors { border-bottom: 1px solid #916303; margin-bottom: 5px; }
				#sponsors ul { margin-bottom: 5px; } 
				#sponsors p { padding-left: 35px; }
				#sponsors p a { color: #916303; text-decoration: underline; }
				#sponsors p a:hover { text-decoration: none; }	
				.comment { border-bottom: 1px dotted #666; margin-bottom: 10px; }
				.comment p { padding-bottom: 10px; } 
			 	.comment-by { font-size: 11px; }	
				
				#site-archive { border-bottom: 1px solid #916303; margin-bottom: 10px; }
				
				#facebook-like-box { width: 220px; margin: 15px 0 10px; background: #fff; overflow: hidden;position: relative; padding-bottom: 10px; color: #000033;} 
				#facebook-like-box iframe{ margin: -1px -1px 0 -1px;border:none; overflow:hidden; width: 218px; height:320px;}
				
#subContentWrapper { width: 100%; background: #CAAC6D; }
	#subContent { width: 1000px; margin: 0 auto; padding: 20px 0; }
		#subContent h3 { background: url(images/kangaroo-sign2.jpg) no-repeat left top; }
		#introText { float: left; width: 335px; padding-right: 50px; }
		#pressRelease { float: left; width: 335px; }
			#pressRelease ul { list-style: none; margin: 0; padding: 0; }
			#pressRelease li { list-style: none; padding: 0 0 10px 10px; } 
			#pressRelease a { color: #721E0B; text-decoration: underline; }
			#pressRelease a:hover { text-decoration: none; }
			
		#topSites { float: right; width: 224px; }
			.top-site { margin-bottom: 10px; }
				.top-site-img { float: left; width: 46px; border: 1px solid #916303; }
				.top-site-text { float: right; width: 168px; }			
					.top-site-text h4 { margin-bottom: 0; }
					.top-site-text p { padding-bottom: 0; }
					.top-site-text a { text-decoration: none; }
					.top-site-text a:hover { text-decoration: underline; } 
		
		#formWrapper { width: 480px; border: 1px solid #916303; padding: 20px; background: #FAD587; margin-bottom: 30px; }
		#siteWrapper { }
			#site-content-left { float: left; width: 335px; margin-right: 30px; }
				#site-content-image { float: left; width: 335px; }
					#site-listing { width: 335px; height: 318px; 
						background: url(images/web-design-tile.jpg) no-repeat left top; margin-bottom: 20px; }
					#site-listing-image { height: 231px; padding: 25px 24px 0; }			
					#site-listing-rating p { font-size: 10px; color: #916303; padding: 6px 0 0 70px !important; padding: 2px 0 0 70px; }
					#site-listing-name { float: left; width: 255px; }
					#site-listing-name p { color: #721E0B; padding-left: 33px; font-weight: bold; } 
					#site-listing-comments { float: left; width: 55px; }
					#site-listing-comments p { color: #721E0B; text-align: center; font-weight: bold; } 			
			
			
			#site-content-text { float: right; width: 350px; padding-top: 23px;  }
				
			#site-content-form { float: left; width: 312px; margin-right: 30px;	padding-left: 23px;	padding-bottom: 15px; 
				border: 1px solid #C68704; }
				#site-content-form h3 { margin-top: 20px; } 
			#site-content-comments { float: left; width: 350px; }
				#site-content-comments p { padding-bottom: 10px; } 
					.comment-listing { border-bottom: 1px solid #000; margin-bottom: 10px; }
					.comment-name { padding-bottom: 5px; }
					.comment-date { font-size: 11px; color: #916303; } 
					a.comment-link { text-decoration: none; font-weight: bold; }
					a.comment-link:hover { text-decoration: underline; }
		
		#search-results	{ padding-top: 20px; }
			#search-results	li { padding-bottom: 5px; list-style: square; } 			
		
		#footer { padding: 10px 0 20px; border-top: 1px dotted #000; margin-top: 30px; }
			#footer p { text-align: center; padding-bottom: 0; }
			#footer a { text-decoration: none; }
			#footer a:hover { text-decoration: underline; }

/********************* MISC ****************************/	
.clearFloat { clear: both; height: 0; }
.separator { padding-top: 10px; border-bottom: 1px dotted #777; margin-bottom: 20px; }
.textBlack, .textBlackBold { color: #000; }
.textGold, .textGoldBold { color: #916303; }
.textRed, .textRedBold { color: #721E0B; }
.textRedBold, .textGoldBold, .textBlackBold { font-weight: bold; }
.invisibleHeading {	display: none; }
.notice { font-size: 11px; font-style: italic; }
.warning { color: #990000; font-weight: bold; padding-bottom: 5px; }
.hidden { visibility: collapse; }
.imageFloatedLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.imageFloatedRight { float: right; margin: 5px 0 10px 10px; border: 2px solid #777; }
.press-date { padding-bottom: 10px; color: #916303; }

.pagination { margin-bottom: 50px; }
.pagination ul { margin: 0; padding: 0; text-align: center; font-size: 12px; }
.pagination li { list-style-type: none; display: inline; padding-bottom: 1px; margin-right: 2px; }
.pagination a, .pagination a:visited { padding: 5px 8px; border: 1px solid #916303; text-decoration: none; color: #916303; }
.pagination a:hover, .pagination a:active{ border: 1px solid #916303; color: #000; background-color: #916303; }
.pagination a.currentpage { background-color: #916303; color: #FFF !important; border-color: #916303; font-weight: bold;
cursor: default; }
.pagination a.disablelink, .pagination a.disablelink:hover { background-color: white; cursor: default; color: #929292; border-color: #929292; font-weight: normal !important; }
.pagination a.prevnext { }

/********************* FORMS ****************************/
form br { clear: left; }
label {	border: none; width: 150px; color: #000; }
input, textarea { 
	font: small Arial, Helvetica, sans-serif; color: #000; padding: 2px; 
	font-size: 100%; margin-bottom: 5px; border: 1px solid #F8BD43;	padding: 2px; width: 185px;	margin-right: 2px; }
.submitButton { width: 24px; height: 22px; cursor: pointer; border: none;  
	background: url(images/go-btn.jpg) no-repeat left top; }
#formSignup { border-bottom: 1px solid #916303; padding-bottom: 5px; margin-bottom: 10px; } 
#formSignup .searchInput { border: 1px solid #000; }
#formContact {}
#formContact label, #formContact input, #formContact select, #formContact textarea { display: block; width: 300px; float: left; margin-bottom: 10px; border: 1px solid #F8BD43; }
#formContact select { width: 224px; padding: 5px; }
#formContact label { width: 150px; padding-right: 5px; border: none; }
#formContact .sendButton {	
	height: 30px; cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left;
	display: block;	margin-top: 10px; background: #721E0B; width: 120px; }
#formContact .tinyInput { width: 30px; }
#formContact .smallInput { width: 120px; }
#formContact input.hidden {	display: none; }
#formContact input.radioButton { float: left; width: 15px; margin: 0 5px 0 0; border: none; }
#formContact .radioLabel { float: left; text-align: left; width: 70px; }
#formContact .radioYesNoLabel {	float: left; text-align: left; width: 50px;	padding-top: 5px; }
#formContact p { padding-top: 10px; padding-bottom: 5px; }
#formContact br { clear: left; }
#formComment {}
#formComment label, #formComment input, #formComment textarea { display: block;	width: 280px; }
#formComment input, #formComment textarea { margin-bottom: 10px;  }
#formComment .tinyLabel { float: left; width: 160px; }
#formComment .tinyInput { float: left; width: 30px; }
#formComment .sendButton {	
	cursor: pointer; color: #FFF; font-weight: bold; border: none; margin-left: 80px; line-height: 1.5em; 
	display: block;	background: #721E0B; width: 120px; }

/********************* TABLES ****************************/
.listTable { width: 100%; border: none; text-align: left; margin-bottom: 15px; }
td { padding: 2px; vertical-align: top; }
th { font-weight: normal; color: #CCFFFF; }