/*   
Theme Name: Stephantasy
Theme URI: http://stephantasy.com/
Description: Stephantasy's personal English WordPress theme
Author: Stephantasy
Author URI: http://stephantasy.de/
Version: 1.0
.
This is my personal theme. All rights reserved.
.
*/

/*** 0. Reset ****************************************************************************************
*****************************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

ol, ul { list-style: none; }

/*** 1. Typography **********************************************************************************
*****************************************************************************************************/

/*** 1.1 @font-face ***
**********************/

/*** 
**** Disclaimer:
**** All fonts used on this website are either free fonts and/or used with permission. 
**** If you like the fonts or want to use them, too, please visit the websites of their creators. 
**** You may use the fonts embedded in this website only to view the website. 
**** All other uses are prohibited.
***/

/*** Header font ***/

@font-face {
font-family: "Broken 15"; /*** by Eduardo Recife at http://www.misprintedtype.com/v4/ ***/ 
src: url('http://stephantasy.de/stuff/fonts/BROKEN15.TTF') format('truetype');;
}

/*** Content fonts 
**** Museo and Museo Sans by Jos Buivenga (LJB) at the exljbris Font Foundry 
**** http://www.josbuivenga.demon.nl/ 
***/

/*** serif ***/

@font-face {
font-family: "Museo 500"; 
src: url('http://stephantasy.de/stuff/fonts/Museo500-Regular.otf') format('opentype');
}

@font-face {
font-family: "Museo 700"; 
font-weight: 700;
src: url('http://stephantasy.de/stuff/fonts/Museo700-Regular.otf') format('opentype');
}

/*** sans serif ***/

@font-face {
font-family: "Museo Sans 500";
src: url('http://stephantasy.de/stuff/fonts/MuseoSans_500.otf') format('opentype');
}

@font-face {
font-family: "Museo Sans 500";
font-style:italic;
src: url('http://stephantasy.de/stuff/fonts/MuseoSans_500_Italic.otf') format('opentype');
}

@font-face {
font-family: "Museo Sans 700";
font-weight:700;
src: url('http://stephantasy.de/stuff/fonts/MuseoSans_700.otf') format('opentype');
}

@font-face {
font-family: "Museo Sans 700";
font-style:italic;
font-weight:700;
src: url('http://stephantasy.de/stuff/fonts/MuseoSans_700_Italic.otf') format('opentype');
}

/*** Handwriting fonts ***/

@font-face {
font-family: "Mareen's Print"; /*** Mareen Fischinger at http://mareenfischinger.com/ ***/
src:url('http://stephantasy.de/stuff/fonts/mareensprint.TTF') format('truetype');
}

/*** 1.2 General Font Styling ***
********************************/

/***
**** for special styling
**** please see the relevant div
***/

/*** headings ***/

h2 {
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size:1.5em; 
line-height:1em;
margin: 1.33em 0 0.667em 0;
}

h3 {
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size:1.25em; 
line-height:1.2em;
margin:1.6em 0 0.8em 0;
}

h4 {
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size:1.125em;
line-height:1.333em;
margin:1.333em 0;
}

/*** text ***/

p {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:1em;
line-height:1.5em;
margin:1.5em 0;
}

a { font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; }

b, bold, strong { 
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-weight:700;
}

em, i {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-style:italic;
}

b i, b strong,em b, em strong, i b, i strong, strong em,strong i {
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-style:italic;
font-weight:700;
}

small {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:0.75em;
line-height:2em;
margin:1em 0;
}

q, cite {
border-bottom:2px dashed #75A261;
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-style:italic;
}

.entry-content blockquote {
background-color:#DDC9A8;
border-left:0.25em solid #BCA071;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-bottom-radius:5px;
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin:1em 2em 1em 8em;
padding:0.25em 1em;
}

.excerpt-content blockquote {
background-color: #D8DFE9;
border-left:0.25em solid #727F90;
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin:1em 2em 1em 8em;
padding:0.25em 0.5em;
}

.gallerypost blockquote,.pagepost blockquote  {
background-color:#DDC9A8;
border-left:0.25em solid #BCA071;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-bottom-radius:5px;
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin:1em 1em 1em 2em;
padding:0 1em;
}

/*** list styling ***
********************/

/*** ol ***/

