/*
Theme Name: Media Ocean
Theme URI: http://www.media-ocean.de/
Description: Individuelle Theme-Entwicklung
Version: 1.0
Author: Gerrit van Aaken
Author URI: http://praegnanz.de
Tags: fixed width, two columns, clean
*/

@import url(css/reset.css);
@import url(css/sifr.css);
@import url(css/lightbox.css);

/* ----------------------------------------------------- All browsers */

body {
	font: normal 13px/1.538em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	color: #222;
}

#main {
	background: #fff;
	overflow: hidden;
	
}

#main a:link,
#main a:visited {
	color: #113D84;
	text-decoration: underline;
}

#main a:focus {
	background: #a5100f;
	color: #fff;
	text-decoration: none;
}

#main a:hover,
#main a:active {
	background: none;
	color: #A5100F;
}

.wrapper {
	width: 945px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

hr {
	margin: 1.5em 0;
	border: none;
	border-top: 1px solid #777;
	color: #777;
	height: 1px;
	overflow: hidden;
}

/* ----------------------------------------------------- header */

#header {
	background: #113d84;
	height: 7.692em;
}

#logo {
	float: left;
	width: 400px;
	margin: 4.692em 0 0 0;
}

#logo img {
	width: 29.769em;
}

.subtitle {
	color: #113d84;
	margin: -4px 0 0 0;
}

#navi-global {
	float: right;
	margin-top: 5px;
}

#navi-global li {
	float: left;
	margin-left: 18px;
	font-size: 12px;
}

#navi-global li a {
	float: left;
	padding-left: 20px;
	background: url(img/icons.png) 0 0.25em no-repeat;
}

li#link-feed a { background-position: 0 -27px; }
li#link-lifestream a { background-position: 0 -57px; }
#navi-global li.page-item-658 a { background-position: 0 -87px; }



#navi-global li a:link,
#navi-global li a:visited {
	color: #fff;
	text-decoration: none;
}

#navi-global li a:focus,
#navi-global li a:hover,
#navi-global li a:active {
	text-decoration: underline;
}

#navi-global li.current_page_item {
	background: #416CAF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0 -4px 0 14px;
	
}

#navi-global li.current_page_item a {
}


#header form {
	margin-top: 49px;
	width: 305px;
	float: right;
	clear: right;
	text-align: right;
}

#header form input.text {
	width: 203px;
	border: 1px solid #fff;
	height: 18px;
	padding-left: 3px;
	background: #fff url(img/formshadow.png) 0 0 no-repeat;
	font: normal 13px/1.538em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	color: #666;
	vertical-align: middle;
}

#header form input.submit {
	width: 91px;
	vertical-align: middle;
	padding-bottom: 3px;
	height: 22px;
	border: none;
	background: url(img/searchbutton.png) 0 0 no-repeat;
	font: normal 13px/8px "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	color: #fff;
}

#navigation {
	background: #b5c1d3;
	height: 7.692em;
	border-bottom: 63px solid #fff;
}

#navi {
	padding-top: 5.846em;
}

#navi li {
	float: left;
	font-size: 15px;
	line-height: 1.6em;
	margin-right: 30px;
}

#navi li a:link,
#navi li a:visited {
	color: #113d84;
	text-decoration: none;
}

#navi li a:focus,
#navi li a:hover,
#navi li a:active {
	background: none;
	color: #a5100f;
	text-decoration: none;
}

#navi li.current_page_item,
#navi li.current_page_ancestor {
	padding-bottom: 13px;
	background: url(img/activearrow.png) 50% 100% no-repeat;
}

#navigation #navi li.current_page_item a,
#navigation #navi li.current_page_ancestor a {
	display: block;
	background: #113d84;
	color: #fff;
	padding: 0 10px;
	margin: 0 -10px;
}

/* ----------------------------------------------------- Content */

#content {
	width: 580px;
	padding: 0 0 50px 0;
	float: left;
}

#main h2 {
	font: normal 40px/1.2em "Trebuchet MS", "Lucida Grande", arial, sans-serif;
	color: #a5100f;
	margin: 0.3em 0;
	padding-bottom: 6px;
}

