/*
Theme Name: übermarketing.de
Version: 1.0
Author: Andreas Mauf
Author URI: http://www.mauf-schmidt.de
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/, v1.0 | 20080212
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =typography and colors
-------------------------------------------------------------- */

body {
	background:url('background.png') center top repeat-x #ccc;
}
#sidebar .widgettitle {
	color:#ff4500;
	font-size:18px;
	font-style:italic;
}
body {
	font-family:Verdana, Serif;
	font-size:12px;
	color:#000;
}
.content .post a,
.content .page a,
#comments a,
#respond a,
.navigation a,
#sidebar .widget a {
	color:#fff;
	background-color:#ff4500;
	font-weight:bold;
	text-decoration:none;
}
.content .post a:visited,
.content .page a:visited,
#comments a:visited,
#respond a:visited,
.navigation a:visited,
#sidebar .widget a:visited {
	background-color:#c5002a;
	font-weight:bold;
	text-decoration:none;
}
#sidebar .widget_tag_cloud a,
#sidebar .widget_tag_cloud a:visited {
	font-weight:normal;
	text-transform:lowercase;
}
#comments .comment-meta a,
#comments .comment-meta a:visited,
.entry-meta .alignleft a,
.entry-meta .alignleft a:visited {
	font-size:10px;
	background-color:transparent;
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
#footer a, #footer a:visited {
	color:#000;
}

/* links w/o bg color */
#sidebar .aktt_tweets a {
	color:#ff4500;
	background-color:transparent;
	text-decoration:none;
	font-weight:normal;
}
#sidebar .aktt_tweets a:visited {
	color:#c5002a;
	background-color:transparent;
	text-decoration:none;
	font-weight:normal;
}

/* =Layout
-------------------------------------------------------------- */

#wrapper {
	background:url(header.jpg) center top no-repeat;
}
#header {
	height:210px;
	width:940px;
	margin:0 auto;
}
#main {
	width:940px;
	margin:0 auto;
	overflow:hidden;
}
#main .content {
	width:580px;
	padding:20px;
	float:left;
	background-color:#fff;
}
#sidebar {
	width:300px;
	float:right;
}
#footer {
	width:940px;
	margin:0 auto;
}
#footer .content {
	width:580px;
	padding:20px;
}

/* =Header
-------------------------------------------------------------- */

#blogname {
	width:530px;
	position:relative;
	top:8px;
	left:440px;
}
#blogname h1 {
	margin:35px 0 0 10px;
	font-size:18px;
	font-style:italic;
	color:#333;
	text-shadow: #fff 1px 1px 1px;
	white-space: nowrap;
	font-weight:normal;
	letter-spacing:-0.5px;
}

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

#sidebar .widget {
	margin:0 0 20px 0;
	padding:10px 20px 20px 20px;
	background:url(widget_bg.gif) bottom repeat-x #f1f1f1;
}
#sidebar .widgettitle {
	margin-bottom:10px;
}

/* subscribe */
#sidebar .subscribe {
	width:190px;
	margin-bottom:5px;
	padding-left:145px;
	background:url(sidebar_widget_titles.png) 0px -174px no-repeat;
}
#sidebar .subscribe li {
	margin-left:5px;
	display:inline;
}

/* widgets */
#sidebar #text-3,
#sidebar #text-5 {
	min-height:105px;
	width:260px;
	background:url(widget_ueber_bg.gif) #f1f1f1 center bottom no-repeat;
}
#sidebar #text-3 p,
#sidebar #text-5 p {
	width:240px;
}
#sidebar #text-4, #sidebar #text-6 { padding:0; }
#sidebar #text-4 h2, #sidebar #text-6 h2 { padding: 10px 20px 0 20px; }
#sidebar .facebook-widget, #sidebar .twitter-widget { position:relative; }
#sidebar .facebook-icon, #sidebar .twitter-icon {
	width:37px;
	height:38px;
	position:absolute;
	top:-17px;
	right:17px;
	background:url(social-facebook-trans.png) no-repeat;
}
#sidebar .twitter-icon { background:url(social-twitter-trans.png) no-repeat; }
#sidebar .facebook-widget {
	margin-top:35px;
}
#sidebar .twitter-widget {
	border:1px solid #aaa;
}
#sidebar .twitter-widget p {
	margin:7px 0 0 10px;
	background:url(dommick-twitter.png) no-repeat;
	padding-left:45px;
	line-height:40px;
}
#sidebar .twitter-widget .aktt_tweets {
	border-top:1px solid #aaa;
}
#sidebar .twitter-widget .aktt_tweets li {
	border-bottom:1px solid #aaa;
	padding:10px;
}
#sidebar .aktt_tweets {
	height:250px;
	overflow-y:scroll;
}
#sidebar #linkcat-3 li { overflow:auto; }
#sidebar #linkcat-3 .linkimage {
	float:left;
	margin:0 20px 0 0;
}