.entry-content ol {
background:#D8DFE9;
border-left:0.25em solid #727F90;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-bottom-radius:5px;
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin:1em 2em 1em 8em;
padding:1em;
}

.excerpt-content ol {
background-color: #D8DFE9;
border-left:0.25em solid #727F90;
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin:1em 2em 1em 8em;
padding:0.5em;
}

.gallerypost ol, .pagepost ol {
background:#D8DFE9;
border-left:0.25em solid #727F90;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-bottom-radius:5px;
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin:1em 1em 1em 2em;
padding:1em;
}

/*** ul ***/

.entry-content ul {
background:#B0D1A4;
border-left:0.25em solid #75A261;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-bottom-radius:5px;
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin:1em 2em 1em 8em;
padding:1em;
}

.excerpt-content ul {
background-color: #D8DFE9;
border-left:0.25em solid #727F90;
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin:1em 2em 1em 8em;
padding:0.5em;
}

#error-message .entry-content ul, .gallerypost ul, .pagepost ul {
background:#B0D1A4;
border-left:0.25em solid #75A261;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-bottom-radius:5px;
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin:1em 1em 1em 2em;
padding:1em;
}

/*** ol ul, ul ul ***/

.category-stephantasy .entry-content ol ul, .excerpt-content ol ul, .gallery-content ol ul, 
.category-stephantasy .entry-content ul ul, .excerpt-content ul ul, .gallery-content ul ul  { 
background-color:transparent !important;
border:0;
margin:0 0 0 2em;
 }

/*** list style types ***/

.entry-content ol li, .excerpt-content ol li .gallery-content ol li { 
list-style-type: decimal;
margin:0.5em 0 0 1em; 
}

.entry-content ul li,
.excerpt-content ul li,
.gallery-content ul li { 
list-style-type:disc;
margin:0.5em 0 0 1em; 
}

.entry-content ol ul li,
.entry-content ul ul li,
.excerpt-content ol ul li,
.excerpt-content ul ul li,
.gallery-content ol ul li,
.gallery-content ul ul li {
list-style-type:circle;
margin:0.25em 0 0 0.5em; 
}

/*** other tags ***
******************/

code { font-family: Consolas, "Lucida Console", Monaco, monospace; }

table, thead, tbody, tr, th, td { font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
}


/*** special classes ***
***********************/

.broken {
font-family: "Broken 15", Impact, Charcoal, sans-serif;
font-size:1.5em;
line-height:1em;
margin: 1.33em 0 0.667em 0;
}

.broken h2 {
font-family: "Broken 15", Impact, Charcoal, sans-serif;
font-size:2.5em;
line-height:0.6em;
margin: 0.6em 0;
}

.hand, .hand p,.hand a { 
font-family: "Mareen's Print","Comic Sans MS", serif !important;
font-size:1.125em;
line-height:1.333em;
margin:1.333em 0;
}

#alpha-top-left .hand, #alpha-top-left .hand p, #alpha-top-left.hand a { 
font-family: "Mareen's Print","Comic Sans MS", serif !important;
font-size:1em;
line-height:1.5em;
margin:1.5em 0;
}

.hand h3 { 
font-family: "Mareen's Print","Comic Sans MS", serif !important;
font-size:1.25em; 
line-height:1.2em;
margin:1.6em 0 0.8em 0;
 }

.poem h3 {
font-family: "Mareen's Print","Comic Sans MS", serif !important;
font-size:1.25em; 
line-height:1.2em;
margin:1.6em 0 0.8em 0;
}

.poem p { 
background:#C6BA88 url('/img/tapestrybg.jpg');
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
padding:1em;
}

p.print {
margin:0;
text-align:right;
}

/*** 2. Links ****************************************************************************************
*****************************************************************************************************/

/*** 2.1 general ***
*******************/

a:link {
color: #4C617C;
padding:2px;
text-decoration:none;
}

a:visited {
color: #066;
padding:2px;
text-decoration:none;
}

a:hover {
color: #F8F1E6;
background-color:#4C617C;
padding:2px;
text-decoration: none;
} 

a:active {
color: #F8F1E6;
background-color:#BCA071;
padding:2px;
text-decoration: none;
}

/*** 2.2 #beta-left, #beta-right ***
***********************************/