#main h2.sIFR-replaced {
	padding-bottom: 0;
}

#main h3 {
	font: normal 20px/1.25em "Trebuchet MS", "Lucida Grande", arial, sans-serif;
	color: #a5100f;
	margin: 0.5em 0 0.6em 0;
}

#main p, #main ul, #main ol, #main dl {
	margin-bottom: 0.615em;
}

#main ul li {
	background: url(img/bullet.png) 1px 5px no-repeat;
	padding-left: 20px;
	margin-bottom: 0.615em;
}

#main ol li {
	list-style: decimal outside;
	margin-bottom: 0.615em;
	margin-left: 2em;	
}

#content li ul li {
	background-position: -2px 2px;
	margin-left: 2px;
	padding-left: 13px;
	font-size: 12px;
	line-height: 16px;
	margin: 0.3em 0;
}

#main blockquote {
	margin: 2em 0 2em 2em;
	padding: 12px 0 5px 0;
	border: 1px solid #666;
	border-left: none;
	border-right: none;
	color: #666;
	font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
	font-style: italic;
}




#main .logos li img {
	float: left;
	padding-right: 15px;
}

#main .logos li {
	float: left;
	background: none;
	padding: 8px 15px 22px 0;
}

#main .logos {
	width: 315px;
	border: 1px solid #ccc;
	padding: 12px 0 0 12px;
	overflow: hidden;
}

#main .logos ul {
	width: 326px;
}


#main .favicons li {
	background-image: none;
	background-position: 1px 3px;
	padding-left: 22px;
	width: 130px;
	float: left;
}

.post {
	margin: 0 0 33px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #222;
}

.item {
	padding: 0 0 0 132px;
	margin: 0 0 15px 0;
}

.twitter_com {
	background: url(img/ls-twitter.png) 0 0 no-repeat;
}

.blogpiloten_de {
	background: url(img/ls-blogpiloten.png) 0 0 no-repeat;
}

.slideshare_net {
	background: url(img/ls-slideshare.png) 10px 0 no-repeat;
}

.vimeo_com {
	background: url(img/ls-vimeo.png) 0 0 no-repeat;
}

.mister-wong_de {
	background: url(img/ls-misterwong.png) 0 3px no-repeat;
}

.mediaocean_stumbleupon_com {
	background: url(img/ls-su.png) 0 3px no-repeat;	
}

.search_issuu_com {
	background: url(img/ls-issuu.png) 0 3px no-repeat;
}

.qik_com {
	background: url(img/ls-qik.png) 0 3px no-repeat;
}

.friendfeed_com {
	background: url(img/ls-ff.png) 0 3px no-repeat;
}

.flickr_com {
	background: url(img/ls-flickr.gif) 0 3px no-repeat;
	
}

.blog_cast_zhdk_ch {
	background: url(img/ls-zhdk.png) 0 3px no-repeat;
}

.de_sevenload_com {
	position: relative;
}

.original_link * {
	vertical-align: middle;
}

.de_sevenload_com img {
	position: absolute;
	top: 3px;
	left: 0;
	width: 100px;
}

.de_sevenload_com .original_link img {
	position: static;
	width: auto;
}


.navigation {
	margin-top: 10px;
	padding-bottom: 50px;
}

#main .post h3 {
	margin-bottom: 0;
}

#main p + h3,
#main ul + h3,
#main ol + h3,
#main dl + h3 {
	margin-top: 20px;
}

#main .post .date {
	margin-bottom: 1.5em;
}


#main h3.archhead a:link,
#main h3.archhead a:visited,
#main .post h3 a:link,
#main .post h3 a:visited {
	color: #A5100F;
	text-decoration: none;
}

#main .post h3 a:hover,
#main .post h3 a:focus,
#main .post h3 a:active {
	text-decoration: underline;
}

#main .post .commentslink {
	text-align: right;
}

#main .post .commentslink a {
	background: url(img/icon-comments.png) 0 2px no-repeat;
	padding-left: 20px;
}

#sya_container {
	margin-top: -2em;
	width: 945px;
}

#main h3.archhead {
	padding-top: 2em;
	border-bottom: 1px solid #A5100F;
}

