/* 
Theme Name: SPORTSKITCHEN
Description: SPORTSKITCHEN WordPress theme based on the "WordPress Default 1.6" by Michael Heilemann.
Version: 1.0
Author: Mueller New Media
Author URI: http://www.mueller-new-media.de
Tags: sportskitchen, custom header, fixed width, two columns, widgets
*/


/*------- HTML-Elemente ------------------------------------------------------*/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Times New Roman, Times, serif;
	text-align: left;
	padding: 0;
	margin: 0 0 20px 0;
}

h1, h2, h3 {
  padding: 0;	
  margin: 0;
}

h3 {
  font-size: 1.4em;
  text-transform: uppercase;  
}

a {
  color: #000;
  text-decoration: underline;
  
  outline: none;
}

a:hover{
	/* pink color: #FF44B9;*/
	/* orange color: #FF6600;*/
	color: #B1A37D;
	text-decoration: none;
}

p {
  padding-top: 0;
  margin-top: 10px;
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

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

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

hr {
	display: none;
}

a img {
	border: none;
}



/*------- Header ---------------------------------------------------------------*/
#header {
	width: 865px;
	height: 185px;
	padding: 0;
  background: none;
  background: #fff url('images/blog_header.gif') no-repeat top left !important;
	margin: 20px 0 75px 35px;
	border-bottom: 4px solid #000;
}

#header h1,
#header .description {
  display: none;
}

/*------- Content --------------------------------------------------------------*/	
#content {
  float: left;
  width: 550px;
  font-size: 1.3em;
  padding: 0;
  margin: 0 0 0 35px;
  clear:both;
}

/*------- Content > Navigation -------------*/
.navigation {
	float: left;
	
	height: auto;
	
	margin-top: 10px;
	margin-bottom: 15px;
}

.navigation .nav-next-entries,
.navigation .nav-prev-entries {
  float: left;
  width: auto;
  height: 50px;
}

.navigation .nav-next-entries {
  margin-left: 20px;
}

.navigation .nav-next-entries a{
  display: block;
  width: 40px;
  height: 40px;
  color: transparent;
  background: #FFF url('images/pfeil_next.gif') no-repeat top left;
  text-decoration: none;
  outline: 0;
}

.navigation .nav-prev-entries a{
  display: block;
  width: 40px;
  height: 40px;
  color: transparent;
  background: #FFF url('images/pfeil_back.gif') no-repeat top left;
  text-decoration: none;
  outline: 0;
}

.navigation .nav-text {
  clear: both;
  float: left;
  font-family:"Times New Roman",Times,serif;
  font-size: 1.2em;
  font-weight: bold;
}
	
/*------- Content > Post ------------------*/
.post {
  margin: 0 0 20px 0;
  border-bottom: #000 10px solid;
}

.post h2 {
  font-family:"Times New Roman",Times,serif;
  font-size: 1.8em;
  padding: 0;
  margin: 16px 0 9px 0;
}

.post h2 a {
  text-decoration: none; 
}

.post h2 a:hover {
  text-decoration: underline;
  color: #000;
}

/*------- Content > Post > Metadata -------*/
.postmetadata {
  font-size: 0.85em;
  text-transform: uppercase;
	padding: 0;
	margin: 0 0 7px 0;
	clear: both;
}

.postmetadata p {
  padding: 0;
  margin: 0;
  font-size: 0.9em ;
}

.postmetadata a {
	color: #000;
  text-decoration: underline;
  padding: 1px 2px 1px 2px;
}

.postmetadata a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #000;
  padding: 1px 2px 1px 2px;
}

.postmetadata a.comments-link {
  margin: 0 0 0 5px;
}

.postmetadata a.comments-link-active {
  color: #FFF;
  background-color: #000;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1px 2px 1px 2px;
  margin: 0 0 0 5px;
}


/*------- Content > Post > Entry ----------*/
.entry {
  padding: 0;
  margin: 0 0 20px 0;
}

