body {
	font-family:Helvetica, Arial, sans-serif;
	margin:0;
	padding:0 0 50px 0;
	background:#fff;
	}
a { outline:none; }

a.disabled {
	color:#ccc;
	text-decoration:none;
	cursor:default;
	}
	
button {
	font-size:0.65em;
	}
	
#ad {
	background:#efefef;
	width:120px;
	height:600px;
	position:absolute;
	top:40px;
	right:10px;
	}

/* HEADER
-----------------------------------------------*/
#header {
	color:#fff;
	height:30px;
	background:#454545;
	font-size:.85em;
	}
#header a {
	display:block;
	margin:8px 12px 0 12px;
	float:left;
	}
#header a:link,
#header a:visited {
	color:#fff;
	text-decoration:none;
	}
#header a:hover,
#header a:active {
	color:#fff;
	text-decoration:underline;
	}
	
#header a.first {
	margin-left:50px;
	}
#header a.nav-right {
	float:right;
	}
	
.new {
	vertical-align: super;
	font-size:.7em;
	color:yellow;
	margin:0 5px 0 0;
	line-height:-10px;
	}


/* GRIPES
-----------------------------------------------*/
#gripe {
	width:800px;
	margin:0 0 0 50px;
	text-align:left;
	padding:25px 0 50px 0;
	}
#gripe h2 {
	margin-bottom:50px;
	}
h1 {
	color:#ED1C24;
	}
h2 {
	color:#A2A0A2;
	}



/* SUGGESTION BOX
-----------------------------------------------*/
#suggest {
	background:#454545;
	color:#c7c7c7;
	position:fixed;
	width:100%;
	z-index:10;
	bottom:0;
	left:0;
	text-align:center;
	padding:10px 0 10px 0;
	height:181px;
	}
	
.helper-text {
	color:#ccc;
	font-size:.6em;
	width:125px;
	float:right;
	text-align:right;
	margin-top:-12px;
	margin-right:10px;
	}

	
form#suggest_gripe {
	margin:0 auto;
	text-align:left;
	width:360px;
	color:#fff;
	margin-bottom:10px;
	}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	font-size:.85em;
	margin-bottom:10px;
	}
table td textarea {
	width:100%;
	}
table th {
	background-color:#BCD4EC;
	}
fieldset {
	border:2px solid #454545;
	margin-bottom:20px;
	}	
legend {
	font-weight:bold;
	font-size:1.25em;
	color:#ED1C24;
	}


button {
	border:1px outset #ccc;
	background:#949494;
	color:#fff;
	padding:3px;
	font-weight:bold;
	}
button:active {
	border:1px inset #ccc;
	}
	
/* site credits */
#me {
	font-size:.75em;
	color:#666;
	margin-top:20px;
	margin-left:-13px;
	}

#me a:link,
#me a:visited {
	color:#666;
	text-decoration:underline;
	}

#me a:hover,
#me a:active {
	color:#ccc;
	text-decoration:none;
	}
	
		
/* SITE CONTROLS
-----------------------------------------------*/	
#controls a {
	margin:0 20px 0 0;
	}


#controls {
	color:#333;
	margin-bottom:50px;
	height:23px;
	}

#info {
	font-size:.85em;
	color:#a2a0a2;
	margin:3px 0 0 0;
	width:695px;
	line-height:1.1em;
	}
#info a:link,
#info a:visited {
	color:#ED1C24;
	text-decoration:none;
	}
#info a:hover,
#info a:active {
	color:#ED1C24;
	text-decoration:underline;
	}
	
form#rate_gripe {
	float:left;
	}
	
form#filter_gripes {
	float:right;
	color:#A2A0A2;
	font-size:0.85em;
	}


/* UPPER CONTROLS */

/* Inaccurate link - ColdFusion */
a.inaccurate {
	padding:3px;
	}
a.inaccurate:link,
a.inaccurate:visited {
	color:#669ABF;
	text-decoration:none;
	}
