/*
Theme Name: Cool Age
Theme URI: http://www.cool-age.de
Description: This is a fully customized theme for the website <a href="http://www.cool-age.de">www.cool-age.de</a>
Version: 1.0
Author: Stefan Rausch
Author URI: http://www.twinfx.de
Tags: fully customized for www.cool-age.de

	Cool Age 1.0
	
	This theme was designed and built by Stefan Rausch,
	it's used at http://www.cool-age.de/extras/blog

*/
body {
  background-color: #050503;
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;  
  text-align: center;
}

#globalContainer {
  position:absolute;
  left: 50%;      
  width: 1008px;     
  margin-left: -504px; /* half of the width */  
  text-align: left;	
  padding-bottom: 20px;
}


h1{
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 18px;
  color: white;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: normal;
}

h2{
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 16px;
  color: #f57947;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: bold;
}
h3, h4{
  margin: 20px 0 10px 20px;
  padding: 0;
  font-size: 14px;
  color: #777;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: bold;
}
h2 span {
  border-left: 1px solid white;
  color: white;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: mormal;
  font-size: 10px;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}
h2 a , h2a:visited {
  color:#F57947;
  text-decoration:none;
  
}
h2 a:hover {
  color: #36769C;
  text-decoration:underline;
}


#top {
  width: 1008px;
  padding: 0;
  margin: 15px 0 0 0;
  border: none;
  line-height: 0px;
  height: 20px;
  overflow: hidden;
}
.thin {
  background-color: #383736;
  height: 5px;
  border: none;
  margin: 0;
  padding: 0;
  line-height: 0px;
  display: block;
  font-size: 0px;
}
.middle {
  background-color: #383736;
  height: 10px;
  border: none;
  margin: 3px 0 1px 0;
  padding: 0;
  line-height: 0px;
  display: block;
  font-size: 0px;
}
.ultrathin{
  background-color: #383736;
  height: 1px;
  border: none;
  margin: 5px 0 5px 0;
  padding: 0;
  line-height: 0px;
  display: block;
  font-size: 0px;
}

#logo {
  position: absolute;
  width: 1008px;
  border: none;
  height: 69px;
  text-align: center;
  margin: 0;
  padding: 0;
  top: 8px;
  z-index: 99;
}

#logo img {
  border: 0px;
  position: relative;
  z-index: 99;
}

#head {
  width: 1008px;
  padding: 0 0 0 0;
  margin: 0 0 0px 0;
  border: none;
}

#head img {
  border: 0px;
  position: relative;
  z-index: 1;
}
/***************************************************************************************************
  Navigation
****************************************************************************************************/
#navigation {
  background: transparent url(images/bg_menu.gif) 0 0 repeat-x;
  height: 28px;
  color: white;
  padding: 8px 0 0 0;
  margin: 0;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-size: 12px;
  border-bottom: 1px solid #383736;

}
#navigation a {
  margin-left: 8px;
  margin-right: 8px;  
  !margin-left: 4px; /* IE hack */
  !margin-right: 4px; /* IE hack */  
  
  padding: 0;
  color: white;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}
#navigation a:hover, 
#navigation a.actv,
#navigation a.actv:hover   {
  color: #fdca4b;
  margin-left: 8px;
  margin-right: 8px;  
  !margin-left: 4px; /* IE hack */
  !margin-right: 4px; /* IE hack */  
}



#navigation .right {	
  float: right;
  margin: 0 0 0 0;
  padding: 0;
}

#navigation .left {	
  float: left;
  margin: 0;
  padding: 0;
}

/***************************************************************************************************
  LavaLamp Navigation
****************************************************************************************************/

/* Styles for the entire LavaLamp menu */
.lavaLamp {
  position: relative;
  height: 22px;
  width: 1008px;            
  padding: 0;
  margin: 0;
  overflow: hidden;  
}
.lavaLamp li {
  float: left;
  list-style: none;
  line-height: 20px;
}
.lavaLamp li.back {
  border: 1px solid #fdca4b;                        
  width: 30px;
  height: 20px;
  z-index: 8;
  position: absolute;
  background-color: #fdca4b;
  filter: alpha(opacity=20);
  -moz-opacity:0.2;
  opacity: 0.2;
}
.lavaLamp li a {                        
  z-index: 10;
  display: block;
  float: left;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.lavaLamp li a:hover,
.lavaLamp li a:active,
.lavaLamp li a:visited {
  border: none;
}                    
/***************************************************************************************************
  Main
****************************************************************************************************/
#main {
  background-color: #121212;
  margin: 0;
  padding: 5px;
  width: 998px;
}
#main p {
  padding: 0;
  margin: 10px 0 10px 0;  
  font-size: 12px;
  color: #d7d7d7;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: normal;    
  line-height: 16px;
}

