/**
* kAIRin.ch - Relaunch 2010
*
* @copyright	2010
* @author		Karin Christen
* @version		0.1
*/


/**
* @section Reset Styling
* Reset browser CSS
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/**
* @section Print Styling
* Styling of the Print Elements 
*/
.print {display:none;}

/**
* @section Basic Styling
* Styling of the Basic Elements and a small reset
*/

* {margin:0px; padding:0px;}
html {}
body {font-family: Helvetica, Arial, sans-serif; font-size:14px; line-height:1.4em; text-align:left; color:#444; background:#b6b6b6;}

h3 {color:#666;}

.like iframe {height:50px;}

a {color:#d9d9d9; text-decoration:none;}
a:visited {}
a:hover {color:#44d612;}
ul li {list-style:none;}
ol {list-style:none;}
   
p {margin-bottom:5px;}
strong {font-weight:bold;}
img {border:none;}

.hidden {display: none;}
.center {display:block; text-align:center; background:#000;}
.postWrap .center img {padding:0;margin:0;}


/**
* @section Accessibility Styling
* hide items for Accessibility
*/

.accessibility {position:absolute; top:-1000px; left:-1000px;}

/**
* @section Wrapper Styling
* Styling Background and Shadows, Center Page
*/

.main {position:relative;width:960px;}

/**
* @section Header Styling
* Styling of the Header elements and items
*/
.clear {clear:both;}
.header {margin-bottom:50px;}
.logo a {display:block; z-index:1;position:absolute; top:-84px; left:-57px; width:300px; height:268px;background:url('img/kairin.png') top left no-repeat; outline:none;}

/* Top Nav */
.nav .bubble {position:absolute; top: -60px; left:0; padding:10px; width:100px; height:50px; background:#000; color:#fff;}
.nav .page-item-1541 .bubble {left:50px;}
.nav {z-index:3;position:relative; margin-top:70px; margin-left:200px;width:760px; height:50px; /*background:#44d612;*/ /* background:#000;*/}
.nav ul {padding:25px 0 0 12px;}
.nav li {float:left; padding-right:20px;}
.nav li a {display:block;text-transform:uppercase;font-size:20px;font-weight:bold; color:#000;}
.nav li.active a, .nav li.current_page_item a, .nav li a:hover {color:#fff;} 
.page-id-1553 .nav li a {color:#d9d9d9;}
.page-id-1553 .nav li.current_page_item a, .page-id-1553 .nav li a:hover {color:#fff}

.more {display:none;}
.category-kairins-stories .paging a {color:#D9D9D9;}
.category-kairins-stories .nav li.stories a {color:#d9d9d9}
.blog .nav li.wall a {color:#fff} 
.page .commentBlock {display:none;}

/* Posts */
.postWrap {float:left; margin:0px 0 0 200px;  }
.postWrap h3 {margin:10px 0 20px 0; font-weight:bold;}
.postWrap h3 a {font-size:40px;color:#666; line-height:1em;}
.postWrap h3 a:hover, .postWrap a:hover {color:#44d612}
.postWrap h4 {margin-bottom:20px; cursor:pointer; text-align:left;font-family:'georgia', helvetica, arial; font-style:italic; font-size:20px;}
.postWrap h4:hover {color:#44D612;}
.postWrap .date span {font-family:georgia, helvetica, arial;font-size:11px; font-style:italic; font-weight:normal;}
.postWrap a {color:#666;}
/*.postWrap img {margin-top:20px;}*/

.single .more {display:block;}
.single .postWrap h4 {display:none;}

.paging a {font-weight:bold; font-size:20px; color:#000;}
 
.hentry, .post, .commentBlock {border-top:3px solid #000;padding:10px;margin-bottom:28px;width:500px;background:#d9d9d9;}

.commentBlock {border-top:none;}
.post p {margin-bottom:25px;}

.stbutton {width:40px;float:right; text-align:right;}
.feedback {}

/* Comments */
h2 {margin-bottom:10px; font-size:20px;}
h2#comments, h2#postcomment {font-size:20px;font-weight:bold;}
h2#postcomment {margin-top:20px;}
#commentlist li {display:block; padding-top:10px;}
#commentlist .odd, #commentlist .even {padding:2px;}
#commentlist .odd {background:#bebebe;}
.comment {clear:both;}
.comment img.avatar {margin:0;float:left;}
.comment p.commentMeta, p.commentMeta a {margin:5px 0 0px 0; clear:both;font-size:11px; font-style:italic;}
.commentBlock textarea, input {background:#d9d9d9;border:1px solid #000;}
.commentBlock textarea {width:100%;}

.page .feedback {display:none;}

/* Right Column */
.right {float:right; width:217px;}
.right h3 {cursor:pointer;}
/* 1 Level */
.right h3, 
.right li.cat-item a {text-transform:uppercase;display:block;margin-bottom:3px;padding:8px 10px 3px 10px;font-weight:bold;font-size:18px; color:#d9d9d9; background:#000;}

.right li.cat-item a:hover, 
.right li.noCat li:hover, 
.right li h3:hover {background:#44d612;color:#007600;}


.right li.active {color:green;}

/* 2 Level */
.right li.noCat ul {padding:5px;}
.right ul li.cat-item li a, 
.right li.noCat li a {background:none; font-size:14px; color:#666; padding:0 0 0 7px;}

.right p {padding:5px; width:207px;background:#d9d9d9;}
.right p a {color:#000;}

.right ul {padding:0px;}
.right ul li {background:#d9d9d9;}
.right ul li a {color:#666;}
.right ul li.cat-item a {color:#d9d9d9;}
.right ul li.cat-item.current-cat a {background:#44d612;color:#007600;}
.right ul li.cat-item li a {padding-top:2px;}
.cat-item-14,
.cat-item-1 {display:none;}

.right li.noCat li.tags:hover, .right li.noCat li.search:hover {background:none;}
.right li.noCat li.tags:hover a {color:#007600;}

img.bgmaximage {position:fixed !important;display:none;}


.search input#s {padding:1px;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.hideforscreen {display:none;}

/* small Screens 
@media only screen and (max-width: 800px) {
body {
	padding: 10px;
}
#header,
#main-wrap,
#footer {
	width: auto;
}
#content {
	float: none;
	width: auto;
}
#sidebar {
	float: none;
	width: auto;
	min-height: none;
	background: none;
	padding-left: 20px;
}
}
*/
/*iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

body {
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	margin:0;
	padding:0;
	max-width:100%;
}
.header {height:132px;margin:0;}
.main {width:100%}


.logo a {
    background: none;
    display: block;
    height: auto;
    left: 0px;
    outline: medium none;
    position: relative;
    top: 0;
    width: auto;
    z-index: 1;
}

.hideforscreen {
	padding:5px;
	display:block;
	color: #000;
   display: block;
   font-size: 20px;
   font-weight: bold;
   text-transform: none;

}
.postWrap {margin-left:-10px;}
.nav {width:auto; margin:0px; margin-top:0px;}
.nav ul {z-index:-1;margin-left:-5px; margin-top:0px; padding:0px;}
.nav li {width:100%; margin:0 0 0 5px; padding:5px 0 5px 10px;float:none; padding-right:0px; border-top: 3px solid #B6B6B6; background:#000;}
.nav li a {display:block; color:#B6B6B6;}
.nav li a:hover,
.logo a:hover span {color:#007600;}
.blog .nav li.wall a,
.category-kairins-stories .nav li.stories a,
.nav li.active a, .nav li.current_page_item a, .nav li a:hover {color:#44d612;}

.right {display:none;}
.hentry, .post, .commentBlock {width:320px;}
.storycontent {padding-left:5px; max-width:310px;}
.storycontent img, .center img {max-width: 310px !important; max-height:230px;}
.page-item-1553 {display:none;}
.paging {margin-left:15px;}
object {display:none;}

.postWrap h3 a {font-size:25px;}

}