body { background: #fff url(../images/bg.png) left top repeat-x; margin-top: 25px }

/* General Stuff
-------------------------------------------------------------------------------------------*/
.center { text-align:center }
.cont { padding:0 20px 0 50px }
.contSidebar { padding:0 40px 0 15px }
a { cursor: pointer }
div { background:transparent }
h2 { font-size: 150% }
img { border:none }
a:link,a:visited,a:active,a:hover { color:#000; text-decoration:underline }
a:hover { color:#3b5997; text-decoration:none }
input.text { background:#fff; border:1px solid #e7e7e7; color:#b5b5b5 }
input.text.active { border:1px solid #000; color:#000 }
input.button { background:#e7e7e7; border:1px solid #e7e7e7; color:#000 }
textarea { background:#fff; border:1px solid #e7e7e7; color:#b5b5b5 }
textarea.active { border:1px solid #000; color:#000 }
#freeDiv1,#freeDiv2,#freeDiv3,#freeDiv4 { display:none }

/* Forms
-------------------------------------------------------------------------------------------*/

/* Boxes */
div.customBox div.body form input.text {
	font-size: 90%;
	margin: 0 0 5px 0;
	padding: 2px;
}
div.customBox div.body form input.button { font-size: 90% }

/* Registration form & Login Form */
form.formRegister input.text,form.formLogin input.text { width: 220px }

/* Registration form */
form.formRegister hr { margin: 10px 0 10px 0 }

/* Search Form Big */
form.formSearchBig input.text {
	background: #fff url(../images/search_background_big.png) left top no-repeat;
	border: none;
	float: left;
	height: 16px;
	margin: 0;
	padding: 5px;
	width: 400px;
}
* html form.formSearchBig input.text { height: 26px } /* ie6 hack */
form.formSearchBig input.text.active {
	background: #fff url(../images/search_background_big.png) left bottom no-repeat;
	color: #000;
}
form.formSearchBig input.button {
	background: #fff url(../images/search_background_button.png) left bottom no-repeat;
	border: none;
	font-weight: bold;
	height: 26px;
	width: 100px;
}

/* Search Form Small */
form.formSearchSmall input.text { width: 150px }
form.formSearchSmall input.button { height: 19px; vertical-align: top }

/* Add Marker Form */
form.formMarkerAdd { padding-top: 20px }
form.formMarkerAdd label { margin: 10px 0 0 0 }
form.formMarkerAdd input.text { margin: 0 0 10px 0 }
form.formMarkerAdd textarea { height: 200px; width: 480px }

/* Add Tags Episode Form */
form.formEpisodeTagsAdd input.text { vertical-align: middle }
form.formEpisodeTagsAdd input.button { height: 28px; vertical-align: middle }

/* Add Tags Marker Form */
form.formMarkerTagsAdd input.text { vertical-align: middle }
form.formMarkerTagsAdd input.button { height: 28px; vertical-align: middle }

/* In-Place-Editor */
form.inplaceeditor-form {  }
form.inplaceeditor-form input[type="text"] { border: 1px solid #e7e7e7; padding: 2px;  vertical-align: middle; width: 300px }
form.inplaceeditor-form textarea {
	border: 1px solid #e7e7e7; color: #000; height: 150px; padding: 2px; vertical-align: middle; width: 550px }
form.inplaceeditor-form input[type="submit"] {
	background: #e7e7e7; border: none; height: 22px; margin-left: 5px; vertical-align: middle }
form.inplaceeditor-form a { font-size: 12px; font-weight: normal; margin-left: 5px }

/* Ajax Stuff
-------------------------------------------------------------------------------------------*/

/* Auto Complete */
div.auto_complete { background: #fff; border: 1px solid #e7e7e7; border-top: none; overflow: auto; position: relative }
div.auto_complete ul li { cursor: pointer; padding: 5px }
div.auto_complete ul li.selected { background: #ffffbb; font-weight: bold }

/* Main Wrappers
-------------------------------------------------------------------------------------------*/
#container { background: transparent url(../images/body.png) left top repeat-y; }
#top { background: transparent url(../images/top.png) left top no-repeat; height: 39px }
#header { background: transparent; margin-bottom: 30px }
#footer { margin-top: 30px; }
#bottom { background: transparent url(../images/bottom.png) left top no-repeat; height: 39px }

/* Logo
-------------------------------------------------------------------------------------------*/
div.logoWrapper {
	background: #fff url(../images/logo_background.png) left top no-repeat;
	height: 233px;
	width: 851px;
}

div.logoWrapper h1 a:link,
div.logoWrapper h1 a:visited,
div.logoWrapper h1 a:hover,
div.logoWrapper h1 a:active {
	color: #000;
	text-decoration: none;
}

div.logoImage img { float: left; height: 154px; margin: 20px 0 0 50px; width: 201px }

div.logoSlogan { float: left; margin: 65px 0 0 50px }
div.logoSlogan h1 { line-height: 1.3em; }

/* Boxes
-------------------------------------------------------------------------------------------*/
div.customBox div.top { background: #fff url(../images/box_wrapper.png) 0 0 no-repeat; height: 20px }

div.customBox div.body {
	background: #fff url(../images/box_background.png) left top repeat-y;
	font-size: 90%;
	padding: 0 15px 0 15px;
}

div.customBox div.body h6 { font-size: 110%; margin-bottom: 10px }
div.customBox div.body ul { padding-bottom: 10px }
div.customBox div.body ul li.add { background: #fff url(../images/bullet_add.png) left center no-repeat; padding-left: 10px }
div.customBox div.body ul li.bullet { background: #fff url(../images/bullet_blue.png) left center no-repeat; padding-left:
 10px }
div.customBox div.body div.error { margin: 10px 0 0 0 }

div.customBox div.bottom {
	background: #fff url(../images/box_wrapper.png) 0 -20px no-repeat;
	height: 40px;
	margin-bottom: 20px;
}
* html div.customBox div.bottom { background: #fff url(../images/box_background.png) left top repeat-y; border-bottom: 1px solid #e7e7e7 } /* ie6 hack */

/* Search form big
-------------------------------------------------------------------------------------------*/
form.formSearchBig div.linkMore {
	clear: left;
	margin-right: 50px;
	padding: 5px 5px 0 0;
	text-align: right;
}

form.formSearchBig div.linkMore.active { background: #fff url(../images/search_background_link.png) right center no-repeat }
* html form.formSearchBig div.linkMore.active { background: none } /* ie6 hack */
* html form.formSearchBig div.linkMore.active a { background: #f5db5c } /* ie6 hack */

form.formSearchBig div.moreOpts { margin: 0 50px 0 0 }
form.formSearchBig div.moreOpts div.top { background: #fff url(../images/search_background_more.png) 0 0 no-repeat; height: 10px }
* html form.formSearchBig div.moreOpts div.top { background: #f5db5c; height: 10px } /* ie6 hack */
form.formSearchBig div.moreOpts div.body { background: #f5db5c; padding: 0 0 0 20px }
form.formSearchBig div.moreOpts div.bottom { background: #fff url(../images/search_background_more.png) 0 -10px no-repeat; height: 10px }
* html form.formSearchBig div.moreOpts div.bottom { background: #f5db5c; height: 10px } /* ie6 hack */

form.formSearchBig hr { margin: 10px 0 20px 0; width: 510px }

form.formSearchBig div.auto_complete { width: 510px }

/* Archive
-------------------------------------------------------------------------------------------*/
ul.archive { margin-bottom: 30px }

ul.archive.right { margin-right: 55px }

ul.archive li { margin-bottom: 2px }
ul.archive li.month { font-size: 105%; font-weight: bold; margin-bottom: 5px }

ul.archive li a:link,ul.archive li a:visited { text-decoration: none }
ul.archive li a:hover,ul.archive li a:active { text-decoration: underline }

/* Search Results
-------------------------------------------------------------------------------------------*/
ul.searchResults li { margin-bottom: 20px }
ul.searchResults li h6 { font-size: 120% }
ul.searchResults li div.tags { display: inline; font-weight: bold }
ul.searchResults li div.taglist { display: inline }

/* Episode Details
-------------------------------------------------------------------------------------------*/
div.episode h2 { margin-bottom: 0 }
div.episode div.date { margin-bottom: 10px }

div.episode a.episodeTagsAddLink img { vertical-align: middle }
div.episode div.episodeTags { display: inline; font-weight: bold }
div.episode div.episodeTaglist { display: inline }

div.episode div.episodeTagsAdd div.auto_complete { margin-top: 0; width: 310px }

div.episode div.episodeAbstract { margin-top: 30px }

/* Markers
-------------------------------------------------------------------------------------------*/
ul.markers { margin-top: 30px }

ul.markers li { margin-bottom: 20px }

ul.markers li div.top { background: #f3f8fc url(../images/marker_wrapper.png) 0 0 no-repeat; height: 10px }

ul.markers li div.head { background: #f3f8fc; padding: 0 5px 0 5px }
ul.markers li div.head h6 { display: inline; font-size: 115% }
ul.markers li div.head div.more { background: #FFFCEC; border: 1px solid #FFF2BD; display: inline; padding: 0 2px 1px 2px }
ul.markers li div.head div.more a { color: #9C9675; text-decoration: none; vertical-align: middle }
ul.markers li div.head div.more a:hover { text-decoration: underline }
ul.markers li div.head a.markerMarkerDelete img { vertical-align: middle }
ul.markers li div.head div.time { display: inline; float: right; padding-left: 10px }
ul.markers li div.head a.play { vertical-align: middle }

ul.markers li div.body { background: #f3f8fc; clear: both; padding: 0 5px 0 5px }
ul.markers li div.tagwrapper { padding-top: 5px }
ul.markers li a.markerTagsAddLink img { vertical-align: middle }
ul.markers li div.tags { display: inline; font-size: 90%; font-weight: bold }
ul.markers li div.taglist { display: inline; font-size: 90%; margin-right: 5px; vertical-align: top }

ul.markers li div.markerTagsAdd { background: #fffcec; padding: 10px }
ul.markers li div.markerTagsAdd h3 { font-size: 130%; font-weight: bold; margin: 0; padding: 0 }
ul.markers li div.markerTagsAdd em { display: block; font-style: normal; font-weight: bold; margin: 10px 0 0 0 }
ul.markers li div.markerTagsAdd div.auto_complete { margin-top: -7px; width: 310px }
ul.markers li div.markerTagsAdd div.auto_complete ul li { margin: 0 }
ul.markers li div.markerTagsAdd div.auto_complete ul li a { text-decoration: none }

ul.markers li div.descr { padding: 10px 0 10px 0 }

ul.markers li div.bottom { background: #f3f8fc url(../images/marker_wrapper.png) 0 -10px no-repeat; height: 10px }

/* Markers Add
-------------------------------------------------------------------------------------------*/
ul.markers li.add a { color: #000 }
ul.markers li.add img { vertical-align: middle }

ul.markers li.add div.auto_complete { margin-top: 0; max-height: 200px; width: 310px; z-index: 9999 }
ul.markers li.add div.auto_complete ul li { margin: 0 }

/* Update from RSS-Feed
-------------------------------------------------------------------------------------------*/
ul.rssFeed { margin-top: 20px }

ul.rssFeed li { font-size: 90%; margin-bottom: 5px }
ul.rssFeed li a.addPrepend { text-decoration: none; vertical-align: middle }
ul.rssFeed li a.addAppend { display: none }

/* Footer
-------------------------------------------------------------------------------------------*/
#footer hr { width: 850px }