/*
-----------------------------------------------------------
Theme Name: xMark
Theme URI: http://blogdesignsolutions.com/
Description: Custom blog design by Lisa Sabin-Wilson
Version: 1.0.1
Author: Lisa Sabin-Wilson
Author URI: http://blogdesignsolutions.com/2007/02/23/xmark-wordpress-theme-v10/
This design is a copyright of Lisa Sabin-Wilson and E.Webscapes and may not be reproduced. 
-----------------------------------------------------------
*/
/* Fonts that Neefer Likes
font: "Comic Sans MS", "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
font-family: "Curlz MT", Harrington, Herculanum, "Comic Sans MS";
"Lucida Calligraphy", "Lucida Handwriting", "Marker Felt", "Matura MT Script Capitals", Mistral, "Monotype Corsiva", Papyrus
Zapfino
 */


/* PAGE LAYOUT  ---------------------------------- */

body {
 margin: 0; 
 background: #303030;
 font: 76% Tahoma, Verdana, Futura, Arial, Helvetica, sans-serif;
 color: black;  /* font for the individual posts */
}

#page {background: #303030; overflow:hidden}
#content {min-width: 95%; text-align: left; margin: 0 30px 0 30px;}

/* This is for the search box Not NEEDED */
.container {
 width: 98%;
 float:left;
 background: white url(images/bodybgpurple.png) top left no-repeat;
 border: 6px black solid;
 text-align: left;
 padding: 0;
 margin: 15px 0 0 0;
}

/* Acorns to Oaktrees */
.site_title {
 /* padding: top right bottom left; */
 padding: 4px 0 0 25px; 
 /* padding: 4px 0 0 25px; */
 font-size: 2.5em; /* font-size: 28px; */
 overflow:hidden; height: 35px;
 font-family: "Curlz MT", Harrington, Herculanum, "Comic Sans MS";
 }

.description {
 padding: 38px 0 0 175px;
 font-family: italics Georgia ;
 /* color:  #683A5E; /* "sea urchin"  Neefer Sews, Crochets ... */
 font-size: 1.2em; /*1.1em too little */
 font-weight: normal;
 height: 23px; overflow:hidden;
}

#left {margin: 5px 0 0 0; background: transparent;}


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

/* Can't use this with the Om format, but would like to list a few pages in a sidebar */
#navSquare ul {
 text-align:right;
 width: 100%;
 margin: 0;
 padding: 15px 0 0 0;
 list-style:none;
}

#navSquare ul li {
 /* the text box under the Acorns to Oaktrees banner */
 text-align: left;
 display:inline;
 list-style:none;
 font-size: 1.00em; 
 line-height: 14px;
 font-weight: bold;
 padding: 0 10px 0 0;
 text-transform: uppercase;
}

#navSquare a:link, #navSquare a:visited { color: #000; text-decoration: none;}
#navSquare a:hover {color: #FF00CC; text-decoration: none;} /* #ff00cc = rose; links to pages under title */
/* #navSquare a:hover {color: #900101; text-decoration: none;}  /* 900101 - dark red */


/* BASIC FORMAT STYLES  --------------------------------- */

a img {border: 0px}

