/*
Theme Name: Parenting Theme
Theme URI: http://www.rosieandthethorns.com/
Description: Implementing WordPress Child Themes
Author: Rosie
Author URI: http://www.rosieandthethorns.com/
Template: mixtape
Version: 1.0
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
 
@import url('../mixtape/style.css');

/* STRUCTURE (not all included - only those overridden)
-------------------------------------------------------

1.0 BASE IMPORTS
2.0 GLOBALS
3.0 HEADER
4.0 MENU
5.0 CONTAINER & CONTENT
	5.1 HOME
	5.2 SINGLE PAGE
	5.3 ATTACHMENT
	5.4 LINKS PAGE TEMPLATE
	5.5 ARCHIVE PAGE TEMPLATE
	5.6 SEARCH PAGE
	5.5 PLAIN PAGE
6.0 MP3 PLAYER CSS
	6.1 DARK THEME (Sound Manager 2 mp3 Player styles)
	6.2 MP3 LIST (1 Column)
	6.3 MP3 COLUMN (2 Column)
	6.4 BLOG CONTENT (1 Column)
	6.5 BLOG COLUMN (2 Column)
7.0 NAVIGATION
8.0 COMMENTS & FORMS
9.0 SIDEBAR
10.0 Wordpress 2.5+ Shortcode Styles
11.0 FOOTER
12.0 ADDITIONAL CUSTOM CSS

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

/* 2.0 GLOBALS
------------------------------------------ */
html{background:#FAF8E3;color:#191919;line-height:1;font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;margin:0;padding:0;}

body {background:#FAF8E3;background-image:url('../../uploads/2009/10/scarf-bg-tile-fade.jpg');background-repeat:repeat;
		background-position: top left;
		background-attachment: scroll;z-index:20;
}

a:hover, a:active {text-decoration:none;color:#990000;}
a, a:link, a:visited {text-decoration:none;color:#990000;}
		
img,img.alignnone {margin: 0 0 0 0;clear:both;float:none;display:block;}
img.alignleft, .alignleft {margin:0 0 0 0px;clear:left;float:left;}
img.alignright, .alignright {margin:0 0 0 0;clear:right;float:right;}
img.aligncenter, .aligncenter {margin:0 auto;position:relative;clear:none;}
img.inline {margin: 0 0 0 0;float:none;display:inline;}
img.solidborder {border-width:10px; border-style:solid; border-color:#E3E1C1;}
img.solidborder:hover {border-width:10px; border-style:solid; border-color:#CCCC99;}

.clearboth { clear: both; }
.clearleft { clear:left }
.clearright { clear:right }
.clearnone { clear:none }

.tileimages {
float: left;
width: 200px;
margin: 0 0 0 0;
}

table.tracklist {table-layout:fixed;font-weight:600;}
table.tracklist td {padding:0 5px 0 5px;}

/* 3.0 HEADER
------------------------------------------ */
div#header{text-align:left;padding:0;background:#FAF8E3;height:7.5em;clear:both;float:none;display:block;background-image:url("http://www.rosieandthethorns.com/ratt/wp-content/uploads/2009/10/ratt-name.png");background-repeat: no-repeat;
		background-position: top center;
		background-attachment: scroll;
		width:100%;
		margin:0 auto;}
div#header h1#blog-title a {display:block;height:4.7em;line-height:4.7em;font-size:1em;color:#990000;background:transparent;letter-spacing:-0.03em;margin:0 auto;width:800px;}
div#header h1#blog-title a:hover {color:#CCCC99;}

/* 4.0 MENU
------------------------------------------ */
div#menu{font-size:1.1em;height:4.5em;background:#FAF8E3;display:block;width:100%;border-top:1px solid #CCCC99;border-bottom:1px solid #CCCC99;float:none;clear:both;}
div#menu ul {margin:0 auto;width:820px;}
div#menu ul a{font-size:1.1em;font-weight:800;text-decoration:none;line-height:4.5em;}
div#menu ul li a.title{display:none;}
div#menu ul,div#menu ul ul,div#menu ul li{height:4.5em;list-style:none;display:block;}
div#menu ul li{float:left;}
div#menu ul li a{padding:0 1em;line-height:4.1em;height:4.1em;display:block;}
div#menu ul li a:hover{background:#E3E1C1;}

/* display child menu items on hover */
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0em;position:absolute;}
div#menu ul li:hover ul{float:none;width:170px;z-index:98}

/* set child menu style */
div#menu ul li:hover ul li a{background:#CCCC99;border-top:0px solid #CCCC99;display:block;padding:2px;margin:0;width:170px;line-height:2em;height:2em;z-index:99}
div#menu ul li:hover ul li a:hover{background:#E3E1C1;border-bottom:1px solid #CCCC99;border-top:0px solid #CCCC99;display:block;padding:2px;margin:0;width:170px;line-height:2em;height:2em;z-index:99}

div#menu ul ul{display:none;}
div#menu ul ul li{float:none;height:2em;padding:0;}
div#menu ul ul li a{margin:0;padding:0;height:2em}
div#menu ul ul li a:hover{background:#EEE;}

/* hide grandchild menu */
div#menu ul ul ul li{display:none;}


/* 5.0 CONTAINER & CONTENT
------------------------------------------ */
div#pagetext{
		width:50%;}

div#container{
		width:100%;
		margin:0 auto;
		padding:3em 0 3em 0;
		border-bottom:1px solid #CCCC99;background-image:url("http://www.rosieandthethorns.com/ratt/wp-content/uploads/2009/10/face-overlay.png");
		background-repeat: no-repeat;
		background-position: top right;
		background-attachment: scroll;z-index:15;}

div#container .entry-meta{color:#666666;font-size:0.9em;letter-spacing:.03em;}

div#container h2 .the-title {
display:block;
float:left;
width:80%;
}