#beta-left a:link, #beta-right a:link {
color: #4C617C;
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
padding:0.25em;
text-decoration:none;
}

#beta-left a:visited, #beta-right a:visited {
color: #4C617C;
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
padding:0.25em;
text-decoration:none;
}

#beta-left a:hover, #beta-right a:hover {
color: #F8F1E6;
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
background-color:#4C617C;
padding: 0.25em;
text-decoration: none;
} 

#beta-left a:active, #beta-right a:active {
color: #F8F1E6;
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
background-color:#BCA071;
padding: 0.25em;
text-decoration: none;
}

/*** 2.3 other elements ***
**************************/

/*** content links ***/

.entry-content a:hover, .excerpt-content a:hover, .gallery-content a:hover {
background-color:transparent;
color:#4C617C;
text-decoration:underline;
}

.entry-content a:active, .excerpt-content a:active, .gallery-content a:active {
background-color:transparent;
color:#BCA071;
text-decoration:line-through;
}

/*** read more link ***/

a.more-link:link { 
background-color:#DDC9A8;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:1.125em;
font-weight:700;
padding:0.25em;
}     

a.more-link:hover {
color: #F8F1E6 !important;
background-color:#4C617C !important;
text-decoration:none !important;
} 

a.more-link:active {
color: #F8F1E6 !important;
background-color:#BCA071 !important;
text-decoration:none !important;
}

.excerpt-link a, .excerpt-link a:link { 
background-color:#D8DFE9;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-bottom-radius:5px;
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif !important; 
padding-left:0.25em;
 }

.excerpt-link a:hover {
color: #F8F1E6 !important;
background-color:#4C617C !important;
text-decoration:none !important;
}

.excerpt-link a:active {
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-bottom-radius:5px;
color: #F8F1E6 !important;
background-color:#BCA071 !important;
text-decoration:none !important;
}

/*** 3. Navigation ***********************************************************************************
*****************************************************************************************************/

/***
**** 3.1 top-nav
**** 3.2 langs-nav
**** 3.3 main-nav (to Pages)
**** 3.4 content-nav (on index.php, between pages with several entries)
**** 3.5 entry-nav (on single.php, between individual entries)
**** 3.6 post-nav (within a single, paginated entry)
**** 3.7 comments-nav
**** 3.8 other nav
***/

/*** 3.1 top menu ***
********************/

#top-nav {
font-size: 1em;
padding:1em 0 0 0;
}

ul#navlist  {
font-size: 1em;
padding: 0;
white-space: nowrap;
}

#navlist li {
display: inline;
font-size: 1em;
list-style-type: none;
margin-right:0.5em;
padding:0;
}

#navlist a { 
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size: 1em;
padding: 8px 10px 4px 10px; }

#navlist a:link, #navlist a:visited {
color: #333;
background-color:#90AA85;
padding: 6px 10px 3px 10px;
text-decoration: none;
}

#navlist a:hover {
color: #F8F1E6;
background-color:#4C617C;
padding: 6px 10px 3px 10px;
text-decoration: none;
} 

#navlist a:active {
color: #F8F1E6;
background-color:#BCA071;
padding: 6px 10px 3px 10px;
text-decoration: none;
}

/*** 3.2 langs-nav ***
*********************/

.langs-nav { 
text-align:right;
}

.langs-nav a, .langs-nav a:hover, .langs-nav a:active { background-color:transparent; }

/*** 3.3 main-nav ***
*******************/

.main-nav {
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:1.125em;
text-align:right;
margin:1em 0 1em 7em;
}

.main-nav a { font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif; }

/*** 3.4 content-nav navigation on index.php ***
**********************************************/

.content-nav { 
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:1.125em;
margin:0 auto;
width:30em;
}

.nextposts { 
float:right;
margin:1em 0 0.25em 0;
text-align:right;
width:14em; }

.previousposts { 
float:left;
margin:1em 0 0.25em 0;
width:14em;
}

/*** 3.5 navigation on single.php ***
***********************************/

.entry-nav { 
font-family: "Museo Sans 700","Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:1.125em;
margin:0 auto;
width:30em;
}

.nextpost {
float:right;
margin:1em 0 0 0;
text-align:right;
width:14em;
}

