/*
Theme Name: Sebamueller.net OpenTheme
Theme URI: http://www.sebamueller.net
Description: Stylish 2-Column Theme in Blue
Version: 1.0
Author: Sebastian Müller

For more information visit Sebamueller.net
Tags: 2-Column, blue, dark, grey, web 2.0
*/


/*
*************************************************************************
			HTML Tags
*************************************************************************
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #0e728f url(img/bg_body.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

fieldset {
	border: 1px solid #999999;
}

.code {
	background: #f2f2f2;
	padding: 4px;
	border: 1px solid #ccc;
}

/*
*************************************************************************
			BUGFIXES
*************************************************************************
*/

.clearfix {
	clear: both;
	height: 0px;
}

/*
*************************************************************************
			Links
*************************************************************************
*/


#mininav a, #infobox a, #cats a, #footer a {
	color: #fff;
}

a {
	text-decoration: none;
	color: #000;
}



/*
*************************************************************************
			IDs
*************************************************************************
*/

#headerline {
	height: 35px;
	background: #0a4e62;
	line-height: 35px;
	color: #fff;
	border-bottom: #2e7e95 2px solid;
	padding-left: 10px;
	padding-right: 10px;
	margin: auto;
}

#headerline .content {
	width: 960px;
	margin: auto;
}

#headerline .search {
	float: right;
}

#headerline .search .text {
	background: url(img/search_bg.gif) no-repeat;
	width: 140px;
	height: 21px;
	line-height: 21px;
	border: 0px;
	color: #fff;
	padding-left: 3px;
	padding-right: 2px;
}

#headerline .search .button {
	background: #156880;
	border: 0px;
	color: #fff;
	line-height: 21px;
	height: 21px;
	border: 1px #156880 solid;
}

#headerline .fastnav {
	float: left;
}

#headerline .fastnav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	height: 25px;
}

#headerline .fastnav li {
	float: left;
	background:#247790 url(img/fastnav_right.gif) no-repeat right bottom;
	height: 25px;
	margin-right: 3px;
}

* html #headerline .fastnav li {
	display: block;
	width: 30px;
}

#headerline .fastnav li a {
	display:block;
	background: url(img/fastnav_left.gif) no-repeat left bottom;
	color: #fff;
	height: 25px;
	line-height: 25px;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: bold;
}

#headerline .fastnav li a:hover {
	text-decoration: underline;
}

/*****************************************
* WRAPPER 
*/

#wrapper {
	width: 960px;
	padding-left: 10px;
	margin: auto;
}

/*****************************************
* HEADER
*/

#header {
	height: 113px;
}

#logo {
	float: left;
	width: 411px;
	height: 98px;
	padding-top: 10px;
	color: #fff;
	font-size: 11px;
}

#logo h2 {
	font-size: 28px;
	margin-bottom: 0px;
}

/*****************************************
* MININAV 
*/

#mininav {
	background: url(img/bg_mininav.gif) no-repeat bottom;
	width: 223px;
	height: 25px;
	padding-top: 88px;
	float: left;
	line-height: 25px;
	color: #fff;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}

#mininav a:hover {
	text-decoration: underline;
}

#mininav .rss, #infobox .rss {
	padding-left: 18px;
	background: url(img/icons/rss_11.gif) no-repeat left;
	margin-right: 2px;
}

#mininav .contact {
	padding-left: 19px;
	background: url(img/icons/contact.gif) no-repeat left;
	margin-right: 3px;
}

#mininav .archive {
	padding-left: 17px;
	background: url(img/icons/archive.gif) no-repeat left;
}

/*****************************************
* INFOBOX
*/


#infobox {
	float: right;
	background: url(img/bg_infobox.gif) no-repeat bottom;
	width: 260px;
	height: 85px;
	padding-top: 18px;
	color: #fff;
	padding-left: 18px;
	padding-right: 17px;
	font-size: 9px;
	line-height: 160%;
}

#infobox h3 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
}

#infobox a {
	border-bottom: 1px #fff dotted;
}

#infobox .rss {
 	border: 0px;
}




/*****************************************
* CONTENT 
*/

#content {
	background: url(img/bg_maincontent.gif) repeat-y left;
}

#contentheader {
	background: url(img/header_maincontent.gif) no-repeat;
	height: 24px;
}

#contentfooter {
	background: #0e728f url(img/content_footer.gif) no-repeat top;
	height: 41px;
	padding-bottom: 20px;
}

/*****************************************
* COLS 
*/

#leftcol {
	width: 600px;
	float: left;
	padding-left: 29px;
	padding-right: 29px;
	padding-bottom: 4px;
}

