/* 
Theme Name: RTV Amstelveen
Theme URL: http://www.url.nl
Description: Het wordpress thema van RTV Amstelveen
Author: Orange Aria
Author URI: http://www.orangearia.nl
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}

.widget_rss li {padding:5px; background: transparent url(images/nieuws-arrow.png) no-repeat; background-position: 255px 8px; border-bottom: solid 1px black;}
.widget_rrm_recent_posts li {padding:5px; background: transparent url(images/nieuws-arrow.png) no-repeat; background-position: 255px 8px; border-bottom: solid 1px black;}

* {margin:0;padding:0; line-height: 1.5;}
body, html {background: #efefef; font-family: Tahoma, "times New Roman", serif; font-size: 12px;}
ul, li {list-style: none;}
a, a:link {text-decoration: underline; color: #000; font-weight: bold;}
	a:hover {text-decoration: underline;}
	img.feed {padding: 4px 0 0 0;}
h1.title {height: 25px; padding: 7px 0 0 7px; z-index: 9;}
	h1.title.blog {background: url(images/titel_blog.jpg); height: 25px; padding: 7px 0 0 7px; border-left: 1px solid #2715e9; border-right: 1px solid #2715e9;}
	h1.title.nieuws {background: url(images/titel_nieuws.jpg); height: 25px; padding: 7px 0 0 7px; border-left: 1px solid #fef20a; border-right: 1px solid #fef20a;}

strong, b {font-weight: bold;}
em {font-style: italic;}

#container{width: 990px; text-align: left; position: relative;}
	#header {height: 110px; position: relative; background: url(images/headerRTV20100.gif)}
		a#logo {background: url(images/logo.png) no-repeat; width: 173px; height: 81px; display: none; position: absolute; top: 15px;}
		#info {background: url(images/info.png); width: 202px; height: 80px; position: absolute; top: 15px; left: 180px; display:none;}
		#headerwidget {position: absolute; right: 0; top: 0; width: 468px; height: 68px; padding: 10px 5px; display:none;}
	
	/* MAIN MENU */
	
	#menu {height: 44px; position: relative; background: url(images/menubg.png) repeat-x; z-index: 999;}
		#menu .zoeken {position: absolute; top: 0; right: 0; width: 250px; display: block; height: 34px; padding: 12px 0 0 0;}
			#searchform {position: relative;}
			#searchsubmit {background: #fff200; border: 0; color: #000; cursor: pointer; position: absolute; top: 0; right: 10px;}
			input#s {width: 185px; border: 0;}
		
		#menu ul {padding: 0 0 0 10px; position: relative;}
			#menu ul li {float: left; margin: 0 10px 0 0;}
				#menu ul li a {background: url(images/menu_off.png) no-repeat left; padding: 7px 0 0 15px; float: left; color: #fff; height: 37px; display: block; font-size: 18px; font-weight: normal;}
					#menu ul li a:hover {background: url(images/menu_on.png) no-repeat left; text-decoration: none;}
					#menu ul li.selected a{background: url(images/menu_on.png) no-repeat left; text-decoration: none; color: #fff200;}
						#menu ul li.selected ul li a{background: transparent;}
							#menu ul li ul {background: #000; position: absolute;}
								#menu ul li ul li {background:#000;}
									#menu ul li ul li a {background: #000; padding: 7px 0 7px 15px; height: 20px; color: #fff; display: block; font-size: 12px;}
									#menu li ul ul {
	margin: 0 0 0 155px;
}

										#menu ul li ul li a:hover { background: #333; }
											#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.selected ul ul, #menu li.selected ul ul ul { left: -999em; }
											#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.selected ul, #menu li li.selected ul, #menu li li li.selected ul { left: auto;}
	
	#content {margin: 10px 0 0 0; position: relative; z-index: 1;}
		*html #content {z-index: -1;}
		
		#content-left {width: 710px; position: relative; float: left;}
			#spotlight {height: 210px; position: relative; background: url(images/contentbg.png) repeat; }
			#left-wrapper {position: relative; margin: 10px 0 0 0;}
				#nieuws {position: relative; width: 430px; float: left; background: url(images/contentbg.png) repeat;}
				#blog {position: relative; width: 270px; float: right; background: url(images/contentbg.png) repeat;}
		
		#sidebar {width: 270px; relative; float: right;}
			.tvknop {background: url(images/tv_knop_gemist.jpg) no-repeat; height: 50px; width: 270px; display: block; margin: 0 0 10px 0;}
			.radioknop {background: url(images/radio_knop.jpg) no-repeat; height: 50px; width: 270px; display: block; margin: 0 0 10px 0;}
			#sidebar .widget {margin: 0 0 10px 0; background: url(images/zwartbg.png) repeat; color: #fff;}
			
	#footer {clear: both; position: relative; height: 39px; padding: 5px 0 0 0; position: relative; background: url(images/menubg.png) repeat-x; margin: 10px 0 0 0; color: #fff;}
		#footer h1 {float: left; width: 200px;}
		#footer a {color: #fff; padding: 5px; display: block; float: left;}
		#footer .oalink {color: #e96a23; position: absolute; right: 10px; top: 5px;}
