body {
	margin:0; padding:0;
	background: url("../images/dark_stone_bg.jpg") repeat black;
	font: 13px/20px Georgia;
	color: #141212;
}
#page-wrap { background: url("../images/dark_stone_bg_top.jpg") repeat-x; }

a, a:link, a:visited {
	color: #E91322;
	text-decoration: underline;
}
a:hover { text-decoration: none; }

ol, ul { margin:0; padding: 0; }
li { margin:0; padding:0; list-style: none; }
form { margin:0; padding:0;}
label {
	display: block;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
label .error { padding-left: 10px; color: #E91322; }

input, select, textarea {
	font: 13px/20px Georgia;
	color: #141212;
}

textarea {
	background: #EBEBEB;
	border: 1px solid #E1E1E1;
	padding: 5px;
}

input {
	background: #EBEBEB;
	border: 1px solid #E1E1E1;
	padding: 5px;
}

dl,dt,dd { margin:0; padding:0; clear: both; font-size: 13px/20px; }
dt {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 4px 0;
	color: #999999;
}
dd { margin: 0px 0 20px 0;}

.hint {
	color: #999999;
	margin: 2px 0 20px 0;
	font-style: italic;
}

.clear { width:0px; height:0px; clear:both; }


/* FRAMEWORK STYLES :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#content { width: 606px; margin: 0 0 0 30px; }

#stolen {
	display: block;
	position: absolute;
	top: -89px;
	left: 659px;
	z-index: 2;
	width: 57px;
	height: 126px;
	background: url("../images/stolen.png") no-repeat top left;
}
* html #stolen { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/stolen.png', sizingMethod='crop'); }

/* AD STYLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/*
#ads {
	position: absolute;
	top: 110px;
	left: 745px;
	width: 160px;
	height: 600px;
	opacity: .3;
	filter: alpha(opacity=30);
}
*/

#ads {
	background: #191919;
	margin-left: 166px;
	padding-left: 1px;
	width: 469px;
	height: 60px;
	opacity: .3;
	filter: alpha(opacity=30);
}



/* MAIN SIDEBAR MENU ::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#menu { float:left; }
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li {
	display: block;
	margin: 0 0 3px 0;
	padding:0px;
	height:36px;
	overflow:hidden;
}

#menu li a {
	display: block;
	position: relative;
	width: 77px;
	height: 36px;
	overflow: hidden;
}

#menu .linkimage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 77px;
	height: 92px;
	background: url("../images/menu-pride.png") no-repeat top left;
}

#menu #logo {
	display:block;
	width: 77px;
	height: 249px;
	overflow:hidden;
	background: url("../images/logo.png");
}

#menu #pride .linkimage { background-image: url("../images/menu-pride.png"); }
#menu #envy .linkimage { background-image: url("../images/menu-envy.png"); }
#menu #sloth .linkimage { background-image: url("../images/menu-sloth.png"); }
#menu #gluttony .linkimage { background-image: url("../images/menu-gluttony.png"); }
#menu #greed .linkimage { background-image: url("../images/menu-greed.png"); }
#menu #lust .linkimage { background-image: url("../images/menu-lust.png"); }
#menu #wrath .linkimage { background-image: url("../images/menu-wrath.png"); }

* html #menu #pride .linkimage { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-pride.png', sizingMethod='crop'); }
* html #menu #envy .linkimage { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-envy.png', sizingMethod='crop'); }
* html #menu #sloth .linkimage { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-sloth.png', sizingMethod='crop'); }
* html #menu #gluttony .linkimage { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-gluttony.png', sizingMethod='crop'); }
* html #menu #greed .linkimage { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-greed.png', sizingMethod='crop'); }
* html #menu #lust .linkimage { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-lust.png', sizingMethod='crop'); }
* html #menu #wrath .linkimage { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-wrath.png', sizingMethod='crop'); }

#menu .red {
	display: none;
	width: 136px;
	height: 36px;
	background: url("../images/menu-pride_red.png") no-repeat top left;
}

#menu .selected .red { display: block; }
#menu .selected a { display: none; }

#menu #pride .red { background-image: url("../images/menu-pride_red.png"); }
#menu #envy .red { background-image: url("../images/menu-envy_red.png"); }
#menu #sloth .red { background-image: url("../images/menu-sloth_red.png"); }
#menu #gluttony .red { background-image: url("../images/menu-gluttony_red.png"); }
#menu #greed .red { background-image: url("../images/menu-greed_red.png"); }
#menu #lust .red { background-image: url("../images/menu-lust_red.png"); }
#menu #wrath .red { background-image: url("../images/menu-wrath_red.png"); }

* html #menu #pride .red { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-pride_red.png', sizingMethod='crop'); }
* html #menu #envy .red { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-envy_red.png', sizingMethod='crop'); }
* html #menu #sloth .red { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-sloth_red.png', sizingMethod='crop'); }
* html #menu #gluttony .red { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-gluttony_red.png', sizingMethod='crop'); }
* html #menu #greed .red { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-greed_red.png', sizingMethod='crop'); }
* html #menu #lust .red { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-lust_red.png', sizingMethod='crop'); }
* html #menu #wrath .red { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/menu-wrath_red.png', sizingMethod='crop'); }


/* BOX CONTENT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#box { float:right; margin-top: 150px; width: 470px; }

#box-top {
	position: relative;
	width: 470px;
	height: 19px;
	overflow: hidden;
	background: url("../images/box-top.png") no-repeat top left;
}
* html #box-top { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/box-top.png', sizingMethod='crop'); }

#box-content {
	position: relative;
	background: white;
	min-height: 372px;
	padding: 11px 30px;
}

#header {
	height: 40px;
	border-bottom: 1px solid #E1E1E1;
	line-height: 25px;
	color: #999999;
	font: 18px/25px Verdana;
}

#header.status1 {
	background: url('../images/flag-pending.png') no-repeat top right;
}

#box-bottom {
	position: relative;
	width: 470px;
	height: 19px;
	overflow: hidden;
	background: url("../images/box-bottom.png") no-repeat top left;
}
* html #box-bottom { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/box-bottom.png', sizingMethod='crop'); }

#buttons {
	position: relative;
	width: 410px;
	height: 60px;
	border-top: 1px solid #E1E1E1;
	padding: 20px 0 0 0;
}

a#next { display:block; width: 60px; height: 60px; overflow: hidden; background: url('../images/btn-next.png') no-repeat top left; }
a#next:hover { background-position: 0 -60px; }
a#random { display:block; position:absolute; top:20px; left:70px; width: 60px; height: 60px; overflow: hidden; background: url('../images/btn-random.png') no-repeat top left; }
a#random:hover { background-position: 0 -60px; }

a#approve { display:block; position:absolute; top:20px; left:175px; width: 60px; height: 60px; overflow: hidden; background: url('../images/btn-approve.png') no-repeat top left; }
a#approve:hover { background-position: 0 -60px; }

a#remove { display:block; position:absolute; top:20px; left:175px; width: 60px; height: 60px; overflow: hidden; background: url('../images/btn-remove.png') no-repeat top left; }
a#remove:hover { background-position: 0 -60px; }

a#delete { display:block; position:absolute; top:20px; left:245px; width: 60px; height: 60px; overflow: hidden; background: url('../images/btn-delete.png') no-repeat top left; }
a#delete:hover { background-position: 0 -60px; }

a#confess { display:block; position:absolute; top:20px; right:0px; width: 60px; height: 60px; overflow: hidden; background: url('../images/btn-confess.png') no-repeat top left; }
a#confess:hover { background-position: 0 -60px; }
* html a#confess { right: 0px; }

#btmenu {
	width: 410px;
	height: 41px;
	margin: 20px 30px;
}

#btmenu a {
	display: block;
	overflow: hidden;
	height: 41px;
	background: url('../images/btn-btm-report.png') no-repeat top left;
	float: left;
}
#btmenu a#btm-report { width: 110px; background-image: url('../images/btn-btm-report.png'); }
* html #btmenu a#btm-report { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/btn-btm-report.png', sizingMethod='crop'); }
#btmenu a#btm-faq { width: 33px; background-image: url('../images/btn-btm-faq.png'); }
* html #btmenu a#btm-faq { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/btn-btm-faq.png', sizingMethod='crop'); }
#btmenu a#btm-contact { width: 75px; background-image: url('../images/btn-btm-contact.png'); }
* html #btmenu a#btm-contact { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/btn-btm-contact.png', sizingMethod='crop'); }
#btmenu a#btm-inspired { width: 192px; background-image: url('../images/btn-btm-inspired.png'); }
* html #btmenu a#btm-inspired { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/btn-btm-inspired.png', sizingMethod='crop'); }


/* BOX CONTENT INNER STYLES :::::::::::::::::::::::::::::::::::::::::::::::: */

#cwrap {
	height: 270px;
	overflow: auto;
	/* padding: 10px 0px; */
	margin: 10px 0px;
	padding-right: 5px;
}

