/*  
Theme Name: ties-theme
Theme URI: http://www.extra-long-ties.com/
Description: <p>Theme ties-theme from <a href="http://www.extra-long-ties.com/">www.extra-long-ties.com</a></p>
Version: 1.0
Author: Mark Tobias
Author URI: http://www.gamma-media.de/
*/

/* blau: 0066CC ------------------------------------------------------------ */

html {
height: 100%;
margin-bottom: 0.1em;
}

* {
margin: 0;
padding: 0;
}

img {
border: 0;
}

p {
line-height: 1.6em;
margin: 0.5em 0;
}

dl {
margin: 1em 0;
}

dt {
font-weight: bold;
}

dd {
margin: 0.7em;
padding: 0;
}

/* --------------------------------image float------------------------------ */

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

img.left {
float: left;
margin: 0 10px 10px 0;
}

hr {
	display: none;
}


/* ------------------------------------body angaben------------------------- */

body {
background-attachment: fixed; 
background: #c6c4c4;
color: #31363e;

font-size: 12px;
font-family: Tahoma, Arial, Helvetica, sans-serif;                                
padding: 0;
margin: 10px auto 30px;
width: 950px;                                                                     
text-align: center;
}

/* ------------------------------------links-------------------------------- */

a {
	text-decoration: none;
}

/* -------------linkfarbe post überschrift, kommentare, trackback url, comments rss---------- */

a:link, a:visited {
color: #31363e;
}

a:hover, a:active {
}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, Verdana, Arial, Serif;
}


br.clear {
	clear: both;
}

/* ----------------------page angaben: hintergrund-------------------------- */

#page {
text-align: left;
width: 950px;                                                                      
background: #ffffff;
padding: 0;

border: 1px solid #A5C9ED;
border-top: 5px solid #A5C9ED;
border-bottom: 5px solid #A5C9ED;
}

/* -----------------------------logo im head-------------------------------- */

#top {
width: 950px;
height: 100px;
padding: 0;
margin: 0;
background: url(images/logohead4.jpg);
border: 1px solid #A5C9ED;
border-bottom: none;
}

#pager {
height: 90px;
}

#headr {
float: left;
margin: 0;
padding: 0;
text-align:left;
}

/* -----------------------------left---------------------------------------- */

#left {
float: left;
width: 730px;                                                                      
}

#right {
float: right;
width: 180px;
background: #ffffff;
padding: 0px 15px 150px 15px;
margin: 0px;
}



/* -------------------content angaben: mittelspalte------------------------- */

#content {
width: 480px;                                                                     
float: right;
background: #ffffff;
padding: 20px 20px 10px 10px;

border-left: 1px solid #808080;
border-right: 1px solid #808080;
}

.post {
border-bottom: 1px solid #808080;      /* -------trennlinie zwischen postings-------- */
margin-bottom: 10px;                   /* ----abstand vom datum zum strich----------- */
}

.postmetadata {
font-size: 0.9em;
color: #999;
}

.postmetadata  a {
color: #C6A971;
}

/* ------------------podpress abstand zwischen postings zur linie----------- */

.entry {
padding-bottom: 10px;         /* ----abstand von play in popup, download zum strich----- */
}


/* -----------------------sidebar angaben: archiv, suchen------------------- */

#sidebar {
width: 180px;                            /* breite der grauen kästchen links */
float: left;
padding: 0px 15px 150px 15px;
background: #ffffff;                 /* hintergrund sidebar links */
color: #632F05;
}

.side1 {
}

.side2 {
}

/* -----------------------footer angaben------------------------------------ */

#footer {
width: 630px;                                                                    
padding-top: 10px;
padding-left: 230px;
text-align: left;
}


/* ---------------------------------design---------------------------------- */

#right ul, #sidebar  ul{
list-style: none;
}


/* ---------------------------------Überschrift: gelb----------------------- */

#headr h4 {
  font-family: Tahoma, Arial, Helvetica, sans-serif;   
	font-size: 1.9em;
	margin: 20px 0 0 20px;
	color: #ffffff;
}

#headr h4 a {
	color: #ffffff;
}
	
#headr .description {
  font-size: 10px;
  font-weight: bold;
	color: #ffffff;
	margin: 0 0 0 63px;
}

/* --------------------------sidebar h2, links angaben --------------------- */

#sidebar  .side1 h2 {

