/* -------------------------------------------------------------
   Code and Expanded Instructional Comments by Eric Slade 
   PageCoach | 1st Person Press
   http://www.1stpersonpress.com/pagecoach 
   -------------------------------------------------------------
   Page design, original images, and visual concepts by Seth Crews
   Representing Keith Robinson and Gloriosa, 
   a special events company in Atlanta, Georgia, USA.
   Design and code copyright 2005 Gloriosa, LLC. 
   -------------------------------------------------------------
   Originally a MovableType 3.x Template - modified August, 2005  
   MovableType 3.x is the property of SixApart, Inc.         
   ------------------------------------------------------------- */

/* -------------------------------------------------------------
   Oversized logo background image - fixed position
   ------------------------------------------------------------- */
body {
	background: #fff url(http://weblog.gloriosa-atlanta.com/archives/Gloriosa_G.png) no-repeat;
	background-attachment: fixed;
	margin: 10px 0px 0px 0px;
	text-align: center;
}
	
/* -------------------------------------------------------------
   Global Links - 
   "text-decoration: none" removes default underlines on hyperlinks. 
   Links color - new & visited - taupe - #857d6c.
   ------------------------------------------------------------- */
a {
	text-decoration: none;	
	}
	
a:link {
	color: #857d6c;
	}

a:visited {
	color: #857d6c;
	}

/* -------------------------------------------------------------
   Hover color - solid black.
   ------------------------------------------------------------- */
a:hover {
	color: #000;
	}

a:active {
	color: #857d6c;
	}

/* -------------------------------------------------------------
   Headers - Levels 1-2-3 - written together in shorthand - 
   styled the same, with relative sizes.
   ------------------------------------------------------------- */
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

/* -------------------------------------------------------------
   Container - often appears to be a fixed-width page or box that
   floats in the browser window. Defines the the width of the 
   layout at 840 pixels. Caution: different browsers interpret 
   widths differently - adjustments can cause design to break.
   ------------------------------------------------------------- */

#container {
	background: url(none) no-repeat bottom left;
	border: none;
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 840px;
	
}

/* -------------------------------------------------------------
   Banner - Masthead or Header - Blog Title and Tagline.
   Transparent .gif Image Replacement employed. Transparency here
   results in overly sharp font edges.
   ------------------------------------------------------------- */

#banner img{
	border: none
}

a#banner-img {
	display: none;
	}

/* -------------------------------------------------------------
   Blog title link color - no underline.
   ------------------------------------------------------------- */
#banner a {
        color: #444;
	text-decoration: none;
	}

/* -------------------------------------------------------------
   Hide Banner Header text because of Image Replacement.
   ------------------------------------------------------------- */
#banner h1 {
        display: none;
        font-family: Georgia, "Times New Roman", serif;
	font-size: 200%;
	padding-right: 40px;
	}

/* -------------------------------------------------------------
   Tagline - Subtitle - Blog description - hidden as above.
   ------------------------------------------------------------- */
#banner h2 { 
        color: #D1DF99;
	display:none;
        margin-right: 145px;  
	line-height: 90%; 
	letter-spacing: .2em;
	padding: 10px; 
}

/* -------------------------------------------------------------
   Main Left Column Container - width and position.
   ------------------------------------------------------------- */
#center {
	float: left;
	width:640px;
	}

/* -------------------------------------------------------------
   Post - Article - Content 
   Verdana, Arial, Helvetica covers the bases for a similar 
   common sans-serif font on both Windows and Mac systems.
   ------------------------------------------------------------- */
.content {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 160%;
        margin: 20px;
	text-align: justify;
	width:580px
	}

/* -------------------------------------------------------------
   Right Column - width and position.
   ------------------------------------------------------------- */
#right {
        float: right;
	padding: 0px 0px 0px 0px;
	width: 200px;
	}

/* -------------------------------------------------------------
   Post Body Content.
   ------------------------------------------------------------- */
.content p {
	color: #222;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
        line-height: 160%;
        margin: 20px 0px 0px 0px;    
	width:580px
	}

/* -------------------------------------------------------------
   Blockquotes.
   ------------------------------------------------------------- */
.content blockquote {
   color: #857d6c;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: bold;
   line-height: 130%;
   text-align: center
	}
/* -------------------------------------------------------------
   Recipe Content.
   ------------------------------------------------------------- */
.content p.recipe {
   float: right;
   background-color: #e4e1dc; 
   border: 2px solid #857d6c;
   color: #857d6c;
   font: 12px/24px verdana, georgia, palatino, serif; 
   font-weight: bold;
   text-align: left;
   margin: 0 0 0 15px;
   padding: 0px 0px 15px 10px;
   width: 260px;
	}
/* -------------------------------------------------------------
   Opt-in Thank you box.
   ------------------------------------------------------------- */

.content p.optin {
   float: right;
   background-color: #e4e1dc; 
   border: 2px solid #857d6c;
   color: #857d6c;
   font: 12px/24px verdana, georgia, palatino, serif; 
   font-weight: normal;
   text-align: center;
   margin: 0 0 0 15px;
   padding: 40px 20px 40px 20px;
   width: 535px;
	}
#tipbox {
line-height: 180%;
float: right; 
background-color: #f5f5f5;
border-top: 1px solid #eee; 
border-bottom: 1px solid #eee;margin: 10px 50px 10px 100px}

/* -------------------------------------------------------------
   List Container within a post.
   ------------------------------------------------------------- */
.content ul {
	
}
/* -------------------------------------------------------------
   Bullet Lists Items in posts.
   ------------------------------------------------------------- */
.content li {
   list-style: square;
	line-height: 150%;
	}

/* -------------------------------------------------------------
   Post date header - hidden with "display: none"
   ------------------------------------------------------------- */
.content h2 {
   display: none;
	border-top: 1px solid #eee;
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
	margin-bottom: 0px;
	text-align: center;
	}

/* -------------------------------------------------------------
   Category Label Header.
   ------------------------------------------------------------- */

.content h4, .content h4 a {
   color: #857d6c;
	font-family: Verdana, Arial, sans-serif;
	font-size: 30px;
	text-align: right;
	font-weight: normal;
        margin-bottom: 10px;
	padding-top: 40px;
        padding-right: 0px;
        border-bottom: 0px solid #eee; 
        letter-spacing: .1em;
            }
				
/* -------------------------------------------------------------
   Post Titles.
   ------------------------------------------------------------- */
.content h3 {
	border-top: 3px solid #000000;
	color: #857d6c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 5px;
   letter-spacing: .1em;
	text-align: right;
	}
	
/* -------------------------------------------------------------
   Post Titles as Links = permalink.
   ------------------------------------------------------------- */
.title a {
text-decoration: none;
font-size: large;
color: #857d6c;
}

.title a:link {
color: #857d6c;
font-size: large;
}

.title a:visited {
color: #857d6c;
font-size: large;
}

.title a:hover {
color: #222222;
}
        
/* -------------------------------------------------------------
   Post footer.
   ------------------------------------------------------------- */
.content p.posted {
        display: none;
	color: #3F5739;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}
/* -------------------------------------------------------------
   Email-to-a-friend
   ------------------------------------------------------------- */
.content h5 {
        font-size: 12px;
        text-align: center; 
        color: #857d6c;
        font-weight: bold;
        margin-top: 40px; 
        padding-right: 22px; 
        border-top: 3px solid #000000; 
        border-bottom: 3px solid #000000
}

/* -------------------------------------------------------------
   Sidebar.
   ------------------------------------------------------------- */
.sidebar {
	width: 180px;
        background-color: #857d6c;
        border: 10px solid #857d6c
	}

/* -------------------------------------------------------------
   Sidebar List Title Headers.
   ------------------------------------------------------------- */
.sidebar h2 {
	
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	color: #000000;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
  	letter-spacing: .3em;
	}


/* -------------------------------------------------------------
   Sidebar Links List Containers.
   ------------------------------------------------------------- */
.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}


/* -------------------------------------------------------------
   Sidebar Links List Items.
   ------------------------------------------------------------- */
	.sidebar li,.sidebar li a:link, .sidebar li a:visited {
	color: #e4e1dc;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
        font-weight: bold;
	text-align: left;
	line-height: 150%;
	margin-top: 10px;
	list-style-type: none;
	}
	
