/*******************************************************************************
 General
*******************************************************************************/
body {
	margin: 0;
	padding: 0;
	background-color: #222222;
	background-image: url("images/background.png");
	background-repeat: repeat-x;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 18px;
	color: #212121;
}

table {
	font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
form,
ul,
ol,
p {
	margin-top: 0;
	padding-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

h2,
h3 {
	font-size: 170%;
	margin: 5px 0 10px 0;
	line-height: 24px;
}

a {
	color: #ff6700;
}

a:hover {
	color: #212121;
}

a img {
	border: none;
}

div#iewarning {
	margin: 10px;
	padding: 10px;
	border: 5px solid #ff0000;
	width: 400px;
	background-color: #ffcccc;
}

div#iewarning p {
	margin: 0;
	padding: 0;
}

div#iewarning a {
	color: #0000ff;
}

div#container {
	position: relative;
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
}


/*******************************************************************************
 Header
*******************************************************************************/
div#header {
	height: 276px;
	overflow: hidden;
	background-image: url("images/title.png");
	background-position: 15px 46px;
	background-repeat: no-repeat;
}

div#header h1 {
	margin: 280px 0 0 0;
}


/*******************************************************************************
 Features
*******************************************************************************/
div#features {
	position: absolute;
	top: 26px;
	left: 0;
	height: 250px;
	width: 980px;
	overflow: hidden;
}

div#features div.item {
	position: relative;
	margin: 63px 0 0 0;
}

div#features div.item div.text {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 180px;
	color: #ffffff;
}

div#features div.item div.text h2 {
	margin: 0 0 18px 0;
	padding: 0;
	font-size: 135%;
}

div#features div.item div.text h2 a {
	text-decoration: none;
	color: #ffffff;
}

div#features div.item div.text p {
	margin: 0;
	padding: 0;
	font-size: 90%;
}

div#features div.item div.text div.more {
	margin: 10px 0 0 0;
}

div#features div.item div.text div.more a {
	color: #ffffff;
}

div#features div.controls {
	position: absolute;
	top: 38px;
	right: 15px;
	overflow: hidden;
}

div#features div.controls span.play {
	float: right;
	width: 20px;
	height: 20px;
	margin: 0 0 0 10px;
	overflow: hidden;
	background-image: url("images/control_play.png");
	cursor: pointer;
}

div#features div.controls span.true {
	background-image: url("images/control_stop.png");
}

div#features div.controls ul.numbers {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

div#features div.controls ul.numbers li {
	float: left;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 80%;
	margin: 0 0 0 3px;
	overflow: hidden;
	background-image: url("images/control.png");
	cursor: pointer;
}

div#features div.controls ul.numbers li.current {
	background-image: url("images/control_current.png");
	color: #ffffff;
}


/*******************************************************************************
 Menu
*******************************************************************************/
div#menu {
	margin: 0 0 10px 0;
	line-height: 35px;
	overflow: hidden;
	background-image: url("images/menu.png");
	font-size: 120%;
}

div#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

div#menu ul li {
	float: left;
	padding: 0 15px;
	background-image: url("images/menuitem.png");
	background-position: right 15px;
	background-repeat: no-repeat;
}

div#menu ul li.last {
	background-image: none;
}

div#menu ul li a {
	color: #ffffff;
	text-decoration: none;
}

div#menu ul li a:hover,
div#menu ul li.current a {
	color: #ff6700;
}


/*******************************************************************************
 Top menu
*******************************************************************************/
div#topmenu {
	position: absolute;
	top: 0;
	left: 50%;
	height: 25px;
	width: 50%;
	overflow: hidden;
	font-size: 90%;
}

div#topmenu ul {
	float: right;
	margin: 0 15px 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

div#topmenu ul li {
	float: left;
}

div#topmenu ul li a {
	display: block;
	height: 25px;
	line-height: 25px;
	color: #ffffff;
	text-decoration: none;
}

div#topmenu ul li a:hover {
	text-decoration: underline;
}

div#topmenu ul li.rss a {
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
	background-image: url("images/rss.png");
	background-repeat: no-repeat;
	background-position: left 50%;
}


/*******************************************************************************
 Search
*******************************************************************************/
div#search {
	position: absolute;
	top: 283px;
	right: 10px;
	width: 180px;
	height: 20px;
	overflow: hidden;
	background-image: url("images/search.png");
}

