/*
	base styles
	TODO: clean up code, or maybe burn and start from scratch...
*/
body, td
{
	font-family: "trebuchet ms",arial,san-serif;
	font-size: 10pt;
	color: #000000;
}

body
{
	background: #d9e6f3 url("images/bg.png");
	margin: 16px;
	padding: 0;
}

img
{
	border: 0;
	margin: 5px;
}

table
{
	border: 0;
	border-collapse: collapse;
}

input[type="text"],
input[type="password"],
textarea
{
	border: 1px solid #babdb6;
	background-color: #ffffff;
	font-size: 8pt;
}

input[type="submit"]
{
	border: 1px solid #babdb6;
	background-color: #eeeeec;
	padding: 5px;
	font-size: 9pt;
}

a:link,
a:visited
{
	color: #4e9a06;
	text-decoration: none;
	font-weight: normal;
}
a:hover
{
	color: #73d216;
	text-decoration: underline;
	font-weight: normal;
}

a.large
{
	font-size: 13pt;
	font-weight: bold;
	margin-left: 40px;
}
a.large:before
{
	content: "\0000bb  ";
	font-weight: normal;
}



/*
	layout
*/
#header
{
	width: 540px;
	padding: 30px 8px 8px 8px;
	background-color: #fffacd;
	border-right: 4px solid #a40000;
	color: #204a87;
	font-size: 32pt;
	text-align: right;
	text-transform: uppercase;
}
#slogan
{
	width: 400px;
	padding: 12px 5px 12px 5px;
	background-color: #fffacd;
	margin-left: 360px;
	border-left: 4px solid #4e9a06;
	color: #fcaf3e;
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

#leftcolumn
{
	float: left;
	width: 680px;
}
#rightcolumn
{
	float: left;
	width: 200px;
}

#content
{
	min-height: 580px;
	background-color: #fffacd;
	padding: 12px 12px 48px 12px;
	border-right: 4px solid #888a85;
	text-align: justify;
}
#sidebar
{
	min-height: 300px;
	background-color: #fffacd;
	padding: 8px;
	border-left: 4px solid #5c3566;
	margin-left: 16px;
}
#content > h1
{
	margin-top: 0;
}

#footer
{
	width: 824px;
	margin-left: 20px;
	padding: 16px 16px 8px 16px;
	background-color: #fffacd;
	border-left: 4px solid #ce5c00;
	text-align: right;
	font-style: italic;
}


#dotted1
{
	width: 20px;
	height: 32px;
	border-right: 2px dashed #fffacd;
	margin-left: 480px;
}
#dotted2a
{
	width: 445px;
	height: 24px;
	border-right: 2px dashed #fffacd;
	border-bottom: 2px dashed #fffacd;
	margin-left: 300px;
}
#dotted2b
{
	width: 20px;
	height: 36px;
	border-left: 2px dashed #fffacd;
	margin-left: 300px;
}
#dotted2c
{
	width: 46px;
	height: 64px;
	border-right: 2px dashed #fffacd;
}
#dotted3
{
	clear: both;
	width: 20px;
	height: 12px;
	border-left: 2px dashed #fffacd;
	margin-left: 150px;
}



/*
	text styles
*/
h1
{
	color: #8f5902;
	font-size: 16pt;
	text-align: right;
	text-transform: uppercase;
}
h1:before
{
	content: "\0000bb  ";
}
h2
{
	margin: 48px auto 8px auto;
	color: #ce5c00;
	font-size: 14pt;
	text-align: center;
	border-bottom: 1px dotted #ce5c00;
}
h3
{
	margin: 8px 0;
	color: #8f5902;
	font-size: 12pt;
	text-align: right;
	text-transform: uppercase;
}


/*
	table styles
*/
table.photos
{
	width: 100%;
}
table.photos th,
table.photos td
{
	padding: 3px;
	border: 1px dotted #c4a000;
	font-size: 8pt;
	text-align: center;
}

table.photos td img
{
	width: 125px;
	height: 94px;
}
table.photos td img.portrait
{
	width: 94px;
	height: 125px;
}


/*
	Cutenews styles
*/
.news-meta
{
	font-size: 8pt;
	font-style: italic;
	text-align: right;
	color: #888a85;
}

.news-thumbnails
{
	text-align: center;
}
.news-thumbnails img[width="80"][height="80"]
{
	margin-top: 15px;
	margin-bottom: 15px;
}

table.news-comment-form
{
	margin: 16px auto;
}
table.news-comment-form td
{
	padding: 3px;
}
table.news-comment-form td.attr
{
	font-size: 8pt;
	text-align: right;
}
table.news-comment-form td.attr:first-line
{
	font-size: 10pt;
	font-weight: bold;
}
table.news-comment-form td.submit
{
	text-align: center;
}

table.news-comment-form input[type="text"],
table.news-comment-form input[type="password"]
{
	width: 300px;
}
table.news-comment-form textarea
{
	width: 300px;
	height: 100px;
}

.news-comment-header
{
	background-color: #fef392;
	padding: 2px;
	font-size: 8pt;
}
.news-comment-text
{
	padding: 5px;
	margin-top: 0;
	font-size: 8pt;
}


/*
	other stuff
*/
br.unfloat
{
	clear: both;
}
hr
{
	width: 90%;
	height: 1px;
	border: 1px;
	background-color: #c4a000;
	color: #c4a000;
	clear: both;
	margin: 36px 0;
}

img.design-list {
	display: block;
	margin: 16px auto;
}
a.ext-link {
	margin-left: 16px;
	font-weight: bold
}
a.ext-link:before
{
	content: "\0000bb  ";
}




.link-list
{
	margin: 0 0 16px 4px;
	color: #3465a4;
	font-weight: bold;
}
.link-list.external
{
	font-size: 8pt;
	text-align: right;
}
.link-list.external a b
{
	font-weight: normal;
	color: #888a85;
}
.link-list.external a:after
{
	content: "  \0021d7";
}
.link-list.external img
{
	margin: 0;
	position: relative;
	top: 2px;
	/*width: 12px;
	height: 12px;*/
}



code.block {
	display: block;
	border: 1px dashed #73d216;
	border-left: 3px solid #73d216;
	background-color: #ffffff;
	padding: 8px;
	margin-left: 32px;
	color: #555753;
	text-align: left;
	font-size: 8pt;
}






.alert {
	width: 100%;
	margin: 0;
	position: absolute; top: 0; left: 0;
	border-bottom: 1px solid #edd400;
	background-color: #fffdeb;
	color: red;
}
.alert .inner {
	padding: 4px;
}
.alert .aside {
	margin-top: 4px;
	font-size: 8pt;
	text-align: center;
}
.alert .icon {
	float: left;
	margin: 0 8px;
}