/*
	Theme Name: Mad TV
	Author: Sven Burkert

	Main colors:

	dark blue: #5468A0
	dark brown: #803430
	lightgrey: #E2E2E2
	dark grey: #808080
	darker grey: #606060
*/

/* ---------------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html, body {
	text-align: center;
}

body {
	font-size: 12px;
	background: url(images/background.gif) repeat-x #808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #606060;
}

p {
	margin: 0 0 1em 0;
}

a {
	color: #5468A0;
	text-decoration: underline;
}
h1 a,
h2 a {
	text-decoration: none;
}

a:hover {
	color: #803430;
}

h1 {
	letter-spacing: 1px;
	font-weight: normal;
	font-family: 'Times New Roman', Times, serif;
	font-size: 30px;
	margin: 1em 0 0 0;
	text-shadow: 1px 1px 3px;
	line-height: 1.2em;
}
h2,
h3 {
	border-bottom: 1px solid #808080;
	font-size: 16px;
	margin: 0 0 1em 0;
}
h3 {
	font-size: 12px;
}

ol,
ul {
	margin: 0 0 1em 0;
}
ul {
	list-style-type: square;
}
ol {
	list-style-type: decimal;
}
li {
	margin: 0 0 0 2em;
}

input ,
textarea {
	border: 1px solid #808080;
	padding: 2px;
	font-size: 11px;
	background: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

acronym {
	text-decoration: none;
	color: #803430;
	font-style: italic;
}


/* Structure
 * ---------------------------------------------------------------------------------- */

#page {
	background: #FFF;
	border: 2px solid #803430;
	margin: 2em auto;
	padding: 2px;
	text-align: left;
	width: 900px;
}

#head {
	background: url(images/head.png) no-repeat top center;
	height: 170px;
}

#title {
	margin: 0;
	padding: 5px 0 0 15px;
}

#title a {
	color: #f0ecdf;
	font: 40px 'Cabin Sketch', Arial, sans-serif;
	letter-spacing: 2px;
	text-decoration: none;
}

#title .description {
	font-size: 12px;
	font-variant: small-caps;
	color: #ebebeb;
	letter-spacing: 1px;
}

#content,
#archiv {
	float: left;
	margin: 0 0 2em 0;
	padding: 0 40px 0 40px;
	width: 580px;
}

.entry,
.entry_x,
.text {
	margin: 12px 0 0 0;
	line-height: 1.6em;
}

#footer {
	clear: both;
	color: #808080;
	font-size: 11px;
	padding: 0.5em;
}

#sidebar {
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 0 40px 0 0;
	text-align: left;
	width: 200px;
}


/* ---------------------------------------------------------------------------------- */

.entry h1,
.entry h2,
.entry h3 {
	margin: 1em 0 12px 0;
}

#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 {
	border-bottom: 4px solid #803430;
	color: #803430;
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 16px 0 3px 0;
	padding: 0 0 3px 0;
	text-align: left;
}

/* ---------------------------------------------------------------------------------- */

.date {
	border-bottom: 1px solid #808080;
	font-size: 10px;
	padding: 2px 0 4px 0;
}
#archiv .date {
	border: 0;
}

.title {
	border-bottom: 4px solid #803430;
	color: #803430;
	font-size: 14px;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
	padding: 0 0 3px 0;
	text-align: left;
}

.archivtitle,
.tagtitle {
	border-bottom: 4px solid #803430;
	color: #5468A0;
	font-weight: normal;
	margin: 1em 0 2em;
	padding: 0 0 5px 0;
}



/* ---------------------------------------------------------------------------------- */

blockquote {
	clear: left;
	border-left: 4px solid #cad6d9;
	color: #9dafb3;
	text-align: justify;
	padding: 0 0 0 25px;
	margin: 20px 40px 16px 25px;
}

#email, #author, #url {
	background: #ffffff;
	border: 1px solid #cad6d9;
	color: #5468A0;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}

/* ---------------------------------------------------------------------------------- */

#content .wp-caption-text {
	font-weight: bold;
	font-size: 10px;
}