#main .block {
	background-color: #252525;	
	margin: 15px 0 30px 0;
	padding: 0;
	white-space: normal;
}

#main .block h2{
  padding: 0;
  margin: 0;
  font-size: 13px;
  color: #fdca4b;
  font-family: Arial, Verdana, Helvetical, Sans-Serif;
  font-weight: bold;    
}

#main .block div.head {	
  background: transparent url(images/bg_block_head.gif) 0 0 repeat-x;
  padding: 5px 10px 5px 10px;
  margin: 0;
  height: 20px;
  border-top: 1px solid #4b4b4b;
  border-bottom: 1px solid #121212;    
}

#main .block div.foot {	
  background: transparent url(images/bg_block_foot.gif) 0 0 repeat-x;
  padding: 5px 10px 5px 10px;
  margin: 0;  
  height: 15px;
  clear: both;
}

#main .block div.foot p {
  padding: 0;
  margin: 0;  
  font-size: 10px;
  color: #efefef;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: bold;    
}
#main .block div.foot span {
  padding: 0;
  margin: 0;  
  font-size: 10px;
  color: #efefef;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: normal;
  border-left: 1px solid white;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;  
}

#main .block div.foot a, #main .block div.foot a:visited {
  color:#F57947;
  text-decoration:none;
}
#main .block div.foot a:hover {
  color: #36769C;
  text-decoration:underline;
}



#main .block p {
  padding: 0;
  margin: 10px 20px 10px 20px;  
  font-size: 12px;
  color: #d7d7d7;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: normal;    
  line-height: 16px;
}

#main .block ul {  
  font-size: 12px;
  color: #d7d7d7;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: normal;    
  line-height: 16px;
}


#main .block img.floatRight {
  float: right;
  border: 1px solid #fdca4b;
  margin: 20px 20px 20px 60px;
}

#main .block img.floatLeft {
  float: left;
  border: 1px solid #fdca4b;
  margin: 20px 60px 20px 20px;
}

a.email {
  color: #f57947;
  text-decoration: none;
  /*background: transparent url(images/icon_mail.gif) 0 0 no-repeat;*/
  /*padding: 0 0 0 20px;*/
}
a.linkIntern, a.linkIntern:visited {
  color: #f57947;
  text-decoration: none;
  /*background: transparent url(images/icon_mail.gif) 0 0 no-repeat;*/
  /*padding: 0 0 0 20px;*/
}
a.linkIntern:hover {
  color: #36769C;
  text-decoration: underline;
  /*background: transparent url(images/icon_mail.gif) 0 0 no-repeat;*/
  /*padding: 0 0 0 20px;*/
}


#footer {
  background-color: #121212;
  color: #767373;
  margin: 0;
  padding: 5px 0 10px 5px;
  width: 1002px;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetical, Sans-Serif;
  font-weight: normal;    
}
#footer .floatRight {
  float: right;
  margin: -3px 0px 0 0;
  padding: 0;
}
#footer a.text, #footer a.text:visited {
  color: #ffca91;
  text-decoration: none;
}
#footer a.text:hover {
  color: #ffca91;
  text-decoration: underline;
}

span.quote {
  color: #ffca91;
}


/***************************************************************************************************
 Tabs
****************************************************************************************************/
.tab {
  border-top: 1px solid #6e6e6e;
}

/***************************************************************************************************
 Kwicks
****************************************************************************************************/
#kwickscontainer {
   margin-left: 180px;
   height: 100px;
   margin-top: 20px;
}


/***************************************************************************************************
 Blog
****************************************************************************************************/

#content {
  clear:both;
}
.narrowcolumn {
  width: 800px;
  float:left;
}

#sidebar {
  width: 170px;
  float: right;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  background-color: #252525;
  padding: 10px;
  margin: 15px 0 20px 0;
  border: 1px solid #4B4B4B;
}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	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;
	font-size: 10px;
}
#sidebar h2 {
	font-size: 12px;
	color: #fff;
}
#sidebar a, #sidebar a:visited {
  color: #F57947;
  font-size: 10px;
}
#sidebar a:hover {
  color: #36769C;
  text-decoration: underline;
  font-size: 10px;
}
#sidebar input {
  border: 1px solid #D7D7D7;
  background-color: #252525;
  color: #FDCA4B;
  font-size: 11px;
  vertical-align: bottom;
}
#sidebar #MailPress {
  margin: 0 0 0 10px;
}
#sidebar input.MailPressFormEmail {
  vertical-align: top;
  margin: 10px 0 5px 0;
}

