/*
Theme Name: Breitside
Description: Theme für den "The Breit Side Of Life" Blog.
Author: Pascal Jeschke
Author URI: http://pascaljeschke.de/

*/

html {
	font-size: 75%;
}

html>body {
	font-size: 12px;
	}

body {
	background: #000 url('images/bg.jpg');
	font-family: Helvetica, "Helvetica Neue", Arial, Sans-Serif;
	color: #000;
	text-align: center;
	margin: 15px 0;
	padding: 0;
	}
	
#page {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 753px;
	}

h1 {
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1px;
	}

#header {
	background: url('images/header-bg.png') no-repeat center top;
	margin: 0;
	padding: 0;
	height: 241px;
	width: 753px;
	}

#headerimg, h1 a:link, h1 a:visited {
	display: block;
	background: url('images/header-img.jpg') no-repeat center bottom;
	margin: 0;
	height: 218px;
	width: 100%;
	border: 0;
	position: relative;
	z-index: 2;
	}
	
.logo {
	position: absolute;
	top: 16px;
	left: 670px;
	z-index: 9;
	}
	
#main {
	background-image: url('images/main-bg.jpg');
	margin: 0;
	height: 100%;
	overflow: hidden;
	}

#content {
	float: left;
	width: 541px;
	margin: 0;
	}
	
#footer {
	background: transparent url('images/footer-bg.png') no-repeat center top;
	width: 753px;
	clear: both;
	}

#footer p {
	color: #EEE;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
	
#footer p a {
	color: #FFF;
	}

#sidebar {
	float: right;
	width: 210px;
	margin-bottom: 25px;
	}
	
#sidebar-box-top {
	background: transparent url('images/sidebar-box-top.png') no-repeat top left;
	width: 204px;
	height: 6px;
	overflow: hidden;
	}
	
#sidebar-box {
	background-color: #EEE0F7;
	width: 204px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
#sidebar-box-bottom {
	background: transparent url('images/sidebar-box-bottom.png') no-repeat top left;
	width: 204px;
	height: 6px;
	overflow: hidden;
	}

#sidebar h2 {
	font-size: 1.33em;
	line-height: 1.13;
	margin: 19px 12px 5px 12px;
	color: #964290;
	width: 180px;
	}

#sidebar ul {
	list-style-type: none;
	margin: 0 0 19px 0;
	padding: 0 12px;
	}
	
#sidebar li {
	background: transparent url('images/bullet.gif') no-repeat 0 50%;
	margin: 0;
	padding: 6px 0 5px 20px;
	border-bottom: 1px dotted #000;
	}
	
#sidebar a:link, #sidebar a:visited {
	font-size: 1em;
	line-height: 1.50em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	}
	
#sidebar a:hover, #sidebar a:active {
	text-decoration: underline;
	}

.box-top {
	background: url('images/content-box-top.png') no-repeat center top;
	width: 530px;
	height: 6px;
	margin: 0 6px 0 6px;
	padding: 0;
	overflow: hidden;
	}

.post {
	background: #FFF url('images/stars.gif') no-repeat top right;
	width: 530px;
	margin: 0 6px 0 6px;
	overflow: hidden;
	}

.box-bottom {
	background: url('images/content-box-bottom.png') no-repeat top left;
	width: 530px;
	height: 6px;
	margin: 0 6px 25px 6px;
	padding: 0;
	overflow: hidden;
	}
	
.post h2 {
	width: 500px;
	font-size: 1.50em;
	line-height: 1.00;
	margin: 19px 15px 0 15px;
	color: #E71EC9;
	text-transform: uppercase;
	}

.post h2 a:link, .post h2 a:visited {
	color: #E71EC9;
	text-decoration: none;
	}
	
.post h2 a:hover, .post h2 a:active {
	color: #E71EC9;
	text-decoration: underline;
	}

.post small {
	font-size: 0.90em;
	color: #666;
	margin: 3px 15px 0 15px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333;
	width: 500px;
	display: block;
	}
	
p {
	margin: 10px 15px;
	font-size: 1em;
	line-height: 1.50;
	}
	
p a:link, p a:visited {
	color: #E71EC9;
	text-decoration: underline;
	}
	
p a:hover, p a:active {
	color: #000;
	text-decoration: none;
	}
	
blockquote {
	margin-left: 15px;
	margin-right: 15px;
	font-style: italic;
	border-left: 5px solid #DDD;
	display: block;
	}
	
.category-top {
	background: #DDD url('images/category-top.gif') no-repeat top left;
	margin: 0 0 10px 15px;
	width: 360px;
	float: left;
	display: inline;
	}	

.category {
	font-size: 0.90em;
	color: #666;
	background: url('images/category-bottom.gif') no-repeat bottom left;
	width: 360px;
	}
	
.postmetadata {
	margin: 0;
	padding: 16px 15px 10px 15px;
	}
	
.comments-link-top {
	background: #DDD url('images/comments-top.gif') no-repeat top center;
	margin: 0 15px 0 5px;
	width: 135px;
	float: right;
	display: inline;
	}	

.comments-link {
	font-size: 0.90em;
	color: #666;
	background: url('images/comments-bottom.gif') no-repeat bottom center;
	width: 135px;
	}
	
.comments-box-top {
	background: url('images/comments-box-top.png') no-repeat center top;
	width: 530px;
	height: 12px;
	margin: 0 6px 0 6px;
	padding: 0;
	overflow: hidden;
	}
	