font: 1.2em Verdana, sans-serif;
font-weight: bold;
color: #333333;                                                                   
border-bottom: 2px solid #A5C9ED;
padding-bottom: 0px;
padding-left: 18px;
margin-top: 15px;
margin-bottom: 5px;
}

#sidebar a {
	color: #31363e;                                /* nur archiv und zurück zur startseite*/
  text-decoration: underline;
}

#sidebar a:hover {     
	color: #808080;                                /* sidebar links hover grau */
  text-decoration: none;
}

/* --------------------------sidebar rechts angaben ------------------------ */


#right  .side2 h2 {

font: 1.2em Verdana, sans-serif;
font-weight: bold;
color: #333333;
border-bottom: 2px solid #A5C9ED;                                                                    
padding-bottom: 0px;
padding-left: 18px;
margin-top: 15px;
margin-bottom: 5px;
}

#right .side2 a {
	color: #31363e;
	text-decoration: underline;
}

#right .side2 a:hover {
	color: #808080;
	text-decoration: none;
}

/* ------------------------such-resultate angaben--------------------------- */

h2.pagetitle {
  font-family: Tahoma, Arial, Helvetica, sans-serif;   
  text-align: right;
	border-bottom: 1px solid #808080;
	padding: 5px;
	color: #31363e;
	margin-bottom: 10px;
}


/* ---------------------überschrift h2 beiträge ---------------------------- */

.post h2 {
	font: 1.3em Aria,verdana; 
	font-weight: bold;
}

.post h2 a {	
	color: #31363e;
}

.post h2 a:hover {
	color: #808080;
}


/* ------------------------"archiv für" einstellungen----------------------- */

h3.pagetitle {
  font-family: Tahoma, Arial, Helvetica, sans-serif;   
	text-align: right;
	border-bottom: 1px solid #808080;
	padding: 5px;
	color: #31363e;
	margin-bottom: 10px;
}

.post h3 {
	font: 0.8em Aria,verdana;          /* ----------grösse datum-------------- */
}

.post h3 a {	
	color: #31363e;
}

.post h3 a:hover {
	color: #808080;
}

h1.pagetitle {
	text-align: right;
	border-bottom: 1px solid #505121;
	background: #FBF1DD;
	padding: 5px;
	color: #505158;
	margin-bottom: 10px;
}

.post h1 {
	font: 1.3em Aria,verdana;
  font-weight: bold; 
}

.post h1 a {	
	color: #31363e;
}

/* -------------------post überschrift hover auf seite page----------------- */

.post h1 a:hover {
	color: #808080;
}

.post ul {
	margin-left: 35px;
}

.post ol {
	margin-left: 40px;
}

p.postmetadata {
	color: #999;
	font-size: 85%;
	margin-bottom: 10px;
}

p.postmetadata a {
	color: #666;
	text-decoration: none;
}

span.timr {
	background: url(images/timr.png) 0 0 no-repeat;
	padding-left: 15px;
}

span.catr {
	background: url(images/catr.png) 0 0 no-repeat;
	padding-left: 15px;
}

span.editr {
	background: url(images/editr.png) 0 0 no-repeat;
	padding-left: 15px;
}

span.commr {
	background: url(images/commr.png) 0 0 no-repeat;
	padding-left: 15px;
}

.post ul.postspermonth {
	list-style:none;
	padding: 0;
	margin: 0;
}

.post p a {
  color: #0066CC;
  text-decoration: underline; 
}

.post p a:hover {
	text-decoration: none;
}

.post a img, .post img {
	border: none;
	float: left;
	padding: 5px 5px 0 0;
}	

.categr, .monthr {
	margin-bottom: 20px;
}

.categr h2, .monthr h2 {
	border-bottom: 1px solid #ccc;
}

/* ---------------------------------footer angaben-------------------------- */

#footer {
	color: #ffffff;
	font-size: 0.75em;
}

#footer a {
	color: #ffffff;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.rss {
	background: url(images/feed-icon-10x10.png) left center no-repeat;
	padding-left: 12px;
}


/* ------------navigation, alignleft, alignright obere navi----------------- */

.navigation a
{
	color: #666;
}

.alignleft
{
	float: left;
	width: 50%;
	margin-bottom: 10px;
}

.alignright
{
	float: right;
	text-align: right;
	width: 50%;
	margin-bottom: 10px;
}

.ileft {
	float: left;
	margin-right: 5px;
}

