/*
Theme Name: TwinCam
Theme URI: http://www.mg-a.ch/

Description: Das <a href="http://mg-a.ch">"TwinCam"</a> Theme wurde von Juerg Schneebeli auf der Basis des eingedeutschten Standard-Themes aufgebaut.

Version: 1.0
Author: Juerg Schneebeli
Author URI: http://frameset.ch/



	The <a href="http://mg-a.ch">"TwinCam"</a> theme was designed and built byJuerg Schneebeli,
	whose blog you will find at http://mg-a.ch/


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php


Please note that the copyright MUST remain in place, removing it is NOT allowed.

Feel free to contact me if you have questions, my email: hello@mg-a.ch

*/
/* ****************************** LAYOUT ****************************** */
body  { background: #ddd url("images/bg.jpg"); text-align: center; margin: 0 0 20px }
#page       { background-color: #f2f2f2; background-image: url("images/page.jpg"); text-align: left; margin: 0 auto 20px; width: 660px }
#header       {
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	width: 660px;
	background-image: url(images/bg.jpg);
}
#headerimg 	    {
	background-image: url(images/head2.jpg);
	background-repeat: no-repeat;
	margin: 0;
	width: 100%;
	height: 265px;
	visibility: inherit;
	background-position: bottom;
}
.narrowcolumn     { margin: 0 0 0 0; padding: 60px 0 20px 65px; width: 380px; height: auto; float: left }
/*LAYOUT:Typographie*/
h1 { margin: 0; padding-top: 70px }
h2  { }
h3  { margin-top: 34px }
h3.pagetitle  { margin-bottom: 30px }
h3.comments   { margin: 40px auto 0; padding: 0 }
.post    { text-align: left; margin: 30px 0 0 }
.post hr { display: block }
.postmetadata  { clear: left }
.alt  { margin-bottom: 40px; padding-top: 7px; padding-bottom: 7px; border-top: 1px dotted #999 }
/*LAYOUT: Header*/
#navmenu     { font-size: 11px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; background-color: #222822; text-align: left; letter-spacing: 0.05em; list-style-type: none; margin: 0 10px; padding-top: 1px; padding-bottom: 6px; padding-left: 50px; width: 590px; height: 14px; border-top: 3px solid #fff; border-bottom: 10px solid #fff }
#navmenu a:link { color: #ffffff; font-variant: normal; font-weight: bold; text-decoration: none; padding: 4px 5px 3px }
#navmenu a:hover  { color: #ffffff; font-weight: bold; background-color: #900; padding-top: 4px; padding-bottom: 3px }
#navmenu a:visited { color: #ffffff; font-variant: normal; font-weight: bold; text-decoration: none; padding: 4px 5px 3px }
/*LAYOUT: Sidebar*/
#sidebar     { margin-left: 480px; padding: 0 0 40px 10px; width: 150px }
#sidebar h2 { padding: 0 }
#sidebar form { margin: 0 }
/* Vorheriger Artikel/Naechster Artikel*/
.navigation    { text-align: center; display: block; margin-top: -10px; margin-bottom: 30px }
/*LAYOUT: Footer*/
#footer     { background-image: url("images/footer.jpg"); background-repeat: no-repeat; background-position: center bottom; margin: 0 auto 0; width: 660px; height: 41px; clear: both }
/* ****************************** TYPOGRAPHIE ****************************** */
body   { color: #333; font-size: 62.5%; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; text-align: left }
#content  { font-size: 1.1em }
.narrowcolumn .entry  { line-height: 1.3em }
.entry p a:visited   { color: #900; line-height: 1.3em }
.narrowcolumn .postmetadata    { text-align: left }
a:hover { color: #c00; text-decoration: none }
a, h2 a:hover, h3 a:hover   { color: #900; text-decoration: none }
h2      { font-size: 2em; font-weight: 100 }

h2.pagetitle     { font-size: 2em; font-weight: 100; text-align: left }
h3    { color: #333; font-size: 1.6em; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: normal }
h3.pagetitle     { color: #666; font-size: 1.1em; font-weight: bold; text-align: left }
h3.comments  { color: #333; font-size: 1.1em; font-weight: bold }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited   { color: #900 }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
/*TYPO: small*/
small { font-size: 0.9em; line-height: 1.4em }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #333 }
/**/
.commentlist li, #commentform input, #commentform textarea  { font-size: 0.9em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal }

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p  { font-weight: normal; line-height: 1.4em; text-transform: none }

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
#commentform textarea { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif }
#commentform input { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif }
.commentmetadata {
	font-weight: normal;
	}
.nocomments  { color: #900; font-size: 1.1em; text-align: center }
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
/*TYPO: Header --> invisible*/
h1  { font-size: 4em; text-align: center; visibility: hidden }
#headerimg .description  { font-size: 1.1em; text-align: center; visibility: hidden }
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { color: white; text-decoration: none; visibility: hidden }
/*TYPO: Sidebar*/
#sidebar { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif }
#sidebar h2     { color: #333; font-size: 1.1em; font-weight: 600 }
/*TYPO: Footer*/
#footer p { color: #f2f2f2; font-size: 0.9em; line-height: 4.7em; padding-left: 65px; height: 41px; clear: both }
#footer p a:hover { color: #39f }
#footer p a:link, #footer p a:visited   { color: #999 }
/* ****************************** GESTALTUNGSELEMENTE ****************************** */



/*ELEMENT: Images*/
p img {
	padding: 0;
	max-width: 100%;
	}
a img { border: none }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/*ELEMENT: Listen -->Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul  { list-style: none; margin: 0; padding: 0 }

html>body .entry li   { margin: 4px 0 5px 0 }

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol  { margin: 0; padding: 0 0 0 0 }

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li   { list-style-type: none; list-style-image: none; display: inline }

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li  { list-style-type: none; list-style-image: none; margin-top: 10px; margin-bottom: 40px }

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol  { margin: 5px 0 0 0 }

#sidebar ul ul ul, #sidebar ul ol  { margin: 0 0 0 0 }

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/*ELEMENT: Form Elements */
#searchform   { text-align: left }

#sidebar #searchform #s    { padding: 5px 1px 1px; width: 95% }

#sidebar #searchsubmit  { padding: 5px 1px 1px }

.entry form  { text-align: center }

select   { width: 10px }

#commentform input   { margin: 5px 5px 1px 0; padding: 2px; width: 170px }

#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#commentform #submit  { margin: 0; float: left }
/* Begin Comments*/
.alt  { margin: 0 }

.commentlist  { padding: 0 }

.commentlist li  { list-style: none; margin: 15px 0 3px; padding-top: 5px; padding-bottom: 3px }

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments  { margin: 0; padding: 0 }
.commentmetadata {
	margin: 0;
	display: block;
	}
/* ****************************** DIVERSES ****************************** */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr  { }

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}
/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */