/*
Theme Name: Festivalhopper based on Simpla
Theme URI: http://ifelse.co.uk/simpla/
Description: A clean, minimalist theme
Version: 1.01
Author: Phu Ly
Author URI: http://ifelse.co.uk/
*/

/*************************************
 +Containers
 *************************************/
body{
	color:#555;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:62.5%;
	line-height:1.3;
	margin:0;
	padding:0;
}

#wrap{
	margin:0 auto;
	text-align:left;
	width:100%;
}

#wrap h1 {
width: 600px;
}

#content{
	font-size:1em;
	float:left;
	padding: 0 1em;
	padding-right: 2em;
	width: 570px;
}
#sidebar{
	font-size:0.9em;
	float:right;
	width:320px !important;
	margin-right: 1em;
	padding: 0;
}

#sidebar div {
padding: 0 1em;
}

#header{
	padding:3em 1em;
	display:none;
}

#blogfooter{
	clear:both;
	padding:1em;
	margin-top: 1em;
	text-align: center;
}

.tagcloud {
line-height: 180%;
}

.tagcloud li {
padding: 0px 10px 10px 0px !important;
}
/*************************************
 +Hn and p
 *************************************/
h1, h2, h3{
	font-weight:normal;
	margin:0;
}
.entrytitle h2{
	font-size:2em;
	letter-spacing: -1px;
	line-height:1.1;
	padding: 0;
}
.entrytitle h2 a
{
	color:#b83612;
	display: block;
}
.entrytitle h2 a:hover{
	color:#58BBEB;
}
.entrytitle h3{
	font-size:1.8em;
	color:#6F6F6F;
}
#sidebar h3{
	color:#555;
	font-size:1.5em;
	margin:1em 0;
}
#sidebar h2{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: 1px;
	margin:0;
    padding-top: 8px;
}
#sidebar span.sidebar-hl{
	font-size:1.2em;
	font-weight:bold;
	letter-spacing: 1px;
	margin:0;
    padding-top: 12px;
	padding-bottom: 4px;
	display: block;
}


/*************************************
+Wordpress 2.5 Medien-Styles
**************************************/

.alignleft{
	float: left;
	padding: 5px 0px;
	margin: 0px !important;
	margin-right: 25px !important;
}

.alignright{
	float: right;
	padding: 5px 0px;
	margin: 0px !important;
	margin-left: 25px !important;
}

.wp-caption {
	border: solid 1px #cfcfcf;
	background: url(/new/img/bg/weiss2.png);
	padding: 5px !important;
	margin-left: 10px !important;
	margin-bottom: 10px !important;
}

.wp-caption-text {
	font-weight: bold;
	font-size: 0.8em;
	padding: 0px 5px;
	margin: 0px;
}

/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:2em;
}
.entrymeta{
	font-size:0.9em;
	background: url(/new/img/bg/weiss2.png);
	padding: 0.5em;
	margin-left: 10px;
	margin-bottom: 10px;
}
.homemeta {
	font-size:0.9em;
	background: url(/new/img/bg/weiss2.png);
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: -3px;
}
.postedby{
	background: url(./images/user.gif) no-repeat;
	padding:3px;
	padding-left:20px;
	display:block;
}
.homepostedby{
	background: url(./images/user.gif) no-repeat 2px 1px;
	padding:2px;
	padding-left:20px;
	display:block;
}
.filedto{
	background: url(./images/post.gif) no-repeat;
	padding:3px;
	padding-left:20px;
	display:block;
}
.commentslink{
	background: url(./images/packaged.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.rss-info {
	background:#f3f5e9 url(/new/img/bg/gruen.png);
	padding:0.5em 1em;
	margin-left: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.more-link{
    display: block;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul li{
	border-bottom:1px dotted #ddd;
	margin-bottom:0.3em;
	padding:0.3em;
}
ul.catlist li{
	border-bottom:0px;
	margin-bottom:0.3em;
	padding:0.3em;
    display: inline;
}

ul.archivelinks li{
    width: 140px;
    display: inline-block;
}

ul.archivelinks li a{
    padding: 3px;
    display: block;
}

ul.blogroll li a{
    padding: 2px;
    display: block;
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;
}
.commentsblock textarea{
	width:43em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
background: url(/new/img/bg/weiss.png);
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#222;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background: url(/new/img/bg/weiss2.png);
	padding:0.5em;
}
h3#comments{
font-size:1.4em;
}
h3#respond {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	margin:0px;
    padding-bottom:1em;
margin-top: 2em;
font-size:1.4em;
}
/*************************************
 +Misc
 *************************************/
#content a, #sidebar a{
	color: #851;
	text-decoration:none;
}
.entrytitle h2 a
{
	color:#b83612 !important;
}
a:hover, a.counter:hover{
	color:#990000 !important;
}

.navigation {
	background: url(/new/img/bg/weiss2.png);
	margin: 1em;
}

a.counter {
  font-size: 1.2em;
  padding: 15px 0 0 70px !important;
  width: 210px !important;
  float: none !important;
  margin: 5px 0px 5px 0px !important;
}

span.count {
  font-size: 0.85em !important;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{background:#000; margin-top:20px;}
		#cboxLoadedContent{background:#000; padding:5px;}
                #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
                #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
                #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-41px; background:url(/new/colorbox/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:bottom left;}
                #cboxNext{position:absolute; top:50%; right:5px; margin-top:-41px; background:url(/new/colorbox/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
                #cboxNext.hover{background-position:bottom right;}
                #cboxLoadingOverlay{background:#000;}
		#cboxLoadingGraphic{background:url(/new/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/new/colorbox/controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
		#cboxClose.hover{background-position:bottom center;}