/* Body, Font colors, Table */
body {
        font-family: Verdana, Geneva, Arial, sans-serif;
        font-size : 11px;
	    text-align: center; 
	    cursor: default;
	    margin: 0px;
		background-color: #eeeeee;
}

#bg1 {background: url("http://photos.derek-luke.net/themes/Trauma/tbg2.png") repeat;}

#bg2 {background: url("http://photos.derek-luke.net/themes/Trauma/images/tbg.png") repeat-x;}

b {color: #798b9d;} i {color: #bb4322;} em {color: #a58248;} u {color: #1c4d6d; text-decoration: none; border-bottom: 1px solid #375c74;}

table {
        font-size : 10px;
}

/* Headers */
h1{
        font-weight: normal;
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        line-height : 14px;
        color: #d1e5f4;
        margin: 2px;
}

h2 {
        font-family: Times;
        font-size: 14px;
        margin: 0px;
		padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
		font-style: italic; 
		font-weight: normal;
		line-height: 28px;
}

h3 {
        font-weight: normal;
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-size: 12px;
        margin: 2px;
}

/* Layout */
#header {background: url("http://photos.derek-luke.net/themes/Trauma/images/header.png") no-repeat; width: 901px; height: 332px;}

.ad {width: 901px; height: 90px; margin-top: 8px; margin-bottom: 8px;}

#container {
	width: 901px; 
	margin: 0 auto; 
	text-align: left; 
}

/* Side Area */
#side {margin-top: 95px; width: 219px;}

