/*
Theme Name: BettyDraper
Theme URI: http://www.melanieross.net/
Description: 2 columns, with a widget-enabled left-hand sidebar 
Version: 1.2
Tags: fixed width, two columns, widget ready, left-aligned
Author: Christian Ross
Author URI: http://www.christianross.net/
*/

#bg { background: url(images/bg_repeat.jpg) 0 0 repeat-y; }

body {
margin: 0;
padding: 0;  
color: #111;
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
font-size: 100.1%;
}


#wrapper{
width: 980px;
margin: 0px;
padding: 0px;
text-align:left;
font-size: 85%;
line-height:20px;
background: url(images/bg_flowersb.jpg) 0 0 no-repeat;
}


#header{
padding: 10px 0 0 0 ;
margin: 0;
height: 200px;
}	


#flash {
width: 560px;
float: right;
margin:0;
height:260px;
padding-top:10px;
}
	
#content{
margin: 0;
padding: 0;

}	


#main {
width: 560px; 
float: right;
margin: 0;
padding: 0 0 20px 0;
overflow: hidden;
}


#sidebar {
padding: 0;
margin: 0 420px 0 0 ;
color:#fff;
}

#footer p {
margin:0;
padding:15px 0;
}

#navigation{
padding: 5px 15px;

}

#navigation div.fleft{
float:left;
}

#navigation div.fright{ 
float:right;
}

#nav-bar { padding:0; }
ul#main-nav { width:300px; float:left; margin:0 0 0 -10px; }
ul#main-nav li { display:inline; }
ul#main-nav li a { color:#F8FFC1; font-size:1em; padding: 3px 8px; -mox-border-radius: 5pxl -webkit-border-radius:5px; text-decoration:none;}
ul#main-nav li a:hover { background: #F8FFC1; color:#A84128; }


#credit{
text-align:left;
padding: 20px 0 0 20px;
}

#credit p {
margin:0;
color:#555;
font-size:85%;
}

#credit p a, #credit p a:hover{
color:#555;
font-weight:100;
}

/*  ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin: 10px 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
/*  font-family: georgia, 'Times New Roman', sans-serif; */
}

h1{
	font-size: 190%;
}
h2{
	font-size: 160%;
}
h3{
	font-size: 120%;
}
h4{
	font-size: 110%;
}
h5{
	font-size: 100%;
}
h6{
	font-size: 70%;
}


a {
color:#766447;
font-weight:800;
text-decoration:none;
}
a:hover{
color:#766447;
text-decoration:underline;
}

a img{
border:0px;
}

hr {
height:2px;
margin:5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

blockquote {
background: #A84128;
padding: 5px 15px;
margin: 3px 30px;
color: #fff;
border: 4px solid #F7D622;
}

form {
margin: 0;
padding:0;
}

fieldset {
padding:10px;
margin:0;
border:none;
}

legend {
font-weight:800;
}

code{
	font-size: 90%;
	font-family: "Courier New", Courier, monospace;
	white-space: pre;
}

td {
 vertical-align:top;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}



/* Headings */ 

form#searchform2 {
display: block;
margin: -20px 0 20px 90px;
}

#header h1 {
margin:  0;
padding: 0 5px 0px 10px;
}

#header h1 a {
font-weight:100;
color: #fff;
text-decoration: none;
font-size: 140%;
line-height:28px;
}

#header h2 {
margin: 0;
padding: 3px 0 5px 10px;
font-weight:100;
font-style:italic;
color: #fff;
font-size: 110%;
letter-spacing: 1px;
}

h2#sectiontitle {
font-size:130%;
font-weight: 800;
font-family: arial, verdana, sans-serif;
padding:6px 6px 6px 10px;
margin:3px 5px 15px 5px;
color: #A84128;
}

/* post styles */

.post{
margin: 0 0 10px 0;
padding: 5px 10px 30px 20px;
}

.post p { 
font-size:110%;
}

.post-title {
width:350px;
float:left;
display:inline;
padding-bottom: 10px;
}

.post-date {
float:right;
padding:0;
margin:0;
text-align:right;
font-size:85%;
line-height:90%;
}

.post-num-comments {
float:right;
padding:0;
margin:0;
text-align:right;
font-size:85%;
line-height:90%;
}

.post-tags a {
font-weight:normal;
}

.entry {
margin: 0;
padding: 0px 10px 3px 10px;
}

.post h2 {
color: #766447;
font-size: 170%;
font-weight:100;
padding: 7px 10px 2px 2px;
margin: 0 0 15px 0;
display:inline;
}