#archiv img {
	border: 1px solid #cccccc;
	padding: 4px;
	max-width: 100%;
}


.entry img {
	margin: 6px 10px 0 0;
	padding: 4px;
	border: 1px solid #cccccc;
	max-width: 100%;
}

.entry_x img {
	margin: 6px 10px 0 0;
}

.entry .right img {
	float: right;
	margin: 6px 0 0 10px;
}

.entry_x .right img {
	float: right;
	margin: 6px 0 0 10px;
}

#content .wp-smiley {
	border: none;
	float: none;
	padding: 0;
	margin: 0;
}

#archiv .wp-smiley {
	border: none;
	float: none;
	padding: 0;
	margin: 0;
}

/* Sidebar
 * ---------------------------------------------------------------------------------- */

#sidebar ul {
	list-style-type: none;
}

#sidebar ul li {
	margin: 0;
}

#sidebar img {
	vertical-align: text-bottom;
}

#sidebar ul li {
	line-height: 1.5em;
	padding: 0 0 0.2em 0;
	border-bottom: 1px dotted #803430;
}

#sidebar ul li.categories {
	border: none;
}

#sidebar ul.children {
	list-style-type: circle;
	margin: 0 0 0 15px;
	border: none;
}

#sidebar ul.children li {
	border: none;
}

/* ---------------------------------------------------------------------------------- */

#searchform input {
	border: 1px solid #803430;
	font-size: 12px;
	margin: 2em 0 0.5em 0;
	padding: 0.2em;
	width: 100%;
	color: #808080;
}

.query-term {
	background: yellow;
}

#comment {
	width: 350px;
	background: url(images/bubble.png) no-repeat 5px 5px;
	padding-top: 30px
}

.commentbody {
	list-style-type: none;
	font-size: 11px;
	margin: 0 0 20px 0;
	padding: 16px 12px 16px 12px;
	background: url(images/bg_bottom.png) repeat-x 0 bottom;
	border: 2px solid #E2E2E2;
	position: relative;
}

.commentcount {
	font-size: 30px;
	font-weight: bold;
	color: #E2E2E2;
	float: right;
	margin: 10px 12px 0 0;
}


.com_pic {
	background: url(images/bubble.png) no-repeat;
	height: 26px;
}

.com_info {
	padding: 0 0 0 40px;
}

.commentbody p {
	line-height: 1.2em;
}

.commentlink,
.comment-edit-link {
	font-size: 10px;
	text-decoration: none;
}

.commentlist {
	list-style: none;
}

.commentlist a {
	color: #803430;
}

.post-edit-link img {
	margin: 0 0 0 4px;
}

/* ---------------------------------------------------------------------------------- */

#info {
	border-bottom: 1px solid #808080;
	margin: 0 0 2em 0;
}

.info_m {
	clear: left;
	color: #808080;
	font-size: 10px;
	letter-spacing: 0.01em;
	margin: 0 0 30px 0;
	padding: 4px 0 0 0;
	border-top: 1px solid #808080;
}

.info_s {
	background: url(images/typewriter.gif) no-repeat bottom left;
	color: #5468A0;
	font-size: 10px;
	line-height: 1.2em;
	padding: 1em 0 0 170px;
}

.info_x {
	font-size: 10px;
	margin: 0 0 2em 0;
	padding: 4px 0 0 0;
	border-top: 1px solid #cad6d9;
}

/* ---------------------------------------------------------------------------------- */

.line {
	border-top: 1px solid #cad6d9;
	margin: 0 0 7px 0;
}

.spacer {

	border-top: 1px dotted #cad6d9;
	margin: 25px 0 7px 0;
}

.navbutton {
	border-bottom: 1px dotted #803430;
	line-height: 1.5em;
	font-size: 11px;
	padding: 0 0 2px;
	margin: 0;
}

.navigation {
	border-top: 4px solid #808080;
	border-bottom: 1px solid #808080;
	font-size: 11px;
	padding: 0.5em 0;
	color: #5468A0;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
	margin: 0 0 0 1em;
}