#main #sya_container li {
	background: none;
	padding-left: 0;
}

.search-excerpt {
	background: #FEFFAF;
}

#main .item .item_tag_list {
	overflow: hidden;
}

#main .item .item_tag_list li {
	background: none;
	padding-left: 0;
	margin: 0;
	margin-right: 1.3em;
	float: left;
}

#pagination {
	padding-bottom: 100px;
}

#yearlist {
	margin-left: -5px;
}

#main #yearlist a,
#main #yearlist .emptymonth {
	padding: 0 5px;
	line-height: 2em;
}


/* ----------------------------------------------------- Startseite */

#start-triplet { 
	overflow: hidden;
	margin-bottom: 80px;
}

.tripl1,
.tripl2,
.tripl3 {
	float: left;
	width: 305px;
}

#start-triplet .tripl2 {
	margin: 0 30px;
	width: 275px;
}


#start-triplet div.blogteaser {
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-bottom: 10px;
	
}

#start-triplet h2 {
	margin: 0;
	font-size: 30px;
	padding: 0;
	line-height: 1em;
}

#start-triplet .line {
	border-top: 1px solid #a5100f;
	position: relative;
	top: -10px;
	height: 10px;
	margin: 0;
	overflow: hidden;
}

#main .blogteaser h3 {
	font: normal 15px/1.25em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	margin: 0;
}

#main .date {
	margin: 0;
	padding: 0;
	color: #777;
}

#main .moreinfo a,
#main .navigation a {
	background: url(img/arrowblue.png) 0 1px no-repeat;
	padding-left: 20px;
}

#main .navigation .left a {
	background-image: url(img/arrowblueleft.png);
}

#main .navigation .right a {
	padding-left: 0;
	padding-right: 20px;
	background-position: 100% 1px;
}

#main .navigation a:link,
#main .navigation a:visited {
	text-decoration: none;
}

#main .navigation a:focus,
#main .navigation a:hover,
#main .navigation a:active {
	text-decoration: underline;
}

#main .moreinfo a:focus,
#main .moreinfo a:hover,
#main .moreinfo a:active {
	background: url(img/arrowblue.png) 0 1px no-repeat;
	color: #A5100F;
}

#start-triplet a:link,
#start-triplet a:visited {
	text-decoration: none;
}

#start-triplet a:focus,
#start-triplet a:hover,
#start-triplet a:active {
	text-decoration: underline;
}





/* ----------------------------------------------------- Comments */

#comments, #respond {
	padding-top: 40px;
}

#comments {
	margin-bottom: -20px;
}

.avatar {
	float: left;
	border: 4px solid #aaa;
	margin: 3px 12px 3px 0;
}

.commentmetadata {
	margin-bottom: 12px;
}

li.comment p {
	margin-left: 68px;
}

#respond textarea {
	width: 568px;
	border: 1px solid #aaa;
	background: url(img/formshadow.png) 0 0 no-repeat;
	padding: 5px;
	margin-bottom: 7px;
	font: normal 13px/1.538em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}

#respond input[type=text] {
	float: left;
	clear: both;
	width: 268px;
	background: url(img/formshadow.png) 0 0 no-repeat;
	border: 1px solid #aaa;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	font: normal 13px/1.538em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}

#respond label {
	float: left;
	padding-top: 3px;
}

#respond input[type=text]:focus,
#respond textarea:focus {
	border-color: #000;
}

#main .commentlist li {
	margin: 0 0 -1px 0;
	list-style: none;
	padding: 12px 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	overflow: hidden;
}

.comment-author {
	font-weight: bold;
	margin-bottom: 0.3em;
}

/* ----------------------------------------------------- Formular */

#main form label {
	display: block;
	color: #777;
}

#main form input.fmtext,
#main form textarea.fmtextarea {
	display: block;
	border: 1px solid #aaa;
	width: 300px;
	padding: 3px 0 3px 2px;
	font: normal 12px/1.5em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	background: url(img/formshadow.png) 0 0 no-repeat;
}

#main form input:focus {
	border-color: #000;
}

.ddfm .credits {
	display: none;
}



/* ----------------------------------------------------- Dopplr */