.post h2 a{
color: #766447;
text-decoration:none;
font-weight:100;
display:inline;
}

.post h2 a:hover{
text-decoration:underline;
color: #766447;
display:inline;
}

.postmetadata, .categorymeta{
font-size:90%;
padding: 1px 8px 1px 5px;
margin: 0;
line-height: 12px;
}

.postmetadata{
color: #777;

}

.responses{
float:right;
}

.categorymeta{
text-align:right;
}

/*  Comments   */

h3#comments, h3#postcomment{
	font-size: 100%;
	font-family:verdana, sans-serif;
}	

ol#commentlist{
padding: 0 0 0 20px;
font-size: 90%;
list-style-type: none;
}

ol#commentlist li{
	padding: 0px 3px;
	margin: 0;
}

ol#commentlist li p.commentheader{
margin: 0px 0 0px 0;
display: block;
padding: 1px 5px;
}



ul#commentlist {
padding: 0;
margin:0;
list-style-type:none;
}

ul#commentlist li {
	display: block;
	padding: 0;
	margin: 0 15px 5px 15px;
	font-size:90%;
	background: #A84128;
	border: 4px solid #F7D622;
	color: #fff;
}

ul#commentlist p {
margin: 6px 0;
}

ul#commentlist a {
color: #F7D622;
font-weight:normal;
}

ul#commentlist li div.comm {
margin: 1px;
padding: 1px;
}

ul#commentlist li div.gravatar {
	width:50px;
	float:left;
	padding: 10px 0 0 10px;
}

ul#commentlist li div.gravatar im g {
border: 2px solid #ccc;
}

ul#commentlist li div.commenttext {
padding: 0;
margin:5px 10px 5px 65px;
}

ul#commentlist li div.commenttext div.commentwrapper {
margin:0 0 0 5px;
padding: 3px 8px;
}


/*  sidebar styles */

#subscribe {
text-align:left;
color: #766447;
padding-top:5px;
}

#subscribe p {
margin: 3px 0 10px 20px;
font-size: 100%;
}

#subscribe p a {
color: #766447;
font-weight:normal;
}


.menu{
padding:0;
}

.menu a {
font-weight: 100;
color:#766447;
}

.menu a:hover {
text-decoration:underline;
color:#A58D66;
}

.menu ul {
margin:0;
padding:0;
list-style-type:none;
}

.menu ul li.widget {
margin: 0;
padding: 0 30px 0 85px;
float:right;
}

.menu ul li.widget ul {
margin: 0;
padding:0 0 0 80px;
}

.menu ul li.widget ul li {
padding: 0 0 0 80px;
margin:0;
}

.menu ul li.widget ul li ul {
}

.menu ul li.widget ul li ul li {
padding: 2px 0 2px 75px;
margin:3px 0 0 0;
}

.menu h3 {
font-size:110%;
margin:14px 0 8px 0;
color: #000;
font-weight: 800;
}

.menu h3 a {
color: #766447;
font-weight: 800;
}
.menu a:hover{
color: #766447;
text-decoration: underline;
}

.menu form {
display:block;
margin:0px;
padding:4px;
}

.menu input {
margin:3px 0;
font-size:90%;
}

li.widget .textwidget, li.widget #search {
padding: 2px 5px;
}

.searchform { width:200px; background-color:#FFF; border: 1px solid #CCC; padding:3px; color:#CCC; margin-top:-1px; }

/* Calendar styles */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}


#footer a{
font-weight: 100;
}

#sidebar input{
background: #e8e8e8;
border: 1px solid #666;
color: #333;
}

/* RSS Feed link under search bar */
#RSS {
padding: 0;
margin: -20px 0 20px 90px;
}


/*  flickr rss images */
#flickrrss {
padding: 10px 0 20px 90px;
margin-top: -30px;
}

#flickrrss ul { list-style:none; }
#flickrrss ul li { display:none; }

#flickrrss ul, #flickrrss ul li { padding: 0; margin: 0; border: 0; }
#flickrrss a img { border: 4px #F7D622 solid; margin: 0 5px 0 0; }

#flickrrss a:hover img { border: 4px #F54A2A solid; }

/*  twitter badge  */
#twitter_div {
width:205px;
background: #A84128;
border: 4px solid #F7D622;
margin: -25px 0 20px 90px;
padding:5px;
}

#twitter_div a {
color:#ccc;
display:inline;
text-align:left;
}
