/*   
Theme Name: Kalymnos Climbing Guide
Theme URI: www.kalymnosclimbingguide.com
Description: A KalymnosStyled Template for Wordpress
Author: Harry Glatz
Author URI: http://www.analog.de
Version: 1.0
Tags: fixed width, two columns, minimalist, stylish, personal, dark, gradient header, right sidebar, widget, ready, widgets, valid CSS, ie7, firefox 3.0
.
This work is distributed under the terms of the GNU General Public License. 
This means you are free to use this template for any purpose, and make 
changes as you see fit. Please leave the link in the footer, or donate if 
you would like to remove it.
.
*/

/*

farben:
orange: #663f32
blau: #003A5B

hellblau: #748742;

grün: #748742

dunkel orange: #663f32
}


To Do:
Suche button in Orange;



*/


body	{
	background:#ceb396;
	margin: 0;
	padding: 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	top:0px;
}

a	{
	color: #003A5B;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}
a:hover	{
	color: #663f32;
}

img	{
	border: 0;
}

/* HEADER TITLE STUFF HERE */

h1	{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	font-weight:bold;
}
h2	{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
h3	{
	font-size: 1.3em;
	margin: 0;
	padding: 0;
}
h4	{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
h5	{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

/* WRAPPER STUFF GOES HERE. */

#wrapper	{
	background: #ffffff;
	width: 974px;
	border: 3px solid #000;
	margin: 0 auto;
	padding: 0;
}

/* HEADER STUFF GOES HERE. */

#header	{
	background: url(images/top1.jpg) no-repeat scroll;
	height: 200px;
	padding: 0px;
	font-size:10px;
	line-height:normal;
	border-bottom:3px solid #000;
}

#header-right{
 float:right;
 width:316px;
 height:200px;
 background-repeat:no-repeat;
	
}

#header-left{
 float:left;
 width:400px;
 margin:60px 5px 0 0px;
 height:56px;
 
}
* html #header-left{
 
 margin:60px 2px 0 75px;
 height:56px;
	
}
/* START H1 GRADIENT */
#blogtitle h1{

font-size:25px;
color:#003A5B;
	
}
#subtitle{
font-size:10px;
width:500px;
}
#pagenavi{
margin:105px 0 0 5px;
width:650px;
float:left;
}
* html #pagenavi{
margin:51px 0 0 5px;
width:600px;
float:left;
}

#suchfeld{
	float:right;
	width:315px;
	margin-right:0px;
	margin-top:46px;
}

#rss	{
	float:right;
	margin: 65px 7px 0 0;
	padding: 5px 0;
}
.feed {
	background: transparent url("images/feed-icon-14x14.png") 5px 50% no-repeat scroll;
	margin: 0;
	padding: 0 0 0 24px;
	color: #003A5B;
}
.feed:hover	{
	color: #add8e6;
	text-decoration: underline;
}

/* SEARCH FORM and RSS STUFF HERE. */



#searchform	{
	background: #e5e5e5;
	margin: 0;
	padding: 5px;
	
}

#s	{
	width: 200px;
	border: 0;
	margin: 0;
	padding: 5px;
}
#searchsubmit	{
	background: #663f32;
	width: 85px;
	border: 0;
	margin: 0;
	padding: 4px;
	font-weight: bold;
	color: #ffffff;
	border:1px solid #ffffff;
	margin-left:6px;
}



/* ALL CONTENT STUFF HERE. */

#container	{
	height: 1%;
	background-image:url(images/container-bg.jpg);
	background-repeat:repeat-y;
}

#column	{
	width: 644px;
	float: left;
	margin: 5px 0 0 0;
	padding: 5px;
}




.title	{
	font-size: 2.2em;
}
.date	{
	background: transparent url(images/date.gif) center center no-repeat scroll;
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 5px 0 0;
}
.month	{
	display: block;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	line-height: 22px;
	margin: 5px;
}
.day	{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}
.year	{
	display: block;	
	text-align: center;
	font-weight: bold;
	font-size: .9em;
}
.info-1	{
	background: #fafafa;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #e5e5e5;
	color: #663f32;
	font-weight: bold;
	font-size: .8em;
	margin: 0 0 0 80px;
	padding: 5px 5px 0 5px;
}
.info-2	{
	background: #fafafa;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e5e5e5;
	color: #663f32;
	font-weight: bold;
	font-size: .8em;
	margin: 0 0 0 80px;
	padding: 0 5px 5px 5px;
}

/* START PARAGRAPH BEHAVIOR */
#column p	{
	margin: 10px 0;
	padding: 0;
}
.par	{
	margin: 0;
	padding: 0 0 0 80px;
}
blockquote	{
	background: transparent;
	border: 1px solid #e5e5e5; 
	margin: 0;
	padding: 5px 20px;
}
blockquote p	{
	margin: 0;
	padding: 0;
	text-align: justify;
}

