/*
Theme Name: Music Illustrated
Theme URI: http://www.nedfinity.com/wordpress/
Description: Music Illustrated is an illustrated wordpress theme by <a href="http://www.nedfinity.com">Nedfinity Webdesign tweaked by Web Journalist</a>..
Version: 1.0
Author: Nedfinity Webdesign tweaked by Web Journalist
Author URI: http://www.nedfinity.com
Tags: white, light, two-columns, fixed-width, right-sidebar, black

	This theme was designed and built by Sandra Smit & Renzo Koning
	whose blog you will find at http://www.nedfinity.com
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

*/ 
/* static START */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p, fieldset {
 margin:0;
 padding:0;
}
abbr[title], acronym[title] { border-bottom:thin dotted; cursor:help; }
body { background:#fff; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; letter-spacing:-0.05em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; }
h1 { font-size:200%; }
h2 { font-size:170%; }
h3 { font-size:150%; }
h4 { font-size:130%; }
h5 { font-size:110%; }
h6 { font-size:100%; }
img { border:0; }
img.sided { background:#FFF; border:2px solid #CCC; padding:3px; }
small { font-size:10px; }
a:hover img.sided { border-color:#A6A6A6; }
a { color:#0082c6; text-decoration:none; }
a:hover { text-decoration:underline; }
.wp-caption { background:#F7F7F7; border:1px solid #CCC; padding:5px 0; margin-bottom:5px; text-align:center; }
.wp-caption img { margin:0 5px; }
.wp-caption-text { text-align:center; padding:0 5px !important; padding:3px 5px 0; }
*+html .wp-caption-text { padding:3px 5px 0 !important; }
.post .content .wp-caption p { margin:0; }
blockquote, pre { background:#F4F5F7 url(img/blockquote.gif) 3px 3px no-repeat; border:1px dashed #CCC; padding:8px 12px 8px 36px; margin:5px 0; }
.more-link { font-size:11px; }
.alignleft { float:left; text-align:left; margin-right:10px; }
.alignright { float:right; text-align:right; margin-left:10px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.floatleft { float:left; }
.floatright { float:right; }
.left { float:left; margin-right:10px; }
.right { float:right; margin-left:10px; }
.fixed, .clear { clear:both; }
input.textfield, textarea { background:#FFF; border:1px solid #000; padding:2px 1px 1px 1px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.boxcaption {
 background:; padding:6px 12px; border:1px solid #000; margin:0 0 10px 0; }
.boxcaption h3 { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;  letter-spacing:;
}
.box {
 background:; border:1px solid #000; padding:8px 12px; margin-bottom:10px; }
.messagebox, .errorbox { background:#e7ecee; padding:0 12px; height:27px; line-height:27px; font-size:11px; }
.w3c { color:#080; font-size:10px; }
/* static END */

/* layout START */
#wrap { background:#fff; padding:0; margin:0; }
#container { margin:0 auto 0 auto; padding:0 0 0 30px; width:970px; background-color:#fff; background-image:url(img/bg_stripe.gif); background-repeat:no-repeat; background-position:left top; }
/* layout END */

/* header START */
#header { background:url(img/bannerb.gif); height:330px;  border-bottom:;
overflow:hidden; z-index:100; }
#caption { position:absolute; color:#000; padding:50px 0 0 0; }
#title a { text-decoration:none; color:#000; height:30px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:0; }
/* image blog title */
/*
#title a {
	background:url(img/title.gif) no-repeat;
	text-decoration:none;
	color:#FFF;
	width:250px;
	height:30px;
	text-indent:-999em;
	display:block;
}
*/
#tagline { color:#000; border-top:1px solid #FFF; text-decoration:none; font-size:10px; float:left; padding:0 3px; }
#header .banner { float:right; padding:15px 15px 0; color:#999; }
/* header END */

/* navigation START */
#navigation { position:absolute; height:32px;  width:;
top:10px; background:#FFF; border:1px solid #000; color:#000; padding:0; margin:0; }
#menus { padding:0px; margin:0px; }
#menus li { display:inline; list-style:none; padding:0px; margin:0px; }
#menus li a {
 background:; display:block; color:#000; height:32px; line-height:32px; padding:0 10px 0 10px; margin:0px; text-decoration:none; font-size:11px; float:left; z-index:1; }
#menus li a:hover, #menus li a.current { color:#0082c6; }
#menus li.current_page_item a, #menus li.current-cat a { color:#0082c6; }
#menus li a.home {
 width:; padding:0 10px 0 40px; margin-left:0px;  text-indent:;
background-image:url(img/bg_pattern_stripes.gif); background-position:left top; background-repeat:repeat-y; color:#000; }
#menus li a.home:hover { color:#0082c6; }
#menus li.current_page_item a.home { color:#0082c6; }
#menus li.current_page_item a.home:hover { color:#000; }
#menus li a.lastmenu:hover { background-position:0 0; cursor:default; color:#0082c6; }
#searchbox { background:#fff; border:1px solid #000; width:209px; height:26px; display:block; float:right; margin-top:-1px; margin-right:-1px; padding:3px 2px; }
#searchbox .textfield { background:none; border:0px; width:185px; float:left; margin-right:2px; padding-left:2px; }
#searchbox .button { background:#CC3366; border:0px; width:18px; height:18px; cursor:pointer; float:left; margin-top:1px; }
#searchbox .searchtip { color:#0082c6; }
/* navigation END */

/* submenu START */
#menus li ul { display:none; background:#fff; position:absolute; z-index:1; padding:0px; margin:0px; }
#menus li li { float:none; margin:0; padding:0; list-style:none; padding:0px; margin:0px; }
#menus li li li { padding:0px; margin:;
}
#menus li li a { float:none; text-decoration:none; border:1px solid #000;  height:;
color:#000; display:block; width:150px; padding:2px; margin:0 10px 0 0; }
#menus li li a.last { border-color:#000; padding:0px; margin:0px; }
#menus li li a:hover, #menus li li a.current { color:#0082c6; padding:0px; margin:0px; }
#menus li li a.subtitle, #menus li li a.subtitle:hover { color:#0082c6; padding:0px; margin:0px; }
/* submenu END */

/* content START */
#content { position:relative; background:; width:950px;
min-height:400px; top:-50px; z-index:10; padding:0 0 20px 0;  margin:;
}
/* content END */

/* main START */
#main {
 background:#; width:640px; padding:0; margin:0; float:left; overflow:hidden; }
#notice { color:#080; }
#notice a { text-decoration:underline; }
.date { position:absolute; width:34px; height:41px; margin:0; padding:5px 15px 0 18px; right:20px; top:10px; background-image:url(img/bg_date.gif); color:#fff; clear:both;  text-align:;
}
.date span { font-weight:bold; font-size:16px; clear:both; }
.post {float:left; position:relative; width:578px; padding:30px 20px 30px 40px; margin:0 0 10px 0; border:1px solid #000;
background-image:url(img/bg_pattern_stripes.gif); background-position:left top; background-repeat:repeat-y; }
*+html .post { padding-bottom:15px !important; }
.post h2 { display:block; margin:0 0 10px 0; padding:0 100px 20px 0; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url(img/bg_line.gif); background-repeat:no-repeat; background-position:bottom; }
.post h2 a.title { text-decoration:none; color:#000; margin:0 5px 0 5px; }
.post h2 a.title:hover { color:#0082c6; }
.post h2 .act a { font-weight:normal; }
.post .info { margin:5px 5px 20px 5px; }
.post .info span.first { margin-left:0; }
.post .author, .post .editpost, .post .comments, .post .addcomment, .post .addlink, .post .editlinks {
 background:;
 padding-left:; height:16px; line-height:16px; display:block; font-size:11px; }
.post .tags, .post .categories {
 background:;
 width:;
 height:; line-height:16px;  display:block;
 text-indent:;
}
.post .under span.tags, .post .under span.categories {
 margin-right:;
 margin-left:;
 display:; margin:0; }
.post .act { height:16px; float:right; }
.post .act span { float:left; margin-left:15px; }
.post .tags { float:left; }
.post .categories { float:left; }
.post .author { float:left; }
.post .editpost { margin-left:15px; float:right; }
.post .comments { float:right; }
.post .addcomment { margin-left:15px; float:right; }
.post .addlink { }
.post .editlinks { ;
}
.post .content { padding:5px 0 10px 5px; margin:0 0 10px 0; line-height:18px; overflow:hidden; background-image:url(img/bg_line.gif); background-position:bottom; background-repeat:no-repeat; }
.post .content p { margin-bottom:10px; }
.post .under { line-height:16px; font-size:11px; margin-bottom:10px; }
.post .under span { float:left; margin-right:15px; position:relative; display:block;}
.post .content h4 { color:#080; margin-bottom:10px; }
.post .content img { max-width:600px; }
.post .content ul, .post .content ol { padding-bottom:10px; }
.post .content ul li, .post .content ol li { list-style-position:inside; padding-left:20px; }
.post .content table { background:#FFF;  border:;
margin:5px 0 10px; }
.post .content th, .post .content td {
 border:; padding:3px 10px; text-align:left; vertical-align:top; }
.post .content tr.even td { background:#F7F7F7; }
.post .content th { background:#EDEFF0; }
.post .content .boxcaption { background-image:url(img/postbox.gif); }
.post .content .box { background-image:url(img/postbox.gif); }
#postpath {
 background:; line-height:16px; margin:0 0 10px 0; padding:2px 10px 2px 10px; border:1px solid #000; }
#pagenavi, #postnavi {
 border-top:; margin:10px -5px 0; padding:10px 5px 0; }
#pagenavi { font-size:11px; }
#pagenavi .newer a, #postnavi .prev a { background:url(img/bg_arrow_left.gif) no-repeat left; padding-left:15px; float:left; height:16px; line-height:14px; }
#pagenavi .older a, #postnavi .next a { background:url(img/bg_arrow_right.gif) no-repeat right; padding-right:15px; float:right; height:16px; line-height:14px; }
/* main END */

/* sidebar START */
#sidebar { background:#fff; width:300px; float:right; font-size:11px; line-height:16px; overflow:hidden; padding:0 0 0 0; margin:0 0 0 10px; text-align:right; }
#sidebar h3 { padding:0 0 20px 0; background: url(img/bg_line_sidebar.gif) no-repeat bottom; }

#sidebar .widget_extevtcal_widget li { height: auto; }

#sidebar li {padding:1px 1px 5px 1px; display:block; list-style:none; margin:1px 1px 5px 1px; height:1em; overflow:hidden;}
#sidebar li a:link, #sidebar li a:active, #sidebar li a:visited { padding:0 0 0 15px; color:#000; text-decoration:none;  }
#sidebar li a:hover { border-bottom: #999999 1px dotted; color:#0082c6; }
#sidebar .content, #sidebar li { font-size:12px; }
#centersidebar, #northsidebar .widget, #southsidebar .widget { background:#fff; padding:10px; margin:0 0 10px 0; border:1px solid #000; }
#centersidebar { padding-bottom:6px; }
#northsidebar, #southsidebar { font-size:95%; }
#northsidebar .widget h2, #southsidebar .widget h2 { margin-bottom:10px; }
#northsidebar .widget .content p, #southsidebar .widget .content p { margin-bottom:10px; }
#westsidebar { width:121px; float:left; padding-right:5px; font-size:95%; overflow:hidden; }
#eastsidebar { width:129px; float:right; font-size:95%; overflow:hidden; }
#westsidebar h3, #eastsidebar h3 { margin-bottom:5px; }
#westsidebar .widget, #eastsidebar .widget { margin-bottom:15px; }
#sidebar .widget_feeds { padding:5px;}
#sidebar #feedrss, #sidebar #feedemail, #sidebar #followme, #sidebar #facebook, #sidebar #linkedin, #sidebar #delicious, #sidebar #instagram { height:25px; line-height:32px; display:block; padding:0 0 10px 36px; float:left; text-decoration:none; font-size:11px; }
#sidebar #feedrss { background: url(img/bg_rss.gif) 5px 5px no-repeat; }
#sidebar #followme { background: url(img/bg_twitter.gif) 5px 5px no-repeat; }
#sidebar #facebook { background: url(img/bg_facebook.gif) 5px 5px no-repeat; margin-left:10px; }
#sidebar #linkedin { background: url(img/bg_linkedin.gif) 5px 5px no-repeat; margin-left:5px; }
#sidebar #delicious { background: url(img/bg_delicious.gif) 5px 5px no-repeat; }
#sidebar #instagram { background: url(img/bg_instagram.gif) 5px 5px no-repeat; }
#tag_cloud a { line-height:130%; }
#bg_bottom_side { position:relative; height:205px; width:300px; background-image:url(img/bg_bottom_side.gif); top:-10px; }
#searchform { font-size:11px; }
#searchform #s { border:1px solid #000; font-size:11px; height:14px; margin:0 0 0 0; padding:2px; }
#searchform #searchsubmit { font-size:11px; height:20px; top:;
padding:0; margin:0; border:1px solid #000; text-align:center; line-height:20px; }

/* sidebar END */

/* footer START */
#footer {
 background:; display:block;  height:;
 border-top:;
font-size:10px;  line-height:;
width:590px; text-align:right; margin:-50px 0 20px 0; }
#footer a { color:#0082c6; }
#footer a:hover { color:#000; text-decoration:none; }
#copyright {
 margin-top:; margin-left:20px; }
/* footer END */

/* comment START */
#commentlist { background:#fff; border-top:1px solid #000; border-bottom:1px solid #000; margin:0 0; padding:0 0; }
#commentlist ol, #commentlist li { list-style:none; padding:0px; margin:0 0 10px 0; }
#cmtswitcher { background:#FFF; font-size:10px; padding-top:5px; }
#cmtswitcher a.tab, #cmtswitcher a.curtab { padding:5px 10px; margin-bottom:-1px; display:block; float:right; color:#555; text-decoration:none; }
#cmtswitcher a.tab:hover, #cmtswitcher a.curtab:hover { color:#0082c6; }
#cmtswitcher a.tab { border:1px solid #FFF; border-bottom-color:#000; }
#cmtswitcher a.curtab { background:#FCFCFC; border:1px solid #000; border-bottom-color:#FCFCFC; }
#cmtswitcher .addcomment, #cmtswitcher .addtrackback {
 padding-left:; height:16px; line-height:16px; display:block; font-size:11px; float:left; margin-right:15px; margin-top:4px !important; margin-top:3px; }
#cmtswitcher .addcomment {  background:;
}
#cmtswitcher .addtrackback {  background:;
}
#thecomments, #thetrackbacks { padding-bottom:15px; }
#thecomments .comment, #thecomments .messagebox { margin-top:15px; }
.comment .author { float:left; width:81px; text-align:center; }
.comment .pic { background:url(img/commentpoint.png) 100% 33% no-repeat; padding-right:14px; margin-top:10px; }
.comment .name { width:67px; padding-right:14px; font-weight:bold; overflow:hidden; }
.comment .avatar { padding:1px; border:1px solid #999; }
.comment .info { background:#EDEFF0 url(img/comment.gif) 0 0 no-repeat; float:left; padding:10px 15px 0; margin:5px 0 0 0; width:470px; }
.comment .date, .trackback .date { visibility:hidden; }
.comment .act, .trackback .act { float:left; font-size:10px; }
.comment .content { background:url(img/comment.gif) 100% 100% no-repeat; margin:0 -15px; padding:0 15px 10px; line-height:145%; }
.comment .content p { margin-top:10px; }
.comment .content blockquote p { margin-top:0; margin-bottom:10px; }
.admincomment .author { float:right; }
.admincomment .pic { background:url(img/commentpoint.png) 0% 33% no-repeat; padding-right:0; padding-left:14px; }
.admincomment .name { padding-right:0; padding-left:14px; }
.admincomment .info { float:left;  width:
}
#comment_login { margin-top:15px; }
#thetrackbacks { display:none; }
#thetrackbacks li { margin-top:15px; }
.trackback { background:#EDEFF0 url(img/box.gif) 0 0 no-repeat; padding:10px 15px 0; width:575px; }
.trackback .title { background:#EDEFF0 url(img/box.gif) 100% 100% no-repeat; padding:10px 15px !important; padding:0 15px 10px; width:575px; margin:0 -15px; }
#respond { padding:10px 0 0; font-size:11px; }
#respond .row { margin-bottom:5px; }
#respond .textfield { width:200px; }
#emoticon { float:right; margin-top:1px; margin-right:10px; }
#comment { width:585px; }
#commentnavi { background:#EDEFF0 url(img/box.gif) 0 0 no-repeat; padding:10px 15px; font-size:11px; }
#commentnavi a.page-numbers { padding:5px 7px; text-decoration:none; border:1px solid #EDEFF0; margin:0 -2px; }
#commentnavi a.page-numbers:hover { background:#F7F7F7; border:1px solid #CCC; text-decoration:none; }
#commentnavi span.pages { padding:0 7px 0 22px; background:url(img/icons.gif) 0 -272px no-repeat; height:16px; line-height:16px; float:left; }
#commentnavi span.current { background:#F7F7F7; padding:5px 7px; border:1px solid #F7F7F7; font-weight:bold; margin:0 -2px; }
#commentnavi #commentpager { line-height:16px; }
#submitbox a.feed { background:url(img/bg_rss2.gif) no-repeat; padding-left:22px; height:16px; line-height:16px; display:block; float:left; }
#submitbox #submit { padding:3px 6px; background:#fff; border:1px solid #000; color:#000; font-size:11px; cursor:pointer; }
#submitbox #submit:hover { color:#0082c6; }
#submitbox .submitbutton { float:right; }
#cp_post_id { display:none; }
/* comment END */

/* calendar START */
.widget_calendar h3 { display:none; }
#wp-calendar { width:100%; }
#wp-calendar #today { background:#E6E6E6; }
#wp-calendar tbody a { font-weight:bold; }
#wp-calendar caption { font-family:verdana; font-weight:bold;  letter-spacing:;
font-size:150%; padding:0 0 20px 0; background: url(img/bg_line_sidebar.gif) no-repeat bottom; margin:0 0 10px 0; text-align:right; }
#wp-calendar th, #wp-calendar td { text-align:center; }
#wp-calendar tbody td { border:1px solid #CCC; }
#wp-calendar tbody td.pad { border:0 none; }
#wp-calendar th { background:#999; color:#FFF; }
#wp-calendar td#prev { text-align:left; padding-top:5px; }
#wp-calendar td#next { text-align:right; padding-top:5px; }
/* calendar END */

/* linkcat START */
.post .content .linkcat ul li { list-style:none; float:left; width:25%; padding:2px 0; overflow:hidden; }
.post .content .linkcat ul li a { background:url(img/icons.gif) 0 -160px no-repeat; padding-left:22px; height:16px; line-height:16px; }
/* linkcat END */

/* related posts START */
/* when related posts with title */
#related_posts { padding-bottom:10px; }
#related_posts h3 { background:#E3E4E6 url(img/box.gif) 0 0 no-repeat; font-size:12px; padding:6px 12px; font-family:Verdana, "BitStream vera Sans", Arial, Helvetica, Sans-serif; letter-spacing:0em; border-bottom:1px solid #CCC; }
#related_posts ul { background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat; padding:3px 12px 8px; }
#related_posts ul li { list-style:none; padding:3px 5px; border-bottom:1px solid #E3E4E6; line-height:18px; height:1em; overflow:hidden; }
#related_posts .count { font-size:10px; }
#related_posts .excerpt { color:#999; font-size:11px; display:block; }
/* when related posts without title */
/*
#related_posts {
	padding-top:3px;
	padding-bottom:8px;
}
#related_posts ul li {
	list-style:none;
	padding:3px 5px;
	border-bottom:1px solid #E3E4E6;
	line-height:18px;
}
*/
/* related posts END */

/* one-column START */
.one-column #content { background:#FFF; }
.one-column #main { width:906px; }
.one-column #comment { width:902px; }
.one-column .trackback, .one-column .trackback .title { width:876px; }
.one-column .comment .info { width:795px; }
.one-column .comment .info, .one-column .comment .content { background-image:url(img/comment_1col.gif); }
.one-column .boxcaption, .one-column .box, .one-column .trackback, .one-column .trackback .title, .one-column #commentnavi, .one-column #related_posts h3, .one-column #related_posts ul { background-image:url(img/box_1col.gif); }
.one-column .messagebox, .one-column .errorbox { background-image:url(img/messagebox_1col.gif); }
.one-column .post .content .boxcaption, .one-column .post .contejnt .box { background-image:url(img/postbox_1col.gif); }
/* one-column END */

/* thread twitter START */
.post .twitter-tweedles { background:#E2F2FB; border:1px dashed #3FCDEB; padding:10px 0 0; }
.twitter ul { margin:0 12px 0 10px !important; margin:0 10px; }
.post .content .twitter ul li { background:#FCFCFC; padding:0; float:left; list-style:none; list-style-position:outside; border:solid #CCC; border-width:1px !important; border-width:1px 0; width:100%; padding-top:10px; margin-bottom:10px; }
.twitter img { float:left; padding:0 10px 0 0; margin:0 0 10px 10px; }
.twitter_source { color:#999; font-family:georgia; font-style:italic; font-size:10px; }
.twitter_source a { color:#999; }
.twitter_text { margin-bottom:5px; display:block; padding-left:70px; padding-right:10px; }
.twitter_reply { background: url(img/icons.gif) 0 -112px no-repeat; padding-left:22px; padding-right:10px; height:16px; line-height:16px; display:block; font-size:11px; float:right; }
.twitter .twitter_pagebar { padding:0 10px; font-size:11px; }
.twitter .twitter_pagebar a { background:#D1EAF9; padding:2px 5px; border:1px solid #D1EAF9; }
.twitter .twitter_pagebar a:hover { border:1px dashed #3FCDEB; text-decoration:none; }
.twitter .twitter_pagebar strong { background:#A6D0E7; padding:2px 5px; border:1px solid #A6D0E7; }
.post .content .thread_twitter_power_by { display:block; background:#D1EAF9; border-top:1px dashed #3FCDEB; margin-bottom:0; padding:5px 10px; }
.twitter .navigation { padding:10px 5px; }
#thread_twitter .loading { padding:0 10px; font-size:11px; }
#status_update_form { padding:0 10px 10px; }
#status_update_form textarea { width:574px; display:block; margin-bottom:10px; }
/* thread twitter END */