.previouspost {
float:left; 
margin:1em 0 0 0;
width:14em;
}

/*** 3.6 navigation for paged entries ***
***************************************/

.post-nav { 
font-family: "Museo Sans 700","Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:1.125em;
}

.post-nav a:link {
background-color:#DDC9A8;
color: #4C617C;
padding:2px 3px;
text-decoration:none;
 }

.post-nav a:visited {
color: #066;
padding:2px 3px;
text-decoration:none;
 }

.post-nav a:hover {
color: #F8F1E6;
background-color:#4C617C;
padding:2px 3px;
text-decoration: none; }

.post-nav a:active {
color: #F8F1E6;
background-color:#BCA071;
padding:2px 3px;
text-decoration: none; 
 } 

/*** 3.7 comments navigation ***
*******************************/

.comment-nav { font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif; }

/*** 3.8 Now Reading navigation ***
**********************************/

#now-reading-nav { font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif; }

/*** 4. Basics ***************************************************************************************
*****************************************************************************************************/

body {
background:#9DBE90 url('/img/bg.jpg');
background-attachment:fixed;
color:#333;
font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
line-height: 1em;
}

#container {
background-color:transparent;
margin-right:auto;
margin-left:auto;
overflow:hidden;
width:64em;
}

.clear { clear:both; }

select { 
background-color:#F8F1E6;
border:2px inset #BCA071;
}

/*** 5. Site Structure *******************************************************************************
*****************************************************************************************************/

/***
**** 5.1 Header
**** 5.2 BETA
**** 5.3 ALPHA
**** 5.4 Content Details
**** 5.5 Widgetized Areas: widgets1, widgets2, iblog
**** 5.6 Footer
**** 5.7 Ornaments
***/

/*** 5.1 Header (stays always the same ) ***
*******************************************/

#header {
margin:0;
padding:1em 0 0 1em;
}

#header-content { padding:1em 0; }

#header h1 {
color:#4C617C;
font-family: "Broken 15", Impact, Charcoal, sans-serif;
font-size:4.5em; 
line-height:0.49em;
margin-bottom:0.333em;
}

#page-header h1 {
color:#4C617C;
font-family: "Broken 15", Impact, Charcoal, sans-serif;
font-size:4.5em;
line-height:0.333em;
margin:0.333em 0;
text-align:center;
}

/*** 5.2 General: BETA - the sidebars ***
****************************************/

#beta-left { 
display:inline;
float:left;
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
padding-right:0.75em;
padding-bottom:200px;
text-align:right;
width:9.25em;
}

#beta-right { 
float:left;
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
padding-left:0.75em;
padding-bottom:200px;
width:9.25em;
}

#beta-left .box, #beta-right .box { margin-top:2em; }

#beta-left .box h3,
#beta-right .box h3 {
color:#4C617C;
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin-bottom:0.5em;
}

/*** #beta-left DETAILS ***
**************************/

/*** NEW ***/

#new {
margin-right:-1em;
background: rgba(221, 201, 168, 0.6);
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:0.5em 1em 0.5em 0.5em;
}

#new h2 { 
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin-top:0; 
}

#new h3 {
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}

#new p {  margin:0 0 0.5em 0; }

/*** Page Navigation ***/

#beta-left .menu ul li a:before {
content:url('/img/ico/seashell_blue_24.png');
margin-right:0.2em;
}

#beta-left .page_item { 
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
margin:0.5em 0; 
}

/*** page item ***/

#beta-left .page_item a:hover {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: rgba(76, 97, 124, 0.6) !important;
padding-top:0.6em !important;
}

#beta-left .page_item a:active {
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding-top:0.6em !important;
}

/*** current page item ***/

#beta-left .current_page_item {
background: rgba(221, 201, 168, 0.6);
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-right:-1em;
padding:0.375em 1em 0.375em 0;
}

#beta-left .current_page_item a:before { 
content:url('/img/ico/seashell_sand_24.png') !important;
margin-right:0.2em;
}

#beta-left .current_page_item a { color: #F8F1E6 !important; }

#beta-left .current_page_item a:hover {
background:rgba(188, 160, 113, 0.75) !important;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding-top:0.6em !important;
}

#beta-left .current_page_item a:active {
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding-top:0.6em !important;
}