div#search form {
	margin: 1px;
	padding: 0;
}

div#search form div.field {
	position: relative;
	height: 20px;
	overflow: hidden;
}

div#search form div.field label {
	display: none;
}

div#search form div.field input#search_field {
	position: absolute;
	top: 0px;
	left: 5px;
	width: 150px;
	height: 20px;
	padding: 0;
	margin: 0;
	border: none;
	font-size: 100%;
	font-family: Trebuchet MS, Helvetica, sans-serif;
}

div#search form div.field input.empty {
	color: #9f9f9f;
}

div#search form div.field input.button {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background-color: transparent;
	padding: 0;
	margin: 0;
	border: none;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(0);
	cursor: pointer;
}


/*******************************************************************************
 Content
*******************************************************************************/
div#content {
	background-color: #ffffff;
	background-image: url("images/content.png");
	overflow: hidden;
}


/*******************************************************************************
 Text
*******************************************************************************/
div#text {
	float: left;
	background-image: url("images/text.png");
	background-repeat: no-repeat;
	width: 780px;
	overflow: hidden;
}

div#text div.inner {
	padding: 10px;
}


/*******************************************************************************
 Text - Weblog - List / Single
*******************************************************************************/
div#text div.weblog_search,
div#text div.weblog_single,
div#text div.weblog_list div.item {
	overflow: hidden;
	margin: 0 0 18px 0;
	padding: 0 0 18px 0;
	border-bottom: 1px solid #bfbfbf;
}

div#text div.weblog_single div.date,
div#text div.weblog_list div.item div.date {
	float: left;
	width: 50px;
	height: 50px;
	line-height: 14px;
	overflow: hidden;
	text-align: center;
	background-image: url("images/weblog_date.png");
	color: #ffffff;
	position: relative;
}

div#text div.weblog_single div.date span,
div#text div.weblog_list div.item div.date span {
	display: block;
}

div#text div.weblog_single div.date span.day,
div#text div.weblog_list div.item div.date span.day {
	margin: 3px 0 0 0;
}

div#text div.weblog_single div.date span.month,
div#text div.weblog_list div.item div.date span.month {
	font-size: 70%;
}

div#text div.weblog_single h2.title,
div#text div.weblog_list div.item h2.title {
	margin: 5px 0 0 60px;
	padding: 0;
}

div#text div.weblog_single h2.title a,
div#text div.weblog_list div.item h2.title a {
	color: #212121;
	text-decoration: none;
}

div#text div.weblog_single div.text,
div#text div.weblog_single div.image,
div#text div.weblog_list div.item div.text,
div#text div.weblog_list div.item div.image {
	clear: left;
	padding: 5px 0 0 0;
}

div#text div.weblog_single div.image {
	float: right;
	margin: 0 0 5px 10px;
}

div#text div.weblog_single div.image a {
	display: block;
	margin: 0 0 5px 0;
}

div#text div.weblog_single div.image a img {
	vertical-align: bottom;
}

div#text div.weblog_list div.item div.text p {
	margin: 0;
	padding: 0;
}

div#text div.weblog_list div.item div.more {
	margin: 10px 0 0 0;
}


/*******************************************************************************
 Comments
*******************************************************************************/
div#text div.tx-windcomments-pi1 div.list {
	margin: 1em 0 0 0;
}

div#text div.tx-windcomments-pi1 div.list div.avg {
	overflow: hidden;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #bfbfbf;
}

div#text div.tx-windcomments-pi1 div.list div.avg label {
	display: block;
	width: 150px;
	float: left;
	font-weight: bold;
	margin-right: 5px;
}

div#text div.tx-windcomments-pi1 div.list div.avg div.field {
	float: left;
	margin: 0;
}

div#text div.tx-windcomments-pi1 div.list div.footnote,
div#text div.tx-windcomments-pi1 div.list div.single {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #bfbfbf;
}

div#text div.tx-windcomments-pi1 div.list div.name {
	font-weight: bold;
}

div#text div.tx-windcomments-pi1 div.list div.datetime {
	font-size: 80%;
}

div#text div.tx-windcomments-pi1 div.form div.pair {
	overflow: hidden;
	margin: 0 0 .5em 0;
}

div#text div.tx-windcomments-pi1 div.form div.pair label {
	font-weight: bold;
	float: left;
	width: 100px;
	overflow: hidden;
}