#rightcol {
	width: 302px;
	float: left;
}


/*****************************************
* POST STYLE
*/

.post {
	padding-bottom: 20px;
}



.post .content a {
	font-weight: bold;
	text-decoration: underline;
	color:#0D7D9D;
}



.post .border {
	padding: 1px;
	border: 1px #ccc solid;
}




.post .header h1  {
	color: #07596F;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	margin-bottom: 2px;
	display: block;
}

.post .header h1 a {
	color: #0d7d9d;
}

.post .header h1 a:hover {
	color: #000;
}

.post .header .infos {
	font-size: 10px;
	padding-top: 2px;
	color: #666666;
	border-bottom: 1px #666666 dotted;
	padding-bottom: 4px;
}

.post .header .infos a {
	color: #666666;
}

.post .content .more-link {
	display: block;
	width: 277px;
	height: 30px;
	padding-left: 30px;
	line-height: 30px;
	background: url(img/bg_readmore.gif) no-repeat;
	text-decoration: none;
	margin-top: 10px;
	float: left;
}

.post .content .comments {
	float: right;
}

.post .content .comments a {
	display: block;
	width: 130px;
	height: 30px;
	padding-left: 30px;
	line-height: 30px;
	background: url(img/bg_comments.gif) no-repeat;
	text-decoration: none;
	margin-top: 10px;
}

/* CLASSES FOR INFOS */

.post .header .infos .date {
	background: url(img/icons/date.gif) no-repeat left;
	padding-left: 18px;
	height: 17px;
}

.post .header .infos .cats {
	background: url(img/icons/cats.gif) no-repeat left;
	padding-left: 18px;
	height: 17px;
}

.post .header .infos .comments {
	background: url(img/icons/comments.gif) no-repeat left;
	padding-left: 18px;
	height: 17px;
}

.post .content {
	line-height: 163%;
	color: #333333;
}

.post .content h1 {
	font-size: 20px;
	font-family:  Arial, Verdana, sans-serif;
}

.post .content h2 {
	font-size: 18px;
	font-family:  Arial, Verdana, sans-serif;
}

.post .infos2 legend {
	background: #fff;
	color: #000;
	border: 1px #0C6A86 solid;
	padding: 2px;
}

.post .infos2 {
	color: #B2EDFF;
	font-size: 10px;
	background: #3098B9;
	border: 1px #0C6A86 solid;
	margin-top: 5px;
}

.post .infos2 a {
	font-weight: bold;
	color: #ffffff;
}

.post #related-posts h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	azimuth: 0px;
	margin-bottom: 2px;
}

.post #related-posts {
	padding-bottom: 17px;
	font-size: 10px;
}

.post #related-posts ul {
	margin: 0px;
}

.post #related-posts li {
	list-style-image: url(img/icons/bullet_blue.jpg);
	list-style-position: inside;
}

#respond {
	font-size: 18px;
	color: #333333;
	border-bottom: 1px dashed #666666;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	background: transparent url(img/icons/comment_add.png) no-repeat left;
	padding-left: 21px;
}


/*****************************************
* COMMENT FORM
*/

#commentform {
	background: #0F728F url(img/bg_body.jpg) left top repeat-x;
	color: #fff;
	padding: 10px;	
	border: 1px #07596F solid;
}

#commentform small {
	font-size: 10px;
}

#commentform #email, #commentform #url, #commentform #author {
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	border: 1px #04323F solid;
	color: #000;
	padding: 3px;
	font-weight: bold;
}

#commentform #comment {
	border: 1px #04323F solid;
	padding: 5px;
}

#comments {
	font-size: 18px;
	color: #333333;
	border-bottom: 1px dashed #666666;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	background: transparent url(img/icons/comments.gif) no-repeat left;
	padding-left: 21px;
}

#commentform #submit {
	background: #1BB5DF;
	color: #fff;
	padding: 4px;
	border: 1px #07657F solid;
	font-weight: bold;
}

#commentform #allowed_tags small {
	font-size: 11px;
}

#commentform #allowed_tags code {
	font-size: 11px;
	color: #2FD2FF;
}

#commentform a {
	color: #fff;
	font-weight: bold;
}

/*****************************************
* COMMENT ENTRY
*/

.commentss {
	margin: 0px;
	padding: 0px;
}

.commentlist-normal, .commentlist, .alt {
	padding: 0px;
	margin: 0px;
	border: 1px #ccc solid;
	padding: 7px;
	list-style: none;
	margin-bottom: 5px;
	background: #f3f3f3;
}

.commentlist-normal cite, .commentlist cite, .alt cite {
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #0B6983;
	padding-bottom: 5px;
	display: block;
}