/*** other ***/

#beta-left .links a:hover, #beta-right #beta-contact a:hover, #beta-right .links a:hover {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: rgba(76, 97, 124, 0.6) !important;
padding-top:0.6em !important;
}

/*** #beta-right DETAILS ***
***************************/

/*** contact ***/

#beta-contact p {
font-size:0.875em;
line-height:1.25em;
margin:0;
}

#beta-contact h3 {
margin:0;
}

#beta-contact h3 a { 
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif !important; }

/*** quotes ***/

.strayquote {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
line-height:1.25em;
}


/*** links ***/

.links h3 {
font-size:1.125em;
line-height:1.333em;
margin:0 0 0.25em 0 !important;
}

/*** calendar ***/

#today {
background:#DDC9A8;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-bottom-radius:5px;
}

#wp-calendar table td {
font-size:0.875em;
margin-right:4px;
padding:2px;
}

#beta-right caption {
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-weight:700;
}

#wp-calendar a:hover, #wp-calendar a:active {
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-bottom-radius:5px;
padding:0 4px !important;
}

/*** search ***/

#beta-right label {
color:#4C617C;
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size:1.25em; 
line-height:1.2em;
}

#searchform input { 
background-color:#F8F1E6;
border:2px inset #BCA071;
margin-bottom:0.5em; }

#searchsubmit { 
background-color:#BCA071 !important; 
border:2px groove #BCA071 !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif !important;
font-size:1em;
line-height:1.25em;
}

/*** 5.3 ALPHA - the main column ***
***********************************/

/***
**** #alpha-one for left box-shadow
**** #alpha-two for right box-shadow
**** #alpha-content for centered content
***/

#alpha-one {
background:#F8F1E6; 
-webkit-box-shadow: -5px 0px 5px #4C617C;
-moz-box-shadow: -5px 0px 5px #4C617C;
box-shadow: -5px 0px 5px #4C617C;
float:left;
width:40em;
}

#alpha-two {
background-color:#F8F1E6; 
-webkit-box-shadow: 5px 0px 5px #4C617C;
-moz-box-shadow: 5px 0px 5px #4C617C;
box-shadow: 5px 0px 5px #4C617C;
margin-left:3em;
padding-bottom:3em;
width:37em;
}

#alpha-content {
line-height:1.75em;
margin-right:3em;
}

/*** Homepage/Portfolio ******************************************************************************
*****************************************************************************************************/

/*** alpha - elements ***
************************/

#alpha-top-left {
border:2px solid #90AA85;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float:left;
margin-top:1em;
min-height:24em;
padding:1em;
width:14.25em;
}
 
#alpha-top-right { 
border:2px solid #90AA85;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float:left;
min-height:24em;
margin:1em 0 0 1em;
padding:1em;
width:14.25em;
}

#alpha-middle-left {
border:2px solid #90AA85;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float:left;
min-height:16em;
padding:1em;
width:14.25em;
}

#alpha-middle-right {
border:2px solid #90AA85;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float:left;
min-height:16em;
margin-left:1em;
padding:1em;
width:14.25em;
}

#alpha-bottom { 
border:2px solid #90AA85;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-top:2em;
padding:1em;
}

/*******************************
*** alpha elements - details ***
*******************************/

#alpha-top-left h2 img,
#alpha-top-right h2 img,
#alpha-middle-left h2 img,
#alpha-middle-right h2 img,
#alpha-bottom h2 img { margin-bottom:-5px; }

#alpha-top-left h2,
#alpha-top-right h2,
#alpha-middle-left h2,
#alpha-middle-right h2,
#alpha-bottom h2 { 
font-size:1.25em; 
line-height:1.2em;
margin-top:0;
}
 
#alpha-top-left ul li,
#alpha-top-right ul li,
#alpha-middle-left ul li,
#alpha-middle-right ul li,
#alpha-bottom ul li {
list-style-type:disc;
margin-left:1.5em;
}

.alpha-box img {
margin-top:10px;
margin-bottom:-5px;
}

.heart {
float:right;
margin-left:3px;
width:48px;
}

#contact { 
background-color:#90AA85;
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
padding:1em;
text-align:center;
}

#contact-content {
border:2px solid #F8F1E6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/*** iblog: Most Recent Posts ***
********************************/