div#text div.tx-windcomments-pi1 div.form div.pair span,
div#text div.tx-windcomments-pi1 div.form div.pair img,
div#text div.tx-windcomments-pi1 div.form div.pair select,
div#text div.tx-windcomments-pi1 div.form div.pair textarea,
div#text div.tx-windcomments-pi1 div.form div.pair input {
	display: block;
	margin: 0 0 0 100px;
}

div#text div.tx-windcomments-pi1 div.form div.pair input {
	width: 250px;
}

div#text div.tx-windcomments-pi1 div.form div.pair textarea {
	width: 400px;
	height: 150px;
}

div#text div.tx-windcomments-pi1 div.form div.pair span label,
div#text div.tx-windcomments-pi1 div.form div.pair span input,
div#text div.tx-windcomments-pi1 div.form div.pair span img {
	display: inline;
	font-weight: normal;
}


/*******************************************************************************
 Sidebar
*******************************************************************************/
div#sidebar {
	float: right;
	width: 200px;
	overflow: hidden;
	background-image: url("images/sidebar.png");
	background-repeat: no-repeat;
	background-position: top right;
}

div#sidebar div.inner {
	padding: 10px;
}

div#sidebar h2,
div#sidebar h3 {
	margin: 5px 0 0 0;
	line-height: 24px;
}

div#sidebar div.back {
	font-size: 100%;
	line-height: 20px;
	margin: 10px 0 18px 0;
	padding: 0 0 18px 0;
	border-bottom: 1px solid #bfbfbf;
}

div#sidebar div.back a {
	display: block;
	height: 20px;
	color: #212121;
	text-decoration: none;
	padding: 0 0 0 25px;
	background-image: url("images/back.png");
	background-repeat: no-repeat;
	background-position: left 50%;
}

div#sidebar ul {
	margin: 10px 0 18px 0;
	padding: 0 0 18px 0;
	border-bottom: 1px solid #bfbfbf;
	list-style: none;
}

div#sidebar ul li {
	padding: 0 0 0 10px;
	background-image: url("images/list.png");
	background-repeat: no-repeat;
	background-position: left .5em;
}

div#sidebar ul li a {
	text-decoration: none;
}

div#sidebar ul li.current {
	background-image: url("images/list_current.png");
}

div#sidebar ul li.current a {
	color: #212121;
}

div#sidebar div.photos div.photo {
	margin: 0 0 5px 0;
}

div#sidebar div.photos div.photo img {
	vertical-align: bottom;
}


/*******************************************************************************
 Footer
*******************************************************************************/
div#footer {
	clear: left;
	margin: 0 0 10px 0;
	line-height: 35px;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	background-image: url("images/menu.png");
	background-repeat: no-repeat;
}

div#footer p {
	margin: 0;
	padding: 0;
}


/*******************************************************************************
 Mail forms
*******************************************************************************/
fieldset.csc-mailform {
    margin: 0;
    padding: 0;
    border: none;
}

fieldset.csc-mailform div.csc-mailform-field {
    overflow: hidden; 
}

fieldset.csc-mailform div.csc-mailform-field label { 
    display: block;
    float: left;
    width: 100px;
    text-align: right;
}

fieldset.csc-mailform div.csc-mailform-field select,
fieldset.csc-mailform div.csc-mailform-field input,
fieldset.csc-mailform div.csc-mailform-field textarea {
    float: left;
    margin: 0 0 0 5px;
    width: 300px;
}

fieldset.csc-mailform div.csc-mailform-field textarea {
    width: 600px;
    height: 150px;
}

fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-submit,
fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-radio,
fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-check,
fieldset.csc-mailform div.csc-mailform-field select {
    width: auto;
}

fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-submit {
    float: none;
    margin: 0 0 0 105px;
}

fieldset.csc-mailform div.csc-mailform-field span.csc-mailform-radio fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

fieldset.csc-mailform div.csc-mailform-field span.csc-mailform-radio fieldset legend {
    display: none;
}

fieldset.csc-mailform div.csc-mailform-field span.csc-mailform-radio fieldset input {
    float: none;
}

fieldset.csc-mailform div.csc-mailform-field span.csc-mailform-radio fieldset label {
    width: auto;
    float: none;
    display: inline;
}