/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

#header #wappen img {
	margin: 5px 0;
	float: right;
}

#loginform {
    width: 500px;
    border: 5px solid #ccc;
    margin: 50px auto;
    background-color: #ddd;
}

#loginform h2 {
    margin: 0;
    padding: 2px;
    background-color: #aaa;
    color: #333;
}

#loginform label {
    width: 200px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 10px;
}

#loginform p {
    padding: 0;
    margin: 8px;
}

#loginform input[type=submit] {
    margin-left: 370px;
}

input {
    border: 1px solid #999;
    padding: 3px;
}

.post h2.title {
    font-size: 20pt;
    line-height: 20pt;
}

.widget ul,
.widget p {
    padding-left: 10px;
}

.widget .match .date {
    font-weight: bold;
    display: block;
}

.widget .match .team,
.widget .match .opponent {
    display: block;
    margin-left: 1em;
}

.widget .links {
    text-align: right;
}

/****** Competition table *************/

table.competition tr.comp-header {
    background-color: #ccc;
}

table.competition tr.comp-header td {
    vertical-align: top;
}

table.competition tr.header td {
    font-weight: bold;
}

img.partfoto {
    margin: 10px;
}

/** Definition table */

table.definition {
    margin-bottom: 1em;
}

table.definition td.left {
    width: 20em;
    font-weight: bold;
    vertical-align: top;
}

/** Standard table */

table {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
}

table th {
    text-align: left;
    padding: 2px;
}

table td {
    padding: 2px;
}

table tr th {
    background-color: #C3C3C3;
}

table tr.odd {
    background-color: #E8E5E2;
}

table tr.even {
    
}

.teamname {
    font-weight: bold;   
}

.more {
    margin-bottom: 0px;
}

.groovybutton {
    font-size:11px;
    font-family:Verdana,sans-serif;
    font-weight:bold;
    color:#888888 !important;
    width:100px;
    background-color:#EEEEEE;
    border-style:solid;
    border-color:#BBBBBB;
    border-width:1px;
    padding: 3px;
    text-decoration: none;
    margin: 1px;
}

.groovybutton:hover {
   color : #6666AA;
   background-color : #EEEEF4;
   border-color : #9999DD;
   text-decoration:none ;
}

.inside-actions {
    float: right;
}

.widget .inside-actions {
    margin-top: 3em;
}

.smalltext {
    font-size: 80%;
}

.smalltext .groovybutton {
    font-size: 10px;
}

/**
 * Contact form
 */
#contactform {
    width: 400px;
}

#contactform label {
    width: 150px;
    display: block;
    float: left;
}

#contactform #note {
    width: 230px;
    height: 120px;
}

#contactform h2 {
    text-align: right;
}

/**
 * Feedback badge
 */
#feedback-badge {
    display:none;
    background: url('../images/feedback_badge.png') no-repeat;
    width:62px;
    height: 124px;
    margin-left:-25px;
}

#feedback-badge:hover {
    margin-left:-23px;
}

#feedback-badge:active {
    margin-left:-27px;
}

#feedback-badge span {
    display: none;
}

/** Page **/
div#pagecontent img {
    border: 0px;
}

div#pagecontent p {
    text-align: justify;
}

/* Nice form views */
.niceform input[type=text], form textarea {
	width: 100%;
}

.niceform ul.token-input-list-facebook {
	width: 100%;
}

.categories {
	height: 30px;
}

.categories span {
	border: 1px solid #007509;
	background-color: #ABDAA1;
	padding: 5px;
	margin: 4px;
    border-radius: 10px;
	font-size: 75%;
}

.post {
	margin-bottom: 0;
}

.post h2.title {
	margin-top: 0;
	margin-bottom: 5px;
}

.post h2 a {
	font-size: 18pt;
}

.post .entry p {
	padding: 0;
	margin: 0 0 2px 0;
}