#alpha-bottom h2 { margin-bottom:1em; }

.yd_rp_widget {
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; }

.yd_rp_widget h4 a { background:url('/img/ico/seashell_blue_24.png') no-repeat top left; }

.yd_rp_widget h4 a:link, .yd_rp_widget h4 a:visited, .yd_rp_widget h4 a:hover, .yd_rp_widget h4 a:active  { padding-left:28px; } 

.yd_rp_excerpt { font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif; }

.yd_rp_widget a:link {
color: #4C617C;
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-weight:700;
padding:0.25em;
text-decoration:none;
}

.yd_rp_widget a:visited {
color: #066;
font-weight:700;
padding:0.25em;
text-decoration:none;
}

.yd_rp_widget a:hover {
color: #F8F1E6;
background-color:#4C617C;
font-weight:700;
padding: 0.25em;
text-decoration: none;
} 

.yd_rp_widget a:active {
color: #F8F1E6;
background-color:#BCA071;
font-weight:700;
padding: 0.25em;
text-decoration: none;
}

.yd_rp_widget ul li {
list-style-type:none !important;
margin-top:3em !important;
}

/*** Blog ********************************************************************************************
*****************************************************************************************************/

.category-stephantasy { /*** for blog entries ***/ margin-top:2em; }

/*** general elements ***/

.user_icon {
float:left;
margin-right:1em;
max-width:100px;
}

.mood {
float:right;
width:80px;
}

.giDescription {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:0.875em;
margin:0;
padding:0 1em 0 0;
text-align:right;
}

.music {
background:url('/img/ico/balloonica/m/sound.png') no-repeat right;
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:0.875em;
padding:2px 34px 0 0;
text-align:right;
}

/*** entries/posts ***/

/*** title ***/

.entry-title, .gallery-title {
background-color:#DDC9A8;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
padding:0.25em;
}

.entry-title h2, .excerpt-title h2, .gallery-title h2,
.entry-title h2 a, .excerpt-title h2 a, .gallery-title h2 a {
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-weight:700;
margin:0;
}

.entry-title p, .excerpt-title p, .gallery-title p { margin:0; }

/*** content ***/

.entry-content {
border-right:2px solid #DDC9A8;
border-left:2px solid #DDC9A8;
overflow:hidden;
padding:1em;
}

/*** meta ***/

.entry-meta, .gallery-meta { 
background-color:#DDC9A8;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
text-align:right;
}

.entry-meta p, .gallery-meta p { 
margin:0;
padding:0.25em 0.5em 0.5em 0.25em;
}

.entry-meta a, .gallery-meta a {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif !important;
font-size:0.875em;
margin:0;
line-height:1.741em;
padding:0.25em 0.5em 0.5em 0.25em;
}

/*** Related Posts via Simple Tags Plugin ***/

.rel-posts h4 {
border-top:2px dashed #DDC9A8;
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:0.875em; 
line-height:1.741em;
margin:0 !important;
padding:1em 0 0 3em !important;
}

.rel-posts ul { 
background-color:transparent;
border:0;
margin-top:0; 
}

.rel-posts  li, .st-related-posts a {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:0.875em; 
line-height:1.741em;
margin:0;
padding:0;
}

/*** excerpts ****************************************************************************************
*****************************************************************************************************/

/*** title ***/

.excerpt-title {
background-color:#D8DFE9;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
font-family: "Museo 700","Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
padding:0.25em; 
}

.excerpt-title h2 {  font-size:1.25em !important; }

.excerpt-title p { margin:0; }

/*** content ***/

.excerpt-content img { 
max-height:150px;
max-width:150px; 
}

.excerpt-content {
border-right:2px solid #D8DFE9;
border-left:2px solid #D8DFE9;
overflow:hidden;
padding:1em;
}

.excerpt-content h3 {
font-size:1em;
line-height:1.5em;
margin:0.75em 0 0.5em 0;
}

.excerpt-content p {
font-size:0.875em;
line-height:1.25em;
margin:0.5em 0 0.5em 0;
}

/*** meta ***/

.excerpt-meta {
background-color:#D8DFE9;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
text-align:right;
 }

.excerpt-meta p { margin:0; }

