/*  
Theme Name: Sportrainer.com-Blog
Theme URI: http://www.sportrainer.com/
Description: Sportrainer.com-Theme
Version: 0.4
Author: Galizia
Author URI: http://www.galizia.de

I used the default template and Kubrick as eaxamples to see
how WP templates work.


ATTENTION!
The CSS instructions for the Header graphix are
in header.php. This is necessary to handle the different URLs
of your installation/the template folder.

*/



/* Basic Structure and Areas */

body {
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font:.7em/180% "Lucida Grande", geneva, verdana, sans-serif;
}


/* Hauptstruktur f�r Content */

#header        {
padding:0;
margin: 0 auto;
width: 860px;
background: url(images/bg_header.gif) no-repeat 0 0;
text-align: center;
height: 318px;
}

#logo {
text-align:left;
padding:70px 0 0 80px;
height:34px;
}

#logo a, #logo a:hover {
text-decoration:none;
background:none;
}

#logo img {
border:none;
}

#wrapper    {
padding: 0;
width: 790px;
margin: 0 auto;
background: white url(images/bg.gif) repeat-y;
}


#content  {
background-color: none;
width: 420px;
margin: 0 0 30px 0px;
padding-right: 20px;
padding-left: 45px;
float: left;
}


#sidebar  { 
color: black;
background: url(images/bg_sidebar.gif) no-repeat right bottom;
text-align: left; 
padding:0 20px 90px 20px; 
width: 248px; 
float: right;
border-left: 1px solid #CCC;
}


/* Footer */


#footer {
font-size:9px;
width: 790px;
height: 61px;
padding: 10px 0px 0px 0px;
background: white url(images/bg_footer.gif) no-repeat;
text-align: center;
text-align: center;
 clear: both;
 }




/* Fixxer */

.clearfix:after {
display:block;
content:".";
height:0;
visibility:hidden;
clear:both;
}
.clearfix {display:inline-table;}/* for IEMac only */

/* this line hides these rules from IEMac \*/
* html .clearfix{height:1%;} /* for IE*/
.clearfix {display:block;} /* resets to block */
/* end hide from IEMac */




/* Basic Navi Header*/

#navcontainer ul
{
margin:0;
padding:8px 0 0 78px;
color: Black;
float: left;
width: 770px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
font-size:10px;
margin: 0 1em 0 0;
padding: 0;
float: left;
}

#navcontainer ul li span {
display:none;
}

/*navcontainer home */

#navcontainer ul li.home a, li.home a:link, li.home a:visited {
    background: url(images/navi_home.gif) no-repeat 0 0;
    width:43px;
    height:15px;
}

#navcontainer ul li.home a:hover, #navcontainer ul li.home a.current {
    background: url(images/navi_home.gif) no-repeat 0 -15px;
}

#navcontainer ul li.home a:active {
    background: url(images/navi_home.gif) no-repeat 0 -30px;
}


/*navcontainer news */

#navcontainer ul li.news a, li.news a:link, li.news a:visited {
    background: url(images/navi_news.gif) no-repeat 0 0;
    width:40px;
    height:15px;
}

#navcontainer ul li.news a:hover {
    background: url(images/navi_news.gif) no-repeat 0 -15px;
}

#navcontainer ul li.news a:active {
    background: url(images/navi_news.gif) no-repeat 0 -30px;
}

/*navcontainer download */

#navcontainer ul li.download a, li.download a:link, li.download a:visited {
    background: url(images/navi_download.gif) no-repeat 0 0;
    width:74px;
    height:15px;
}

#navcontainer ul li.download a:hover, #navcontainer ul li.download a.current {
    background: url(images/navi_download.gif) no-repeat 0 -15px;
}

#navcontainer ul li.download a:active {
    background: url(images/navi_download.gif) no-repeat 0 -30px;
}


/*navcontainer service */

#navcontainer ul li.service a, li.service a:link, li.service a:visited {
    background: url(images/navi_service.gif) no-repeat 0 0;
    width:60px;
    height:15px;
}

#navcontainer ul li.service a:hover, #navcontainer ul li.service a.current {
    background: url(images/navi_service.gif) no-repeat 0 -15px;
}

#navcontainer ul li.service a:active {
    background: url(images/navi_service.gif) no-repeat 0 -30px;
}

/*navcontainer links */

#navcontainer ul li.links a, li.links a:link, li.links a:visited {
    background: url(images/navi_links.gif) no-repeat 0 0;
    width:43px;
    height:15px;
}