#sidebar input.MailPressFormName {
  vertical-align: top;
  margin: 5px 0 10px 0;
}

#sidebar input.text {
  margin-bottom: 3px;
}
#sidebar input.button {
  border: none;
  background-color: none;
}

#main .information {
  filter: alpha(opacity=50); /* IE */
  zoom: 1;
  -moz-opacity:0.5; /* FF */
  opacity: 0.5; /* Opera */
  font-size: 10px;
}
#main .information h2 {
  color: #fff;
}
#main .information a, .information a:visited {
  color: #F57947;
}
#main .information a:hover {
  color: #36769C;
  text-decoration: underline;
}

#main .information p {
  font-size: 10px;
}

#main .comments {
  font-size: 10px;
}
#main .comments h2 {
  color: #fff;
}
#main .comments a, .comments a:visited {
  color: #F57947;
}
#main .comments a:hover {
  color: #36769C;
  text-decoration: underline;
}

#main .comments .commentitem {
  border-bottom: 1px solid #777777;
  margin: 10px 0 10px 0;
}
.alt {

}

#main .comments p {
  font-size: 10px;
}

/*
#main .block a, #main .block a:visited {
  font-size: 10px;
  text-decoration: none;
  margin: 10px 20px 10px 20px;
}
#main .block a:hover {
  font-size: 10px;
  text-decoration: underline;
  margin: 10px 20px 10px 20px;
}
*/
#main .block p a, #main .block p a:visited, #main .block p a:hover {
  margin: 0;
}

.navigation {
  color: #fdca4b;
  font-size: 11px;
  text-decoration: none;
}
.navigation a, .navigation a:visited {
  color: white;
  font-size: 11px;
  text-decoration: none;
}
.navigation a:hover {
  color: #fdca4b;
  font-size: 11px;
  text-decoration: none;
}

img.avatar {
  margin: 0 5px 0 20px;
  border: none;
  float: left; 
}

#commentform input {
  border: 1px solid #D7D7D7;
  background-color: #121212;
  color: #FDCA4B;
  font-size: 11px;
  vertical-align: bottom;
}

#commentform textarea {
  border: 1px solid #D7D7D7;
  background-color: #121212;
  color: #fff;
  font-size: 11px;
  vertical-align: bottom;
}

.piclenslitelink, .piclenslitelink:visited, a.more-link, a.more-link:visited {
  padding: 0;
  margin: 0;  
  font-size: 10px;
  color: #FDCA4B;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: normal;    
  line-height: 16px;
  text-decoration: none;
}
.piclenslitelink:hover, a.more-link:hover {
  color: #36769C;
  text-decoration: underline;
}
.piclenslitelink img {
 border: none;
 margin: 2px 0 0 0;
}

.st-tag-cloud {
  padding: 20px;
}

#main .block .meta {
  border-top: 1px solid #777777;
  text-align: left;
  padding: 5px 20px 5px 20px;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-weight: normal;
  font-size: 10px;
  color: #fff;
  margin-top: 20px;
  clear: both;
}
#main .block .meta a, #main .block .meta a:visited {
  color:#F57947;
  text-decoration:none;
  margin: 0;
}
#main .block .meta a:hover {
  color: #36769C;
  text-decoration:underline;
  margin: 0;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border: 1px solid #fdca4b;
	margin: 20px 20px 20px 20px;
	}

/*	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: 0;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0 10px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* map link*/
.geo_mashup_link, .geo_mashup_link:visited {
  background: transparent url(images/geotag_12.png) 0 1px no-repeat;
  color:#FDCA4B;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-size: 11px;
  text-decoration: none;
  padding: 0 0 0 15px;
}
.geo_mashup_link:hover {
  background: transparent url(images/geotag_12.png) 0 1px no-repeat;
  color:#36769C;
  font-family: Verdana, Arial, Helvetical, Sans-Serif;
  font-size: 11px;
  text-decoration: none;
  padding: 0 0 0 15px;
  }
  
.geo_mashup_link img {
  border: none;
  margin: 0 0 -2px 0;
  padding:0;
}


/* sidebar twitter widget */
.widget_twitter span.entry-content
{
  color: #AADDFF;
}

.widget_twitter span.entry-meta
{
  color: #337799
}


/* Newsletter Widget */
#newsletterFormDiv a img {
  border: none;
}

#emailInput {
  background:none;
}
#etiqueta {
  display:none;
}
#resultado {
  color: #F57947;
}

/* wp-touch plugin */
#wptouch-switch-link {
  z-index: 999;
}

/* Sociable Plugin*/

div.sociable {
	margin: 0;
	background: transparent url(images/bg_menu.gif) repeat-x scroll 0 -10px;
	padding: 2px 0 2px 10px;
}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}