/**
 * Theme Name: BuddyPress Tutorials
 * Theme URI:  http://bp-tutorials.de/
 * Author:     Dennis Morhardt
 * Author URI: http://www.dennismorhardt.de/
*/

/**
 * Reset CSS
 * based on Eric Meyer's CSS Reset & the HTML5 Reset Stylesheet
 * http://meyerweb.com/eric/tools/css/reset/
 * http://code.google.com/p/html5resetcss/
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
nav 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; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/**
 * Clearfix
 */
.clearfix:after, article:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix, article { display:inline-block; }
html[xmlns] .clearfix, html[xmlns] article { display:block; }
* html .clearfix, * html article { height:1%; }

/**
 * Basic elements
 */
body { color:#555; background:#F8F6F3 url('images/background.png') repeat-x; font:13px/19px "Helvetica Neue", Helvetica, Tahoma, Verdana, Arial, sans-serif; }
a, a:link, a:hover, a:active, a:visited, a:focus { color:inherit; text-decoration:none; }
q { quotes:"\00BB " "\00AB"; }
img { -ms-interpolation-mode:bicubic; }
abbr[title] { border-bottom:1px dotted #888; cursor:help; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
input::-webkit-input-placeholder { color:#999; }
::selection { background:#D84800; color:#fff; }
::-webkit-selection { background:#D84800; color:#fff; }
::-moz-selection { background:#D84800; color:#fff; }

/**
 * Base classes
 */
.cl, .clear { clear:both; float:none; }
.left, .alignleft { float:left; }
.right, .alignright { float:right; }
.center, .centered { display:block; margin-left:auto; margin-right:auto; }
.half { width:45%; margin:0 2%; }
.third { width:28%; margin:0 2%; }
.amp { font:normal normal inherit/inherit Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; }
.hideme { display:none; }

/**
 * Wrapper
 */
#wrapper { width:960px; margin:0px auto; }
#top { display:none; }

/**
 * Header, Navigation & Search
 */
#wrapper > header { padding:30px 0 25px; height:38px; }
#wrapper > header hgroup { width:258px; float:left; }
#wrapper > header hgroup a { width:258px; display:block; height:38px; background:url('images/logo.png'); text-indent:-999999px; }
#wrapper > header hgroup h2 { display:none; }
#wrapper > header nav { float:right; width:702px; padding:13px 0 7px; text-align:right; font:18px/18px "skolar-1", "skolar-2", Georgia, "Times New Roman", serif; }
#wrapper > header nav h1 { display:none; }
#wrapper > header nav li { display:inline; padding-left:20px; }
#wrapper > header nav li a { color:#555; }
#wrapper > header nav li a:hover { color:#FF7F00; }

/**
 * Footer
 */
#wrapper > footer { clear:both; padding:30px 30px 30px; color:#ccc; font:13px/19px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#wrapper > footer h2 { display:none; }
#wrapper > footer p a { color:#999 !important; }
#wrapper > footer p a:hover { text-decoration:underline; }
#wrapper > footer span { padding:0px 7px; }
#wrapper > footer strong { padding-right:3px; color:#999; }
#wrapper > footer .copyright { padding-bottom:5px; color:#666; font:14px/20px Georgia, "Times New Roman", serif; }
#wrapper > footer .copyright a { color:#666 !important; }

/**
 * Content area
 */
.home #content > header > h1 { display:none; }
.paged #content > header > h1 { display:block; }
.page #content > header > h1 { margin-bottom:15px !important; }
#content { float:left; border-top:3px solid #EEE9E1; border-bottom:3px solid #EEE9E1; background:#fff; padding:30px; width:570px; }
#content  #notfound { min-height:32px; background:url('images/icons/error.png') no-repeat; padding:3px 0px 0px 40px; font:15px/21px "Helvetica Neue", Helvetica, Tahoma, Verdana, Arial, sans-serif; }
#content  #notfound h1 { font-weight:normal; }
#content #comments { margin:30px 0px 10px; }
#content > header > h1 { background:#FAF9F7; padding:30px 30px 20px; margin:-30px -30px 35px; font:21px/23px "skolar-1", "skolar-2", Georgia, "Times New Roman", serif; text-align:center; }
.page #content > header > h1, .error404 #content > header > h1 { font:26px/26px "skolar-1", "skolar-2", Georgia, "Times New Roman", serif; text-align:left; }
#content p { color:#444; margin-bottom:10px; }
#content a { color:#FF7F00; border-bottom:1px solid #eee; }
#content a:hover { color:#333 !important; border-bottom:1px solid #999; }
#content .videobox { padding:20px 35px 15px; border:1px solid #eee; margin:15px 0; }
#content h2 { clear:both; font:bold 14px/20px "Helvetica Neue", Helvetica, Tahoma, Verdana, Arial, sans-serif; padding:10px 0 5px; text-transform:uppercase; }
#content ul, #content ol { margin-bottom:10px; margin-left:30px; }
#content ul { list-style:square; }
#content blockquote { min-height:40px; margin:25px 0px 30px 45px; quotes:"\00BB" "\00AB"; font:18px/28px Georgia, "Times New Roman", Arial, sans-serif; }
#content blockquote:before { color:#ccc; display:block; font:60px/40px "skolar-1", "skolar-2", Georgia, "Times New Roman", serif; width:45px; content:open-quote; content:"\00BB"; margin-left:-45px; height:0; }
#content cite { display:block; margin-left:45px; font-style:normal; }
#content cite a { border:0; color:#999 !important; }
#content cite:before { content:"—"; padding-right:5px; color:#ccc; }
#content code { background:#F8F6F3; }
#content .alignleft { margin-right:15px; margin-bottom:10px; }
#content .alignright { margin-left:15px; margin-bottom:10px; }
#content .post-edit-link { text-align:left; float:right; height:16px; width:16px; text-indent:-999999px; margin-top:-2px; margin-left:10px; display:block; background:url('images/icons/edit.png') no-repeat; }

/**
 * Contact form
 */
.contact-left { width:325px; float:left; margin-right:25px; }
.contact-left #clean_contact_msg { margin:-10px 0 10px; color:red; font-weight:bold; }
.contact-left input[type=text], .contact-left textarea { color:#000 !important; margin:3px 0 10px; width:300px; display:block; }
.contact-left textarea { width:300px; height:100px; }
.contact-right { margin-top:70px; border-left:3px solid #eee; padding-left:20px; width:197px; float:right; }
.contact-right .skype { background:url("images/icons/skype.png") no-repeat; padding-left:22px; }
.contact-right .mobile { background:url("images/icons/phone.png") no-repeat; padding-left:22px; }
.contact-right .fax { background:url("images/icons/fax.png") no-repeat; padding-left:22px; }
.contact-right .vcard-icon { background:url("images/icons/vcard.png") no-repeat; padding-left:22px; }
.contact-right .festnetz { background:url("images/icons/telephone.png") no-repeat; padding-left:22px; }
.contact-right .email { background:url("images/icons/email.png") no-repeat; padding-left:22px; }
.contact-right .twitter { background:url("images/icons/twitter.png") no-repeat; padding-left:22px; }
.contact-right .xing { background:url("images/icons/xing.png") no-repeat; padding-left:22px; }
.contact-right .wordpress { background:url("images/icons/wordpress.png") no-repeat; padding-left:22px; }
.contact-right .buddypress { background:url("images/icons/buddypress.png") no-repeat; padding-left:22px; }
.contact-right a { color:#555 !important; border-bottom:0px !important; }

/**
 * Article
 */
article, .single-post { font:15px/23px "Helvetica Neue", Helvetica, Arial, sans-serif; }
article { display:block; margin-bottom:45px; padding-bottom:40px; background:url('images/tilde.png') center bottom no-repeat; }
article header, .single-post #content header { display:block; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:25px; }
article header h1, .single-post #content header h1 { border-bottom:0px !important; padding-bottom:0px !important; margin-bottom:5px; font:26px/30px "skolar-1", "skolar-2", Georgia, "Times New Roman", serif; text-align:center; background:none; }
article header h1 a, .single-post #content header h1 a { color:#555 !important; border-bottom:0 !important; }
article header h1 a:hover, .single-post #content header h1 a:hover { color:#FF7F00 !important; }
article header p, .single-post #content header p { margin:0 !important; text-align:center; color:#999 !important; font:italic 12px/14px Georgia, "Times New Roman", Arial, sans-serif;  }
article header p .comment-count, .single-post #content header p .comment-count { margin-left:10px; padding-left:19px; background:url('images/icons/comments.png') 0px 0px no-repeat; }
article header p a, article header p time, .single-post #content header p a, .single-post #content header p time { font-style:normal; color:#666 !important; border:0 !important; }
article header p a:hover, .single-post #content header p a:hover { color:#222 !important; }

/**
 * Social Media
 */
#content .socialmedia { padding:1px 10px 0; line-height:20px; margin:25px -10px 0; clear:both; text-align:center; height:24px; background:url('images/socialmedia.png'); font:13px/19px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#content .socialmedia div { margin-right:20px; display:inline; padding:0px 5px; }
#content .socialmedia div strong { display:none; }
#content .socialmedia span { visibility:visible; border:1px solid #ddd; background:#fff; padding:0px 4px; display:inline-block; }
#content .socialmedia .twitter a { border:0 !important; color:#888; padding-left:59px; background:url('images/twitter.png') 0px 2px no-repeat; }
#content .socialmedia .facebook a { border:0 !important; color:#888; padding-left:59px; background:url('images/facebook.png') 0px 2px no-repeat; }
#content .socialmedia .twitter a:hover { background:url('images/twitter_hover.png') 0px 2px no-repeat; }
#content .socialmedia .facebook a:hover { background:url('images/facebook_hover.png') 0px 2px no-repeat; }
#content .socialmedia .flattr { margin-right:0; }
#content .socialmedia .flattr iframe { margin-top:2px; }
#content .socialmedia .FlattrButton { display:none; }

/**
 * Comments
 */
#respond { margin-top:30px; }
#respond.reply { margin:-5px 0px 20px 50px !important; border-left:3px solid #eee; padding-left:10px; }
#commentform { font:12px/18px "Helvetica Neue", Helvetica, Tahoma, Verdana, Arial, sans-serif; }
#commentform input[type=text], #commentform textarea { color:#000 !important; margin:3px 0 0; width:300px; display:block; }
#commentform textarea { width:400px; height:100px; }
#commentform label { color:#666 !important; }
.comment-notes { color:#555 !important; font:13px/19px "Helvetica Neue", Helvetica, Tahoma, Verdana, Arial, sans-serif; }
.form-allowed-tags { color:#999 !important; padding-bottom:5px; }
.comment { background:none; padding-bottom:10px; padding-left:50px; margin-bottom:0px; }
.comment.depth-2 { padding-left:100px; background:url('images/comment-reply.gif') no-repeat; }
.comment header { position:relative; color:#999; margin-bottom:0 !important; padding-bottom:5px !important; border-bottom:0px !important; }
.comment header h4 { font-weight:normal; }
.comment header a { font-weight:bold; color:#555 !important; }
.comment header .avatar { position:absolute; top:0; left:-50px; }
.comment .reply { padding-bottom:10px; }
.comment .reply a { color:#999 !important; }
#cancel-comment-reply-link { text-transform:uppercase; font-weight:normal !important; border-bottom:0px !important; color:#999 !important; margin-left:10px; font-size:12px; display:inline-block; }
.pingback, .trackback { background:none; padding:0 0 0 15px; margin:5px 0 10px; border-left:3px solid #eee; }
.pingback a, .trackback a { font-weight:bold; color:#555 !important; }
.pingback p, .trackback p { margin:0 !important; padding:0 !important; color:#999 !important; }
#reply-title { font:bold 14px/20px "Helvetica Neue", Helvetica, Tahoma, Verdana, Arial, sans-serif; }
 
/**
 * Paging bar
 */
#pager ul { height:30px; list-style:none; margin:0; padding:0; }
#pager ul li { float:left; height:30px; width:25%; text-align:left; }
#pager ul li.next { text-align:right; }
#pager ul li.pages { width:50%; text-align:center; }
#pager ul li a { margin:0 2px; padding:2px 10px; color:#999; border:1px solid #eee; background:#fff; }
#pager ul li.prev a, #pager ul li.next a { margin:0; color:#666; }
#pager ul li a.active, #pager ul li a:hover { background:#fafafa; color:#333; border:1px solid #bbb; }

/**
 * Tags
 */
#tags { margin:20px 0px -5px; font:13px/19px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#tags strong { display:inline-block; width:16px; text-indent:-999999px; background:url('images/tags.png') 0px 2px no-repeat; margin-right:2px; }
#tags span { color:#999; padding:0px 1px; }
#tags a { font-weight:normal !important; color:#555 !important; }

/**
 * Sidebar
 */
#sidebar { padding:25px 0 35px; border-bottom:3px solid #EEE9E1; border-top:3px solid #EEE9E1; width:300px; margin-left:30px; float:right; font:13px/19px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#sidebar hgroup h1 { font:24px/25px "skolar-1", "skolar-2", Georgia, "Times New Roman", serif; }
#sidebar hgroup h2 { padding:10px 0 0; font:bold 15px/21px "Helvetica Neue", Helvetica, Tahoma, Verdana, Arial, sans-serif; }
#sidebar section h1, #sidebar p.headline { font:bold 14px/20px "Helvetica Neue", Helvetica, Tahoma, Verdana, Arial, sans-serif; margin:15px 0 5px; border-top:1px solid #EEE9E1; padding:15px 0 0; }
#sidebar p a, #sidebar ul a, #sidebar h1 a { color:#555; border-bottom:1px solid #eee; }
#sidebar p a:hover, #sidebar ul a:hover { color:#333 !important; border-bottom:1px solid #999; }
#sidebar ul { margin-left:20px; list-style:square; }
#sidebar .download-button { margin:10px 0 0; font:bold 14px/20px "Helvetica Neue", Helvetica, Tahoma, Verdana, Arial, sans-serif; background:#fff url('images/icons/download.png') 15px 15px no-repeat; padding:15px 20px 15px 46px; display:block; border:1px solid #EEE9E1; }
#sidebar a.download-button span { color:#999; display:block; font:12px/20px Georgia, "Times New Roman", Arial, sans-serif; }
#sidebar a.download-button:hover { background-color:#fafafa;  color:#FF7F00; border:1px solid #FF7F00; }
#sidebar #searchform { appearance:none; margin:15px 0 5px; border-top:1px solid #EEE9E1; padding:15px 0 0; }
#sidebar #s { background:#fff url('images/icons/search.png') 9px 6px no-repeat !important; width:264px !important; border:1px solid #EEE9E1 !important; padding:3px 9px 4px 25px !important; font:13px/16px "Helvetica Neue", Helvetica, Tahoma, Verdana, Arial, sans-serif !important; display:block !important; }
#sidebar #searchsubmit { display:none; }
#sidebar .bp-demo { float:right; margin:5px 0px 5px 10px; }

/**
 * Internet Explorer
 */
.ie7 footer { padding-top:20px !important; }
.ie7 .socialmedia .twitter a { background-position:0px 4px !important; }
.ie7 .socialmedia .facebook a { background-position:0px 4px !important; }

/**
 * Print CSS
 */
@media print {
	
}