/*
Theme Name: Mops-Club
Theme URI: http://mops-club.ch
Description: Custom Wordpress Theme based on the Starkers Theme by Elliot Jay Stocks.
Version: 1.0
Author: Andris Linz
Author URI: http://andrislinz.ch
Tags: pug, dog
*/

/* ------------------------- RESET ------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, fieldset { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus { outline:none; }

/* ------------------------- UTILITIES ------------------------- */

.clear { clear:both; }

.floatLeft { float:left; }

.floatRight { float:right; }

/* -------------------------

MAIN

------------------------- */

body {
	background:#828282;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

p {
	line-height:18px;
}

a {
	color:#706f6f;
	text-decoration:underline;
}

/*h1 {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:28px;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:2px;
	margin:0 0 45px 0;
}*/

h2 {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-weight:normal;
	letter-spacing:2px;
	margin:0 0 20px 0;
	font-size:20px;
}

h3 {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

/* -------------------------

LAYOUT

------------------------- */

#wrapper {
	margin:0 auto;
	height:auto;
	width:960px;
	border-left:#5b5a59 1px solid;
	border-right:#5b5a59 1px solid;
}

#header {
	height:200px;
	width:960px;
}

h1#logo a {width:960px; height:200px; line-height:200px; background:url(images/header.jpg); text-indent:-9999px; display:block;}

#navigation {
	width:960px;
	height:30px;
	background:#706f6f;
	border-top:#5b5a59 1px solid;
	border-bottom:#5b5a59 1px solid;
}

#content {
	background:#fff url(images/contentBg.gif) repeat-y;
	min-height:300px;
	height:auto !important;
	height:300px;
	padding:70px 15px;
}

#leftBar {
	position:relative;
	width:200px;
	height:auto;
	float:left;
	margin:0 30px 0 0;
	color:#706f6f;
}

#main {
	position:relative;
	width:470px;
	margin:0 30px 0 0;
	float:left;
	color:#706f6f;
	height:auto;
}

#rightBar {
	position:relative;
	width:200px;
	height:auto;
	float:right;
	color:#706f6f;
}

#footer {
	clear:both;
	width:930px;
	height:10px;
	background:#706f6f;
	border-top:#5b5a59 1px solid;
	border-bottom:#5b5a59 1px solid;
	padding:0 15px 10px 15px;
}

/* -------------------------

NAVIGATION

------------------------- */

#navigation ul {
	margin:0 0 0 0;
	list-style:none;
}

#navigation ul li {
	float:left;
	height:30px;
	width:auto;
	display:block;
	line-height:30px;
}

#navigation ul li:hover {
	background:#c5d3df;
	cursor:pointer;
}

/*#navigation ul li.aktiv {
	background:#c5d3df;
	cursor:pointer;
}*/

#navigation ul li:hover a:link, #navigation ul li:hover a:visited, #navigation ul li:hover a:active, #navigation ul li.aktiv a:link, #navigation ul li.aktiv a:visited, #navigation ul li.aktiv a:active {
	color:#706f6f;
	height:30px;
	padding:0 13px;
}

#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
	color:#d1c8bc;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	padding:0 13px;
}

#navigation ul li a:hover {
	text-decoration:none;
}

#navigation li.current_page_item a:link, #navigation li.current_page_item a:visited, #navigation li.current_page_item a:active, #navigation li.current_page_item a:hover {background:#c5d3df; color:#706f6f; line-height:30px; height:30px; display:block; padding:0 13px;}

/* -------------------------

AKTUELL

------------------------- */

.newsEintrag {
	border-bottom:1px #d1c8bc dotted;
	margin:0 0 30px 0;
	padding:0 0 15px 0;
}

.newsEintrag p a {
	color:#706f6f;
	text-decoration:underline;
}

/* -------------------------

RIGHTBAR

------------------------- */

.feature {
	margin:15px 0 30px 0;
	padding:0 0 15px 0;
	border-bottom:#706f6f 1px dotted;
}

.feature img {
	border:#706f6f 1px solid;
}

