@import url(./base-weblog.css);
@import url(http://xox.wannabegirl.org/mt-static//plugins/ActionStreams/css/action-streams.css);

body {
width: 100%;
font:normal 14px/21px trebuchet ms, arial, verdana,sans-serif;
background:#dbfeff url(top-border.gif) repeat-x;
color:#999;
margin:0;
padding: 0;
}

/* HEADER
--------------------------------------------------------*/

#banner {
margin: 0;
padding: 0;
/*border-bottom:8px solid #fff;*/
height: 100px;
width: 100%;
background:#60390E url(top-border.gif) repeat-x; 
text-align: center;
}

#banner-inner {
margin: 0 auto;
padding: 0;
text-align: left;
height: 100px;
width: 610px;
background:transparent;
}

#title {float: left; width: 320px;}

#menu {float: left; width: 250px; padding-top: 20px; padding-left: 40px;}

h1 {
margin: 0;
padding: 0;
	}

#title h1 a {display:block; width:320px; height: 100px; background: url(title-img.gif) no-repeat; text-indent: -9999px;}

.layout-one-column #banner, .layout-two-column-right #banner {
margin: 0;
padding: 0;
font:bold 2em arial,sans-serif;
text-transform:lowercase;
text-align: left;
border-top:8px solid #18B8C4;
background: transparent url(floral.gif) no-repeat top left;
height: 200px;
}

/* STYLES
--------------------------------------------------------*/

.date-header {
display:block;
margin: 0;
padding: 0;
font:normal 16px georgia, trebuchet ms, arial,sans-serif;
color:#960;
height: 23px;
}

.entry-userpic {
display:none;
}

/* MAIN CONTENT
--------------------------------------------------------*/

.date-header {

}

.entry-body ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.entry-body li {
margin-bottom:.64em;
}

.entry-body blockquote {
margin-left:1.6em;
padding-left:2.2em;
background:url(./leftquote.png) 0 0 no-repeat;
font-family: georgia, "times new roman", serif;
font-size: 1.2em;
color: #333;
}

#pagebody .entry-header {
font-family: georgia, times new roman, serif;
color:#a86;
}

#beta-inner .entry-footer, p.comment-footer {
margin: 0 0 30px 0;
padding: 5px 0 5px 0;
font-size: 9px;
font-family: verdana, arial, sans-serif;
letter-spacing: 0.06em;
color: #960;
text-transform: uppercase;
border-bottom: 2px dotted #fff;
}

.entry-footer {width: 100%;}

.rel-date {float: left; width: 50%;}

.meta {float: left; width: 50%; text-align: right;}

#beta-inner .entry-body {margin-top: 10px;}

/* POST METADATA
--------------------------------------------------------*/

#trackback, #comments h3 {
font-size:1.56em;
color:#EC062C;
border-bottom:1px dotted #EC062C;
}

.comments-open-header {
padding-bottom:.24em;
}

.comment-userpic {
float:right;
margin:0 0 1.6em 1.6em;
border:4px solid #fff;
}

#comments img[alt='[TypeKey Profile Page]'] {
background:#eee;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#333;
}

/* ONE-COLUMN TEMPLATE
--------------------------------------------------------*/

h2 {
padding-top:.16em;
padding-bottom: 10px;
font:normal 18px arial,sans-serif;
letter-spacing: .01em;
}

h2.entry-header a {font-family: georgia, times new roman, serif;border:none;background:#60390E;color:#fff;margin: 0; padding:5px 10px;}

h2.entry-header, h2.archive-header, h3.archive-header {font-family: georgia, times new roman, serif;color: #960;font-size: 18px; margin: 0;}

h3.archive-header {font-size: 15px; text-align: center;}

.entry-body img {
margin-bottom: 15px;
padding:5px;
background: #fff;
}

.layout-one-column .entry-body p { margin-top: 0; }

.layout-one-column .entry-body img {
float:right;
margin: 0.4em 0 1.6em 1.6em;
padding:10px;
background: #fff;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}

.layout-one-column .entry {
margin-bottom:1.5em;
}

.layout-one-column #container {width: 510px; background: transparent url(bottom2.gif) no-repeat bottom right;}

.layout-one-column #container-alt {margin: 0 auto; width: 510px; text-align: left;}

.layout-two-column-right #container {background: transparent url(bottom2.gif) no-repeat bottom right;}

/* TWO-COLUMN, SIDEBAR ON RIGHT
--------------------------------------------------------*/

.layout-two-column-right #container, .layout-two-column-left #container {
width:800px;
}

.layout-two-column-right #alpha {
width:64%;
}

.layout-two-column-right #beta {
width:28%;
}

.layout-two-column-right #beta {
float:right;
}

.layout-two-column-right img, .layout-two-column-left img {
margin-top:.4em;
}

.layout-two-column-right .module-search h2,
.layout-two-column-left .module-search h2,
.layout-three-column .module-search h2 {
display:none;
}