/* widget title graphics */
#sidebar .widgettitle { background:url(sidebar_widget_titles.png) 0px -18px no-repeat; text-indent:-1500px; }
#sidebar .widget_tag_cloud .widgettitle { background-position:0px -58px; }
#sidebar #text-4 .widgettitle, #sidebar #text-6 .widgettitle { background-position:20px -88px; }
#sidebar #linkcat-3 .widgettitle { background-position:0px -138px; }
#sidebar #text-5 .widgettitle { background-position:0px -258px; }

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

.page-title {
	margin-bottom:30px;
	font-size:24px;
	font-style:italic;
	color:#369;
	text-transform:lowercase;
}
.page-title span {
	color:#FF4500;
}
.content .post,
.content .attachment,
.content .page {
	margin-bottom:30px;
}
.content .entry-meta {
	height:16px;
	background:url(sidebar_widget_titles.png) 0px -224px no-repeat;
	padding-left:25px;
	font-size:10px;
}
.content .entry-meta div { margin:0; }
.content .entry-meta .alignright a { text-transform:lowercase; }
.content .entry-title {
	margin-bottom:15px;
	font-size:24px;
	font-style:italic;
	clear:both;
}
.content .entry-title a {
	color:#FF4500;
	background-color:transparent !important;
	text-decoration:none;
}
.content p {
	margin:15px 0;
}
.content p.oembed {
	text-align:center;
}
.post h3, #comments h3 {
	margin:20px 0;
	font-style:italic;
	color:#FF4500;
}
.post blockquote {
	width:400px;
	margin:20px auto;
	padding:40px;
	background:url(quotes.png) 440px -35px no-repeat #ccc;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	overflow:hidden;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Images
-------------------------------------------------------------- */

.content img {
	margin: 0;
	height: auto;
	max-width: 640px;
	width: auto;
}
.content .attachment img {
	max-width: 900px;
}
.content .alignleft,
.content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.content .alignright,
.content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.content .aligncenter,
.content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.content img.alignleft,
.content img.alignright,
.content img.aligncenter {
	margin-bottom: 12px;
}
.content .wp-caption {
	background: #686868;
	line-height: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: right;
}
.content .wp-caption a {
	background-color:transparent;
}
.content .wp-caption p.wp-caption-text {
	background: url(widget_bg.gif) repeat-x;
	color: #ccc;
	font-size: 9px;
	margin:0;
	padding: 5px;
}
.content .wp-smiley {
	margin: 0;
}
.content .gallery {
	width:480px;
	margin: 0 auto;
}
.content .gallery .gallery-item {
	float: left;
	margin: 5px;
	text-align: center;
}
.content .gallery .gallery-icon {
	height:150px;
}
.content .gallery .gallery-caption {
	font-size: 12px;
	margin: 0 0 12px;
}
.content .gallery dl {
	margin: 0;
}
.content .gallery br+br {
	display: none;
}
.content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

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

#comments #respond,
#comments .subscribe,
#comments .commentlist {
	width:85%;
	margin:0 auto;
}
#comments #respond {
	margin:30px auto;
}
#comments .commentlist {
	margin-bottom:30px;
}
#respond p {
	margin-bottom:10px;
}
#respond .required {
	color: #ff4500;
	font-weight: bold;
}
#respond input,
#respond textarea {
	width:100%;
}
#respond .form-submit input {
	width:auto;
}
/*#comments .page-title {
	margin-bottom:0px;
}*/
#comments .commentlist,
#comments .subscribe {
	border-bottom:1px solid #B2B2B2;
}
#comments .subscribe {
	margin-bottom:20px;
	padding-bottom:10px;
	text-align:right;
}
#comments .subscribe li {
	margin-left:5px;
	display:inline;
}
#comments .subscribe .header {
	position:relative;
	top:-5px;
	font-style:italic;
}
#comments .comment, #comments .trackback, #comments .pingback {
	padding:0 0 0 56px;
}
#comments .comment-body {
	margin-bottom:20px;
}

.commentlist .comment {
	position:relative;
}
.commentlist .avatar {
	position:absolute;
	left:0;
}
.commentlist .comment-body p {
	margin:20px 0;
}
#comments .reply {
	text-align:right;
}
#comments cite {
	font-style:normal;
}

/* =Footer
-------------------------------------------------------------- */
#footer .content {
	text-align:center;
}
#footer .links li {
	display:inline;
}


/* =Other
-------------------------------------------------------------- */
.shr-bookmarks {
	margin-bottom:30px !important;
}


/* =Shadowbox
-------------------------------------------------------------- */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../../plugins/shadowbox-js/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../../plugins/shadowbox-js/shadowbox/close.png);}
#sb-nav-next{background-image:url(../../plugins/shadowbox-js/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../../plugins/shadowbox-js/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../../plugins/shadowbox-js/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../../plugins/shadowbox-js/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}