a:link, { color: #551A8B; text-decoration: none;}
a:visited{ color: navy; text-decoration: none;}
/* a:link, a:visited{ color: #8a0202; text-decoration: none;} */
a:link, a:visited{ color: #551A8B; text-decoration: none;} 
a:hover{color: black; text-decoration: underline;}

abbr, acronym {border-bottom: 1px dashed #404040; cursor: help;}
strong, b { font-weight:bold;} 
/* b {color: #2E0854} */
red {color: red}
blue {color: blue}
orange {color: orange}
markerfelt { font-family: "Marker Felt" ; }
ascript { font-family: "Apple Chancery" , "Bradley Hand ITC";}
bscript { font-family: "Lucida Calligraphy", QTArabian ; }
cscript { font-family: "Lucida Handwriting", "Monotype Corsiva" ; }
optima { font-famly: Optima ; }
gigi {font-family: gigi;} /*PC*/
ondine {font-family: Ondine;} /*PC*/
papyrus { font: Papyrus ; }
tahoma { font: Tahoma ; }
zapfino { font: Zapfino ; }
verdana { font: Verdana ; }
curlz { font: "Curlz MT" ; }
chalkboard { font: Chalkboard ; }
georgia { font: Georgia ; }
oldenglish { font: "Lucida Blackletter" ; }
em, i { font-style:italic;}
h1, h2, h3, h4, ul, ol, p {margin: 0; padding: 0; }
h1 { font-size: 1.75em; } 
h2 { font-size: 1.5em; } 
h3 { font-size: 1.25em; } 

/* h2 {background:  #404040 /* dark grey; color: white; margin:0; padding: 0 0 0 2px;; text-transform: uppercase; border-bottom: 1px black solid}*/
h2 {background: #72587F /*indigo tile*/; color: white; margin:0; padding: 0 0 0 2px;; text-transform: uppercase; border-bottom: 1px black solid}

hr {color: silver;  background-color: white; margin:0; padding:0; }

/* transferred*/
code, pre {
 font-family: "Courier New", Courier, mono;
 color: #955556;
 text-decoration: none;
 text-align: left;
}

/*too here*/
.navigation {margin-bottom: 30px; clear:both; font-size: 1.0em; color: #3D5229;  } /*wetmoss #3D5229 */

.alignright {
 background: url(images/arrow.gif) no-repeat;
 padding-left: 18px;
 float: right;
}

.alignleft {
 background: url(images/arrow_left.gif) no-repeat;
 padding-left: 18px;
 float: left;
}

/* transferred */
blockquote {
 color: #625e5e;
 background: url(images/quote.jpg) no-repeat top left;
 padding-left: 30px;
}

/* skip this - I like the new calendar just fine */
/* IN-SITE LINKS --------------------------------- */

.site_title a:link, .site_title a:visited {color: white; text-decoration: none;}
#lside2 a:link, #lside2 a:visited, #lside2 a:active, #rside a:link, #rside a:visited, #rside a:active {color: #551A8B;text-decoration: none;}
/* #lside2 a:link, #lside2 a:visited, #lside2 a:active, #rside a:link, #rside a:visited, #rside a:active {color: #8a0202;text-decoration: none;}*/
#lside2 a:hover, #rside a:hover {color: black; text-decoration:underline;}


/* CONTENT STRUCTURE --------------------------------- */

#lside {
 float: left;
 width: 58%;
 background: transparent;
 margin: 35px 0 0 0;
 overflow:hidden;
}

#lside2, #rside {
 float: left;
 background: transparent;
 width: 18%;
 padding: 0 0 0 20px;
 margin: 60px 0 0 0;
 overflow:hidden;
}
.textwidget p {font-size: 0.8em; margin:6px; padding: 0; line-height: 1.4em; color: orange; }

/* BLOG FORMATTING  --------------------------------- */

#blogc {padding: 25px 0 10px 15px;}

.main_title {
 background: #5c1b7f;
 /* background: purple; */
 /* background: #900101; /* dark red */
 padding: 2px 0 2px 5px;
 font-size: 1.75em;
 color: #fff;
 font-weight: normal;
 border-bottom: 1px solid black; 

}

.main_title a, .main_title a:visited {color: white; text-decoration: none;}
.main_title a:hover {color: white; text-decoration: underline;}

.date {font-size: 1.0em; } /*date over single post happy w/size */
.author {font-size: 1.0em; } /*1.4em too big*/

.post {text-align: justify; width: 98%; font-size: 1.2em;} /*1.4em too big*/
.post p {margin: 12px; }
.post img {padding: 0 5px 5px 5px}
.post ul{ margin: 0 0 .05em 40px; list-style:none; }
.post ol { margin: 0 0 .05em 40px; }

.post ul li { margin: 0 0 0.2em 0; background:url(images/list-item.gif) no-repeat ; padding-left: 18px;}

.post ol li {margin: 0 0 0.2em 0; background:transparent; padding-left: 0px}

.post ul li ul, .post ul li ol, .post ol li ul, .post ol li ol { margin: 0.5em 0 0.5em 30px; }
.post dl { margin: 0 0 1.5em 0; }
.post dt { font-weight: bold; }
.post dd { margin: 0 0 1.5em 20px; }

.post a:link, .post a:visited {font-weight: bold;}

/* not used? */
/* #more { margin-top: -8px; background: url(images/more.gif) no-repeat; padding-left: 18px; font-weight: bold; float:right; }
 */

.blog-meta {
 background: #FAFAFA;
 color: #808080; 
 font-size: 1.4em;
 text-align: center;
 padding: 5px;
 border-bottom: 1px solid #ddd;
 margin-bottom: 30px;
}

.blog-meta a:link, .blog-meta a:visited, .blog-meta a:active { color: #551A8B; font-weight: bold; text-decoration: none;}
/* .blog-meta a:link, .blog-meta a:visited, .blog-meta a:active { color: #8a0202; font-weight: bold; text-decoration: none;}*/

.blog-meta a:hover { color: black; text-decoration: underline;}

/* -------------------------------------------*/
/* LISTS  too here - lists not incorporated in to Om */


#lside2 li, #rside li {list-style: none; margin:0; padding:0}

#lside2 ul ul, #rside ul ul {list-style: none;  color: black; background: #eee0e5; margin: 0 0 10px 0;}

#lside2 ul ul li, #rside ul ul li { font-size: 0.95em; border-bottom: 1px solid #c0c0c0;  background: transparent; padding: 0 0 0 5px; }/*0.80em too small?*/

#lside2 ul ul li a, #rside ul ul li a {display:block; }

#lside2 ul ul li a:hover , #rside ul ul li a:hover {color:#fff; background: #551A8B; text-decoration:none;}
/* #lside2 ul ul li a:hover , #rside ul ul li a:hover {color:#fff; background: #8a0202; text-decoration:none;}*/

#lside2 ul ul ul li, #rside ul ul ul li{font-size: 0.95em; padding: 0 0 0 10px; border:none; margin:0}





/* COMMENT STYLES  --------------------------------- */
/* to do comments skipped for now -------------------*/

.commentlist a {color: #551A8B; font-weight: bold; text-decoration: none; }
/* .commentlist a {color: #8a0202; font-weight: bold; text-decoration: none; } */
.commentlist a:visited {color: #8a0202; }
.commentlist a:hover {color: #000; text-decoration: underline; }

.commentlist blockquote {margin-right: 50px; background: white url(images/quote.jpg) top left no-repeat; border: 1px solid #404040; padding: 5px;}

ul.commentlist {list-style:none; margin:0;}

.comment_top a {color: #551A8B;}
/* .comment_top a {color: #8a0202;} */
.comment_top a:visited {color: #8a0202; }
.comment_top a:hover {color: #8a0202; background: white; }

ul.commentlist li .comment_top {width: 510px; background: url(images/commenta.jpg) no-repeat; color: #000; }

ul.commentlist li p { padding: 6px; line-height: 1.5em; margin:0; font-size: 1.0em;}

ul.commentlist li .comment_bottom {width: 510px; height: 53px; padding: 15px 0 0 10px; background: url(images/comment_bota.jpg) no-repeat; text-align: left; font-size: 1.2em;}


li.alt .comment_top a {color: #551A8B; text-decoration: none; }
/* li.alt .comment_top a {color: #8a0202; text-decoration: none; } */
li.alt .comment_top a:visited {color: #8a0202; }
li.alt .comment_top a:hover {color: black; text-decoration: none; }

ul.commentlist li.alt .comment_top {width: 510px; background: url(images/commentb.jpg) no-repeat; color: #000; }

ul.commentlist li.alt .comment_bottom {width: 510px; height: 53px; padding: 15px 0 0 10px; background: url(images/comment_botb.jpg) no-repeat; text-align: left; font-size: 1.2em; }

ul.commentlist li.alt p {padding: 10px; line-height: 1.5em; margin:0; font-size: 1.5em;}

#comments {position: relative; width: 324px; height: 97px; background: url(images/discussion.jpg) 0 100% no-repeat; padding-top: 40px; margin-bottom: 5px; }

#comments .number {position: absolute; width: 55px; top: 42px; left: 122px; text-align: center; color:
#fff; font-size: 1.75em; font-weight: bold; }

.comment_form {width: 495px; height: 1429px; background: url(images/comment_formbg.jpg) no-repeat; padding: 35px 0 0 10px; color: #000; float: left; margin: 0; font-size: 1.2em; }

.comment_form a, .comment_form a:active, .comment_form a:visited {color: #8a0202; text-decoration: none;}
/* .comment_form a, .comment_form a:active, .comment_form a:visited {color: #8a0202; text-decoration: none;} */
.comment_form a:hover {color: white; text-decoration: underline;}

.commentnumber {
 font: italic 14px 'Times New Roman', Times, serif;
 margin-top: -8px;
 padding: 0 5px 0 0;
 float:right;
 color: #808080;
 font-size: 2.0em;
}





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

form {margin: 0; padding: 0;}

#searchform {margin: 0 0 0 0; padding:0; float:right; }

#s {
 border:1px solid #404040;
 background: #fff; color: #000;
 width:200px
}

#button {
 border:0px;
 background: transparent;
 height: 16px;
 width: 16px;
 margin-top:5px;
}

#archive_b {
 border:1px solid #000;
 background: #fff; color: #000;
 margin-top:5px;
 width: 60px;
}


input {
 border:1px solid #000;
 background: #fff; color: #000;
 width: 200px;
}


textarea {
 border:1px solid #000;
 background: #fff; color: #000;
 width: 470px;
}

/* ASIDES  --------------------------------- */

.asides {
 background: #f8f6f7 url(images/aside.jpg) no-repeat; padding: 15px 8px 5px 8px; margin: 10px; width: 95%; font-size: 1.0em; border-bottom: 1px solid #cfcdce;} /* 1.4em too big */


/* CALENDAR --------------------------------- */
/* skip this - I like the new calendar just fine */

#wp-calendar {empty-cells: show; color: #808080;margin: 0;width: 98%;}
#wp-calendar #next a{padding-right: 10px;text-align: right;}
#wp-calendar #prev a{padding-left: 10px;text-align: left;}
#wp-calendar a{font-weight:bold; display: block;text-decoration: none;}
#wp-calendar a:hover{color: red; font-weight:bold; background: #eee;text-decoration: none;border: none;}

#wp-calendar td{color: #404040;letter-spacing: normal;padding: 1px 0;text-align: center;}
#wp-calendar td.pad:hover{color: #4b572b;background: #eee;text-decoration: none;border: none;}
#wp-calendar #today{background: #eee;color: #000;}
#wp-calendar th{font-style: normal;text-transform: capitalize;}

/* RELATED POSTS  --------------------------------- */
.related {padding: 10px; background: #eee; border-left: 2px #808080 solid;}
.related ul {margin: 8px;}
.related ul li {list-style: none; background: url(images/bullet.gif) no-repeat 0 50%; padding-left: 18px;}


/* FLICKR RSS  --------------------------------- */
li.widget_flickrrss {text-align:center; }			
li.widget_flickrrss a img {border: 1px solid silver; margin: 5px; padding: 3px; }
li.widget_flickrrss a:hover img { background: #551A8B; }
/* li.widget_flickrrss a:hover img { background: #900101; } /* dark red */

/* ARCHIVES PAGE  --------------------------------- */

.postspermonth {
 margin: 5px 0 10px 0;
 list-style: none;
 padding-left: 25px;
}



/* FOOTER -------------------------------------------- */

#footer {
 float:left;
 width: 100%;
 margin: 15px 0 0 0;
 color: #c0c0c0;
 font-size: 1.4em;
 border-top: 1px black solid;
 border-bottom: 1px black solid;
 background: #625e5e;
 padding: 2px;
 text-align: center;
 margin-bottom: 10px;
}

#footer a, #footer a:visited, #footer a:active {color: #c0c0c0; text-decoration:none}
#footer a:hover {color: #000; text-decoration: none;}


/* Current Time */
#currentTime { 
	width: 255px; margin-right: 10px; 
	/* margin-top: -12px; */
	float: right; color: #000000; background: transparent; font-size: 100%; 
	text-align: right; }

.hilight { background-color: #FFFF00 }
.black-bg { background-color: #000000 }

/* Postit Date */

.post .post_cal {
    /* border: 1px solid #000000; /*black*/
    border: 1px solid #551A8B;	/* blue violet */
    text-align: center;
    width: 60px;
    float: left;
    margin: 0 10px 5px 0;
}

    .post_cal .dayname {
        background-color: #5c1b7f;
        border-bottom: 1px solid #000000;
        color: #FFFFFF;
        font-size: smaller;
        font-weight: bolder;
        width: 100%;
    }

    .post_cal .daynum {
        border-bottom: 1px solid #000000;
        font-size: xx-large;
        font-weight: bold;
        width: 100%;
    }

    .post_cal .month, .post_cal .year {
        font-size: smaller;
        width: 100%;
    }

.postmetadata {
    font-weight: bold;
}

/* End Postit Date */

/* Calendar Styles */
    
#wp-calendar {
    border: 2px solid #000033; /* dark navy */
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: smaller;
}       
        
#wp-calendar caption {
    font: bold 1.2em 'Century Gothic', Verdana, Arial, Sans-Serif;
    text-align: center;
    background-color: #000066;
    color:#FFFFFF;
    border: 2px solid #000033;
    border-bottom: none;
    margin: 0 auto;
}       
    
#wp-calendar tbody, #wp-calendar tfoot {
    background-color: #ffccff; /* lt pink */
    padding: 0;
    margin: 0; 
}

#wp-calendar th { padding: 0; }

/* End Calendar Styles */

/* Monthly Calendar */

.b2calendartable {
    /* dark blue: 000099
       black: 000000 */
    background: #000099;
    border: 1px solid #000000;
}

.b2calendarmonth {
}

.b2calendarrow { }

.b2calendarheadercell {
    /* navy 000066 */
    background: #000066;
    color: #000000;
    /* font: 11px "comic sans mt", "notepad *", verdana, arial, helvetica ;*/
    font: 11px "notepad *", verdana, arial, helvetica, sans-serif;
}

.b2calendarcell {
    color: #000000;
    font: 11px verdana, arial, helvetica, sans-serif;
}

.b2calendartoday {
    /* fuschia ff00ff */
    color: #ff00ff;
}

.b2calendaremptycell {
    color: #000000;
}

.b2calendarlinkpost {
    /* med blue 0033cc */
    color: #0033cc;
    text-decoration: none;
}

/* end Monthly Calendar */


/* nice clalendar */
.datearcAlt2 , .datearcAlt {
    border-bottom:  1px solid #DCDCDC;
    font-size: 0.86em;
    padding: 2px;
    width: 25%; 
    text-transform: lowercase;
}   
    
.datearcAlt2 {  
    background: #E7E7E7;
}   
    
.datearcAlt { 
    background: #F7F7F7;
}
    
.datearc { 
    border: 0px none;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: 165px;
}
/*end nice calendar */
/* curtains up */

.metadata {
    position: relative;
    /* background-color:  #FFE1FF; /* a very light thistle color */
    background-color:  #EEE0E5; /* lavendarblush */
    text-align: left;
    width: 125px;
    border: 3px solid #5c1b7f;
    padding: 5px;
    float: right;
    margin: 5px;
    color: #000066;
}
.cite {
    font-size: 0.75em;
    color:#000000;
}

/* end curtains up */

/* captions under images */
p img { padding: 0; max-width: 100%; }
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.right { float: right }
.left { float: left }
img.centered {display: block; margin-left: auto; margin-right: auto}
.caption { margin: 5px;
     padding: 5px;
     border: solid 1px #000066;
     /* background: #ccccff; */
     font-size:90%;
     color: black;
}
/* end captions under images */