/*   
Theme Name: Speedskating-World-01
Theme URI: Speedskating-World.de
Description: Frame work for speedskating-world.de using 960.gs grid system.
Author: Christian Siedler
Author URI: http://speedskating-world.com
Version: 0.2
Tags: 960, fixed-width
*/

@import url('grid.css');


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

   typography.css
   * Sets up some sensible default typography. */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
   
html {
	font-size:100.01%;
}

body {
	font-size: 12px;
	color: #303030;
	font-family:Arial, sans-serif;
line-height:18px;
}

#footer{
font-size:10px;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#fd6401;
}

h1 {
	font-size: 20px;
	color:#fff;
}
h2 {
	font-size: 18px;
        color: #fd6401;
}

h3 {
	font-size: 12px;
	color:#fd6401;
        line-height:16px;

}

h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}
h6 {
	font-size: 1em;
	font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
#sidebar h2 {
        font-size:12px;
        margin:5px 0px 10px 0px;
padding:6px 5px 5px 40px;
background-image:url(images/icons.png);
background-position:left -82px;
background-repeat:no-repeat;
display:inlineblock;
}
/* Text elements */

p {
	margin: 0 0 1.5em;
}
p img.left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
p img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
	color: #000;
}

a {
	color:  #3392c8;
	text-decoration: none;
}


blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic;
}
strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
sup, sub {
	line-height: 0;
}
abbr, acronym {
	border-bottom: 1px dotted #ccc;
}
address {
	margin: 0 0 1.5em;
	font-style: italic;
}
del {
	color:#ccc;
}
pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}

/* Lists */

li ul, li ol {
	margin: 0;
}
ul, ol {
	margin: 20px;
	padding-left: 20px;
}
#sidebar ul {
	list-style-type: none;
        padding: 0px;
        margin: 0px 0px 10px 0px;
}

#sidebar li {
	list-style-type: none;
     padding: 0px;
     margin: 0px;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}
/* Tables */

table {
	margin-bottom: 1.4em;
	width:100%;
}
th {
	font-weight: bold;
}
thead th {
	background: #c3d9ff;
}
th, td, caption {
	padding: 4px 10px 4px 5px;
}
tr.even td {
	background: #e5ecf9;
}
tfoot {
	font-style: italic;
}
caption {
	background: #eee;
}
/* Misc classes */

.small {
	font-size: 10px;
}
.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.hide {
	display: none;
}
.quiet {
	color: #666;
}
.loud {
	color: #000;
}
.highlight {
	background:#ff0;
}
.added {
	background:#060;
	color: #fff;
}
.removed {
	background:#900;
	color: #fff;
}
.first {
	margin-left:0;
	padding-left:0;
}
.last {
	margin-right:0;
	padding-right:0;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}
.postmetadata {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 30px 0px;
}


/*-------------------- Standart CSS --------------------*/
body {
	background-color:#4b4b4b;
background-image:url(images/asphalt.jpg);
	}
	
/* header */

#header-wrap{
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	height:168px;
	padding:0px;
}
	
.header {
        padding: 0px 0px 60px 0px;
}


#header-wrap h1 {
        width: 400px;
        padding: 0px;
        margin: 0px 0px 0px 10px;
        float: left;
}

#header-wrap .description {
        clear: both;
}

.twittericon{
	position:absolute; 
	top:136px;
	margin-left:890px;
	}

.rssicon{
	position:absolute; 
	top:136px;
	margin-left:840px;
	}


#search-3 {
text-align:center;
height:60px;
}
#search-3 form{
margin-top:20px;
}



/* links */
a:link, a:visited {	
	text-decoration: none;
	}
	
a:hover {
	text-decoration: none;
	}

/* header */

#content { width:640px;
float:left;}

#footer {
        margin: 20px 10px 20px 10px;
        padding: 10px;
}

#sidebar-wrap{
	background-color:#fafafa;
  background-image:url(images/verlauf-grau-top.png);
        background-repeat:repeat-x;
background-position:top;
	}

#sidebar ul{
	padding:10px;
}

#sidebar li{
	
	}

/* Misc */
.wp-caption {}