.comments-box-bottom {
	background: url('images/comments-box-bottom.png') no-repeat top left;
	width: 530px;
	height: 6px;
	margin: 0 6px 25px 6px;
	padding: 0;
	overflow: hidden;
	}
	
.comments {
	background: #EEE url('images/butterflys.gif') no-repeat top right;
	width: 530px;
	margin: 0 6px 0 6px;
	overflow: hidden;
	}
	
.post h3 {
	font-size: 1.50em;
	line-height: 1.00;
	color: #E71EC9;
	text-transform: uppercase;
	}

.post h3 a:link, .post h3 a:visited {
	color: #E71EC9;
	text-decoration: none;
	}
	
.misc-box-top {
	background: url('images/misc-box-top.png') no-repeat center top;
	width: 530px;
	height: 6px;
	margin: 0 6px 0 6px;
	padding: 0;
	overflow: hidden;
	}

.misc-box {
	background-color: #000;
	width: 530px;
	margin: 0 6px 0 6px;
	overflow: hidden;
	}

.misc-box-bottom {
	background: url('images/misc-box-bottom.png') no-repeat top left;
	width: 530px;
	height: 6px;
	margin: 0 6px 25px 6px;
	padding: 0;
	overflow: hidden;
	}
	
.misc-box h2 {
	font-size: 1.50em;
	line-height: 1.00;
	margin: 0 15px;
	text-transform: uppercase;
	color: #FFF;
	}
	

/* Images */

p img {
	max-width: 100%;
	}
	
a img {
	border: none;
	}
	
img.alignnone {
	display: block;
	}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

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


/* Forms */

#searchform {
	margin: 15px 12px 10px 12px;
	}

#searchform #s {
	background-color: #FFF;
	color: #000;
	border-width: 0;
	border-bottom: 1px solid #b6b6b6;
	height: 16px;
	width: 140px;
	vertical-align: top;
	}
	
#searchbu {
	padding-left: 5px;
	}


/* Comments*/

h3 {
	font-size: 1.33em;
	line-height: 1.13;
	color: #E71EC9;
	margin: 19px 15px 0 15px;
	}
	
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	margin-left: 15px;
	padding: 0;
	}

.commentlist li {
	padding: 0 15px;
	list-style: none;
	border-left: 5px solid #E71EC9;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	color: #333;
	}

.nocomments {
	margin: 0 15px;
	padding: 0;
	color: #E71EC9;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
cite {
	font-size: 1.17em;
	line-height: 1.29em;
	color: #666;
	font-style: normal;
	font-weight: bold;
	}
	
cite a:link, cite a:visited {
	color: #666;
	text-decoration: underline;
	}
	
cite a:hover, cite a:active {
	color: #666;
	text-decoration: none;
	}
	
.commentlist small {
	margin: 0;
	padding-bottom: 5px;
	font-size: 0.90em;
	color: #666;
	display: block;
	width: 480px;
	border: 0;
	}
	
.commentlist small a {
	color: #666;
	text-decoration: none;
	}
	
.commentlist em {
	color: #E71EC9;
	}
	
.commentlist a {
	color: #964290;
	}

.respond small {
	border: 0;
	margin: 0;
	}
	
#commentform textarea {
	width: 494px;
	padding: 2px;
	font-family: Helvetica, "Helvetca Neue", Arial, sans-serif;
	font-size: 1em;
	background-color: #FFF;
	border: 1px solid #b6b6b6;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	font-family: Helvetica, "Helvetca Neue", Arial, sans-serif;
	font-size: 1em;
	background-color: #FFF;
	border: 1px solid #b6b6b6;
	}

#commentform #submit {
	margin: 0 0 19px 0;
	float: right;
	background-color: #FFF;
	border: 1px solid #b6b6b6;
	}
	

/* Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px 12px 0 12px;
	width: 180px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: left;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}


/* Various */

ol {
	line-height: 1.50em;
	}

ul {
	line-height: 1.50em;
	}

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

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

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

.misc-box a:link, .misc-box a:visited {
	color: #FFF;
	}
	
.misc-box a:hover, .misc-box a:active {
	color: #E71EC9;
	text-decoration: none;
	}

.alignright {
	color: #FFF;
	padding: 0 15px;
	float: right;
	}

.alignleft {
	color: #FFF;
	padding: 0 15px;
	float: left
	}
	
select {
	margin: 15px 12px 0 12px;
	width: 180px;
	}
	
.flickr-caption {
	font-size: 0.9em;
	}
	
.wordtube {
	margin: 10px 15px;
	}
	
/*.video-caption {
	font-size: 0.9em;
	}*/
	
/*Wordpress-Gallery*/

.gallery {
	margin: 10px 15px;
	width: 500px;
	}
	
.gallery-item {
	float: left;
	margin: 0;
	text-align: center;
	width: 20%;
	}
	
.gallery img {
	border: 0;
	margin-bottom: 2px;
}

.gallery-caption {
	font-size: 0.9em;
	margin-left: 0;
	}
			
.gallery-navigation img {
	margin-bottom: 10px;
	}

/*.gallery {
	margin: 10px 15px;
	width: 500px;
	}

.gallery-item {
	text-align: center;
	float: left;
	margin: 0;
	width: 20%;
	}

.gallery img {
	border: 0;
	margin-bottom: 5px;
	}

.gallery-caption {
	margin: 0;
	font-size: 0.9em;
	}
	
.gallery-navigation img {
	margin-bottom: 10px;
	}*/
	
.center {
	text-align: center;
	}