/*
Theme Name: WordPress Thoddy
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Dave Shea
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Thoddy || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

/*** CSS Reset ***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	background:		url(img/main_bg.jpg) repeat-x;
	font-family:	Arial, Helvetica, sans-serif;
}

#wrapper {
	width:			950px;
	margin:			0 auto;
}

/*** Head ***/

#head {
	width:			950px;
	height:			157px;
	background:		url(../img/header_bg.jpg);
	float:			left;
}

#logo {
	width:			456px;
	height:			103px;
	float:			left;
	margin-top:		22px;
}


#head_magazin {
	width:			167px;
	height:			131px;
	float:			left;
	margin:			26px 0px 0px 30px;
}

/*** Twitter ***/

#twitter {
	width:			283px;
	height:			140px;
	float:			right;
	margin:			18px 0px 0px 0px;
	color:			#fff;
	font-size:		11px;
}

.message {
	width:			220px;
	text-align:		justify;
	margin:			13px 0px 0px 10px;
	min-height:		55px;
}

.sender {
	color:			#de983a;
	margin-top:		3px;
	margin:			3px 0px 0px 10px;
}

.sender a, .sender a:hover {
	color:			#de983a;
	text-decoration:none;
}


.tweetus {
	width:			180px;
	color:			#999;
	margin:			20px 0px 0px 0px;
	float:			left;
}

.tweetus a {
	color:			#999;
	text-decoration:none;
}

.icons {
	float:			left;
	width:			80px;
	margin:			20px 0px 0px 0px;
}

.icons img {
	margin-left:	6px;
}

/*** Navigation ***/

#navigation {
	float:			left;
	width:			950px;
}
	
#navigation ul {
}

#navigation li {
	float:			left;
	height:			48px;
	list-style-type:none;
	padding:		18px 10px 0px 10px;
	margin-top:		1px;
}

#navigation .trenner {
	padding:		0px;
}

#navigation li:hover {
	background:		url(img/navigation/bg_over.jpg) repeat-x;
	cursor:			pointer;
}

#navigation li a {
	display:		block;
}

#navigation .aktiv {
	background:		url(http://www.showtime-magazin.de/wp-content/themes/showtime/img/navigation/bg_on.jpg) repeat-x;
}

#suche {
	float:			left;
	height:			34px;
	margin-top:		10px;
	margin-left:	10px;
}

#suche input {
	margin-left:	5px;
	float:			left;
	border:			none;
	color:			#666;
}

#suche img {
	margin-left:	10px;
}

/*** Content Area ***/

#content {
	width:			950px;
	padding-top:	10px;
	float:			left;
}

#content input, textarea {
	border:			solid 1px #666;
}

.articles_left {
	width:			700px;
	float:			left;
}

.articles_sidebar {
	width:			200px;
	float:			right;
}

#content p {
	font-size:		13px;
	padding:		15px 0px 15px 0px;
	line-height:	20px;
}

#content ul {
	font-size:		13px;
	margin-left:	13px;
}

#content li {
	line-height:	20px;
	padding-bottom:	15px;
}

#content a {
	color:			#DE9739;
	font-weight:	bold;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

.download {
	height:			22px;
	line-height:	22px;
	font-size:		13px;
}

.download img {
	vertical-align:middle;
	padding-right:	10px;
}

.column {
	width:			295px;
	float:			left;
	font-size:		12px;
	color:			#333;
	line-height:	20px;
	text-align:		justify;
}

#content .column_middle {
	margin:			0px 30px 0px 30px;
	width:			295px;
	float:			left;
	font-size:		12px;
	color:			#333;
	line-height:	20px;
	text-align:		justify;
}

#content  .column_middle p, .column p {
	padding:		20px 0px 20px 0px;
	font-size:		12px;
}

#content .column_middle a, .column a {
	color:			#de9739;
}

.column a:hover, .column_middle a:hover {
	text-decoration:none;
}

.column_left  {
	width:			450px;
	float:			left;
}

#content .column_left p {
	padding:		0px;
	margin:			10px 0px 10px 0px;
}