.wp-caption img {}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
        text-align:center;
}

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

.alignleft {
	float: left;
        margin: 0px 10px 10px 5px;
}

.alignright {
	float: right;
margin: 0px 5px 10px 10px;
}


.post{
	height:218px;
	overflow:hidden;
	background-color:#fafafa;
}

.firstpost{
	height:289px;
	overflow:hidden;
	background-color:#fafafa;
}

.archiv{
    background-color:#fafafa;
}
.posts-wrap{
	background-color:#fafafa;
	}

.storytitle{
	height:29px;
	margin: 0px 10px 5px 10px;
        padding:10px 0px 0px 0px;
}

h2.storytitle {
 padding:11px 0px 0px 0px;
}

h2.posts{
font-size: 12px;
line-height:16px;
}

.storycontent{
	margin: 10px 10px 0px 10px;
	height:146px;
	}
	
.firstpost .storycontent{
	margin: 10px 10px 0px 10px;
	height:160px;
	}

.archiv .storycontent{
	margin: 10px 0px 0px 0px;
	height:60px;
	}
	
#content-single{
	margin: 40px 10px 40px 10px;
	}

#content-single img{
     padding:4px;
     background-color:#fdfdfd;
     border:1px solid #cccccc;

}

#content-single h3{ 
      display:block;
 clear: both;
line-height:30px;
}	

.storythumbnail{
	float:left;
	height:140px;
	width:100px;
	}
	
.firstpost .storythumbnail {
        height:198px;
	width:288px;
	margin:10px;
	text-align:center;
        padding:1px;
        background-color:#fdfdfd;
        border:1px solid #cccccc;
        overflow:hidden;
	}
.storythumbnail img{
	padding:1px;
	background-color:#fdfdfd;
	border:1px solid #cccccc;
}
.firstpost .storythumbnail img{	
       padding:0px;
       margin:0px;
       border:0;
       }
	

		
.storyexept{
	float:left;
	width:165px;
	height:140px;
	margin-left:10px;
	}
	
.firstpost .storyexept{
	float:left;
	width:280px;
	}	

.archiv .storyexept{
	float:left;
	width:580px;
        height:90px;
	}	

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

.meta{
	border-top:1px dotted #cccccc;
	border-bottom:2px solid #cccccc;
    height:20px;
	padding-left:10px;
	clear:both;
	color:#3392c8;
}

.meta a{color:#3392c8; font-size:10px; margin-top:0px;}
.meta a:hover{color:#000;}

.meta .categorys{
	float:left;
	background-image:url(images/icons.png);
	background-position:left 0px;
	background-repeat:no-repeat;
	padding-left:20px;
        margin-right:20px;
}

.meta .comments{
	float:right;
	background-image:url(images/icons.png);
	background-position:left -21px;
	background-repeat:no-repeat;
	padding:0px 10px 0px 20px;
}

.meta .tags{
	float:left;
	background-image:url(images/icons.png);
	background-position:left -40px;
	background-repeat:no-repeat;
	padding-left:20px;
}

.addthis_toolbox{
float:right;
padding:2px 11px 0px 0px;
} 

.commentsoptions{
    font-size:10px; 
    padding:0px 0px 0px 10px;
    margin:10px 0px;
}

.datum-index{
	width:37px;
	height:28px;
	padding-top:4px;
	background-image:url(images/datum_bg.png);
	float:left;
	font-weight:bold;
	font-size:14px;
	line-height:12px;
	text-align:center;
	margin:10px 10px 0px 10px;
	color:#6a6a6a;
}


#commentlist{margin:20px 0px; padding:0px;}

#commentlist li{ list-style:none;
	border:1px solid #cccccc;
	margin:0px 0px 20px 0px;
	padding:10px;
	background-color:#efefef;
}

.commentmeta{
	font-size:10px;
	margin:0px;
	}
	
.gravatar{
	float:left;
	margin-left:0px;
	padding:3px;
    background-color:#fdfdfd;
    border:1px solid #cccccc;
	}
	
.commentcontent{
	margin: 0px 0px 0px 60px;
}

.commentcontent p{
	padding:0px; 
	margin:0px;
	}

textarea#comment{width:450px;
height:140px;}