.lastpost, .categorypost{border-bottom: 1px solid #000; padding: 10px;}
	.lastpost h2 {width: 257px; display: block; float: left;}
		.lastpost h2 a{color: #000; font-weight: bold;}
	.lastpost-image {float: left; margin: 0 5px 5px 0;}
	.lastpost-meta{font-size: 10px; clear: both; background: #fff; padding: 0 5px 0 0;}
		.lastpost-date {display: block; padding: 3px 5px 3px 5px; float: left; background: #2c3032; color: #fff;}

		.lastpost-category a{display: block; padding: 3px 5px 3px 5px; float: left; background: #fff200; color: #000;}
		.lastpost-more {float: right; display: block;}
			.lastpost-more a {color: #000; font-weight: bold; display: block; padding: 3px 5px 3px 5px;}

	.categorypost h2 {background: url(images/nieuws-arrow.png) no-repeat right; width: 537px; display: block; float: left;}

			
.shortpost {padding: 10px; border-bottom: 1px solid #c2c2c2; background: url(images/nieuws-arrow.png) no-repeat right;}
	.shortpost h2 a {color: #000; font-weight: bold;}
	.shortpost-date {padding: 3px; background: #303132; color: #fff; display: block; float: left; margin: 0 5px 0 0; font-size: 10px;}

.post {position: relative; background: url(images/contentbg.png) repeat;}
	.post h1 {background: url(images/titel_nieuws.jpg); height: 29px;}
	.post .post-meta {position: relative; background: url(images/zwartbg.png) repeat; color: #fff;}
	.post .post-date {float: left; padding: 10px;}
	.post .post-category a{display: block; float: left; background: #fff200; color: #000; padding: 10px;}
	.post .post-comments {float: left; padding: 10px;}
	.post-content {padding: 10px; font-size: 13px;}
		.post-content p {margin: 0 0 10px 0;}
		
/* NAVIGATION */
		
#navigation {padding: 10px; background: #fff;}
	.wp-pagenavi {border: 0;}
	#navigation a {border: 0;}
	#navigation .current {border: 0;}
	#navigation .pages {border: 0;}
		
/* COMMENTS */

.comments_reply {}
	.comments_form {padding: 10px;}
	.comments_form p {clear: both;}
	.comments_form p label {display: block;}
	.comments_form input {}
	.comments_form textarea {margin: 10px 0 0 0;}
	
div#comments {}
ol#comments_list {}
	ol#comments_list li {clear: both; padding: 10px;}
	.user-avatar {float: left; margin: 0 5px 0 0;}
	.comments_meta {}
	.comments_text {}
	.author {position: relative; background: url(images/zwartbg.png) repeat; color: #fff;}
	.comment {}
	.standard {position: relative; background: url(images/contentbg.png) repeat;}
	.alt {background: #ebebeb;}

.allposts {background: #fff200; padding: 10px;}
	.allposts a {color: #e81300;}

#single {position: relative; background: url(images/contentbg.png) repeat;}
	#single h1 {background: url(images/titel_nieuws.jpg); height: 29px;}
		.single-content {padding: 10px;}
			.single-content p {padding: 0 0 10px 0;}
		
.blogpost {border-bottom: 1px solid #1700e8; padding: 10px;}
	.blogpost a{color: #e81300; font-weight: bold;}
	.blogpost-header {margin: 0 0 10px 0;}
		.blogpost-avatar {float: left; width: 35px; height: 35px; display: block;}
		.blogpost h2 {background: url(images/blog-arrow.jpg) no-repeat right center #fff; height: 27px; padding: 8px 0 0 5px; width: 180px; float: left; display: block;}
	.blogpost-content {clear:both;}
	.blogpost-meta{font-size: 10px; margin: 10px 0 0 0;}
		.blogpost-date {display: block; padding: 3px 5px 3px 5px; float: left; background: #2c3032; color: #fff; margin: 0 10px 0 0;}
		.blogpost-comments {display: block; padding: 3px 5px 3px 5px; float: left; background: #2c3032; color: #fff;}
			.blogpost-comments a {color: #fff;}

	.blog-author {background: #2715e9; color: #fff; padding: 10px;}
		.blog-author h2 a {color: #fff; font-size: 18px; display: block;}
		.blog-author .blog-authorfoto {float: left;}
		.blog-author .blog-authorinfo {float: left;}

.allblogs {background: #1700e8; padding: 10px;}
	.allblogs a {color: #fff;}
	
	
/* start captions en aligns 110210*/
.aligncenter  { margin-left: auto; margin-right: auto; }
	.alignleft { float: left; margin: 0 10px 4px 0; }
		.alignright { float: right; margin: 0 0 4px 10px; }

.wp-caption.alignleft { border: 1px solid #ccc; text-align: center; background-color: #edeff0; padding-top: 4px; margin: 5px 10px 5px 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

	.wp-caption.alignright { border: 1px solid #ccc; text-align: center; background-color: #edeff0; padding-top: 4px; margin: 10px 10px 5px 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

		.wp-caption.aligncenter { border: 1px solid #ccc; text-align: center; background-color: #edeff0; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

			.wp-caption p.wp-caption-text { font-size: 11px; padding: 5px; margin: 0; }
/* einde captions en aligns 110210*/

/* WIDGETS */
	.textwidget {padding: 10px;}
	h2.widget-header {background: url(images/titel_widget.jpg); height: 25px; padding: 7px 0 0 7px;}
	.widget_blog h2.widget-header {background: url(images/titel_blog.jpg); height: 25px; padding: 7px 0 0 7px;}
	.widget_rss h2.widget-header {background: url(images/titel_lokaal.jpg); height: 25px; padding: 7px 0 0 7px;}


			
#indexwidget {}
	#indexwidget-links {}
#headerwidget {margin: 10px 0 10px 0; height: 90px; }

.widget_flickrRSS img {width: 135px;}

.wp-polls {padding: 10px;}
.wp-polls-form p {}
	.wp-polls-form a {color: #fff;}
	.wp-polls-form {padding: 10px;}

ul.post-categories li {float: left;}	
	
/* CLEARFIX */

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

/* FLASH STYLES */

.zindex1 {position: absolute; z-index: 1;}

/* MENU */
 
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style:none; position:relative; font-weight:bold;}
#dropmenu a {display:block; text-decoration:none;}
#dropmenu a:hover {background:#888; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:3.2em; left:-1px;}
	#dropmenu ul a {}
#dropmenu li ul {width:12em;}
	#dropmenu li ul a {width:12em; height:auto; float:left;}
#dropmenu ul ul {top:auto;}
	#dropmenu li ul ul {}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

#post-3 li {border-bottom:solid 1px black; font-size:14px;}

.TelevisieSpotlight {position:absolute; right:5px; color:#fff; width:25px; height:27px; text-indent:-999em; background: url(images/tv.png); margin-top:5px;}

.RadioSpotlight {position:absolute; right:5px; color:#fff; width:24px; height:25px; text-indent:-999em; background: url(images/radio.png); margin-top:5px;}