.entry p {
  margin-top: 0;
}

a.more-link,
a.more-link:hover {
  display: block;
  font-family: Georgia, serif;
  font-weight: bold;
  font-size: 14px;
  background: #FFF url('images/sk_arrows_more.png') no-repeat bottom left;
  padding: 0 0 0 30px;
  outline: 0;
}

.entry a.more-link:hover {
  font-style: italic;
}

/*	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;
}

/*------- Content > Kommentare ------------*/
.commentlist {
  font: 0.9em Arial, Helvetica, Sans-Serif;
  list-style: none;
  padding: 0 0 20px 0;
  border-bottom: 10px solid #000;
  margin: 0;
}

.commentlist li {
	font-weight: bold;
	font-style: italic;
	padding: 15px 0 0 0;
	border-top: 1px solid #000;
	margin: 0 0 10px 0;
}

.commentlist li:first-child {
	border: 0;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	padding: 0 0 5px 0;
	margin: 0;
}

.commentlist p.commentmetadata {
  font-weight: bold;
  font-style: italic;
  padding: 0;
  margin: 0;
}

#respond {
  width: 100%;
  height: auto;
  padding: 20px 0 20px 0;
  border-bottom: 10px solid #000;
}

#respond:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#commentform {
  float: left;
  width: 550px;
  font-family: Arial, Helvetica, sans-serif; 
  padding-top: 5px;
  margin: 5px 0 0 0; 
}

#commentform label {
  display: block;
  font-size: 0.8em;
  font-style: italic;
}

#commentform label.comment {
  margin: 5px 0 0 0;
}

#commentform input {
	width: 543px;
	height: 21px; 
	padding: 3px 2px 0 3px;
	border: 1px solid #000;
	margin: 3px 0 10px 0;
}

#commentform textarea {
  width: 543px;
	height: 130px;
	padding: 3px 2px 0 3px;
	border: 1px solid #000;
	margin: 3px 5px 0 0;
}

#commentform input#submit {
  display: block;
  float: left; 
  width: auto; 
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 0.8em;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  padding: 0;
  background-color: #FFF;
  border: 0;
  margin: 0;
  margin-left: -2px;
}

.alt {
	margin: 0;
	padding: 10px;
}

.nocomments {	
	margin: 0;
	padding: 0;
}

/*------- Autorenprofil --------------------------------------------------------*/
#authorprofile {
  padding: 0 0 30px 0;  
  border-bottom: 10px #000 solid;
}

#authorprofile h2 {
  font-weight: normal;
  padding: 0;
  margin: 0;
}

#authorprofile .font14px {
  line-height: 1.7em; 
}

#authorprofile a.back-link,
#authorprofile a.back-link:hover {
  font-family: Georgia, serif;
  font-size: 1.2em;
  font-style: italic;
}

#authorprofile a.back-link:hover {
	/* pink color: #FF44B9;*/
	/* orange color: #FF6600;*/
	color: #B1A37D;
}

/*------- Sidebar --------------------------------------------------------------*/
#sidebar {
  width: 195px;
	font-family: Georgia, serif;
	text-align: left;
	padding: 0 0 10px 0;
	margin-left: 750px;
}

#sidebar ul.link-sk-web {
  padding: 0;
  margin: 0 0 30px 0;
}

#sidebar ul.link-sk-facebook {
  margin-bottom: 30px;
}

#sidebar h2 {
	font-family: Times New Roman, Times, serif;
	font-size: 1.2em;
	padding: 0;
	margin: 5px 0 0;
}
	
#sidebar h2.widgettitle {
	font-family: Georgia, serif;
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 35px;
}

#sidebar .widget_categories  h2.widgettitle {
  padding: 0;
  margin: 4px 0 0 0;
}

#sidebar .widget_archive h2.widgettitle {
  margin: 0 0 30px 0;
}

