/*  
Theme Name: TannaghColors
Theme URI: http://tannagh.com/tannaghcolors-theme/
Description: A fairly simple and straightforward template system. 100% pure CSS & no images.
Version: 1.0
Author: TechGnome
Author URI: http://tannagh.com/

	This theme was designed and built by TechGnome,
	whose blog you will find at http://tannagh.com/
	It was inspired by the Layers Template and the
	Mulberry color scheme found in Microsoft Office
	Publisher. I know, I know, but it's still a cool
	lookin' theme. 
	
	It took quite a bit to get it converted (the 
    original used tables! GAH!) to strictly use CSS. 
    Because of this, if you do use this theme, all I
    ask is that you drop me a quick note and let me know
    that you are using it and what you think of it. 
    I won't/don't require a link back, but I won't object 
    if you do link back. Other than that, you are free to
    do anything to this theme you want.

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

I have to give credit though to the following for their help,
whether they knew it or not:
 Khaled Abou Alfa - http://www.brokenkode.com/ -- one word, clearfix - with out which I'd still be battling the demons of float blocks.
 Robin Hastings - http://www.rhastings.net/ -- whose side bar, I, uh, borrowed, then modified.
 Nuclear Moose & Root - support & assistance in bringing this forth.

The layout of this file is top to bottom, roughly in the same order they appear in the page code.

This was my original template I used for my WordPress based blog site which is now defunct. 
As a result, a lot of the ids and classes reflect this nature.
 
*/
/*
These are the colors used throughout the CSS. Too bad there
isn't a way to declare constants for faster updates.
Color scheme - Mulberry
Accent 1 - Mullberry Red  -  #660033
Accent 2 - Teal           -  #669999
Accent 3 - Red Gray       -  #e0ccd6
Accent 4 - Gray           -  #cccccc
Accent 5 - White          -  #ffffff
Hyperlink - Red           -  #990000
Followed Link - Blue Gray -  #666699

*/
body {background: #000000; color: #000000; padding: 0px; margin: 0px; font-size: 1em; font-family: "Trebuchet" "Arial" "Microsoft Sans serif" "sans serif";}
a, a:link, a:hover {color: #990000;}
a:visited {color: #191919;}
html body ul {text-indent: 0px; margin-left: 0px;}
html body ul ul {text-indent: 0px; margin-left: 10px;}
#container {width: 915px; background: #669999; margin: auto; padding: 0px;}
#header {text-align: left; font-size: 150%; padding: 0px; padding-top: 25px; background: #669999; width: 530px; margin: 0px; margin-left: 238px; height:60px;}
#blogTitle {margin: 0px; margin-top: 5px; padding-left: 20px; border-top: 3px solid #660033; width: 400px;}
#page {border: 3px solid #660033; margin: 0px; margin-left: 10px; background: #ffffff;}
#tagline {background: #660033; color: #ffffff; text-align: left; float: right; padding: 0px; padding-top: 2px; margin: -10px 10px 0 0; width: 550px; height: 30px; font-weight: bold; font-style: italic;}
#posts {float: right; margin-right: 20px; width: 700px;}
.post { }
.postTitle {border-bottom: 1px solid #e0ccd6; font-size: 110%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.postTitle a {color: #669999; text-decoration: none;}
.postContent {font-size: 75%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.postContent .postExcerpt {float: right; width: 150px; margin: 5px 10px 5px 10px; padding: 0px 0px 0px 5px; border-left: 2px solid #660033; border-bottom: 5px solid #660033; background: #669999; color: #ffffff;}
.postContent p {initial-indent: 1em;}
.postMeta {border-top: 1px dotted #cccccc; margin: 0px; margin-bottom: 25px; font-size: 60%;}
.postNav {border: 1px dashed #669999; font-size: 75%; text-align: center;}
#navMenu {position: relative; float: left; width: 175px; margin: 0px; margin-top:5px; background: #efefef;}
#navMenu h2 {font-size: 100%;}
#navMenu h3 {font-size: 100%;}
#navMenu a {text-decoration: none;}
#navMenu ul {list-style: none;}
#navMenu ul li {list-style: none; margin: 0px 0 0 5px; border: 0px; border-top: 1px solid #000000; font-size: 80%;}
#navMenu ul li ul {font-size: 120%;}
#navMenu ul li ul li {border: 0px;}
#navMenu ul li:hover {background: #dedede;}
#navMenu ul li:hover ul {background: #efefef;}
html>body #navMenu ul {margin-left: 0px; padding: 0 0 0 0; list-style: none;} 
html>body #navMenu ul li{padding: 0 0 0 0;} 
html>body #navMenu ul li:hover{padding: 0 0 0 0; background: #dedede;} 
#navMenu #siteNews h3 {font-size: 90%; text-align: center;}
#navMenu #siteNews p {text-align: justify;}
#footer {clear:both; background: #e0ccd6; font-size: 75%; margin: 0px 0px 0px 0px; text-align: center;}
blockquote {background: #ffffcc;}

/* 
This piece of code is for clearing
the floats without structural markup
Don't modify it
*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */