/*  
Theme Name: Elvgren
Theme URI: http://www.SecretWeaponLabs.com/words/
Description: A thematic homage to the great Gil Elvgren, inspired by Michael Heileman's (of http://BinaryBonsai.com fame) artwork from his personal theme entitled Freya
Author: Denis Somar
Author URI: http://secretweaponlabs.com/words/

	Elvgren v1.0
	http://SecretWeaponLabs.com/words

	This theme was designed and built by Liz Gifford based on themes  Elvgren by Denis Somar (http://secretweaponlabs.com/words/) and

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Have fun, and don't be afraid to contact me if you have questions.
*/


body { 
    margin: 10px 0px 10px 0px; 
    padding: 0px; 
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    font-size: 62.5%; 
    }

a:link {
    color: rgb(37,91,146);
    text-decoration: none;
    }

blockquote {
    font-style: normal;
    padding-left: 10px;
    background-color: #F9F9F9;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #E5E5E5;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana;
    font-size: 12px;
    letter-spacing: 1px; 
    }

p a:link {
    font-weight: bold;
    color: rgb(37,91,146);
    text-decoration: none;
    //border-bottom-width: 1px;
    //border-bottom-style: dotted;
    //border-bottom-color: rgb(37,91,146);
    }

p a:visited 
    {color: #666666;
    text-decoration: none;
    //border-bottom-width: 1px;
    //border-bottom-style: dotted;
    //border-bottom-color: #666666;
    }
    
p a:hover {
    color: rgb(128,0,0);
    text-decoration: underline;
    border: none;
    }

form {
    margin: 0px; 
    padding:0px; 
    } /* NECESSARY TO KEEP SEARCH FIELD TABLE/CELL SMALL */


#wrap { 
    height: 100%; 
    max-width: 1000px;
    margin-left: 10px; 
    margin-right: auto; 
    width: 93%; 
    }

/*  BEGIN ALL DIVS FOR LEFT SIDE */
#left { 
    float: left; 
    width: 193px; 
    padding: 10px 10px 20px 10px; 
    background-color: #FFFFFF; 
    text-align: center; 
    }

#elvgren-image { 
    height: auto; 
    width: 200px; 
    text-align: center; 
    padding-right: 5px; 
    padding-bottom: 5px; 
    }

/*#search-box { 
    font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;  
    font-size: 12px; 
    font-style: normal; 
    font-weight: normal; 
    text-align: center;
    padding-bottom: 0.5em; 
    padding-right: 5px; 
    padding-top: 0.5em; 
    width: 100%; 
    margin-bottom: 2px; 
    margin-top: 10px; 
    }*/
    
#search {
    padding-left: 15px;
    }
    
#s {
    float: left;
    width: 80%
    }
    
#s-img {
    vertical-align: middle;
    padding-top: 3px;
    padding-right: 5px;
    float: right;
    }
    
/*  END ALL DIVS FOR LEFT SIDE */



/*  BEGIN ALL DIVS FOR RIGHT SIDE */
#main { 
    margin-left: 220px; 
   // max-width: 500px;
    padding: 20px; 
    vertical-align: top; 
    font-size: 12px; 
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    }

#elvgren-title-box {
    text-align: center;
    margin-left: 10px;
    width: 97%;
    }
    
#elvgren-nav-box {
    text-align: right;
    width: 97%;
    margin-left: 10px;
    font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 150%; 
    font-weight: narrower;
    color: rgb(37,91,146); 
    line-height: 1.1em;
    background-color: black;
    height: 20px;
    }
    
#elvgren-nav-box > span {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    color: #ffffff;
    }
    
#elvgren-nav-box a {
    color: #ffffff;
    text-decoration: none;
    }
    
#elvgren-title { 
    text-align: center; 
    position: relative; 
    //width: %;
    background-image: url(images/tabiHeader.png);
    background-repeat: no-repeat;
    height: 210px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
    border-bottom: 3px solid black;
    }
    
#elvgren-title a {
    color: black;
    text-decoration: none;
    }

#elvgren-title h2 { 
    font-family: Verdana, Verdana, Geneva, sans-serif; //"Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 35px; 
    font-style: normal; 
    font-weight: 100; 
    color: #000000; 
    margin: 60px 0px 0px 250px   ; 
    padding: 0px; 
    //text-align: center; 
    }

#elvgren-title h4 { 
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; //"Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: normal; 
    color: #000000; 
    margin: 0px 0px 0 250px; 
    padding: 0px; 
    //text-align: center; 
    }

.elvgren-menu { 
    font-family: "Lucida Grande", "Trebuchet MS", Verdana; 
    font-size: 95%; 
    font-style: normal; 
    text-align: center; 
    line-height: 1.5em; 
    padding: 1em; width: 100%; 
    color: #666666; 
    word-spacing: 0.1em; 
    margin-top: 1.2em; 
    margin-bottom: 1.5em; 
    }
    
.elvgren-menu li { 
    display: inline; 
    list-style-type: none; 
    padding-right: 12px; 
    }

.elvgren-menu li a:link { 
    font-weight: bold; 
    color: rgb(37,91,146); 
    text-decoration: none; 
    //border-bottom-width: 1px; 
    //border-bottom-style: dotted; 
    //border-bottom-color: rgb(37,91,146); 
    }

.elvgren-menu li a:visited { 
    color: #666666; 
    text-decoration: none; 
    //border-bottom-width: 1px; 
    //border-bottom-style: dotted; 
    //border-bottom-color: #666666; 
    }
    
.elvgren-menu li a:hover { 
    color: rgb(128,0,0); 
    text-decoration: underline; 
    border: none;
    }

.elvgren-post { 
    font-style: normal; 
    font-weight: normal; 
    line-height: 1.7em; 
    color: #333333; 
    text-align: justify; 
    font-size: 14px; 
    padding-bottom: 30px;
    //padding-top: 10px; 
    //margin-bottom: 5px; 
    border-bottom-width: 3px; 
    border-bottom-style: double; 
    border-bottom-color: #E5E5E5; 
    }

.elvgren-post-headline { 
    font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 200%; 
    font-weight: normal;
    color: rgb(37,91,146); 
    line-height: 1.1em;
    }
    
.elvgren-post h2 {
    margin-bottom: 5px;
    }

.elvgren-post-headline a:link, .elvgren-post-headline a:hover, .elvgren-post-headline a:visited { 
    font-weight: normal;
    text-decoration: none;
    color: rgb(37,91,146);
    border: none; 
    }

.elvgren-post-date { 
    font-family: "Lucida Grande", "Trebuchet MS", Verdana; 
    font-size: 12px; 
    font-style: normal; 
    font-weight: normal;
    color: #333333; 
    word-spacing: 0.2em;
    }
    
.elvgren-post-category { 
    font-family: "Lucida Grande", "Trebuchet MS", Verdana; 
    font-size: 12px; 
    font-style: normal; 
    font-weight: normal;
    color: #333333; 
    //word-spacing: 0.2em;
    float: right; 
    }

.elvgren-post-category a:link { 
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    border: none; 
    }

.elvgren-post-category a:visited { 
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    border: none; 
    }
    
.elvgren-post-category a:hover { 
    background-color: rgb(37,91,146);
    color: #FFFFFF; 
    text-decoration: underline;
    margin: 0px;
    padding: 0px; 
    }

.elvgren-post-comments {
    font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #999999;
    padding-left: 0px;
    font-size: 100%;
    float: left; 
    }

.elvgren-post img {
    padding: 2px;
    border: 1px ridge grey;
    //max-width: 300px;
    }
    
.elvgren-post-comments a:link {
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    color: #999999;
    border: none;
    }
    
#h3 comments{
    padding-top: 20px;
    }

/* ============================================================================= */



/* ================ LIST ITEMS =============== */
#calendar-box {
    font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 12px; 
    font-style: normal;
    text-transform: capitalize;
    width: 100%;
    padding-bottom: 10px;
    padding-right: 5px;
    margin-bottom: 2px;
    padding-top: 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
}

.hilited-box {
    font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: right;
    margin-top: 1px;
    border: 1px solid #CCCCCC;
}

ul {
    list-style-type: none;
    list-style-image: url(images/li_bullet.gif);
    font-family: "Lucida Grande", "Trebuchet MS", Verdana;
    font-size: 12px;
    line-height: 150%;
    vertical-align: middle;
    text-align: left;
    list-style-position: outside; 
    margin-top: 0px;
}

ul a:link {
    color: rgb(37,91,146); 
    text-decoration: none;
    //border-bottom-width: 1px;
    //border-bottom-style: dotted;
    //border-bottom-color: rgb(37,91,146);
    }
    
ul a:visited {
    color: #666666;
    text-decoration: none;
    }
    
ul a:hover {
    color: rgb(128,0,0);
    text-decoration: underline;
    border: none;
    }

li h2 {
    /*list-style-type: none;
    font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-align: left;
    margin-top: 2px;
    border: 1px solid #CCCCCC;*/
}

.page_item{
    list-style-type: none;
    list-style-image: url(images/li_bullet.gif);
    font-family: "Lucida Grande", "Trebuchet MS", Verdana;
    font-size: 100%;
    line-height: 150%;
    vertical-align: middle;
    text-align: left;
    list-style-position: outside;
    }
    
.list-item {
    width: 80%;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    line-height: 12px;
    //border-bottom: 1px dotted #CCCCCC;
    }

.list-item a:hover {
    text-decoration: underline;
    background-image: url(images/gradient-blue.jpg);
    background-repeat: repeat-x;
    }

.list-item a:link {
    border: none;
    color: #993300;
    font-weight: normal;
    text-decoration: none;
    }

.thumb {
    float: left;
    //border: 1px solid #FFF;
    }

.thumb-tablecell {
    background-color: #CFDEFB;
    padding: 0px;
    width: 100px;
    height: 35;
    //position: relative;
    //border-right: 1px solid #999999;
    }
    
.thumb-gradient {
    background-image: url(thumbs/menuGradient.png);
    width: 100px;
    height: 35px;
    left: -100px;
    z-index: 100;
    float: right;
    }

.hilighted-box-off {
    background-color: #FFFFFF;
    }

.hilited-box-on {
    font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: right;
    margin-top: 1px;
    border: 1px solid black;
    //background-image: url(images/gradient-blue.jpg)
    } 

#footer {
    width: 90%;
    text-align: center;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    }



/* ======= Style for Image Uploads ======= */
.Image { 
    padding: 5px; 
    border: 1px dotted #999999; 
    background-color: #E6E6E6; 
    }
    
.align-left {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    }
    
.align-right {
    float: right;
    margin-left: 10px;
    margin-right: 10px; 
    }

/* ======= Styling Of WP Calendar ======== */
#wp-calendar {
    width: 150px;
    padding: 0px;
    margin: 0px;
    font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #616B76;
    text-align: center;
    background-color: #fff;
    border-spacing: 0px;
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    border-left: 1px solid #A2ADBC;
    }
    
#today {
    color: #F6F4DA;
    background: #DF9496;
    }

caption {
    width: 150px;
    background: url(images/gradient-blue.jpg);
    color: #336699;
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0px;
    padding-top: 3px;padding-bottom: 3px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #A2ADBC;border-right-color: #A2ADBC;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #A2ADBC;
    }

thead {
    color: #616B76;
    background: #D9E2E1;
    text-align: center;
    border: 1px solid #A2ADBC;
    font-size: 12px;
    font-weight: bold;
    }
    
th {
    font: bold 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #616B76;
    background: #D9E2E1;
    border: 1px solid #A2ADBC;
    text-align: center;
    }

ul.stretcher
{
    overflow: hidden; 
    opacity: 0; 
    visibility: hidden; 
    height: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
}

ul.stretcher > li, ul.stretcher>ul.li {
    font-size: 12px;
}

#archive > ul, #blogroll > ul {
    padding-left: 0px;
}

.flexo-list, #blogroll > ul ul {
    padding-left: 10px;
    }
    
/* ====== Style for Ravelry Progress Bars ====== */        
.rav_project {
    margin-bottom: 5px;
    }

.rav_photo_wrapper {
    float: left;
    width: 50%;
}

.rav_title_bar_wrapper {
    float: right;
    width: 50%;
}

.rav_project a.rav_title {
    font-family: "Lucida Grande", "Trebuchet MS", Verdana;
    font-size: 12px;
    }

.rav_project .rav_progress_text {
    position: relative;
    text-align: center;
    }

.rav_project .rav_progress_bar_wrapper {
    border: 1px solid #eee;
    margin-top: 2px;
    } 

.rav_project .rav_progress_bar { 
    position: relative;
    padding: 1px;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #eee;
    }

.rav_project .rav_progress_bar .rav_progress_filled { 
    position: absolute;
    }

.rav_project .rav_photo_link {
    margin-bottom: 5px;
    display: inline;
    width: 42px;
    height: 42px;
    margin-left: 1px;
    margin-top: 5px;
    border: 1px solid #cccccc;
    }

.rav_project .rav_photo_link img {
    width: 40px;
    height: 40px;
    border: 1px solid #ffffff;
    }

.rav_project_with_photos {
    margin-bottom: 20px;
    }