/* TinyMCE Styles
 * Add them also in /wp-content/plugins/tinymce-advanced/css/tadv-mce.css
 * ---------------------------------------------------------------------------------- */

.file,
.code {
	color: #606060;
	font-size: 90%;
	font-family: Courier New,sans-serif;
}
.discreet,
.location {
	font-size: 80%;
	color: #808080;
	margin: 0;
}
.t3extension {
	font-style: italic;
}
.t3extension a {
	font-style: normal;
	text-decoration: none;
	font-size: 80%;
}


/* ---------------------------------------------------------------------------------- */

/* tags below article */
.tags {
	clear: left;
	font-size: 12px;
	border-top: 1px dotted #808080;
	border-bottom: 1px solid #808080;
	margin: 20px 0 0 0;
	padding: 4px 10px 4px 0;
}

#tag_cloud-2 {
	text-align: center;
}

#tag_cloud-2 .title {
	text-align: left;
}

/* ---------------------------------------------------------------------------------- */

#commentform {
	border-color: #cad6d9;
}

#commentform p {
	border-color: #cad6d9;
	color: #5468A0;
}

#commentform label {
	border-color: #cad6d9;
	color: #5468A0;
}

.nocomments {
	color: #5468A0;
}

html[xmlns] .commentcount {
	position: absolute;
	right: 7px;
	top: 0;
}

/* ---------------------------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */






/* wp-syntax styles
 * ---------------------------------------------------------------------------------- */

.wp_syntax {
	background-color: #f9f9f9;
	border: 1px solid #808080;
	margin: 0 0 1.5em 0;
	position: relative;
	padding-bottom: 0;
}
.wp_syntax .code {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 20 : 0); /* IE Fix */
}

.wp_syntax .type {
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	color: #808080;
	position: static;
	float: right;
	padding: 0 4px;
	text-transform: uppercase;
	line-height: 14px;
	font-size: 10px;
}

.wp_syntax .code {
}

.wp_syntax table {
	border-collapse: collapse;
}

.wp_syntax pre {
	padding: 2px 4px;
}

.wp_syntax .line_numbers {
	text-align: right;
	background-color: #def;
	color: gray;
	overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
	margin: 0;
	width: auto;
	float: none;
	clear: none;
	overflow: visible;
	font-size: 12px;
	line-height: 1.333;
	white-space: pre;
}

/* default styles-- non-keywords, etc. */
.de1 {}
.de2 {}

/* language keywords... */
.kw1 {}
.kw2 {}

/* various kinds of comments */
.co0,
.co1,
.co2,
.co3,
.co4,
.coMULTI {   /* multi-line comments */
	color: green; font-style: italic;
}

/* strings */
.st0 {}
.st_h {} /* "hard" strings (usu. singlequotes) */

/* escape characters ESCAPE_CHAR */
.es0 {}
.es_h {} /* in "hard" strings */

/* brackets */
.br0 {}

/* symbols */
.sy0 {}

/* numbers */
.nu0 {}
.nu8 {} /* octal - GESHI_NUMBER_OCT_PREFIX */
.nu12 {} /* hex - GESHI_NUMBER_HEX_PREFIX */
.nu19 {} /* scientific- GESHI_NUMBER_FLT_SCI_ZERO */

/* methods */
.me1 {}
.me2 {}

/* misc other regexp-based constructs, differ widely by language */
.re0 {} /* variables, in most langs  */
.re1 {}
.re2 {}
.re3 {}
.re4 {}
.re5 {}
.re6 {}
.re7 {}
.re8 {}
.re9 {}