.layout-two-column-right h2.module-header,
.layout-two-column-left h2.module-header,
.layout-three-column h2.module-header, .layout-one-column h2.comments-header, .layout-one-column h2.trackbacks-header, .layout-one-column h2.comments-open-header, .sidebox h2 {margin:10px 0;
font:normal 1.4em georgia,times new roman,serif;color: #a86;
}

.module-content {
margin: 0;
padding: 0 0 10px 0;
}
.module-about {
margin: 0;
padding: 0;
}

.module-flickr {
margin: 0;
padding: 0;
border-bottom:1px dotted #EC062C;}

.module {

}

#alpha p {margin-bottom: 0; padding-bottom: 0; }

#alpha-inner .entry-body p {margin-bottom: 0; padding-bottom: 10px; }

.layout-two-column-right #beta ul {
padding-left:0;
margin:0 0 1em 0;
list-style: none;
}

.layout-two-column-right #beta li, .layout-two-column-right #alpha li {
margin:0;
padding:0 0 0 1.2em;
background:url(bullet.gif) 0 .76em no-repeat;
}

.layout-two-column-right #beta li li {
padding:0;
background:none;
}

p.module-syndicate {
margin: 0;
padding:0 0 10px 0;
background:url(feed-icon.png) 10px 0 no-repeat;
}

.module-powered {
padding-top:1.2em;
}

.module-search.module {
border:none
}

.module-search form {
padding:1.2em 0;
}

.module-search label {
display:block;
font:normal 1.4em georgia,times new roman,serif;
color: #EC062C;
}

.module-search input {
padding:2px;
margin-top:-1.6em;
background:#18B8C4;
border-width:0 1px 1px 0;
border-color:#444;
color: #fff;
cursor: pointer;
}

.module-search #search {
width:10em;
border:2px solid #999;
background:#fff;
color:#666;
}

/* TWO-COLUMN, SIDEBAR ON LEFT
--------------------------------------------------------*/

.layout-two-column-left #banner {
padding-left:36%;
}

.layout-two-column-left #alpha {
width:28%;
}

.layout-two-column-left #beta {
float:right;
width:64%;
}

.layout-two-column-left #alpha li {
margin:0;
padding:0 0 0 1.2em;
background:transparent;
}

.layout-two-column-left #alpha li li {
padding:0;
background:none;
}

/* THIRD-COLUMN
--------------------------------------------------------*/

.layout-three-column #container {
width:610px;
background: transparent;
margin: 20px auto 10px auto;
}

.layout-three-column #beta {
float:left;
width:610px;
background: transparent;
margin-right: 0px;
margin-left: 0px;
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
line-height: 28px;
}

.layout-three-column #alpha, .layout-three-column #gamma {
float:left;
width: 290px;
margin: 25px 0;
padding: 0;
display: none;
}

.layout-three-column #alpha {background: transparent;}

.sidebar-wrapper {
width:100%;
float: left;
}

.sidebar-wrapper #gamma {
width:59%;
float: left;
padding-right: 5%;
}

.sidebar-wrapper #delta {
width:35%;
float: left;
}

.layout-three-column .entry-body img {
margin-top:.4em;
}

.layout-three-column .module-search #search {
margin-top:-.4em;
}

.layout-three-column .module-search input {
margin-top:.8em;
}

.layout-three-column .module-syndicate {
width:90%;
padding:0 0 0 10%;
background:url(feed-icon.png) 0 20% no-repeat;
}

.layout-three-column #alpha li, .layout-three-column #gamma li {
margin:0;
padding:0 0 0 1.6em;
background:url(bullet.gif) 0 5px no-repeat;
}

.layout-three-column #alpha li li, .layout-three-column #gamma li li {
padding-left:0;
}

.layout-three-column #alpha h2 {color: #a86;}

/* LINKS
--------------------------------------------------------*/

a {
text-decoration:none;
color:#63CACD;
}

a:hover {
text-decoration:underline;
}

h1 {margin: 0; padding: 0;}

h1 a {
color:#A7BF26;
}