#sidebar .widget_pages  h2.widgettitle {
  display: none;
}

#sidebar .wp_widget_mylinkorder h2.widgettitle {
  font-size: 1.3em;
  text-transform: lowercase;
  padding: 0;
  margin: 0;
}

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

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

#sidebar ul li#mycategoryorder,
#sidebar ul li.widget_archive {
  padding: 0;
  margin: 0;
}

#sidebar ul li.widget_categories ul {
  margin-bottom: 30px;
  margin-top: -5px;
}

#sidebar ul li.widget_archive ul {
  margin-bottom: 35px;
}

#sidebar ul li.widget_archive li {
  padding: 0;
  margin: 8px 0 0 0;
}

#sidebar ul li.widget_pages ul {
  margin-bottom: 30px;
}

#sidebar ul li.wp_widget_mylinkorder ul {
  padding: 0;
  margin: 0 0 35px 0;
}

#sidebar ul li.wp_widget_mylinkorder ul li {
  padding: 0;
  margin: 10px 0 0 0;
}

#sidebar ul li.wp_widget_mylinkorder ul li a {
  font-size: 1.25em;
  font-weight: normal;
}

#sidebar ul li.separator {
  margin: 0 0 30px 0;
}

#sidebar ul li.cat-item {
  margin-top: 34px;
}

#sidebar ul li.page_item {
  padding: 0;
  margin: 0;
}
	
#sidebar ul li a {
  color: #000;
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
}

#sidebar ul li a:hover {
	/* pink color: #FF44B9;*/
	/* orange color: #FF6600;*/
	color: #B1A37D;
  font-style: italic;
}

#sidebar ul li.cat-item a {
  color: #FFF;
  font-size: 1.2em;
  font-weight: normal;
  letter-spacing: 0.08em;
  background-color: #000;
  text-transform: uppercase;
  padding: 1px 4px 1px 3px;
  margin-left: 2px;
}

#sidebar ul li.cat-item a:hover,
#sidebar ul li.current-cat a {
  color: #FFF;
  text-decoration: none;
	/* pink background-color: #FF44B9;*/
	/* orange background-color: #FF6600;*/
	background-color: #B1A37D;
}
	
/*------- Footer ---------------------------------------------------------------*/
#footer {
	width: 760px;
	padding: 0;
	border: none;
	margin: 85px 0 0 35px;
	clear: both;
}

#footer p {
  font-family: Georgia, serif;
  font-style: italic; 
  font-size: 1.05em;
	padding: 20px 0;
	margin: 0;
}

#footer p a {
  color: #000;
  text-decoration: underline;
}
#footer p a:hover {
	/* pink color: #FF44B9;*/
	/* orange color: #FF6600;*/
	color: #B1A37D;
  text-decoration: none;
  font-style: italic;
}






/*------- Sonstiges ------------------------------------------------------------*/

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

.screen-reader-text {
     position: absolute;
     left: -1000em;
}



/*------- TinyMCE --------------------------------------------------------------*/
.versal {
	text-transform: uppercase;
}

.font8px
{
  font-size: 8px;
  line-height: 1.25em;
}

.font10px
{
  font-size: 10px;
  line-height: 1.3em;
}

.font11px
{
  font-size: 11px;
  line-height: 1.35em;
}

.font12px
{
  font-size: 12px;
  line-height: 1.4em;
}

.font14px
{
  font-size: 14px;
  line-height: 1.25em;
}

.font16px
{
  font-size: 16px;
  line-height: 1.28em;
}

.font18px
{
  font-size: 18px;
  line-height: 1.28em;
}

.font20px
{
  font-size: 20px;
  line-height: 1.4em;
}

.font22px
{
  font-size: 22px;
  line-height: 1.3em;
} 

.font24px
{
  font-size: 24px;
  line-height: 1.3em;
}

.font30px
{
  font-size: 30px;
  line-height: 1.3em;
}