#main #dopplr-blog-badge-for-mediaocean {
	max-width: 305px;
}

#main #dopplr-blog-badge-for-mediaocean .dopplr-badge {
	background: none;
	border: none;
	margin: 3px 0 0 0;
	padding: 0;
}

#main #dopplr-logo,
#main .d-status {
	display: none;
}

#main #dopplr-blog-badge-for-mediaocean li {
	list-style: none;
	font: normal 13px/1.538em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	background: url(img/pin.gif) 2px 2px no-repeat;
	padding-left: 25px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 13px;
	margin-bottom: 12px;
	line-height: 17px;
}

#main ul.trips {
	padding: 0;
	margin: 0;
	width: ;
}

#main ul.trips a {
	font-size: 15px;
}

#main .tripmonth {
	display: block;
	color: #777;
}




/* ----------------------------------------------------- Sidebar */

#sidebar {
	padding: 0 0 50px 0;
	width: 305px;
	margin-top: 67px;
	float: right;
}

#sidebar .sidelist li {
	background: none;
	margin: 0;
	padding: 4px 0;
	clear: both;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	font-size: 15px;
}

#sidebar .commentslist li {
	font-size: 13px;
	padding-bottom: 6px;
	margin-bottom: 4px;
	line-height: 17px;
}

#sidebar .sidelist ul {
	margin: 0;
}

#sidebar .sidelist li li {
	font-size: 11px;
	float: left;
	clear: none;
	margin: 0;
	padding: 0 12px 0 0;
	border: none;
	line-height: 14px;
}

#sidebar .commentslist li li {
	margin-top: 4px;
}

#sidebar .sidelist li a {
	padding-top: 15px;
}

#sidebar .sidelist li li a {
	padding-top: 0;
	border: none;
}


#sidebar .sidelist a:link,
#sidebar .sidelist a:visited {
	text-decoration: none;
}

#sidebar .sidelist a:focus,
#sidebar .sidelist a:hover,
#sidebar .sidelist a:active {
	text-decoration: underline;
}

#sidebar .sidelist li.current-cat  {
	background: #113D84;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 8px;
}

#sidebar .sidelist li.current-cat a {
	color: #fff;
}

/* ----------------------------------------------------- Footer */


#footer {
	clear: both;
	padding: 5px 0 0 0;
	height: 95px;
	background: #b5c1d3;
}


#footer a:link,
#footer a:visited {
	color: #222;
}

#last {
	z-index: -1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	background: #b5c1d3;
}


/* ----------------------------------------------------- JS enabled browsers */


/* ----------------------------------------------------- IE7 and below */

img { -ms-interpolation-mode:bicubic; }

.ie7 #header form input.submit {
	padding-bottom: 1px;
}

.ie7 #header form input.text {
	line-height: 16px;
}

.ie7 .subtitle {
	position: relative;
	top: 6px;
}

.ie7 #logo {
	margin-top: 4.64em
}

.ie7 #navi li {
	line-height: 1.5em;
}

.ie7 #main h2 {
	font: normal 40px/1.2em "Trebuchet MS", "Lucida Grande", arial, sans-serif;
	color: #a5100f;
	margin: 0.3em 0 0.4em 0;
	padding-bottom: 6px;
}

/* ----------------------------------------------------- IE6 and below */

.ie6 #header {
	overflow: hidden;
}


.ie6 #logo h1 a {
	display: block;
	text-indent: -10000em;
	background: url(img/logo.gif) 0 0 no-repeat;
}

.ie6 #main .wrapper {
	overflow: hidden;
	padding-bottom: 70px;
}

.ie6 #start-triplet .line {
	position: relative;
	top: -30px;
	height: 1px;
	margin: 0;
	overflow: hidden;
}

.ie6 #navi li.current_page_item,
.ie6 #navi li.current_page_ancestor {
	padding-bottom: 0;
	background: none;
}

#navigation #navi li.current_page_item a,
#navigation #navi li.current_page_ancestor a {
	padding: 0 20px;
	margin: 0 -10px;
}

.ie6 .item .favicon {
	display: none;
}

.de_sevenload_com img {
	left: -130px;
}