/**
 * Theme Name: Joanne's Theme
 * Theme URI: http://joannesammer.com
 * Description: A custom child theme based on the Theme Hybrid framework by Justin Tadlock.
 * Version: 1.0
 * Author: Ron S. Doyle	
 * Author URI: http://rondoylewrites.com
 * Template: hybrid
 */

/* Get base CSS */
@import url('../hybrid/library/css/21px.css');

/* Get layout CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/* Get default CSS */
@import url('../hybrid/library/css/screen.css');


body {
background: #220939 url(images/background.png);
line-height: 1.48;
color: #130f32;
}

#body-container {
margin: 30px auto;
width: 960px;
background: transparent url(images/bg-container.png);
-moz-border-radius: 6px;
}

a, a:visited { 
color: #5e4495;
}

a:hover, a:active {
color:#6c629a;
text-decoration:underline;
}

.drop-cap {
color:#9dcd9f;
float:left;
font-family:Georgia, Times, "Times New Roman", serif;
font-weight: bold;
font-size:55px;
line-height:35px;
margin:3px 3px 0 0;
}

/* Header */

#header-container {
height: 100px;
}

#header {
	margin: 0;
        padding: 0;
        height: 100px;
        width: 920px;
	}

/* Blog title */

#site-title {
            margin: 40px 21px;
            width: 478px;
	    }
#site-title a {
	display: block;
        height: 56px;
        width: 478px;
        padding: 0;
        color: #000;
        background: url(images/header.png) no-repeat 0 0;
	}

#site-title a span {display: none;}

/* Blog description */

#site-description {
	display: none;
	}


/* Header utility widget */

#header-utility {
overflow: hidden;
float: right;
width: 285px;
height: 90px;
margin: -100px 0 0 0;
color: #c8e6ca;
}

#header-utility .widget-title {
padding: 0;
margin: 0;
color: #9dcd9f;
}

#header-utility .widget-inside {
padding: 0; 
margin: 0;
font-size: 18px;
font-style: italic;
line-height: 1.1;
}

/*Page Navigation*/
#primary-menu {
font: normal normal normal 15px/21px Georgia, Times, "Times New Roman", serif;
clear: both;
float: left;
margin: -5px 0 0 20px;
padding: 20px 0;
width: 180px;

}

#primary-menu ul {
float: left;
margin: 0;
width: 180px;

}

#primary-menu li {
clear:both;
line-height: 1.1;             
margin:0;
background: transparent;
             }

#primary-menu li a {
text-align: right;
width: 180px;
border: 0;
margin: 0;
padding: 8px 25px 8px 0px;
font-size:18px;
font-style: italic;
font-weight:normal;
background: transparent;
color: #220939;
}
#primary-menu li.current_page_item a {
color: #9dcd9f;
background: url(images/arrow-left.png) no-repeat center right;
text-decoration: none;
}

#primary-menu li a:hover{
text-decoration: none;
color: #c8e6ca;
}

#container {
float: right;
padding: 0; 
margin: 0;
width: 735px;
height: 100%;
}

#content {
background: #fafafa;
width: 470px;
font-size: 1.1em;
padding: 21px 21px 21px 30px;
float: left;
-moz-border-radius: 6px;
}

.content {
width: 470px;
}

.breadcrumb {
display: none;
}

.entry-title a {
display:none;
}

blockquote {
border-top: 3px double #777;
border-bottom: 3px double #777;
padding: 10px 0;
margin: 0.25em 2.5em;
}

blockquote blockquote {
border: none;
font-style: normal;
font-size: 12px;
padding: 0;
}

/* Widgets */

.widget a {
color:#c8e6ca;
text-decoration:underline;
}

.widget a:hover {
color:#9dcd9f;
text-decoration:none;
}

/* Primary & Secondary Widget Areas */


#primary {
float: left;
position:relative;
margin: 20px 21px 0 0;
background: transparent;
width: 190px;
padding: 0;
}

#primary .widget-inside, #secondary .widget-inside {
color: #f2fcf2;
padding: 0;
}

#primary .textwidget, #secondary .textwidget {
padding: 0 0 0 30px; 
float: right;
}


#primary li, #secondary li {
padding: 0;
margin: 0;
}

#primary .widget-title {
background: url(images/arrow-right.png) no-repeat center left;
text-align: center;
}

#secondary {
clear: right;
float: right;
position: relative;
margin: 20px 0 0 11px;
width: 190px;
background: transparent;
padding: 0;
}
 
/* User-specific Widgets */


#post-7 ul {
width: 470px;
float: left;
}

#post-7 li { 
width: 223px; 
float:left;}

#primary #text-6 .textwidget {
padding: 0 10 0 2px;
}

#primary #text-6 .textwidget h4 {
font-size: 17px;
font-style: italic;
color: #220939;
font-weight: normal;
}

#primary #text-6 li {
font-size: 16px;
font-weight: normal;
padding: 0 0 11px 0;
}

#primary #text-6 .widget-title {
font-size: 24px;
}

/* Footer */

#footer-container { 
margin: 0 0 0 100px;
}

#footer {
margin: 10px 0 0 0;
}