#navcontainer ul li.links a:hover {
    background: url(images/navi_links.gif) no-repeat 0 -15px;
}

#navcontainer ul li.links a:active {
    background: url(images/navi_links.gif) no-repeat 0 -30px;
}


/*navcontainer kontakt */

#navcontainer ul li.kontakt a, li.kontakt a:link, li.kontakt a:visited {
    background: url(images/navi_kontakt.gif) no-repeat 0 0;
    width:62px;
    height:15px;
    text-indent:-200em;
}

#navcontainer ul li.kontakt a:hover, #navcontainer ul li.kontakt a.current {
    background: url(images/navi_kontakt.gif) no-repeat 0 -15px;
}

#navcontainer ul li.kontakt a:active {
    background: url(images/navi_kontakt.gif) no-repeat 0 -30px;
}



/* Basic Typo & Styles*/


A 		
{ color: #993333; text-decoration: none; font-weight:normal; }

a:link, a:visited, a:active
{ color: #993333; text-decoration: none }

A:hover	 
{ color: #222; }

h1     
{ 
color: #333;
font-size: 1.4em;
font-weight: bold; 
text-transform: none; 
line-height: 120%; 
text-align: left;
margin:20px 0 0px 0;
padding:0; }


h2     
{ 
color: #555; 
font-size: 1.2em; 
font-weight: normal; 
text-transform: none; 
line-height: 120%; 
text-align: left;
margin:0px 0 30px 0;
padding:0;}

	
h3, h4
{ color: #5A1010; 
font-size: 1.1em; 
font-weight: bold; 
text-transform: none; 
line-height: 120%;
margin:0; 
text-align: left }

h4 {
color: #993333;
font-weight:normal;
font-size:1.1em;
}

.center {
	text-align: center;
	}


.small {
font-size: 100%;
line-height: 130%;
}



/* Header */

}


.description    { 
color: #ffffff; 
font-weight: bold; 
font-size: small; 
}	


/* Blog Entries */


.post     {padding: 0px 0px 0px 0px;}
	
.entry      { 
color: #444; 
font-size: 105%;
line-height: 150%; 
text-align: left; }

.entry a
{ color: #8F1D25; text-decoration: none }

.entry a:link
{ color: #8F1D25; text-decoration: none; }
		
.entry a:active
{ color: #8F1D25; text-decoration: none; }
	
.entry a:hover  
{ color: white; font-weight: normal; background-color: #8F1D25 }


.category	    {
color: #8F1D25;
font-size: 90%;
text-transform: none;
margin: -3px 0 15px 0;
text-align: center;
}


.title	    {
color: #8F1D25;
font-size:150%;
line-height: 140%;
text-align: center;
margin: 25px 0 0 0;
padding: 0px 0 10px 0;
background: url(images/bg_headline.gif) no-repeat 50% bottom;
}


.date  {
color: gray;
font-size: medium;
font-weight: bold;
text-transform: none;
margin-top: 30px;
margin-bottom: 20px;
}			

	
.underpost { 
color: gray; 
font-size: x-small; 
font-weight: normal;
text-transform: none;
text-align: right; 
margin:20px 0 60px 0;
}

p.autor {
margin:20px 0 0 0;
text-align:right;
font-size:95%;
color:#000;
}

.undersmall { 
color: gray; 
font-size: x-small; 
font-weight: normal;
text-transform: none;
text-align: center; 
margin:20px 0 20px 0;
padding:5px 0 0 0;
background: url(images/bg_undersmall.gif) no-repeat top center;
}



/* Archiv-Seiten */



.pagetitle {
color: gray; 
font-weight: bold;
font-size: medium; 
line-height: 120%; 
text-align: left; 
text-transform: none; 
padding-top: 2px; 
padding-bottom: 4px; 
}


/* Sidebar */

			
.sidetitle { 
color: gray; 
font-weight: normal;
font-size: large; 
line-height: 120%; 
text-align: left; 
text-transform: none; 
margin-top: 10px; 
padding-top: 2px; 
padding-bottom: 4px; 
border-bottom: 1px dotted gray 
}



.side {
color: #444;
font-size: x-small;
font-style: normal;
line-height: 160%;
text-align: left;
text-transform: none;
margin: 10px 20px 0 10px;
overflow: hidden; 
}

	
.side a { 
color: #8F1D25;
text-decoration: none;
text-align: left; 
}

	
.side a:hover {
color: white;
text-decoration: none;
background-color: #8F1D25; 
}



#sidebar h2     
{ color: #993333; 
font-size: medium; 
font-weight: bold; 
text-transform: none; 
line-height: 120%; 
text-align: left;
margin: 25px 0 0 0px;
 }




/* Navigation at the end of the page NEXT & PREVIOUS entries/pages */


.navigation {
color: gray;
font-size: .9em;
display: block;
text-align: center;
margin:20px 0 80px 0;
	}

.alignright {
	float: right;
	padding-right: 0px;
	}
	
.alignleft {
	float: left
	}


/* Begin Form Elements */

#searchform {
	margin: 0 0 10px 0;
	padding: 0; 
	text-align: left;
	}

#sidebar #searchform #s {
	width: 130px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 200px;
	}


		
/* End Form Elements */


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: disc;
	list-style-position: outside;
	} 

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

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

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

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

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
color: gray; 
font-size: x-small;
font-style: normal;
line-height: 140%;
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

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

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

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

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

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
#sidebar li ul li:before {
content: "";
margin:0;
padding:0;
}

/* End Entry Lists */



/* Begin Comments*/


#comment  { 
color: gray;
background-color: none; 
text-align: left;
}

#comments {
margin-top:50px;
}