h1 a:hover {
color:#fff;
text-decoration:none;
}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_wrapper {margin: 0; padding:0 0 0 48px; background: transparent url(brackets.gif) no-repeat top center; height: 75px; width: 563px;}
.flickr_badge { float: left; }
.flickr_badge img { float: left; width: 50px; height: 50px; padding: 3px; margin: 10px 3px 10px 0; background: #fff; }
#flickr_badge_uber_wrapper {text-align:center; width:100%;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#recently-enjoyed { padding-bottom: 10px; }
#recently-enjoyed ul { list-style: none; margin: 0; padding:0; }

#creditfooter { display: none; }

/* Navigation */

.nav {float: left; width: 250px; margin: 0; font-size: 15px; font-weight: bold; letter-spacing: 0.05em; text-transform: lowercase;}

.nav a:focus, 
.nav a:hover     { display:block; height: 20px; color: #63CACD; background: transparent;}
.nav a           { display:block; height: 20px; color: #FDEFDD; text-decoration: none; }

ul.navleft, ul.navmid, ul.navright {float: left; list-style-type:none; text-align: right;}

ul.navleft, ul.navright {margin: 0; padding: 10px 0 0 0; width: 80px;}

ul.navmid {margin: 0; padding: 10px 0 0 0; width: 90px;}

ul.navleft li, ul.navmid li, ul.navright li {display:block; padding-bottom: 10px;}

ul.navleft {text-align: right;}

ul.navmid {text-align: right;}

ul.navright {text-align: right;} 

/* Nifty Corners */

.sidebox {width:200px; margin-bottom: 10px; padding:0 20px 10px 20px;background: #f0ffff url(corner.gif) no-repeat 100% 100%; border: 5px solid #fff; font-size: 12px; line-height: 24px;}

.sidebox2 {width:610px; margin-bottom: 10px; font-size: 12px; line-height: 24px; color: #fff;}

input#author, input#email, input#url {width:250px; border: none; border-bottom: 1px dotted #fff; background: #63CACD; color: #666;}


textarea#comment-text {width: 290px; height: 115px; background: #dbfeff; border: 5px solid #fff; color: #666;}

.sidebox2 h2 {color: #a86}


/* Footer */

#footer h2 {font-family: georgia, "times new roman", serif;}

#footer #recent a {
text-decoration:none;
color:#FDEFDD;
}

#footer #recent a:hover {
text-decoration:underline;
}

#footer #stuff a {
text-decoration:none;
color:#FDEFDD;
}

#footer #stuff a:hover {
text-decoration:underline;
}

#footer {
margin: 0 0 0 0;
padding: 20px 0 10px 0;
width: 100%;
background: #63CACD url(foot-border.gif) repeat-x;
/*border-top: 5px solid #fff;*/
font-size: 12px;
line-height: 24px;
}

#footer-wrapper {
width:610px;
margin: 0 auto;
color: #fff;
}

#recent {
width:610px;
margin-top: 20px;
margin-bottom: 20px;
text-align: left;
}

.recent-comment {float: left; width: 610px; margin: 20px 0;}

.recent-author {float: left; width: 100px; font: normal 14px/24px georgia,times new roman,serif; margin-right: 10px; text-align: left;}

.recent-text {float: left; width: 500px;}

.recent-text p {margin-top: 0;}

.timestamp {font: italic 11px georgia,times new roman,serif;} 

#stuff {
width: 610px;
margin-top: 20px;
text-align: left;
}

/* Credits */

#credits {
margin: 0;
padding: 10px 0 0 0;
width: 100%;
background:#60390E url(bot-border.gif) repeat-x; 
/*border-top: 5px solid #fff;*/
}

#credits-wrapper {
background:#60390E url(crown.gif) no-repeat 50% 50%; 
}

#credits-inner {
margin: 0 auto;
padding: 0;
font-size: 11px;
font-family: arial, sans-serif;
color: #DBFEFF;
text-align: left;
width: 610px;
}

#left {float: left; width: 260px; height: 50px; padding-top: 25px; padding-right: 70px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 5px; text-align: right;background:transparent url(crown.gif) no-repeat 100% 50%; }

#left p, #right p {margin: 0; padding: 0;}

#right {float: left; width: 260px; text-align: left; height: 50px; padding-left: 20px; padding-top: 25px; margin-top: 10px; margin-bottom: 5px; }

ul#tla {list-style-type: none; display: inline; margin: 20px 0 0 0; padding: 0;}

ul#tla li {display: inline; padding: 3px 15px 3px 0;font-size: 9px;
font-family: verdana, arial, sans-serif;
color: #960;
text-transform: uppercase;}

ul.module-list {padding-top: 0; padding-bottom: 20px;}

li.module-list-item {padding: 5px 0 10px 0;border-bottom: 1px dotted #fff;}

span.cat a, span.cat a:hover {
margin: 0;
padding: 5px;
font-size: 9px;
font-family: verdana, arial, sans-serif;
letter-spacing: 0.06em;
background: #63CACD;
color: #fff;
text-transform: uppercase;
text-decoration: none;
}

span.cat {
font-size: 11px;
font-family: georgia, trebuchet ms, verdana, arial, sans-serif;
color: #999;
}

.x {float: left; width: 405px; margin: 0 0 10px 0;}

.y {float: left; width: 305px; margin: 0 0 10px 0;}

.y-right {float: left; width: 205px; text-align: right; margin: 0;}

#adsense {margin: 0 auto; padding-top: 20px; width: 500px; text-align: center;}

p.colophon {
margin: 0;
padding: 0;
font-size: 11px;
font-family: trebuchet ms, verdana, arial, sans-serif;
letter-spacing: 0.06em;
color: #999;
}

span.lowercase {text-transform: lowercase}
