/********* Main *********/
html {
	background: transparent url(images/background_blue.gif) 0 0 repeat fixed;

}

body {
	margin: auto auto; /* centers body */
	padding:1em 5% 1em 5%;
	max-width: 70em;
	min-width: 20em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow: auto;
}

body.screenshot {
	max-width: 100%;
	min-width: 0;
}

/********* General *********/
.clear {
	clear:left;
}

/* Margins */
.title, .entry {
	margin: 10px 10px 10px 10px; /* t r b l */
}

/********* Links *********/
a {
	color: #b8402c;
	border-bottom: solid 2px #d5b0aa;
	text-decoration: none;
	}

a:visited {
	color: #aa6255;
	border-bottom: solid 2px #d5b0aa;
	}

a:hover, a:visited:hover {
	color: #b8402c;
	border-bottom: solid 2px #b8402c;;
}

a:active, a:visited:active {
	color: #E32200;
	border-bottom: solid 3px #b8402c;
	}

/******** Lists **********/

ul {
	padding: 0 0 0 0.8em; /* t r b l */
	margin: 0 0 0 0; /* t r b l */
	list-style:circle;
	/*color:#b8402c;*/
}

li {
	padding: 0 0 0 0; /* t r b l */
	margin: 0 0 0.4em 0; /* t r b l */

	/*color:black;*/
}

#maincolumn li { /* make list items next to screenshots look indented */
	margin: 0 0 0.2em 2em; /* t r b l */
}

#maincolumn p {
	margin: 0 0 0.8em 0; /* t r b l */
}



/********* Title *********/
h1.title {
	font-size:200%;
	font-family:'Lucida Console', 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
	letter-spacing:-0.05em;
	color:#b8402c;
}

.title-alt {
	color:black;
}

.closer {
	letter-spacing:-0.2em; /* make the :: square */
}

div.title {
	font-size: 100%;
	font-weight:normal;
	line-height:1.6em;
	margin: 10px 10px 10px 15px;
	color: #446;
}

/********* Main *********/
.entry {
	clear:left;
	vertical-align:top;
	padding: 0em 0.6em 0em 0em;/* t r b l */
}

.entrytitle {
	font-weight: bold;
	color:#446;
	margin-bottom: 0.3em;
}

a.screenshot {
	float:left;
	padding: 0.6em;
	margin: 0em 0.8em 1.6em 0em;/* t r b l */
	width:47%;
	text-align:right;
}

a.screenshot:hover {
	background: transparent url(images/background_hover.gif) 0 0 repeat fixed;
	border-style: none;
}

.screenshot img {
	border: 2px solid #444;
	width:99%;
	height:auto;
	text-align:right;
}

div.fullscreenshot {
	text-align: center;
	width:auto;
}

img.fullscreenshot {
	border: 2px solid #444;
	margin: 1em 0em 1em 0em;
	width:auto;
}

a.minor {
	width: 33%;
}

a.screenshot, a.screenshot:visited {
	border-bottom-style: none;	 /* remove underline from screenshot links */
}

.entrytext, .entrytitle {
	vertical-align:top;
	padding: 0.4em 0 0 0; /* t r b l */

}

.backlink {
	font-size: 80%;
	text-align:right;
	margin: 1.6em 0.8em 0.2em 0em;/* t r b l */
	clear:left;
}

/********* Sidebar *********/

#sidecolumn .entry {
	font-weight: normal;
}

#sidecolumn .entrytext {
	padding: 0.3em 0 1.0em 1.0em; /* t r b l */
}

#sidecolumn a {
	font-size: 100%; /* smaller since url can be long and the sidbar short */
}

img.small-icon {
	border: 0px;
	max-height:1.5em;
	max-width:1.5em;
	min-height:0.8em;
	min-width:0.8em;
	padding: 0px 0.5em 0px 0px; /* t r b l */
}

/********* Loading *********/
#loading {
	border:0px solid #8787ad;
	margin:1em;
	padding:1em;
}

.checkcss {
	visibility:hidden;
	display:none;
}

.error {
	color:#b8402c;
	font-weight: bolder;
}

/********* Sections *********/
#titlesection {
	left:0%;
	width:100%;
	float:left;
}

#maincolumn {
	left:0%;
	width:70%;
	margin:1em 0% 0% 0%; /* t r b l */
	clear:left;
	float:left;
	overflow: hidden;
}

#singlecolumn {
	left:0%;
	width:100%;
	margin:1em 0 0 0; /* t r b l */
	clear:left;
	float:left;
	overflow: visible;
}

#sidecolumn {
	left:75%;
	width:25%;
	min-height:100%;
	margin:1em 0 0 0;
	float:right;
}

.column-end-1, .column-end-2, .column-end-3, .column-end-4, .column-end-5 {
	background: transparent url(images/fade_1.gif) 0 0 repeat fixed;
	width:100%;
	height:5px;
	max-height:5px;
	margin:0px;
	padding:0px;
	font-size: 0px;
}
.column-end-2 { background-image: url(images/fade_2.gif);}
.column-end-3 { background-image: url(images/fade_3.gif);}
.column-end-4 { background-image: url(images/fade_4.gif);}
.column-end-5 { background-image: url(images/fade_5.gif);}



#maincolumn, #sidecolumn, #titlesection, #singlecolumn {
		border:0px solid #8787ad;
		background: white url(images/background.gif) 0 0 repeat fixed;
}