body {
  background:#1a1a1a url(../images/bg_body.gif) repeat-y right;
  margin:0;
  padding:0;
  font-size:62.5%;
  font-family:"Lucida Grande", Arial, sans-serif;
  color:#FFF;
}

a {
  color:#FFF;
  text-decoration:none;
}

a img {
  border:none;
}



#wrapper {
	min-width:105em;
}

#header {
  background:#545454 url(../images/bg_header.gif) repeat-x bottom;
	height:2.3em;
	padding:.5em 2em;
}

#logo img {
	float:left;
	width:11.1em;
}

#nav {
	float:right;
	margin:.5em;
	color:#808080;
}

#nav a {
	margin:0 .3em;
}

#content {
  padding:1em;
}


#sidebar {
	width:231px;
	float:right;
	min-height:300px;
	font-family:'Lucida Grande', Helvetica, Arial, sans-serif;
}

#sidebar ul {
	margin:.75em 0 0;
	padding:0;
	list-style-type:none;
}

#sidebar li {
	margin:0;
	padding:0;
	font-size:1.2em;
}

#sidebar li img {
	vertical-align:middle;
	position:relative;
	top:-.1em;
	margin-right:.5em;
	background:url(../images/bg_icn_grey.gif) no-repeat;
}

#sidebar li a {
	display:block;
	padding:.6em 0 .6em 1em;
	color:#898989;
}

#sidebar li.selected a {
	border-top:1px solid #3e3e3e;
	border-bottom:1px solid #3e3e3e;
	background:#1a1a1a;
	margin-bottom:.4em;
	color:#FFF;
}

#sidebar li.selected img {
	background:url(../images/bg_icn_red.gif) no-repeat;
}

#sidebar h2 {
	padding:.3em 1em;
	margin:1em 0 0;
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:1.4em;
}

#sidebar hr {
	margin:0 0 1em 0;
	border:none;
	border-top:1px dotted #464646;
}

#sidebar .close_project {
	text-align:right; 
	margin:0 .5em; 
	position:relative; 
	top:3.4em;
}

#sidebar .close_project a {
	color:#898989;
}


#content {
	position:relative;
	margin-right:231px;
	padding:.3em 2em;
	background:url(../images/bg_content.gif) repeat-x top;
}

#content h1 {
	margin:0 0 .3em;
	padding-bottom:.1em;
	font-size:3em;
	font-family:Helvetica, Arial, sans-serif;
	border-bottom:1px solid #464646;
}


.project h2 {
  font-size:1.8em;
  font-family:Helvetica, Arial, sans-serif;
  background:#080808;
  padding:.2em .5em .3em;
  margin:0;
}

.project h2 img {
  position:relative;
  top:.2em;
  margin-right:.5em;
  background:url(/images/bg_icn_black.gif) no-repeat;
}


.unicrud table {
  border-collapse:collapse;
  width:100%;
  font-size:1.2em;
  margin:20px 0;
  border:1px solid #464646;
}

.unicrud th {
  background:url(/images/bg_th.gif) repeat-x top;
  text-align:left;
  border-bottom:1px solid #575757;
  border-right:1px solid #464646;
}

.unicrud th,.unicrud td {
  padding:5px 15px;
}

.unicrud td {
  border:1px solid #090909;
	color:#898989;
}

.unicrud td img {
  border:none;
  vertical-align:middle;
}

.unicrud .add {
  background:#252525;
}

.unicrud .even {
  background:#1b1b1b;
}

.unicrud .first {
  border-left:1px solid #464646;
}

.unicrud .last {
  border-right:1px solid #464646;
}

.unicrud .last_row td {
  border-bottom:1px solid #464646;
}

.red {
	background:url(../images/bg_icn_red.gif) no-repeat;
}

.grey {
	background:url(../images/bg_icn_grey.gif) no-repeat;
}

.black {
	background:url(../images/bg_icn_black.gif) no-repeat;
}



div.box, div.pad {
  padding:10px;
}

div.box {
  background-color:#252525;
  border:1px solid #464646;
  margin:10px;
  overflow: hidden;
}



.controls {
  float:right;
}

.controls a {
  margin:0;
}

.controls img {
  margin:0 0 0 2px !important;
  background:url(/images/bg_icn_black.gif) no-repeat;
}




.character {
  border:1px solid #3e3e3e;
  background:#070707;
  color:#898989;
  padding:.8em;
  margin:0 0 1em;
  position:relative;
}

.character h2 {
  font-size:2em;
  color:#FFF;
  font-weight:normal;
  margin:.2em 0 .1em;
}

.character img {
  float:left;
  margin-right:1.5em;
}

.character p, .character li {
  font-size:1.2em;
}

.character p {
  margin:.5em;
}

.character p.status {
  margin:0 0 .2em;
  font-size:1.1em;
}




input, textarea, select {
  background:#242424 url(/images/bg_input.gif) repeat-x top;
  border:1px solid #464646;
  color:#FFF;
}

textarea {
  background:#242424 url(/images/bg_textarea.gif) repeat-x top;
}

form {
  font-size:1.2em;
}

label {
  padding-top:3px;
  display:block;
  margin:0 0 .3em;
}


.full {
  width:100%;
  float:left;
}





* html #content {
	padding-top:1px;
}

* + html #content {
	padding-top:1px;
}

/* this is ignored by safari but sets ff padding */
#content {
	padding-top:1.8em;
	#
}