/* background colors */

html, body
{
  background-color:   #373C4B;
}

#header, #footer
{
  background-color:   #606983;
}

#content
{
  background-color: 	#FFFFFD;
}

#about, #article, #screenshots
{ 
  background-color:   #F1F2F5;
}

#news, #comments_area
{ 
  background-color:   #DBDEE6;
}

#articles, #screenshots, #comments_form
{ 
  background-color:   #B7BCCB;
}

#topnav
{
  background-color: #AA0E36;
}

.articleshort
{
  background-color:   #DADDE5;
}

/* common elements */

#topnav
{
  border:       solid 1px black;
  border-top:   none;
  text-align:   left;
  padding:      2px 5px 2px 5px;
}

#topnav a
{
  color:White;
}

/*elements*/

h1, h2, h3
{
    font: 			Verdana;
    font-weight: 	bold;
    line-height: 	20px;
    color: 			#2D3856;
    margin-bottom: 	8px;
    margin-top: 	8px;
}

h1
{
	font-size: 		22px;
}

h2
{
    font-size: 		18px;
}

h3
{
    font-size: 		14px;
}

#Itemtitle
{
	color: #ff6100;
	font-family: verdana, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 2px;
	text-align: left;
	letter-spacing: 0.35em;
	text-transform: uppercase;
}

.Item
{
	color: Black;
	padding: 10px 0px 50px 10px;
	text-align: justify;
}

#Itemdetails
{
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #666666;
	background: transparent;
	border-bottom: 1px #cccccc solid;
	clear: both;
}

#Item img
{
	border: solid 1px black;
	padding: 2px 2px 2px 2px;
	margin: 6px 10px 15px 6px;
}

blockquote
{
	font-family: Monospace;
	color: Black;
}

#footer a
{
	font-weight: normal;
}

p
{
	margin: 10px 0px;
}

a
{
	color: #CF2026;
	text-decoration: none;
	background: transparent;
}

a:hover
{
	color: #4B264F;
	text-decoration: underline;
	background: transparent;
}

a:visited
{
	color: #4B264F;
	background: transparent;
}

img
{
	border: none;
}

html
{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

body
{
  margin:        0 auto 0 auto;
  width:         750px;	
  padding:       0px;
  text-align:    center;
  font:          11px/15px verdana, arial, helvetica, sans-serif;
}

#header
{
  margin: 				20px 0 0 0;
  padding: 				10px 10px 0 0;
  background-image:		url(djlogo.png);
  background-repeat:	no-repeat;
  background-position:  0px 2px;
  height:  				32px;
  width:                738px;
  border:               solid 1px black;
  vertical-align:       middle;
  text-align:           right;
  color:                White;
  font-size:            12px;
  
}

#header a
{
  color:White;
}

#content
{
  border:    			1px solid black;
  margin: 				0 auto 0 auto;
  padding: 				0 0 0 0;
  background-image: 	url("blog-area2.png");
  background-repeat: 	repeat-y;
  background-position: 	393px;
  text-align: 			left;
  clear:                both;
}

#about, #screenshots, #articles
{ 
  margin: 		      0; 
  padding: 		      15px;
	border:           none;
	border-bottom:    solid 1px black;	
}

#screenshots img
{
  border: solid 1px black;
  margin: 10px 10px 10px 10px;
  width:  190px;
  height: 95px;
}

#news
{ 
  margin: 		      0 0 0 0; 
  padding: 		      20px 20px 20px 20px;
	height: 		      100%;
	border-bottom:    solid 1px black;
}

#news p, #news a
{
  margin-left: 10px;
}

.newsitem
{
}

.newsinfo
{
  text-align:left;
}

#article
{
  border-bottom:    solid 1px black;
  padding:          20px 20px;
  margin:           0 0;
  text-align:       justify;
}

#article img
{
  margin:           10px 10px;
  padding:          0 0;
  border:           solid 1px black;
  float:            right;
}

#comments_area, #comments_form
{
  padding: 20px 20px;
  margin: 0 0;
}

#comments_form
{
  border-top: solid 1px black;
}

.articleshort
{
  border:           solid 1px black;
  padding:          10px 10px;
  margin:           0 0;
  text-align:       justify;
  overflow:         hidden;
}

.articleshort img
{
  float:            left;
  margin:           8px;
  padding:          0 0;
  border:           solid 1px black;  
}

.articleshortinfo
{
  margin-top: 10px;
  border-top: solid 1px black;
  font-size: 90%;
}

#dump .iteminfo
{
  margin-left: 	    0px;
  padding: 			    0 0 0 0;
	font-size: 		    90%;
}

#dump p
{
	padding:          0 0 0 0;
	margin:           0 0 0 0;	
}

#dump .itembody p
{
	padding:          5px 5px 5px 0px;
	margin:           10px 10px 10px 0px;
}

#blog
{ 
  padding: 	        15px 10px 20px 20px;
  width:		        310px;
  margin: 	        0 0 0 53%;
}

#blog textarea
{
	width:		        300px;	
}

#blog .iteminfo, .detailediteminfo
{
  border-top: 			solid 1px #9EA7AE;
	margin: 	 				20px 0 20px 0;
	font-size: 				90%;
	color:						#464646;
}

#blog li
{
  list-style-type:  none;
  margin-left:      0;
  padding-left:     0;
}

#blog ol
{
  margin-left: 0;
  padding-left: 0;
}

.detailediteminfo
{
	font-size:        100%;
}

.comment
{
	/*border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #999999;*/
	padding-left:     5px;
}

.commentinfo
{
  font-weight:      bold;
	margin:           20px 0px 0px 0px;
	font-size:        90%;
	color:						#4h64646;
}

#blog h2 a
{
  color:            #2D3856;
}

#blog h2 a:hover
{
	text-decoration:  underline;
	color:            #2D3856;
}

.clearer
{
	clear: 			      both;
	font-size: 	      1px;
}

h1.title
{
  color:						black;
	font: 						27px 'Times New Roman';
	letter-spacing: 	0.05em;
	text-decoration: 	none;
	margin-bottom: 		10px;
	padding:					5px 0px;
}

#footer
{
  clear:            both;
  text-align:       center;
  padding:          2px 0 2px 0;
  margin:           0 0 0 0;
  font-size:        11px;
  border:           solid 1px black;
  border-top:       none;
}

#footer a
{
  font-size:        12px;
  color:            Black;
  font-style:       italic;
}

#cats
{
  background:       transparent;
  margin-bottom:    0px;
}

#bottommenu
{
  clear:            both;
  padding:          2px 2px 2px 2px;
  margin:           0 0 0 0;
  background-color: #FFF4DF;
  border:           1px solid #AA6F00;
}