.commentshead { 
color: black; 
font-size: small;
font-weight: bold; 
line-height: 140%; 
text-align: left 
margin-top: 30px;
}


.commentstext   { 
color: black; 
font-size: 100%; 
font-weight: normal; 
line-height: 160%; 
text-align: left 
margin-top: 5px;
padding:20px 40px 0 40px;
background: #fff url(images/bg_comment.gif) no-repeat top left;
}

.commentstext p {
position:relative;
z-index:10;
margin:10px 0;
}

.under_commentstext {
background: #fff url(images/bg_under_comment.gif) no-repeat top right;
height:76px;
margin:-60px 0 30px 0;
position:relative;
z-index:5;
}

.commentsmetadata { 
color: grey; 
font-size: x-small; 
font-weight: normal; 
line-height: 140%; 
}



#commentform input {
border:1px solid #999;
background:#fff;
width: 120px;
color: black;
font-size: 85%; 
padding: 5px 2px 5px 2px;
margin: 2px 0px 2px 0px;
text-align: left; 
float:left;

}

#commentform input#submit {
width: 190px;
border-color:#8F1D25;
}

.comment_lable {
float:left;
margin: 0;
padding:0;
width:135px;
}

#commentform textarea {
border:1px solid #999;
width: 390px;
color: black;
padding: 5px 5px 5px 5px;
margin-top:5px; 
}

#commentform #submit {
margin: 0px;
text-align: center; 
color: black;
float: center;
}




.nocomments {
	text-align: right;
	margin: 0;
	padding: 0;
	}


/* End Comments */


/* SUBSCRIPTION MANAGER STYLE */
.subscription-manager {
padding: 10px 0 20px 0;
margin: 5px 0 0 55px;
width: 650px;
}

div.wrap {
background: #fafafa;
padding: 5px 10px;
margin: 20px 0;
border: 1px solid #ccc;
}

div.wrap h2 {
margin: .5em 0 1em 0;
border-bottom: 2px solid #589bd2;
}

div.wrap fieldset {
border: 1px solid #555;
margin: 1em 0;
padding: 5px 10px;
}

div.wrap fieldset legend {
font-weight: bold;
font-size: small;
}

div.wrap p.submit {
text-align: right;
}


.updated {
background: #B9D6EF;
border: 1px solid #589bd2;
margin: 1em 5% 10px;
padding: 0 1em;
}

.updated-error {
background-color: #FFA3A3;
border: 1px solid #FF5D5D;
}

div.wrap form {
margin: 0;
padding: 0;
}

div.warp li {
margin-bottom: 6px;
line-height: 130%;
}
/* END SUBSCRIPTION MANAGER STYLE */

/*table_service*/

table.service {
padding:0;
margin:10px 0 30px 0;
width:100%;
font-size:.8em;
border-collapse:collapse;
border-spacing:0;
background:#DCDCDC;
border: 1px solid #FFF;
}

tr.service_head {
background:#DCDCDC;
height:25px;
font-weight:bold;
color:#fff;
vertical-align:top;
}


table.service tr td {
padding:0 2px 0 2px;
border:1px solid #FFF;
}


/*SONSTIGES */

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

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

/*extra-styling f�r den top-jump-link */
.jump_top {
font-weight:bold;
font-size:1.1em;
padding-left: 13px;
background: url(images/jump_top.gif) no-repeat 0 0;
}

a:hover.jump_top {
background: url(images/jump_top_over.gif) no-repeat 0 0;
}

/* The End */