/*  END PARAGRAPH BEHAVIOR */
.the-meta	{
	clear: both;
	margin: 0 0 0 80px;
	padding: 0;
}
.the-meta ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.post-meta-key	{
	font-weight: bold;
}

.footer2	{
	border-bottom: 3px double #663f32;
	margin: 0 0 10px 80px;
}

/* COMMENT STUFF HERE */

h3#comments	{}
ol.commentlist	{
	list-style-type: none;
	padding: 0;
}
ol.commentlist li	{
	margin: 0;
	padding: 0;
}
ol.commentlist li:hover	{
	background: #e5e5e5;
}
img.avatar {
	float: left;
	background: #ffffff;
	margin: 5px;
	padding: 5px;
	border: 1px solid #b2b2b2;
}
h3#respond	{}
form#commentform	{}
h3#comments,ol.commentlist,h3#respond,form#commentform	{
	margin: 0 0 0 80px;
}
textarea#comment	{
	width: 560px;
}
/* END COMMENT STUFF HERE */


div.navigation	{
	margin: 0 0 0 80px;
	letter-spacing: 3px;

	font-size: 1em;
}


/* SIDEBAR STUFF STARTS HERE. */

#sidebar	{
	float: right;
	width: 320px;
}

#sidebar ul	{
	list-style-type: none;
	background: #e5e5e5;
	margin: 5px ;
	padding: 5px;
}
#sidebar ul li	{
	background: #ffffff;
	margin: 1px;
	margin-bottom:10px;
	padding: 0px;
	border: 1px solid #000000;
}

#sidebar ul li ul li	{

	border: none;
}
#sidebar ul li h2	{
	color: #000;
	/*background-color:#663f32;
	background-color:#89aebe;*/
	background-color:#ceb396;
	
	font-size: 1em;
	letter-spacing: 5px;
	text-transform: uppercase;
	display: block;
	border-bottom: 1px solid #b2b2b2;
	padding:5px;
	
}
* html #sidebar ul li h2	{


}

#sidebar ul li ul	{
	list-style-type: none;
	background: #ffffff;
	margin: 0;
	padding: 0;
}
#sidebar ul li ul li	{
	margin: 0;
	padding: 2px 5px 2px 5px;
}
#sidebar ul li ul li ul li	{
	margin: 0 0 5px 0;
	padding: 0;
}

/* FOOTER STUFF HERE.  */

#footer	{
	clear: both;
	
	margin: 0;
	padding: 5px;
	color: #003A5B;
	text-align: center;
	font-size: .8em;
	letter-spacing: 3px;
	border-top:solid 1px #003A5B;
}
#footer a	{
	color: #003A5B;
}

/* STRUCTURE ELEMENTS */

.clear-both	{
	clear: both;
}
.clear-left	{
	clear: left;
}
.clear-right	{
	clear: right;
}
.hidden	{
	display: none;
}

/* FROM http://codex.wordpress.org/CSS FOR IMAGES */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
   margin-left:15px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin-left: 10px;

margin-bottom:10px;
/* optional rounded corners for browsers that support it
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; */
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

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

.clearer {clear:both; float:none;}



/*pagenavi*/
#pagenavi ul {margin:0 0 0 -42px; font-size:12px;}

#pagenavi li{
	list-style-image:none;
	list-style:inside;
	list-style:none;
	background-color:#fff;
	width:100px;
	float:left;
	text-align:center;
	line-height:30px;
	margin-left:3px;
	border:1px solid #000;
	
}

#pagenavi li a{
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	
}

#pagenavi li a:hover{
	color:#003A5B;
	
}
#pagenavi li.current_page_item{
	background-color:#ffffff;	
	border-top: 1px solid #003A5B;
	border-right:1px solid #003A5B;
	border-left:1px solid #003A5B;
	width:99px;
	line-height:29px;
}

#pagenavi li.current_page_item a{
	color:#003A5B;
}

#pagenavi li.current_page_item a:hover{
	color:#663f32;
	
}



#column.pagelayout{
padding-top:20px;
padding-left:20px;
width:624px;

}

.widget_links a{
	display:block;
}


.img-align-center{
	text-align:center;
}

.comment-text{
margin-top:20px;
margin-left:55px;
	
	
}
ol.commentlist li.alt{
background-color:#CCC;	
border:none;
	
}
ol.commentlist li{
background-color:#fff;	
border: 1px solid #999;
padding-bottom:5px;
margin-bottom:5px;
	
}

fieldset{
	margin:0;
	padding:0;
	border:none;
}

TABLE.newsletter-table{
	
	color: #003A5B;
	
}
#sidebar h2 a {color:#ffffff;}

.widget div{

margin:5px;

}