a.inaccurate:hover,
a.inaccurate:active {
	color:#fff;
	background:#669ABF;
	text-decoration:none;
	}	


a.flag {
	padding:3px;
	}
a.flag:link,
a.flag:visited {
	color:#669ABF;
	text-decoration:none;
	}
a.flag:hover,
a.flag:active {
	color:#fff;
	background:#669ABF;
	text-decoration:none;
	}	



a.reapprove,
a.bury,
a.loveIt,
a.hateIt,
a.merge,
a.deny-merge {
	padding:3px;
	}
	
/* Hate link - Dreamweaver */
a.reapprove:link,
a.reapprove:visited,
a.loveIt:link,
a.loveIt:visited,
a.merge:link,
a.merge:visited {
	color:#7E9813;
	text-decoration:none;
	}
a.reapprove:hover,
a.reapprove:active,	
a.loveIt:hover,
a.loveIt:active,
a.merge:hover,
a.merge:active {
	color:#fff;
	background:#7E9813;
	text-decoration:none;
	}
	
/* Hate link - Flash */
a.bury:link,
a.bury:visited,
a.hateIt:link,
a.hateIt:visited,
a.deny-merge:link,
a.deny-merge:visited {
	color:#ED1C24;
	text-decoration:none;
	}
a.bury:hover,
a.bury:active,	
a.hateIt:hover,
a.hateIt:active,
a.deny-merge:hover,
a.deny-merge:active {
	color:#fff;
	background:#ED1C24;
	text-decoration:none;
	}
	
	

/* LOWER CONTROLS */

/* More link - Illustrator */
a#mawr {
	padding:3px;
	}
a#mawr:link,
a#mawr:visited {
	color:#DE6618;
	text-decoration:none;
	}
a#mawr:hover,
a#mawr:active {
	color:#fff;
	background:#DE6618;
	text-decoration:none;
	}

/* Top 25 link - Photoshop */
a#top25 {
	padding:3px;
	}
a#top25:link,
a#top25:visited {
	color:#265FAE;
	text-decoration:none;
	}
a#top25:hover,
a#top25:active {
	color:#fff;
	background:#265FAE;
	text-decoration:none;
	}
	
/* Top 25 link - Flex */
a#topApps {
	padding:3px;
	}
a#topApps:link,
a#topApps:visited {
	color:#333;
	text-decoration:none;
	}
a#topApps:hover,
a#topApps:active {
	color:#fff;
	background:#333;
	text-decoration:none;
	}
	
/* About link - Indesign */	
a#about {
	padding:3px;
	}
a#about:link,
a#about:visited {
	color:#A62C69;
	text-decoration:none;
	}
a#about:hover,
a#about:active {
	color:#fff;
	background:#A62C69;
	text-decoration:none;
	}
	
	
#categorize {
	border:1px solid #a2a0a2;
	width:295px;
	padding:10px;
	color:#333;
	background:#efefef;
	line-height:1.25em;
	}	
	
#recategorize {
	display:none;
	border:1px solid #a2a0a2;
	background:#efefef;
	padding:10px;
	color:#333;
	line-height:1.25em;
	float:right;
	position:absolute;
	left:304px;
	z-index:10;
	width:280px;
	margin-right:100px;
	}
#reply-form {
	display:none;
	border:1px solid #a2a0a2;
	background:#efefef;
	padding:10px;
	color:#333;
	line-height:1.25em;
	float:right;
	position:absolute;
	z-index:10;
	width:297px;
	left:355px;
	}

a#incorrect,
a#reply {
	padding:2px 5px 0 5px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	position:relative;
	z-index:20;
	outline:none;
	width:61px;
	}

a#incorrect.engaged,
a#reply.engaged {
	background:#efefef;
	border-top:1px solid #A2A0A2;
	border-left:1px solid #A2A0A2;
	border-right:1px solid #A2A0A2;
	border-bottom:1px solid #efefef;
	}	



/* TOP RATED PAGE / Temp blog page
-----------------------------------------------*/	
#footer-toggle-wrapper {
	text-align:right;
	margin-bottom:5px;
	}