#content .column_left h3 {
	padding:			10px 0px 10px 0px;		
}


.column_right {
	width:			450px;
	float:			right;
}

.photogallery {
	width:			294px;
	background:		#000;
	margin-bottom:	10px;
}

.photogallery h2 {
	font-size:		18px;
	color:			#de9739;
	margin:			12px 0px 0px 12px;
	text-align:		left;
}

#content .photogallery p {
	width:			90%;
	color:			#838383;
	padding-left:	12px;
	line-height:	normal;
	font-size:		12px;
}

#content .nextevent {
	border-bottom:	dotted 2px #CCC;
	line-height:	33px;
	height:			30px;
}

#content .nextevent img {
	vertical-align:	middle;
	padding-right:	10px;
}

#content .blogentry {
	border-bottom:	dotted 2px #CCC;
	padding:		10px 0px 10px 0px;
}

/*** Fonts ***/

h1 {
	font-size:		20px;
	padding-bottom:	15px;
	padding-top:	15px;
}

h2 {
	font-size:		20px;
	font-weight:	bold;
	color:			#de9739;
}

h3 {
	font-size:		15px;
	color:			#de9739;
	font-weight:	bold;
	text-align:		left;
	padding:		0px;
}

/*** Footer ***/

#footer {
	width:			100%;
	height:			200px;
	background:		url(img/footer_bg.jpg) repeat-x;
	float:			left;
	margin-top:		20px;
}

#footer a{
	color:			#666;
}

#footer p {
	width:			950px;
	margin:			0 auto;
	font-size:		10px;
	color:			#999;
}

#footer_content {
	width:			950px;
	height:			160px;
	margin:			0 auto;
	padding-top:	15px;
	color:			#666;
	font-size:		12px;	
}

#footer_content a {
	color:			#666;
	text-decoration:none;
}

#footer_content .special a {
	color:			#fff;
	text-decoration:underline;
}

#footer_content p {
	width:			300px;
}

.footer_block {
	height:			150px;
	float:			left;
}

#footer_content .headline {
	color:			#999;
	font-size:		15px;
	font-weight:	normal;
	float:			left;
	width:			300px;
	margin-bottom:	20px;
}

#footer_content ul {
	float:			left;
	line-height:	18px;
}

#footer_content li {
	list-style-type:none;
	padding:		5px 0px 5px 0px;
}

/*** Partner ***/

#partner {
	float:			left;
	margin-top:		10px;
	border-top:		1px dotted #cecece;
	width:			100%;
	padding-top:	10px;
}

#partner img {
	padding:		20px 20px 0px 0px;
}

#partner span {
	font-size:		11px;
	color:			#444;
}

/*** Artikel Teaser ***/

.articleteaser {
	padding:		20px 0px 20px 0px;
	border-bottom:	dotted 2px #ccc;
	width:			700px;
	float:			left;
}

.articleteaser .articlepreview {
	width:			150px;
	float:			left;
	padding-right:	50px;
}

.articleteaser .articlepreview img {
	border:			solid 4px #de9739;
}

.articleteaser h2 {
	font-size:		20px;
}

.articleteaser .small {
	font-size:		12px;
	color:			#999;
}

#content .articleteaser .small a {
	color:			#999;
	font-weight:	normal;
	text-decoration:none;
}

#content .articleteaser .small a:hover {
	text-decoration:underline;
}

.readmore {
	font-size:		14px;
	font-weight:	normal;
}

/*** Single View ***/

.singleview {
	width:			700px;
	padding-bottom:	20px;
	border-bottom:	dashed 1px #666;
}

.singleview h3 {
	font-size:		20px;
}

.singleview .small {
	font-size:		12px;
	color:			#999;
}

#content .singleview .small a {
	color:			#999;
	font-weight:	normal;
	text-decoration:none;
}

#content .singleview .small a:hover {
	text-decoration:underline;
}

/*** Comments ***/

.comments {
	padding-top:	20px;
}

.comments h3 {
	font-size:		12px;
}

.comments ol {
	margin-left:	20px;
	font-size:		13px;
}