* {padding: 0; margin: 0;}
body { text-align: center; font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif; font-size: 13px; background: #121212;}
#index { text-align: left; margin: 15px auto 50px auto; width:800px; border:5px solid #ccc; padding:15px; background:#D9D9D9;}
#index h1 { border-bottom: 1px solid #333; margin: 0 0 15px 0;}
#index .iconAdd { margin: 5px 0 0 0;}
#index #footer { padding:15px; text-align:center; color:#D9D9D9; background:#333;}
	#index #footer p { margin:0; font-size:11px;}
	#index #footer a { color:#00aeef; font-weight:bold;}

/* FEATURES PAGE */
#features h2 { border-bottom:1px solid #ccc; font-size:14px; margin-bottom:15px;}
#features h3 { margin-bottom:15px; font-size:12px;}
#features .actions a.iconThumb {padding:0; width:16px; height:16px; display:block; float:left;}
#features .actions .ajax_loading_image { width:16px; height:16px; background:url(../img/icons/ajax-loader.gif) no-repeat; float:left;}
#features .actions .edit { }
.admin #index .actions a { margin-right:5px;}
.admin #index .actions a.last { margin:0;}
.edit { display:block; width:16px; height:16px; background:url(../img/icons/page_edit.png); float:left;}
.delete { display:block; width:16px; height:16px; background:url(../img/icons/bin.png); float:left;}
.approve { display:block; width:16px; height:16px; background:url(../img/icons/tick.png); float:left;}
.screenshot { border:5px solid #00aeef; margin-bottom:15px;}


/* TABLE */
table { width: 100%; border: 1px solid #ccc; border-bottom:none; border-collapse:separate; border-spacing:0; margin-bottom:15px;}
table thead th { text-align: left; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px; background: #e6e6e6;}
table tbody td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px;}
table tbody tr.odd td { background: #efefef;}
table tbody tr.even td {}
table tbody tr.hover td {background: #e1e1e1;}
table .date { width: 150px;}
table .actions { width:40px; text-align: center;}
.admin #index table .actions { width:60px;}
table td.actions { }
table .approved { width:80px;}
table .votes { width:80px;}

/* FORMS */
form { margin-bottom:15px;}
form fieldset { padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
form fieldset .input { padding: 10px 0px; border-bottom:1px solid #e6e6e6;}
form fieldset .input label { width:200px; display: block; float:left;}
form fieldset .input span.additional_text { padding-left: 200px;}
form fieldset .input span.required { padding: 0; font-weight: bold; color: red;}
form fieldset .buttons { text-align: center; background: #e6e6e6; margin:15px 0 0 0;}

/* FEATURE ADD */
#feature_add input { width:400px;}
#feature_add textarea { width:400px; height:100px;}

#films_add, #films_edit {}
#films_add .buttons, #films_edit .buttons { position: fixed; left: 0; bottom: 0; background: #e6e6e6; width:100%; text-align: center; padding: 10px 0; border-top: 1px solid #ccc;}

/* MISC */
.flash,.flash_bad,.flash_good,.flash_blue,.flash_orange { padding:15px; margin:0 0 15px 0;}
.flash { border:2px solid orange;}
.flash_good { background: #e5f2be; border:2px solid #bedf5d;}
.flash_bad { background: #f79892; border:2px solid #ce6e6f;}
.flash_blue { background: #99c7e4; border:2px solid #0072bc;}
.flash_orange { background: #fac1a7; border:2px solid #f26522;}
ul { margin:0 15px 15px 15px;}
	ul li ul { margin-bottom:0px;}
ul.flash_bad,ul.flash_good,ul.errors { list-style-type:none;}
ul.errors { margin: 0 0 15px 0; background: #f79892; border:2px solid #ce6e6f; padding: 15px; font-weight:bold;}
.fright { float:right;}
.fleft { float:left;}
.hide { display:none;}
.clear { clear: both;}
a { outline:none; padding:0; margin:0; color:#00aeef;}
a img { border: none; padding:0; margin:0;}
a:hover { text-decoration: none;}
a.image { border: 5px solid #333; float:left;}
a.image:hover { border: 5px solid #666;}
a.image img { border:none;text-decoration:none; display:block;}
p { margin:0 0 15px 0;}
pre { text-align:left;}
#index pre { margin-bottom:15px; overflow:scroll; background:#333;}
	#index pre code { margin:0; padding:15px; display:block; background:#333; color:#fff;}
.acenter { text-align:center;}

/* ICONS */
.iconAdd { background:url(../img/icons/add.png) no-repeat; padding-left:20px; line-height: 16px;}
.iconThumb { background:url(../img/icons/thumb-up.png) no-repeat; padding-left:20px; line-height: 16px;}