/* -------------------------------------------------------------
   Sidebar Links Hover Color.
   ------------------------------------------------------------- */
	.sidebar li a:hover {color: #222}


/* -------------------------------------------------------------
   Images in Sidebar.
   ------------------------------------------------------------- */
.sidebar img {
	border: 0px solid #857d6c;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

/* -------------------------------------------------------------
   XML - Feeds.
   ------------------------------------------------------------- */
	.xml { background:; 	
        font-family: Verdana, Arial, sans-serif;	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 15px 2px;
	margin-bottom: 45px;
	}


/* -------------------------------------------------------------
   Link text bottom of sidebar.
   ------------------------------------------------------------- */
.link-note, .link-note a:link, .link-note a:visited {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
        color: #e4e1dc;
        font-weight: bold;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 45px;
	}


/* -------------------------------------------------------------
   Movable Type RahRah - "powered by..."
   ------------------------------------------------------------- */
	#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}


/* -------------------------------------------------------------
   Post image thumbnails - renders text wrapping. 
   class="imgfloatleft" must be manually added to image tag in 
   post edit window.
   ------------------------------------------------------------- */
.floatimgleft {
	float: left;
	margin-top: 8px;
	margin-right:18px;
	margin-left:0px;
	margin-bottom:0px;
}
.floatimgright {
       float: right;
       margin: 8px 0px 0px 18px;
         
}
textarea[id="comment-text"] {
	width: 80%;
	}


/* -------------------------------------------------------------
   Breadcrumb Navigation links above posts - previous... next...
   ------------------------------------------------------------- */
#breadcrumb  {font-size: 12px ;text-align: center; color: #857d6c;font-weight: bold; padding-right: 22px; ; border-top: 3px solid #000000; border-bottom: 3px solid #000000}
#breadcrumb a, a:link, a:visited {font-size: 12px; color: #857d6c}

#breadcrumb a:hover {color:#000}


/* -------------------------------------------------------------
   Navigation Header Bar - optional - currently not used on GLO - Style.
   ------------------------------------------------------------- */
#navcontainer {text-align: center; font-family: Lucida, Verdana, sans-serif; font-size: xx-small; color: #ddd; font-weight: bold; padding-bottom: 5px; text-transform: uppercase;}
#navcontainer a {font-family: Lucida, Verdana, sans-serif; font-size: xx-small;color: #3F5739; font-family: Verdana; font-size: x-small; padding-bottom: 5px;color: #aaa}
#navcontainer a:link {color: #3F5739;}
#navcontainer a:visited {color: #3F5739}
#navcontainer a:hover {color: #aaa}



/* -------------------------------------------------------------
   Footer - copyright - fineprint - global navigation links
   ------------------------------------------------------------- */
#footnav {background:  url(none)no-repeat 95%;height: 80px;
text-align: center; font-family: Lucida, Verdana, sans-serif; font-size: xx-small; color: #666; font-weight: bold; padding: 5px 10px 10px 1px;}
#footnav a {font-family: Lucida, Verdana, sans-serif; font-size: xx-small;color: #857d6c; font-family: Verdana; font-size: x-small; padding-bottom: 5px;color: #857d6c}
#footnav a:link {color: #857d6c;}
#footnav a:visited {color: #857d6c}
#footnav a:hover {color: #000000}
#footnav h3{color:#857d6c; font-weight:bold}
#footnav h4{color:#857d6c}

/* -------------------------------------------------------------
   Subscribe by email form.
   ------------------------------------------------------------- */
.subscribe{font-family: arial, sans-serif; font-size: 14px;
color: #e4e1dc}
.subscribe a:link,a:visited {font-size: 14px; color: #e4e1dc}
.subscribe a:hover {color:#000000}


/* -------------------------------------------------------------
   Repeated - Global Links - 
   to override "mystery" link colors and force all links to be
   taupe.
   ------------------------------------------------------------- */
a {
	text-decoration: none;	
	}
	
a:link {
	color: #857d6c;
	}

a:visited {
	color: #857d6c;
	}

/* -------------------------------------------------------------
   Hover color - solid black.
   ------------------------------------------------------------- */
a:hover {
	color: #000;
	}

a:active {
	color: #857d6c;
	}