pre.css {color: blue;}
pre.css .kw1 {color: red;}
pre.css .re0 {color: #2A00FF;}
pre.css .re3,
pre.css .nu0 {color: #FF8000;}
pre.css .br0,
pre.css .sy0 {color: black;}
pre.css .re1 {color: #808080;}
pre.css .re2,
pre.css .kw2 {color: #7F007F;}


pre.typoscript {color: black;}
pre.typoscript .de1, pre.typoscript .de2 {color: #000060; font-weight: normal;}
pre.typoscript a:link {color: #006;}
pre.typoscript a:hover {background-color: #d6d6e6;}
pre.typoscript .imp {font-weight: bold; color: red;}
pre.typoscript .kw1,
pre.typoscript .kw2,
pre.typoscript .kw3,
pre.typoscript .kw4,
pre.typoscript .kw7,
pre.typoscript .kw9 {
	color: blue; font-weight: bold;
}
pre.typoscript .kw5 {color: #990000; font-weight: bold;}
pre.typoscript .kw6 {color: #990000; font-weight: bold;}
pre.typoscript .kw8 {font-weight: bold;}
pre.typoscript .es0 {font-weight: normal;}
pre.typoscript .br0 {color: #009900;}
pre.typoscript .sy0 {color: #339933; font-weight: bold;}
pre.typoscript .sy1 {color: #009900; font-weight: bold;}
pre.typoscript .st0 {color: #ac14aa;}
pre.typoscript .nu0 {color: #ff8000;}
pre.typoscript .me1 {color: #0000e0; font-weight: bold;}
pre.typoscript .me2 {color: #0000e0; font-weight: bold;}
pre.typoscript .re0 {color: black;}
pre.typoscript .re1 {color: black; font-weight: bold;}
pre.typoscript .re2 {color: #3366CC;}
pre.typoscript .re3 {color: #000066; font-weight: bold;}
pre.typoscript .re4 {color: #7F007F;}
pre.typoscript .re5 {color: #000066; font-weight: bold;}
pre.typoscript .re6 {color: #009900;}
pre.typoscript .re7 {color: #3366CC;}


.apache {color: black;}
.apache .de1, .apache .de2 {color: #000060; font-weight: normal;}
.apache .imp {font-weight: bold; color: red;}
.apache .kw1 {color: blue;}
.apache .kw2 {color: blue;}
.apache .kw3 {color: blue; font-weight:bold;}
.apache .es0 {color: #000099; font-weight: bold;font-weight: normal;}
.apache .st0 {color: #808080;}
.apache .nu0 {color: #FF8000;}


.html4strict {color: black;}
.html4strict .de1, .html4strict .de2 {color: #000060; font-weight: normal;}
.html4strict .imp {font-weight: bold; color: red;}
.html4strict .kw2 {color: blue;}
.html4strict .kw3 {color: red;}
.html4strict .sc-1,
.html4strict .es0 {color: #000099; font-weight: bold;font-weight: normal;}
.html4strict .br0 {color: #66cc66;}
.html4strict .sy0 {color: #3F7F7F;}
.html4strict .st0 {color: #808080;}
.html4strict .nu0 {color: #cc66cc;}
.html4strict .sc-1 {
	color: green; font-style: italic;
}
.html4strict .sc0 {color: #3f7f7f;}
.html4strict .sc1 {color: #ddbb00;}
.html4strict .sc2 {color: blue;}


.javascript,
.jquery {
	color: #0000bb;
}
.javascript .de1,
.javascript .de2,
.jquery .de1,
.jquery .de2 {
	color: #000060;
	font-weight: normal;
}
.javascript a:link,
.jquery a:link {
	color: #006;
}
.javascript a:hover,
.jquery a:hover {
	background-color: #d6d6e6;
}
.javascript .imp,
.jquery .imp {
	font-weight: bold;
	color: red;
}
.javascript .kw1,
.jquery .kw1 {
	color: #7f007f;
	font-weight: bold;
}
.javascript .kw2,
.jquery .kw2 {
	color: #7f007f;
	font-weight: bold;
}
.javascript .kw3,
.jquery .kw3 {
	color: #7f007f;
}
.javascript .es0,
.jquery .es0 {
	color: #000099;
	font-weight: bold;
}
.javascript .br0,
.jquery .br0 {
	color: #009900;
}
.javascript .sy0,
.jquery .sy0 {
	color: #339933;
}
.javascript .st0,
.jquery .st0 {
	color: #808080;
}
.javascript .nu0,
.jquery .nu0 {
	color: #ff8000;
}
.javascript .me1,
.jquery .me1 {
	color: #660066;
}


.mysql {color: #000;}
.mysql .de1, .mysql .de2 {color: #000060; font-weight: normal;}
.mysql a:link {color: #006;}
.mysql a:hover {background-color: #d6d6e6;}
.mysql .imp {font-weight: bold; color: red;}
.mysql .kw1 {color: blue; font-weight: bold;}
.mysql .kw2 {color: blue; font-weight: bold;}
.mysql .kw3 {color: blue; font-weight: bold;}
.mysql .kw4 {color: blue; font-weight: bold;}
.mysql .kw5 {color: blue; font-weight: bold;}
.mysql .kw6 {color: #7F007F; font-weight: bold;}
.mysql .kw7 {color: #7F007F; font-weight: bold;}
.mysql .kw8 {color: #9900FF; font-weight: bold;}
.mysql .kw9 {color: #9900FF; font-weight: bold;}
.mysql .kw10 {color: blue; font-weight: bold;}
.mysql .kw11 {color: #000080; font-weight: bold;}
.mysql .kw12 {color: #7F007F;}
.mysql .kw13 {color: #000099;}
.mysql .kw14 {color: #000099;}
.mysql .kw15 {color: #000099;}
.mysql .kw16 {color: #000099;}
.mysql .kw17 {color: #000099;}
.mysql .kw18 {color: #000099;}
.mysql .kw19 {color: #000099;}
.mysql .kw20 {color: #000099;}
.mysql .kw21 {color: #000099;}
.mysql .kw22 {color: #000099;}
.mysql .kw23 {color: #000099;}
.mysql .kw24 {color: #000099;}
.mysql .kw25 {color: #000099;}
.mysql .kw26 {color: #000099;}
.mysql .kw27 {color: #00CC00;}
.mysql .es0 {}
.mysql .es1 {}
.mysql .br0 {color: #000080;}
.mysql .sy1 {color: #000080;}
.mysql .sy2 {color: #000033;}
.mysql .st0 {color: #808080;}
.mysql .nu0 {color: #ff8000;}


.php {color: #000;}
.php .de1, .php .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.php .imp {font-weight: bold; color: red;}
.php .kw1 {color: #7F007F; font-weight: bold;}
.php .kw2 {color: red;}
.php .kw3 {color: #7F007F; font-weight: bold;}
.php .kw4 {color: blue;}
.php .es0 {color: #000099; font-weight: bold;}
.php .es1 {color: #000099; font-weight: bold;}
.php .es2 {color: #660099; font-weight: bold;}
.php .es3 {color: #660099; font-weight: bold;}
.php .es4 {color: #006699; font-weight: bold;}
.php .es5 {color: #006699; font-weight: bold; font-style: italic;}
.php .es6 {color: #009933; font-weight: bold;}
.php .es_h {color: #000099; font-weight: bold;}
.php .br0 {color: #009900;}
.php .sy0 {color: #339933;}
.php .sy1 {color: #ff0000; font-weight: bold;}
.php .st0 {color: #2A00FF;}
.php .st_h {color: #808080;}
.php .nu0 {color: #cc66cc;}
.php .nu8 {color: #208080;}
.php .nu12 {color: #208080;}
.php .nu19 {color:#800080;}
.php .me1 {color: #004000;}
.php .me2 {color: #004000;}
.php .re0 {color: #000088;}


.xml  {color: #000;}
.xml .de1, .xml .de2 {color: #000060; font-weight: normal;}
.xml .imp {font-weight: bold; color: red;}
.xml .es0 {color: #000099; font-weight: bold;font-weight: normal;}
.xml .br0 {color: #66cc66;}
.xml .sy0 {color: #66cc66;}
.xml .st0 {color: #808080;}
.xml .sc-1 {color: #808080; font-style: italic;}
.xml .sc0 {color: #00bbdd;}
.xml .sc1 {color: #ddbb00;}
.xml .sc2 {color: #339933;}
.xml .sc3 {color: #009900;}
.xml .re0 {color: red;}
.xml .re1 {color: blue;}
.xml .re2 {color: blue;}