#cdate {
	color: #999999;
	font-weight: bold;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
}

#cbody { margin: 10px 0px; }

#cimage {
	float: right;
	padding: 0 0 5px 10px;
}
#cimage-cnt {
	text-align: center;
	font-size: 11px;
	color: #666666;
}

a#sillustration {
	position: absolute;
	width: 230px;
	height: 30px;
	background: url("../images/btn-submit_illustration.png") no-repeat top left;
	z-index: 2;
	top: -44px;
	right: 30px;
}
a#sillustration:hover {
	background-position: 0 -30px;
	height: 40px;
	top: -54px;
}



/* HOMEPAGE STYLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#hpstats { margin: 20px 0px 12px 0px; }
#hpstats a {
	display: block;
	height:35px;
	margin: 0px;
	padding: 0px;
	border: none;
	border-bottom: 1px solid #E1E1E1;
	overflow: hidden;
	text-decoration: none;
}

#hpstats div#stats-header { border-bottom: 1px solid #E1E1E1; height: 19px; background: url("../images/stats-header.png") no-repeat; }

#hpstats a div {
	height: 35px;
	width: 144px;
	float:left;
	border-right: 1px solid #E1E1E1;
	text-align: center;
	line-height: 32px;
	color: #141212;
}

#hpstats a #stats-new { width:79px; color:#E91322; }
#hpstats a #stats-total { width:97px; }
#hpstats a #stats-illustrations { width:87px; border: none; }

#hpstats #stats-pride #stats-confessions { background: url("../images/stats-pride.png") no-repeat; }
#hpstats #stats-envy #stats-confessions { background: url("../images/stats-envy.png") no-repeat; }
#hpstats #stats-sloth #stats-confessions { background: url("../images/stats-sloth.png") no-repeat; }
#hpstats #stats-gluttony #stats-confessions { background: url("../images/stats-gluttony.png") no-repeat; }
#hpstats #stats-greed #stats-confessions { background: url("../images/stats-greed.png") no-repeat; }
#hpstats #stats-lust #stats-confessions { background: url("../images/stats-lust.png") no-repeat; }
#hpstats #stats-wrath #stats-confessions { background: url("../images/stats-wrath.png") no-repeat; }

a#hp_confess {
	display: block;
	width: 410px;
	height: 40px;
	background: url("../images/btn-hp_confess.png") no-repeat top left;
	margin: 0px;
}
a#hp_confess:hover { background-position: 0 -40px; }


/* FAQ STYLES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#faq {
	margin-bottom: 10px;
	border-bottom: 1px solid #E1E1E1;
}


a#faq_question {
	display: block;
	width: 410px;
	height: 40px;
	background: url("../images/btn-faq_question.png") no-repeat top left;
	margin: 0px;
}
a#faq_question:hover { background-position: 0 -40px; }


/* REPORT STYLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.link { margin: 10px 0 5px 0; }

a.option {
	background: url("../images/bullet-report.png") no-repeat top left;
	line-height: 30px;
	padding-left: 30px;
	display: block;
	color: black;
	text-decoration: none;
}
a.option:hover { color: #E91322; }

a.option sub {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	color: #999999;
}


/* SUBMIT STYLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.fitems li { padding: 10px 0; border-bottom: 1px solid #E1E1E1; }
.fitems li.last-child { border: none; }
.fitems label { line-height: 12px; padding-bottom: 10px; }

#sradio { padding: 0; width: 410px; overflow: hidden; }
#sradio ol { width: 420px; }
#sradio li {
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
	display: block;
	width: 56px;
	height: 56px;
}

#sradio a {
	display: block;
	width: 56px;
	height: 56px;
	overflow: hidden;
	background: url("../images/check-pride.png") no-repeat top left;
}
#sradio a:hover { background-position: 0 -56px; }
#sradio li.selected a { background-position: 0 -112px; }
#sradio li.selected a:hover { background-position: 0 -112px; }

#sradio #pride a { background-image: url("../images/check-pride.png"); }
#sradio #envy  a { background-image: url("../images/check-envy.png"); }
#sradio #sloth a { background-image: url("../images/check-sloth.png"); }
#sradio #gluttony a { background-image: url("../images/check-gluttony.png"); }
#sradio #greed a { background-image: url("../images/check-greed.png"); }
#sradio #lust a { background-image: url("../images/check-lust.png"); }
#sradio #wrath a { background-image: url("../images/check-wrath.png"); }

button { 
	margin: 0 5px 0 0;
	padding:0;
	border:0;
	width: 60px;
	height: 60px;
	overflow: hidden;
}
button#submit { background: url("../images/btn-submit.png") no-repeat top left; }
button#clear { background: url("../images/btn-clear.png") no-repeat top left; }
button#back { background: url("../images/btn-back.png") no-repeat top left; position: absolute; right: 0px; }

#confession { width: 410px; height: 173px; }
#body { width: 410px; height: 173px; }
#name {width: 410px;}
#subject {width: 410px;}
#email {width: 410px;}
#url {width: 410px;}
#title {width: 410px;}
#username {width: 410px;}
#password {width: 410px;}


/* SAFARI HACK :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/**
 * Put safari sizes in the actual style above and put IE and FF sizes below
 * Make sure that the first style below ends the line in a '#'
 * Such as:
 * .someclass { width: 398px;# }
 */
#confession { width: 398px;# }
#body { width: 398px;# }
#name { width: 398px;# }
#subject { width: 398px;# }
#email { width: 398px;# }
#url { width: 398px;# }
#title { width: 398px;# }
#username { width: 398px;# }
#password { width: 398px;# }