p.stats {
	color: #999;
	font-size: .8em;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
}

blockquote {
	background: url(images/blockquote.gif) no-repeat left top;
	color: #666;
	margin: 1em;
	padding: 0 0 10px 50px;
}

#content .commentsfeedr {
	background: url(images/feed.png) no-repeat left center;
	padding-left: 20px;
}

#content .trackbackr {
	background: url(images/arrow_refresh.png) no-repeat left center;
	padding-left: 20px;
}


/* -----------------------textbox kommentar eingabe------------------------- */

input.textbox, textarea
{
	background: #FFFFFF;            /* url(images/shadow_top.gif) repeat-x top; */
	border: #808080 1px solid;
	font: 1em Verdana, Arial, Serif;
	padding: 2px;
}

input.textbox:focus, textarea:focus
{
	background: #FFFFFF;            /* url(images/shadow_top.gif) repeat-x top; */
	border: #808080 1px solid;
}

#submit
{
	padding: 3px 5px;
}

.comment
{
	background: #FFFFFF;            /* url(images/shadow_top.gif) repeat-x top; */
	border-bottom: #ddd 1px solid;
	list-style: none;
	margin: 0;
	padding: 1em 0.5em;
}

.alt
{
	background: #ffffff;                         /* hintergrundfarbe kommentar */
  border: 1px solid #FFBE23;
}


/* -------------------kommentarkasten grösse-------------------------------- */

#comment {
	width: 100%;
}

#left input#s {
	width: 92%;
	padding: 5px;
	margin-bottom: 10px;
	background: #FFFFFF;                          /* hintergrundfarbe suchfeld */
	border: 1px solid #808080 ;
}

#left input#s:focus {
	width: 92%;
	padding: 5px;
	margin-bottom: 10px;
	background: #333;
	color: #fff;
	border: 1px solid #FFBE23;
}

/* ----------------------suchbutton angaben--------------------------------- */

#left input#searchsubmit
{
	background: #333333;                     
	border: #808080 1px solid;
	color: #FFFFFF;
	font-size: 1.2em;
	margin: 0;
	font-weight: bold;
	padding: 1px 2px;
}

#left input#searchsubmit:focus
{
	background: #FBF1DD;
	color: #970E0E;
}

fieldset {
	border: none;
}
textarea#cp_message {
	width: 100%;
}

pre {
	width: 95%;
	overflow: auto;
	font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;
	color: #2692F7;
	max-height: 350px;
	line-height: 18px;
	margin: 10px 0;
	border: 1px solid #D4E7F7;
	padding: 5px;
	background: #EAF3FB;
}

code {
font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;
color: #2692F7;
padding: 2px;
}


/* --------------sidebar farbe seiten, kategorien farbe--------------------- */
	
#sidebar ul ul li a:link, #sidebar ul ul li a:visited, #sidebar ul ol li a:link, #sidebar ul ol li a:visited {
	display          : block;
  font-size        : 11px;
  /* border-bottom    : 1px solid #808080; */   
  background-color : #ffffff;
  font-weight      : bold;
  padding          : 4px 0px 4px 0px;
  color            : #333333;
  width            : 180px;
  text-indent      : 10px;
}
#sidebar ul ul li a:hover, #sidebar ul ol li a:hover {
	color            : #808080; 
  font-size        : 11px;
  font-weight      : bold;
  text-decoration  : none;
  text-indent      : 10px;
	}
	

/* ----------------------------float wetter info--------------------------- */

.left { 
float: left; margin-right: 5px;
margin-top: 5px; 
}

/* -----------------------------startseiten link---------------------------- */

.startseite {
margin: 10px 10px 15px 10px;
font-weight: bold;
}

/* ------------------------weisser Text Impressum, FAQ---------------------- */

.white {
color: #ffffff; }

/* --------------------creative commons lizenz kasten----------------------- */

#licence {
border: 2px dotted #ff6100;
margin-top: 20px;
padding: 5px;
text-align: center;
font-size: 11px;  }

/* ------------------------adsense navi links------------------------------- */

#adsenseli {
margin: 10px 0 0 10px; }

/* ------------------------------adsense im text---------------------------- */

.werbungtext {
margin: 15px 0 0 0;
}

/* ----------------------------module werbung------------------------------- */

.moduleeins {
margin: 30px 15px; }

.modulezwei {
}