.feature p {
	margin:15px 0 0 0;
}

/* -------------------------

LEFTBAR

------------------------- */

#leftBar ul li {
	margin:0 0 5px 15px;
	list-style:disc;
	padding-left:5px;
}

#leftBar ul li a {
	text-decoration:none;
}

#leftBar ul li a:hover {
	text-decoration:underline;
}

/* -------------------------

MAIN

------------------------- */

#main p {
	margin:0 0 15px 0;
	text-align:justify;
	width:470px;
}

#main p img {
	border:#706f6f 1px solid;
	padding:15px;
	background:#d1c8bc;
	margin:0 0 30px 0;
}

#main img.werbung {
	padding:0;
	border:0;
}

#main ul {
	margin:5px 0 30px 0;
}

#main ul li {
	margin:0 0 5px 15px;
	list-style:disc;
	padding-left:5px;
}

#main ul li a {
	text-decoration:none;
}

#main ul li a:hover {
	text-decoration:underline;
}


#main h3 {
	margin:15px 0 0 0;
}

#main object, #main embed {
	margin:0 0 30px 0;
}

p.info {height:30px;}

span.kommentare {display:block; float:right; padding:2px 0 0 0; width:30px; height:30px; background:url(images/sprechblase.png) no-repeat; text-align:center;}

span.kommentare a {text-decoration:none; display:block; height:30px; width:30px;}

/* -------------------------

MITGLIEDER

------------------------- */

img.photo {float:left; margin:0 0 10px 0;}

.mitgliederText {float:left; margin:0 0 10px 10px; width:300px;}

#main .mitgliederText p {width:300px;}

#main .entry .mitgliederText h3 {margin:0;}


/* -------------------------

FOOTER

------------------------- */

#footer p {
	font-size:10px;
	color:#222;
}

#footer p a {
	color:#222;
}

/* -------------------------

FORMULAR

------------------------- */

#formular, #newsletter {
	width:438px;
	border:none;
	padding:0;
	margin:0 0 30px 0;
}

.text-input {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0;
	margin:0 0 5px 0;
	width:458px;
	line-height:12px;
	padding:6px; 
	background:#d1c8bc;
	color:#706f6f;
}

textarea {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0;
	width:458px;
	height:100px;
	padding:6px; 
	background:#d1c8bc;
	color:#706f6f;
}

label {
	display:block;
	font-size:12px;
	margin:0 0 10px 0;
}

label.error {
	color:#c5d3df;
	width:300px;
	line-height:16px;
	padding:5px 0 0 0;
}

#formsubmit, #nlFormsubmit {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#d1c8bc;
	color:#706f6f;
	border:none;
	margin:5px 0 0 0;
	padding:6px;
}

#nlFormsubmit {
	margin:0;
}

#formsubmit:hover, #nlFormsubmit:hover {
	cursor:pointer;
	color:#d1c8bc;
	background:#706f6f;
}

/* ------------------------- COMMENTS ------------------------- */

#respond h3 {margin:20px 0 10px 0;}

#respond p {margin:0 0 10px 0;}

h3#comments {margin:20px 0 10px 0;}

div.comment {border:#ccc 1px solid; margin:0 0 20px 0; padding:15px; background:#fafafa;}

div.comment.even {background:#f0f0f0;}

div.comment-meta {display:none;}

img.avatar {margin:0 10px 10px 0; float:left;}

div.comment img.photo {margin:0 10px 10px 0; float:left; height:30px; width:auto;}

cite.fn {margin:0 10px 10px 0; font-size:14px; line-height:30px; font-style:normal;}

cite.fn a {font-style:normal; font-size:14px; line-height:30px;}

span.says {display:none;}

div.comment-author {border-bottom:#ccc 1px solid; padding:0 0 15px 0;}

div.comment p {clear:both; padding:10px 0 0 0;}

#main .comment p {width:430px;}

input#submit {background:#d1c8bc; color:#706f6f; border:none; padding:5px; margin:10px 0 0 0;}

input#submit:hover {color:#d1c8bc; background:#706f6f;}