.excerpt-meta a {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif !important;
margin-top:0;
font-size:0.875em;
padding:0.25em 0.5em 0.5em 0.25em;
}

/*** pages *******************************************************************************************
*****************************************************************************************************/

.pagepost { /*** post is for pages ***/ }


/*** gallery pages ***********************************************************************************
*****************************************************************************************************/

.gallery-content {
overflow:hidden;
padding:1em;
}

.g2pic {
-webkit-box-shadow: 5px 0px 5px #4C617C;
-moz-box-shadow: 5px 0px 5px #4C617C;
box-shadow: 5px 0px 5px #4C617C;
border:0.5em solid #DDC9A8;
margin:0 1.25em 1.25em 0;
}

/*** various backgrounds for gallery styling ***/

.birds-background { 
background:url('/img/birdbg.jpg'); 
padding:1em;
}

.collage-background { 
background:url('/img/collbg.jpg'); 
padding:1em;
}

.brown-background { 
background:url('/img/cbg.jpg'); 
padding:1em;
}

.brown-background2 { 
background:url('/img/wbg2.jpg'); 
padding:1em;
}

.body-background { background:url('/img/bg.jpg'); 
padding:1em;
}

.flowers-background { background:url('/img/flowerbg.jpg'); 
padding:1em;
}

.green-background1 { background:url('/img/wbg.jpg'); 
padding:1em;
}

.tapestry-background { background:url('/img/tapestrybg.jpg'); 
padding:1em;
}


/*** #error-message **********************************************************************************
*****************************************************************************************************/

#error-message { margin-bottom:2em; }

#error-message .entry-title {
padding:0.25em;
}

#error-message .entry-content {
border:2px solid #DDC9A8;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
}

#error-message .entry-content p {
line-height:1em;
margin:1em 0;
}

#error-message ul li { margin-top:1.75em; }

#error-message .entry-content li {
list-style-type:none;
margin-left:2em;
}

/*** Widgetized Areas: widgets1, widgets2  ***********************************************************
*****************************************************************************************************/

/*** widgets1 & widgets2: Random Images ***
******************************************/

#widgets1 {
background:#90AA85 url('/img/wbg.jpg');
margin:2em 0 2em 0;
}

#widgets1 { padding:1.5em 1em 1em 1em; }

#widgets1 h2 { display:none; }

#random_image_wrapper a:hover { background-color:transparent; }

/*** widgets2: Library & Tags ***
********************************/

/***
**** .box are styled separately in widgets2!
***/

#widgets2, #widgets2 p, #widgets2 a { font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif; }

#widgets2 .box {
background:#DDC8A7 url('/img/wbg3.jpg');
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
margin:2em 0 2em 0;
padding:1em;
}

#widgets2 .box h2 { margin:0; }

/*** Now Reading *************************************************************************************
*****************************************************************************************************/

/*** widget ***
**************/

#widgets2 .now-reading h3 { color:#666; }

#widgets2 .now-reading ul { margin-left:2em; }

#widgets2 .now-reading .future-books ul li {
background:url('/img/ico/balloonica/s/accept.png') no-repeat top left;
padding-left:26px;
}

#widgets2 .now-reading .past-books { clear:both; }

#widgets2 .now-reading .past-books ul li {
background:url('/img/ico/balloonica/s/accept.png') no-repeat top left;
padding-left:26px;
}

.book {
float:left;
margin-right:1em;
width:130px;
}

/*** Library ***
***************/

#nr-nav {
border:2px solid #BCA071;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
margin-bottom:2em;
padding:0.5em; 
}

#nr-nav p { margin:0; }

#nr-nav a { font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif; }

#nr-nav form { 
background:url('/img/ico/balloonica/m/search.png') no-repeat top left;
padding:12px 0 0 36px;
}

#librarypost h3 { color:#666; }

#librarypost h2 img { margin-bottom:-0.25em; }

#librarypost li {
border-bottom:2px dashed #DDC8A7;
margin-top:1em;
}

#nr-meta #nr-meta-data {
background-color:#DDC8A7;
border:2px solid #DDC8A7;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
margin-bottom:2em;
padding:0.5em; 
}

#nr-meta #nr-meta-data p { margin:0; }

#nr-meta #nr-meta-data a { font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif; }

#review {
border:2px solid #DDC8A7;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
padding:0 1em 1em 1em;
}