.sidebox {margin-bottom: 15px; background-color: #26113e; padding: 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #26113e; font-family: Verdana; font-size: 10px; color: #ffffff;}

.sidetitle {font-style: italic; font-weight:bold; font-family: Georgia; font-size: 14px; color: #695374; text-transform:lowercase;}
.sidetitle:first-letter {font-style: italic; font-weight:bold; font-family: Georgia; font-size: 14px; color: #6d8ba1; text-transform:lowercase;}


/* Font, Lists types */
p {font-family: Arial, Helvetica, sans-serif; font-size: 10px;  margin: 2px 0px;}

ul {
        margin-left: 5px;
        padding: 0px;
}

li {
        margin-left: 10px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 0px;
        list-style-position: outside;
        list-style-type: disc;
}

/* Textinputs, buttons, etc */
.textinput {
        font-family: Verdana, Geneva, Arial, sans-serif;
        font-size: 10px;
        border: 0px;
		background: #d7d3cf;
		color: #777572;
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        font-family: Verdana, Geneva, Arial, sans-serif;
        font-size: 10px;
        border: 0px;
		background: #e7e5e0;
		color: #777572;
        vertical-align : middle;
}

.button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        border: 0px;
		background: #d7d3cf;
		color: #777572;
}

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 0px;
		background: #d7d3cf;
		color: #777572;
        padding-left: 3px;
        padding-right: 3px;	
}

.radio {
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-size: 100%;
        vertical-align : middle;
		border: 0px;
		background: #26113e;
		color: #777572;
}

.checkbox {
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-size: 100%;
        vertical-align : middle;
        border: 0px;
		background: #d7d3cf;
		color: #777572;		
}

/* Links */
a {
        color: #61605c;
        text-decoration: none;
}

a:hover {
        color: #797772;
        text-decoration: none;
}

.bblink a {
        color: #61605c;
        text-decoration: none;
}

.bblink a:hover {
        color: #797772;
        text-decoration: none;
}

/* Tables */
.maintable {
        border: 0px;
        background-color: ;
        margin-top: 1px;
        margin-bottom: 1px;
}

.tableh1 {
        font-family:  Times;
        background: url("http://photos.derek-luke.net/themes/Trauma/images/posttitlebg.png") repeat-x;
        color: #181c1f;
		font-size: 12px;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
		font-style: italic; 
		font-weight: normal;
		line-height: 28px;
}

.tableh1_compact {
        font-family:  Verdana, Geneva, Arial, sans-serif;
        background : #e5e2df ;
		border-top: 1px solid #d4cec4;
        color: #93918e;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
        background: #e5e2df ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: #e5e4e3 ;
        color : #b6b5b4;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
        background: #ecebea ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}


.tableb_compact {
        background: #e8e7e6 ;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb_compact:hover {
        background: #e0ddda ;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
        background: #dedddb ;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

/* Categories */
.catrow_noalb {
        background: #e4e4e4 ;
        color : #b1b1b1;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow_noalb:hover {
        background: #dbdad9 ;
        color : #949393;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow {
        background: #e4e4e4 ;
        color : #b1b1b1;		
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow:hover {
        background: #dbdad9 ;
        color : #949393;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

/* Categories & Albums links */
.alblink a {
        text-decoration: none;
        color: #0f4475;
		background: url("images/arrow.gif") no-repeat left;
		padding-left: 12px;
}

.alblink a:hover {
        color: #0e375c;
        text-decoration: none;
		background: url("images/arrowhov.gif") no-repeat left;
		padding-left: 12px;
}

.catlink {
        display: block;
        margin-bottom: 2px;
}

.catlink a {
        text-decoration: none;
        color: #0e375c;
		background: url("images/arrow.gif") no-repeat left;
		padding-left: 12px;
}

.catlink a:hover {
        color: #0f4475;
        text-decoration: none;
		background: url("images/arrowhov.gif") no-repeat left;
		padding-left: 12px;
}

/* Stats, etc */
.album_stat {
        font-size : 85%;
        margin: 5px 0px;
}

/* Sortorder */
.sortorder_cell {
        background : #e4e4e4 ;
        color: #b1b1b1;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 20px;
        margin: 0px;
}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #e4e4e4 ;
        color: #b1b1b1;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 8px;
        white-space: nowrap;
}

/* NavMenus */
.navmenu {
        font-family: Verdana, Geneva, Arial, sans-serif;
        color: #7e7a77;
        font-weight: bold;
        background : #cdc5bc ;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
        color: #7e7a77;
}

.navmenu a:hover {
        background : #bbb2a9 ;
        text-decoration: none;
        color: #7e7a77;
}



.comment_date{
        color : #5F5F5F;
        font-size: 90%;
        vertical-align : middle;
}

/* Image & Image borders */
.image, image:visited {
        border: 1px solid #d0cfcf; 
		background-color: #dfdedb; 
		padding: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
        margin: 2px;
		filter:alpha(opacity=90); 
		-moz-opacity:0.8; 
		opacity:0.8;
}

.image:hover {
        border: 1px solid #bfbdbd; 
		background-color: #dfdedb; 
		padding: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
        margin: 2px;
		filter:alpha(opacity=50); 
		-moz-opacity:0.7; 
		opacity:0.7; 
}


.imageborder {
        border: 1px solid #bfbdbd;
        background-color: #dbd9d7;
        margin-top: 30px;
        margin-bottom: 30px;
}

.display_media {
        background: #dbd9d7 ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

/* Thumbnails */
.thumbnails {
        background: #e8e7e6 ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.thumbnails:hover {
        background: #e0ddda ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.thumb_filename {
        font-size: 80%;
        display: block;
}

.thumb_title {
        font-weight : normal;
        font-size: 80%;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: 80%;
        padding: 1px;
        display : block;
}

.thumb_caption a {
        text-decoration: none;
        color: #000000;
}


.thumb_num_comments {
        font-weight: normal;
        font-size: 85%;
        padding: 2px;
        font-style : italic;
        display : block;
}

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.user_thumb_infobox th {
        font-weight : normal;
        font-size: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: 85%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox a {
        text-decoration: none;
        color: #000000;
}

.user_thumb_infobox a:hover {
        color: #000000;
        text-decoration: none;
}

/* StatLinks */
.statlink {
        color: #979695;
}

.statlink a {
        text-decoration: none;
        color: #979695;
}

.statlink a:hover {
        color: #979695;
        text-decoration: underline;
}

/* Top Menus and Img Captions */
.topmenu {
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        line-height : 130%;
        font-size : 110%;
}

.topmenu a {
        color : #9b9a97;
        text-decoration : none;
}

.topmenu a:hover  {
        color : #9b9a97;
        text-decoration : underline;
}

.img_caption_table {
        border: none;
        background-color: #e7e5e0;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: #e7e5e0 ;
        font-size : 100%;
        color : #9b9a97;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
        background: #e7e5e0 ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
        white-space: normal;
}

.debug_text {
        border: #ffffff;
        background-color: #e7e5e0;
        width : 100%;
        margin : 0px;
}

.clickable_option {
        cursor : default;

}

.listbox_lang {
        color: #9b9a97;
        background-color: #e7e5e0;
        border: 1px solid #ffffff;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;
}

/* Footer*/
.footer {
        font-size : 10px;
		color: #6a6969;
}

.footer a {
        text-decoration: none;
        color: #ec7a63;
}

.footer a:hover {
        color: #d2374d;
        text-decoration: none;
}

/* Admin Stuff */
.admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
        border: 1px solid #CCD7E0;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-right: 10px;
}


.admin_menu_thumb a:hover {
        color: #000000;
        text-decoration: underline;
}

.admin_menu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
        border: 1px solid #CCD7E0;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        background-repeat: repeat-x;
        background-color: #FFFFFF;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}

.admin_menu a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        color: #000000;
        text-decoration: underline;
}

td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}