/*
Theme Name: GroenLinksGroningenStad
Theme URI: 
Description: WordPress-theme voor website GroenLinks afdeling stad Groningen, naar ontwerp van groenlinks.nl
Version: 0.1
Author: M. Mulder in opdracht van GroenLinksGroningenStad
Author URI: http://michielmichiel.nl 
*/

/* COLOURS TO BE USED:
	Green:			#6BA136
	Red:			#ED174F
	Light-green:		#E5F3D9
	Light-red:		#FFFAF5
	White:			#FFFFFF
	Black:			#000000
	Grey:			#CCCCCC
	Light-grey:		#F4F4F4
	Dark-grey:		#777777
*/

/* PAGE LAYOUT */

body {margin: 0;padding: 0;font-family: arial, tahoma;color: #000000}

.left {float:left}
.right {float:right}

#container {position: absolute;top: 0;margin: 0;padding: 0;width: 950px}

#main {float: left;width: 694px}
.main-header {margin: 0;padding: 5px 5px 0px 50px;height: 135px;width: 100%; background: #FFFFFF url(images/logo_gl_met_toevoeging_glgs.png) top left no-repeat;font-size: 12px;text-align: left;border-bottom: 1px solid #E4391F}
.main-header-sub {margin: 0;padding: 5px 5px 0px 50px;height: 135px;width: 100%; background: #FFFFFF url(images/logo_gl-toevoeging.gif) top left no-repeat;font-size: 12px;text-align: left}
/* .main-header-img {margin: 0;padding: 5px 5px 0px 50px;height: 130px;width: 100%; background: #FFFFFF url(images/logo_gl_met_toevoeging_glgs.png) top left no-repeat;font-size: 12px;text-align: left;border-bottom: 1px solid #E4391F} */

.main-content {position: absolute;top: 141px;margin: 0px 0px 20px 0px;padding: 10px 0px 10px 50px;width: 520px;background: #FFFAF5}

#sidebar {float: right;width: 200px;margin: 0;padding: 0;background: #FFFFFF;border-left: 1px solid #6BA136}
.sidebar-header {margin: 0;padding: 0;border-bottom: 1px solid #E4391F; height: 140px;background: #FFFFFF url(images/GroeiMee_180x94a.gif) center center no-repeat; vertical-align: text-top}
.sidebar-eurbanner {margin: 0;padding: 0;height: 102px;vertical-align: text-top}
.sidebar-eurbanner img{margin: 0;padding: 0;}
.sidebar-content {margin: 0;padding: 5px 5px 5px 5px;background: #E5F3D9; border-bottom: 1px solid #6BA136}

/* GENERAL TEXT LAYOUT */
h1, .h1 {margin: 0;padding: 0px 0px 0px 0px;font-size: 20px;line-height: 25px;color: #ED174F; font-weight: bold}
h1 a, h1 a:visited, .h1 a, .h1 a:visited {color: #ED174F; text-decoration: none}
h1 a:hover, .h1 a:hover {color: #ED174F; text-decoration: none}

h2 {color: #000000}
h2 a {color: #000000;text-decoration: underline}
h2 a:hover {color: #ED174F; text-decoration: underline}
h3 {font-size: 13px;font-weight: bold;color: #ED174F; padding: 5px 5px 0px 0px;margin: 0}
h3 a {color: #ED174F; text-decoration: none; border: none}
h3 a:hover {color: #ED174F; text-decoration: underline}

p {margin: 0px;padding-bottom: 10px;font-size: 13px;color: #000000}
p a {color: #000000;text-decoration: underline}
p a:hover {color: #ED174F; text-decoration: underline}

strong {color: #ED174F}

/* POST LAYOUT */
#post {margin: 20px 0px 10px 0px;padding: 0px 0px 0px 0px}

#post ul {padding: 0;margin: 0 0 5px 0;list-style: circle;text-indent: 0}
*html #post ul {display: list-item;padding: 0 0 0 30px;margin: 0px}
*html #post ul li {display: list-item;padding: 0;margin: 0px}
#post ul li {padding: 0;margin: 0;list-style: circle}
html>body #post li {padding: 0;margin: 0 0 0 15px}
*html #post li {padding: 0;margin: 0}

.actual_post {margin: 0px 0px 10px 0px;padding: 0px 10px 0px 0px;border-bottom: 1px solid #ED174F}

.more {font-size: 12px}
.more a {color: #ED174F; text-decoration: none;font-size: 12px;font-weight: bold}
.more a:hover {color: #ED174F; text-decoration: underline}

.comments {float: right; font-size: 12px}
.comments a {color: #ED174F; text-decoration: none;font-size: 12px;font-weight: bold}
.comments a:hover {color: #ED174F; text-decoration: underline}

/* COMMENTS */
#comments {margin: 0px;	padding: 0px 0px 0px 0px; display: inline}
#commentsh2 {display: inline} /* whu */
#comments h2 {font-size: 13px; text-align: right; color: #000000; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px}
#comments h2 a {color: #ED174F}
#comments p {padding: 5px 0px 0px 20px; margin: 0; color: #000000}
#comments p a {color: #ED174F}
#commentform {margin: 0px; padding: 0px; background: #FFFFFF}
#commentform textarea {padding: 2px; margin: 0px; border: 1px solid #ED174F}
#commentform p {margin: 0px 0px 0px 1px; padding: 0px 0px 5px 0px; font-size: 12px; color: #000000}
#commentlist {font-weight: bold; color: #000000}
#commentlist p {padding: 0px 0px 5px 0px; margin: 0px}
#commentlist li {color: #ED174F; font-weight: normal; padding: 0px 0px 0px 0px}
#commentlist cite {color: #ED174F}
#commentform #author, #commentform #email, #commentform #url {background: #FFFFFF; border: 1px solid #ED174F; padding: 0px}
#commentform textarea {float: left; color: #000000; width: 500px; padding: 2px}
#commentlist li ul {border-left: 1px solid #ED174F; list-style-type: none}
#comments,#respond {}

.preview h2 {clear: both; margin: 0px; padding: 0px}
.preview-text {float: left; color: #ED174F; background: #fafafa; border: 1px solid #ED174F; padding: 5px; margin: 0px; width: 500px}

.textarea #submit {margin: 10px 0px 10px 0px; padding: 0px}

.cat-h1 {clear: both; text-align: right; padding: 0px 0px 0px 0px; color: #ED174F; font-size: 18px; font-weight: bold}
.cat-h1 a, .cat-h1 a:hover {color: #000000; font-style: italic}

/* MENU */
.menu {padding: 0;margin: 0 0 5px 0}
.menu ul {padding: 0;margin: 0;list-style: none;text-indent: 0}
*html .menu ul {display: list-item;padding: 0 0 0 30px;margin: 0px}
*html .menu ul li {display: list-item;padding: 0;margin: 0px}
.menu ul li {padding: 0;margin: 0;list-style: none}
html>body .menu li {padding: 0;margin: 0 0 0 15px}
*html .menu li {padding: 0;margin: 0}


/* START WebJoost Changes */
/* I think this WILL do the job... finally ;) */

.menu a {text-decoration: none; border:none;color:black}

.page_item{margin:0;padding:0;list-style:none;list-style-type:none;font-weight:bold;text-decoration:none;font-size:12px}

.menu .current_page_item a{color:#ED174F}
.menu .page_item a:hover{color:#ED174F}
.menu .page_item.current_page_item ul .page_item a{color:black}
.menu .page_item.current_page_item ul .page_item a:hover{color:#ED174F}

/* END WebJoost Changes */

/* DATE AND TIME */
.date {color: #777777; font-size: 11px;font-weight: bold;padding: 0}

/* EDIT TEXT */
.edit_post {color: #777777; font-size: 11px;font-weight: bold;padding: 0}
.edit_post a, .edit_post a:hover {color: #ED174F; text-decoration: none}

/* PRINT */
.print {float: right;color: #777777; font-size: 12px;font-weight: bold;padding: 0px 5px 0px 0px}
.print a {color: #ED174F; text-decoration: none}
.print a:hover {color: #ED174F; text-decoration: underline}

/* NAW-GEGEVENS */
.naw {padding: 0;margin: 0px 0px 0px 0px; border-bottom: 1px solid #ED174F}
.naw p {padding: 0px 5px 10px 15px;margin: 0}
.naw p a {color: #ED174F; text-decoration: none; font-weight: bold}
.naw p a:hover {text-decoration: underline}

/* POLL-LAYOUT */
.democracy {}
.democracy h3 {}
.democracy ul {font-size: 12px; margin-bottom: 10px; margin-top: 5px; font-weight: bold}
.democracy li {color: #ED174F}
.democracy a {font-size: 12px; color: #ED174F; text-decoration: none}
.dem-vote-button {background-color: #ED174F; color: #FFFFFF; border: none}
.dem-total-votes {font-size: 12px; font-weight: bold}

.peil {padding: 0;margin: 0px 0px 0px 0px; border-top: 1px solid #ED174F}
.peil h1 {color: #ED174F; font-size: 14px; font-weight: bold; padding: 0; margin: 0}
.peil h3 {color: #000000; font-style: italic; font-weight: normal; padding: 0; margin: 0}
.peil h3:before {content: open-quote; color: #ED174F; font-weight: bold}
.peil h3:after {content: close-quote; color: #ED174F; font-weight: bold}
.peil p {padding: 0px 5px 10px 15px;margin: 0}
.peil p a {color: #ED174F; text-decoration: none; font-weight: normal}
.peil a {padding: 0; margin: 0; color: #ED174F; text-decoration: none; font-size: 12px; font-weight: normal; font-style: italic}
.peil p a:hover {text-decoration: underline}
.peil p2 {padding: 0px 5px 10px 0px;margin: 0;font-size: 11px; border:none}
.peil p2 a {color: #ED174F; text-decoration: none; font-weight: normal}
.peil p2 a:hover {text-decoration: underline}
input.radio {font-weight: normal; font-size: 13px}
input.red {background-color: #cc0000; font-weight: bold; font-size: 12px; color: white; border:0}
.red {border: none; margin: 0; padding: 0}
.pollpress-voting-booth a {color: #ED174F; font-size: 12px}



/* RSS-FEEDS */
.rss {padding: 0;margin: 5px 0px 0px 0px; border-top: 1px solid #ED174F}
.rss p {padding: 5px 0px 0px 0px;margin: 0}
.rss p a {color: #ED174F; text-decoration: none; font-weight: bold}
.rss p a:hover {text-decoration: underline}

/* IMAGES */
img {margin: 0px 0px;padding: 0px 3px 0px 2px;border: 0px}
.sidebar-header img {margin: 0; padding: 0; border: 0}

/* BUTTONS */

/* SEARCHFORM */
#search_head {margin: 0 0 10px 0;padding: 0 0 5px 0;font-size: 20px;line-height: 25px;color: #ED174F; border-bottom: 1px solid #ED174F; font-weight: bold}
#search {position: absolute; top: 90px; right: 225px;color: #777777}
#search h1 {font-size: 11px;font-weight: normal;color: #777777; text-transform: none}
/* #searchform submit {line-height: 90%;border: none} whu: not functioning anyway */
#searchform {margin: 0;padding: 0}
#search form input {background-color: #F4F4F4; margin: 0;padding: 0;border: 1px solid #CCCCCC; color: #000000;vertical-align : bottom; /* voor submit plaatje */height: 15px}
#search form input.button{margin: 0;padding: 0;border: none}

.sitemap {margin : 0;padding : 2px;width : 88px;width /**/: 8em; /* niet ideaal, maar moet maar even zo */border : 1px solid #6BA136; /* groen */position : absolute;top: 10px;right: 225px;font-size: 11px;text-align : center;color : #777777}
.sitemap a {text-decoration : none;color : #777777}
.sitemap a:hover {text-decoration : underline;color : #000000}
#sitemap h3 {text-transform: none}
#sitemap h3 a {text-decoration: none; border: none}

.lidworden {margin : 0;padding : 2px;width : 88px;width /**/: 8em; /* niet ideaal, maar moet maar even zo */border : 1px solid #6BA136; /* groen */position : absolute;top: 10px;right: 340px;font-size: 11px;text-align : center;color : #777777}
.lidworden a {text-decoration : none;color : #777777}
.lidworden a:hover {text-decoration : underline;color : #000000}

.chat {margin : 0;padding : 2px;width : 203px;border : 1px solid #6BA136; /* groen */position : absolute;top: 40px;right: 225px;font-size: 11px;text-align : center;color : #777777}
.chat a {text-decoration : none;color : #777777}
.chat a:hover {text-decoration : underline;color : #000000}

.breadcrumb {padding: 0px 170px 0px 0px;color: #000000; font-size: 11px}
.breadcrumb a {color: #ED174F; text-decoration: none}
.breadcrumb a:hover {color: #ED174F; text-decoration: underline}

#footer {font-size: 12px}
#footer a {color: #ED174F; font-weight: bold;text-decoration: none}
#footer a:hover {color: #ED174F; font-weight: bold;text-decoration: underline}

/* iCAL KALENDER */
ul {margin: 0; padding: 0; color: #ED174F; list-style: none; line-height: 15px}
ul li {margin: 0; padding: 0; color: #000000}
ul li b {margin: 0; padding: 0; color: #ED174F; line-height: 150%}
ul li blockquote {margin: 0; padding: 0; color: #000000; font-style: italic}

/* PLUGINS */
#pluginstable a {font-weight: normal}