#nr-disclaimer {
background:url('/img/ico/balloonica/s/info.png') no-repeat top left;
padding-left:26px;
font-size:0.75em;
}

.now-reading-copyright  {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:0.75em;
}

/*** footer ******************************************************************************************
*****************************************************************************************************/

#footer {
background-color:#BCA071;
margin-top:2em;
padding:0.5em 1em 0.5em 1em;
}

#footer h4 { margin:0.5em 0 0 0; }

#footer p, #footer a { 
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
 }

.stephantasy-rss { font-size:0.75em; }

.stephantasy-information { 
background:url('/img/ico/balloonica/m/info.png') no-repeat top left;
padding-left:40px;
}

.stephantasy-information p {
font-size:0.75em;
margin: 0 0 0 4px;
}

.stephantasy-information h3 {
font-size:0.875em;
margin:4px 0 0 0;
}

.copyright {
background:url('/img/ico/seashell_blue_32.png') no-repeat top left;
padding-left:40px;
}

/*** Ornaments ***************************************************************************************
*****************************************************************************************************/

/***
**** position: fixed, with background always at the front
***/

#ornament1 {
background-image: url('/img/troll.png');
background-repeat: no-repeat;
background-position:left;
height:401px;
width:163px;
margin:0;
padding:0;
position:fixed;
bottom:0px;
left:0px;
z-index: 5;
}

#ornament2 {
background-image: url('/img/wurz.png');
background-repeat: no-repeat;
background-position:right;
height:239px;
width:410px;
margin:0;
padding:0;
position:fixed;
bottom:0px;
right:0px;
z-index: 10;
}

/*****************************************************************************************************
******************************************************************************** COMMENTS STYLING ***/

/*** 1. Posted Comments ***
*************************/

#comments-number {
/*** title for posted comments ***/
margin-top:1em;
text-align:center;
}

.comment-list li {
margin:1em;
padding-bottom:0.5em;
}

#comments-closed { }

#comments .avatar {
float:right;
margin:0.5em;
width:100px;
}

.comment-edit-link { display:none; }

#comments cite { border:0; }
 
/*******************
*** .alt styling ***
*******************/ 

.alt {
border:2px solid #90AA85;
-moz-border-radius-topleft:5px;  
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
 }
 
.alt .comment-author  { 
background-color:#90AA85 !important;
padding-left:0.25em;
}

.alt .comment-author p, .alt .comment-author a { font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif; }

.alt .comment-meta { background-color:#90AA85 !important; }

.alt .comment-meta p, .alt .comment-meta a {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:0.75em;
 }
 
.alt p {
font-size:1em;
margin:1em;
}

.alt .comment-reply-link {
background-color:#90AA85 !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
margin:0.5em;
}

.alt .comment-reply-link a { font-size:0.75em; }

/********************
*** .even styling ***
********************/ 

.even {
border:2px solid #727F90;
-moz-border-radius-topleft:5px;  
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
}

.even .comment-author { 
background-color:#727F90;
padding-left:0.25em; 
}

.even .comment-author p, .even .comment-author a { font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif; }
 
.even .comment-meta  { background-color:#727F90; }

.even .comment-meta p, .even .comment-meta a {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:0.75em;
}
 
.even p {
font-size:1em;
margin:1em;
}

.even .comment-reply-link {
background-color:#727F90;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
margin:0.5em;
}

.comment-reply-link a { font-size:0.75em; }

/***************************************
*** 2. #respond - Post a NEW comment ***
***************************************/

#respond { 
background-color:#DDC9A8;
border:2px solid #BCA071;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
margin:1.5em 1em 1em 1em;
padding:1em;
}

#leave-comment {
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
margin-top:1em;
text-align:center;
}

#math img {  }

#comment-form input { 
background-color:#F8F1E6;
border:2px inset #BCA071;
}

#acp-preview input {
background-color:#BCA071 !important; 
border:2px groove #BCA071 !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif !important;
font-size:1em;
line-height:1.25em;
}


#comment-form textarea { 
background:#BCA071 url('/img/cbg.jpg');
border:2px inset #BCA071;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
max-width:30em;
}

/******************************************************************************** COMMENTS STYLING ***
*****************************************************************************************************/