#footer-toggle {
	text-align:right;
	font-size:.8em;
	padding:0 10px 0 0;	
	}
a#footer-toggle:link,
a#footer-toggle:visited {
	color:#fff;
	text-decoration:none;
	}
a#footer-toggle:hover,
a#footer-toggle:active {
	color:#fff;
	text-decoration:underline;
	}
	
body.inner-page #suggest {
	bottom:-175px;
	}
	
body.inner-page h1 {
	margin-top:20px;
	}

#content {
	width:800px;
	text-align:left;
	margin:50px 0 25px 50px;
	}

ol#topRated span.rating {
	display:block;
	width:60px;
	float:left;
	margin-left:20px;
	color:#A2A0A2;
	}
ol#topRated li {
	margin:0 0 15px 0;
	}
ol#topRated span.gripe {
	display:block;
	margin-left:80px;
	}

ol#topRated span.gripe a.gripeID {
	font-size:.85em;
	}
ol#topRated span.gripe a.gripeID:link,
ol#topRated span.gripe a.gripeID:visited {
	color:#ED1C24;
	text-decoration:none;
	}
ol#topRated span.gripe a.gripeID:hover,
ol#topRated span.gripe a.gripeID:active {
	color:#ED1C24;
	text-decoration:underline;
	}
	
	
	

form#topAppGripes {
	border:1px solid #a2a0a2;
	background:#efefef;
	padding:10px;
	color:#333;
	line-height:1.25em;	
	}
	
	
/* TOP RATED PAGE / Temp blog page
-----------------------------------------------*/
h2.response-title a:link,
h2.response-title a:visited {
	color:#454545;
	text-decoration:none;	
	}
h2.response-title a:hover,
h2.response-title a:active {
	color:#ED1C24;
	text-decoration:underline;
	}

ol.responded {
	margin-bottom:50px;
	display:none;
	}

ol.responded li {
	margin:0 0 15px 0;
	}

ol.responded span.gripe {
	display:block;
	margin-left:80px;
	}

ol.responded .gripeID {
	display:block;
	float:left;
	width:60px;
	margin-left:15px;
	}
	
ol.responded .gripeID a {
	font-size:.85em;
	}
ol.responded .gripeID a:link,
ol.responded .gripeID a:visited {
	color:#ED1C24;
	text-decoration:none;
	}
ol.responded .gripeID a:hover,
ol.responded .gripeID a:active {
	color:#ED1C24;
	text-decoration:underline;
	}
		
	
	
	
/* REPLIES TO GRIPES (permalink page only)
-----------------------------------------------*/
#replies {
	border-top:1px solid #ddd;
	margin:20px 0 0 0;
	color:#A2A0A2;
	}
	
ul.replies-list {
	padding:0 0 0 10px;
	}
ul.replies-list li {
	margin-bottom:15px;
	font-size:.85em;
	list-style:none;
	padding-bottom:10px
	}
	
ul.replies-list a {
	padding:2px;
	}

ul.replies-list a.hate-reply:link,
ul.replies-list a.hate-reply:visited {
	color:#ED1C24;
	text-decoration:none;
	}
ul.replies-list a.hate-reply:hover,
ul.replies-list a.hate-reply:active {
	color:#fff;
	background:#ED1C24;
	text-decoration:none;
	}
	
ul.replies-list a.love-reply:link,
ul.replies-list a.love-reply:visited {
	color:#7E9813;
	text-decoration:none;
	}
ul.replies-list a.love-reply:hover,
ul.replies-list a.love-reply:active {
	color:#fff;
	background:#7E9813;
	text-decoration:none;
	}	

	
a.love-reply {
	margin-left:10px;
	}

.reply {
	display:block;
	padding:0 0 0 90px;
	}
.reply-controls {
	margin-right:10px;
	width:80px;
	display:block;
	float:left;
	}
.reply-rating {
	display:block;
	float:left;
	width:35px;
	}