div#sidebar-container {
background-color:#FAF8E3;
height:790px;
width:100%;
}
	
/* 6.0 MP3 PLAYER CSS colour changes to Crazy Talk theme
------------------------------------------ */
ul.playlist li a{position:relative;text-decoration:none;font-weight:800;padding:0;color:#990000;font-size:2em;line-height:1em;letter-spacing:-1px;outline:none;z-index:2;text-shadow:0 0 0 #FAF8E3; /* stupid Safari "fat"font rendering tweak */}
ul.playlist li:hover a{color:#990000;}
ul.playlist li:hover{background-color:#E3E1C1;}

	/* 6.1 DARK THEME (Sound Manager 2 mp3 Player styles  ) */
	ul.playlist.dark li.sm2_playing a, ul.playlist.dark li.sm2_playing p {color:#666}
	ul.playlist.dark li.sm2_playing .timing, ul.playlist.use-peak.dark li.sm2_playing .peak{color:#990000}
	ul.playlist.use-spectrum.dark li.sm2_playing .spectrum-container{background-color:#222;border-color:#444}
	ul.playlist.use-spectrum.dark li.sm2_playing .spectrum-container .spectrum{background-color:#999}
	ul.playlist.dark li.sm2_paused{background-color:#CCCC99}
	ul.playlist.dark li.sm2_paused a, ul.playlist.dark li.sm2_paused p {color:#666;}
	ul.playlist.dark li.sm2_playing, ul.playlist.dark li.sm2_playing:hover{background-color:#CCCC99}
	ul.playlist.dark li:hover .controls .statusbar{background-color:#CCCC99}
	ul.playlist.dark li .controls{background-color:#CCCC99;}
	ul.playlist.dark li .controls .statusbar{background-color:#CCCC99;border-color:#E3E1C1}
	ul.playlist.dark li .controls .statusbar .position{background-color:#990000;border-right:3px solid #990000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
	ul.playlist.dark li .controls .statusbar .loading{background-color:#E3E1C1}
	ul.playlist.dark li .timing, ul.playlist.use-peak.dark li .peak{background:transparent;border-width:0px;color:#990000;}
	ul.playlist.dark.use-peak li .peak .l, ul.playlist.dark.use-peak li .peak .r{background:transparent;border-width:0px;}

	/* 6.2 MP3 LIST (1 Column)
	------------------------------------------ */
	div#mp3-list{width:820px;margin:0 auto;padding:0 0 3em 0;}
	div#mp3-list h3 {margin:1.5em 0 1.5em 10px;width:800px;display:block;clear:both;float:none;}
	div#mp3-list h3 span.mp3-feed {font-size:0.75em;font-weight:400;float:right;text-align:right;right:0;padding-top:3px;position:absolute;}
	div#mp3-list h3 span.mp3-feed a{font-weight:400;}
	div#mp3-list ul.playlist li {font-size:1.25em;padding-right:0;margin-right:0;}
	div#mp3-list ul.playlist li img.alignleft { margin:0 10px 10px 0;float:left;}
	div#mp3-list ul.playlist li a {width:62%;font-family:"HelveticaNeue-Heavy","Helvetica Neue Heavy","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	div#mp3-list ul.playlist li .timing {font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;width:32%;text-align:left;margin:inherit 0;padding:inherit 0;right:0;position:absolute;}
	div#mp3-list ul.playlist li div.timing div.timing-data{padding-left:0;margin-left:0;}
	div#mp3-list ul.playlist li p {width:410px;font-size:.75em;margin:0;padding:0 20px 0.5em 0;float:left;display:table;}
	div#mp3-list ul.playlist li span.entry-meta {float:right;display:block;margin:0.5em 0 0 0;padding: 0 0 0.5em 0;font-size:0.65em;text-align:left;line-height:0.4em;letter-spacing:0.015em;width:33%;}
	div#mp3-list ul.playlist li span.entry-meta a {font-size:1.1em;font-weight:500;letter-spacing:0.015em;display:inline;font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	div#mp3-list ul.playlist li span.entry-meta span {display:inline;}
	
	/* 6.3 MP3 COLUMN (2 Column)
	------------------------------------------ */
	div#mp3-column{width:350px;margin:0 2em 0 0;padding:0 0 3em 0;float:left;}
	div#mp3-column h3 {margin:1.5em 0 1.5em 10px;width:330px;display:block;clear:both;float:none;}
	div#mp3-column h3 span.mp3-feed {font-size:0.75em;font-weight:400;text-align:left;padding-top:2px;}
	div#mp3-column h3 span.mp3-feed a {font-weight:400;}
	div#mp3-column ul.playlist li {font-size:1.5em;margin-top:0;}
	div#mp3-column ul.playlist li img.alignleft { margin:0 10px 10px 0;float:left;}
	div#mp3-column ul.playlist li a {width:62%;font-family:"HelveticaNeue-Heavy","Helvetica Neue Heavy","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	div#mp3-column ul.playlist li .timing {font-size:1.1em;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	div#mp3-column ul.playlist li p {width:230px;font-size:0.75em;margin:0;padding:0 0 0.5em 0;float:left;display:table;}
	div#mp3-column ul.playlist li span.entry-meta {float:right;display:block;margin:0.5em 0 0 0;padding: 0 0 0.5em 0;font-size:0.6em;text-align:right;line-height:0.4em;letter-spacing:0.015em;width:100%;}
	div#mp3-column ul.playlist li span.entry-meta a {font-size:1.1em;font-weight:500;letter-spacing:0.015em;display:inline;font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	div#mp3-column ul.playlist li span.entry-meta span {display:inline;}

	/* 6.5 BLOG COLUMN 2 Column (1 Column commented out)
	------------------------------------------ */
	div#blog-column {width:310px;margin:0 auto;padding:0 0 3em 0;display:block;float:left;}
/*	div#blog-column {width:820px;margin:0 auto;padding:0 0 3em 0;display:block;float:left;} */
	div#blog-column h3 {margin:1.5em 0 1.5em 10px;width:310px;display:block;clear:both;float:none;}
/*	div#blog-column h3 {margin:1.5em 0 1.5em 10px;width:800px;display:block;clear:both;float:none;} */
	div#blog-column h2 span.entry-date {font-size:0.5em;font-weight:100;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	div#blog-column h2.entry-title a {font-size:0.5em;}
	div#blog-column div.post {width:280px;padding:1em;margin:0;overflow:hidden;float:left;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
/*	div#blog-column div.post {width:800px;padding:1em;margin:0;overflow:hidden;float:left;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px} */
	div#blog-column div.post.alt {border-right: 0px dotted #888;padding:1em 1em 1em 1em;margin:0;}
	div#blog-column div.post:hover {background:#E3E1C1;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
	div#blog-column div.post h2 {font-size:3em;margin:0;font-weight:800;width:280px;display:block;}
/*	div#blog-column div.post h2 {font-size:3em;margin:0;font-weight:800;width:800px;display:block;} */
	div#blog-column div.post .entry-content p {margin-bottom:1em;color:#666666;text-left;}
	div#blog-column div.post .entry-date {clear:both;display:block;}

	/* 6.5 NEWS COLUMN 1 Column	
	------------------------------------------ */
div#news-column {width:820px;margin:0 auto;padding:0 0 3em 0;display:block;float:left;}
div#news-column h3 {margin:1.5em 0 1.5em 10px;width:800px;display:block;clear:both;float:none;}
	div#news-column h2 span.entry-date {font-size:0.5em;font-weight:100;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	div#news-column h2.entry-title a {font-size:0.5em;}
div#news-column div.post {width:800px;padding:1em;margin:0;overflow:hidden;float:left;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
	div#news-column div.post.alt {border-right: 0px dotted #888;padding:1em 1em 1em 1em;margin:0;}
	div#news-column div.post:hover {background:#E3E1C1;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}

div#news-column div.post h2 {font-size:3em;margin:0;font-weight:800;width:800px;display:block;}
	div#news-column div.post .entry-content p {margin-bottom:1em;color:#666666;text-left;}
	div#news-column div.post .entry-date {clear:both;display:block;font-weight:200;}

	/* 6.5a FEATURE PANEL 1 Column
	------------------------------------------ */
	div#feature-panel-wide {width:600px;margin:0 0 0 0;padding:0 0 0 0;display:block;float:left;background:#E3E1C1;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
	div#feature-panel-wide h2.entry-title {margin-bottom:.5em;}
/* div#feature-panel-wide:hover {background:#CCCC99;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px} */
	div#feature-panel-wide div#post .entry-content {align:center;width:520px;margin:2em;color:#666666;text-align:justify;}

	/* 6.5a FEATURE PANEL 2 Column
	------------------------------------------ */
	div#feature-panel {width:430px;margin:0 0 0 0;padding:0 0 0 0;display:block;float:right;}
	div#feature-panel h2.entry-title {margin-bottom:.5em;}
	div#feature-panel:hover {background:#E3E1C1;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
	div#feature-panel div#post .entry-content {align:center;width:380px;margin:2em;color:#666666;text-align:justify;}
	
/* 7.0 NAVIGATION
------------------------------------------ */
div#nav-above{display:none;}
div#nav-below{width:800px;margin:0 auto;height:6em;line-height:6em;border-top:1px solid #CCCC99;display:block;clear:both;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}

/* 8.0 COMMENTS & FORMS
------------------------------------------ */
div#comments {width:800px;margin:0 auto;padding:3em 0;clear:both;}
div#comments h2 {font-size:1.5em;margin-bottom:1em;color:#666666;}
div#comments h3 {/* width:100%;clear:both; */width:190px;margin:0;font-weight:800;display:block;position:static;float:left;clear:none;}
div.comments ol, div.comments ul {list-style:none;margin:0;}
div.comments ul li.comment {background:#E3E1C1;width:800px;padding:1em;margin:0;display:table;clear:both;list-style:none;float:none;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
div.comments ul li.comment img.avatar {float:left;display:block;position:relative;padding-right:1em;}
div.comments ul li.comment:hover {background:#CCCC99;}
div.comments ul li .comment-info{width:33%;float:left;display:block;}
div.comments ul li .comment-text{width:66%;float:left;display:block;}
div.comments ol li .comment-meta, div.comments ul li .comment-meta {color:#666666;font-size:0.9em;letter-spacing:.03em;}
div#respond h3 {width:100%;clear:both;margin:3em 0 0 0;font-weight:800;display:block;position:static;float:none;}
div.container form div {padding:0;}
textarea#comment{height:13em;margin:0;overflow:auto;width:62%;}
form#commentform .form-label{margin: 0;padding:0px;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:33.33%;font-size:1.2em;}
input#author,input#email,input#url,textarea#comment{padding:0;}
code, kbd, samp, pre, tt, var, input[type="text"], input[type="password"], textarea {font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
.container input#searchsubmit, .container input#submit {margin-top:0.5em;}

/* 9.0 SIDEBAR
------------------------------------------ */
div#sidebar-wrap {width:800px;margin:0 auto;padding:3em 0;clear:both;background-color:transparent;}
div#sidebar-wrap div.sidebar {background-color:transparent;}


/* 11.0 FOOTER
------------------------------------------ */
div#footer {clear:left;width:100%;height:12em;text-align:left;border-top:1px solid #CCCC99;background:#E3E1C1;display:block;padding:0;margin:0;}
div#footer-content{width:800px;margin:0 auto;padding:4em 0 2em 0;}

/* 12.0 ADDITIONAL CUSTOM CSS
------------------------------------------ */
a.gotop {
	position:fixed;
	bottom:30px;
	right:4px;
	display:scroll;
	width:43px;
	height:34px;
	text-indent:-1000em;
	overflow:hidden;
	background:url(http://www.rosieandthethorns.com/ratt/wp-content/uploads/2010/01/backtotop.gif);
	}