/* WIDGETS */
.seo-tag-cloud{
   text-align:center;
   line-height:22px;
   margin:20px 0px;
}

#seo_tag_cloud h2{
     background-image:url(images/sidebaricons.png);
     background-position:left -120px;
     background-repeat:no-repeat;
}

.widget {
   border-bottom:2px solid #fd6401;
   display:block;
}

#recent-posts-3 li, #linkcat-25 li, #events-list li{
        background-image:url(images/pfeil.png);
	background-position:left -3px;
	background-repeat:no-repeat;
	padding-left:20px;
        line-height:15px;
        margin-bottom:4px;
}

#recent-posts-3 h2{
	background-image:url(images/sidebaricons.png);
	background-position:left -180px;
}

#linkcat-25 h2{
	background-image:url(images/sidebaricons.png);
	background-position:left -150px;
}

#events-list li{margin-bottom:6px;}
#events-list h2{
background-image:url(images/sidebaricons.png);
background-position:left -90px;
}

.eventslink{
     margin:0 0 20px 62px;
     background-image:url(images/icons.png);
     background-position:left -161px;
     background-repeat:no-repeat;
     padding-left:23px;
font-weight:bold;
}

.el_datum{font-weight:bold; font-size:10px; display:block; float:left; width:70px;}
.el_location{font-weight:bold; font-size:10px; display:block; float:left; width:100px;}
.el_category{font-weight:bold; font-size:10px;}

.veranstaltung div{float:left; padding:5px 0}
.v_datum{font-weight:bold; width:80px}
.v_titel{font-weight:bold; width:290px}
.v_location{width:130px}
.v_category{width:80px}
.veranstaltung {margin-bottom:20px; clear:both;}


#text-3 h2{
     background-image:url(images/sidebaricons.png);
     background-position:left 0px;
}

.textwidget{
margin:10px 0px 40px 10px;
}
.textwidget img{float:left; margin:2px 3px 0px -10px;}



#video-2 h2{
	background-image:url(images/sidebaricons.png);
	background-position:left -60px;
}

#video-2 object{
margin:10px;
}
 #video-2 p{
margin:0px 10px 10px 10px;
}


.block{clear:both;}
.link-extern a, link-extern{
        background-image:url(images/icons.png);
	background-position:right -103px;
	background-repeat:no-repeat;
	padding-right:18px;
}
.link-movie a{
        background-image:url(images/icons.png);
	background-position:right -123px;
	background-repeat:no-repeat;
	padding-right:18px;
}
.link-download a{
        background-image:url(images/icons.png);
	background-position:right -143px;
	background-repeat:no-repeat;
	padding-right:18px;
}


.pagination{height:30px; padding:10px 0px 0px 0px;}
.pagination a{margin:10px;}
.pagination .olderposts{float:right;}
.pagination .newerposts{float:left;}


/* TWitter */
#twitter-1 h2{
background-image:url(images/sidebaricons.png);
background-position:left -30px;
}
.twitter-timestamp {display:block; font-size:10px;}

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

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

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

label {
	font-weight: bold;
}
fieldset {

}
legend {
	font-weight: bold;
	font-size:1.2em;
}
/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password], input.text, input.title {
	background-image:url(images/verlauf-grau.png);
	border:1px solid #828282;
	color:#303030;
}


input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
	border-color:#666;
}
input[type=text], input[type=password], input.text, input.title, textarea, select {
	margin:0;
}
input.text, input.title {
	width: 148px;
	padding:2px 5px 0px 5px;
	height:19px;
}
input.title {
	font-size:1.5em;
}
textarea {
	width: 390px;
	height: 250px;
	padding:5px;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {
	position:relative;
}
form.inline {
	line-height:3;
}
form.inline p {
	margin-bottom:0;
}

#searchsubmit{
	height:22px;
	width:30px;
	background-image:url(images/search_btn.png);
	padding:0;
	margin:1px 0px 0px 0px;
	border:0;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error, .notice, .success {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}
.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.error a {
	color: #8a1f11;
}
.notice a {
	color: #514721;
}
.success a {
	color: #264409;
}