.commentlist a {
	text-decoration: underline;
}

.commentlist cite a {
	text-decoration: none;
}

/*****************************************
* TAG CLOUD, ARCHIVE
*/

#tagcloud, #archive {
      padding-bottom: 10px;
}

#tagcloud a {
      color: #fff;
}

/*****************************************
* TAG CLOUD
*/





/*****************************************
* SOCIAL BOOKMAKS
*/

.wp-notable {
	padding: 1px;
}

.wp-notable:hover {

}



/*****************************************
* RIGHT COL
*/

#rightcol {
	float: right;
	width: 302px;
	color: #fff;
	padding-bottom: 4px;
}

#rightcol .padding {
	padding-right: 15px;
	padding-left: 15px;
}

#rightcol h2, #footer h2 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px #999999 dotted;
	font-weight: normal;
	color: #fff;
}

#rightcol .greybox h2 {
	margin-bottom: 4px;
}

/*****************************************
* GREYBOX RIGHTCOL
*/

.greybox .header {
	background: url(img/greybox_header.gif) no-repeat bottom;
	height: 11px;
	padding: 0px;
	margin: 0px;
}

.greybox .content {
	background: #535252 url(img/greybox_content.gif) repeat-y top;
	padding-right: 6px;
	padding-left: 6px;
}

.greybox .footer {
	background: url(img/greybox_footer.gif) no-repeat top;
	height: 15px;
}

/*****************************************
* LAST ENTRIES
*/

#last_entries {
	padding-bottom: 16px;
}

#last_entries ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#last_entries li {
	border-bottom: 1px #666666 dotted;
}

* html #last_entries li {
	border-bottom: 1px #666666 dotted;
}

#last_entries li a {
	
	padding-left: 21px;
	padding-top: 6px;
	display: block;
	background: url(img/icons/entry.gif) no-repeat left;
	padding-bottom: 6px;
}


#last_entries li a:hover {
	background: #4d4d4d url(img/icons/entry_go.gif) no-repeat left;
}

#last_entries li a {
	color: #9ae8ff;
	font-weight: bold;
	font-size: 12px;
}

#last_entries li a .info {
	font-size: 9px;
	color: #8d8d8d;
}

#last_entries li a:hover .info {
	color: #fff;
}

#last_entries li a:hover{
	color: #ffa820;
}


/*****************************************
* ADVERTISING
*/

#advertising {
	padding-bottom: 16px;
}

#advertising .content {
	padding-left: 2px;
	padding-right: 0px;
}

/*****************************************
* SOCIAL BOOKMARK
*/

.social_bookmark {
	font-size: 18px;
	color: #333333;
	border-bottom: 1px dashed #666666;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	display: block;
	font-style: normal;
	background: url(img/icons/book_add.png) no-repeat left;
	padding-left: 21px;
}

/*****************************************
* CATS
*/

#cats {
	padding-bottom: 16px;
}

.big_listing ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	
}

.big_listing li {
	display: block;
	border-bottom: 1px #666666 dotted;
	height: 22px;
	line-height: 22px;
}


.big_listing li a {
	padding-left: 19px;
	background: url(img/icons/cat.gif) no-repeat left;
	display: block;
	font-weight: bold;
	color: #fff;
}

.big_listing li a:hover {
	color: #B2EDFF;
	background: #4d4d4d url(img/icons/cat.gif) no-repeat left;
	display: block;
}

/*****************************************
* FLICKR
*/

#flickr {
	padding-bottom: 5px;
}

#flickr a img {
	padding: 2px;
	border: #818181 3px solid;
}
#flickr a:hover img {
	padding-top: 3px;
	padding-bottom: 1px;
	border: #989898 3px solid;
}


/*****************************************
* FOOTER
*/

#footer {
	background: #055e78 url(img/bg_footer.gif) no-repeat top;
	min-height: 200px;
	color: #9ce9ff;
	padding: 10px;
	padding-bottom: 4px;
	font-size: 10px;
}

* html #footer {
	height: 200px;
}

#footer h2 {
	border-color: #f2f2f2;
	color: #fff;
	margin-bottom: 10px;
}

#footer a:hover {
	border-bottom: 1px #fff dotted;
}

#footer .infos {
	float: left;
	width: 310px;
	padding-right: 10px;
}

#footer .contact {
	float: left;
	width: 310px;
	padding-right: 10px;
}

#footer .comments {
	float: left;
	width: 300px;
}




.falbum-random  {
	margin: 0px;
	padding: 0px;
}


.post .content .g_heading {
	font-size: 13px;
}

.post .content .g_text a {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

.post .content .g_url a {
	font-size: 9px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

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

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}