/* 
Theme Name: Tempo2
Theme URI: 
Description: For Tempo & Mode
Version: 1.0
Author: Brett Calcott, based on work by Ash Haque
Author URI:

The original is based on a theme for Wordpress by Ash Haque. It has changed
significantly.

The CSS, XHTML is released under a Creative Commons License
http://creativecommons.org/licenses/by/2.5/

1. Universal Declarations
2. Structure
	2.1. Header
	2.2. Content
	2.3. Comments
	2.4  Sidebar
	2.5  Footer
3. Lists
4. Headings
5. Images
6. Forms
7. Page Specific
8. Extras
*/


/* Universal Selectors
----------------------------------------------------------------------------- */
	*  {
		margin: 0;
		padding: 0;
		/* Resets all margins and paddings on the page */
		}
		
	ul {
		list-style-type: none;
		}
	
	* a:link, * a:visited, * a:hover, * a:active {
		text-decoration: none;
        /* color: #06c; */
        /* color: #e26a3f; */
		}
		
	* a:hover {
		cursor: pointer;
		/* works well for onclick anchors */
		}
	
	:link img {
		border: none;
		}
	
	* img {
		border: none;
		}
	
	a img {
		border: none;
		}
	
	:link img, :active img {
		border: none;
		}

/* Structure
----------------------------------------------------------------------------- */
	
	html { 
        /* Hmm. I think this keeps the scroll bars around... */
		margin-bottom: 0.1em;
        height: 100%
		}

	body {
        /* font-size: 62.5%; |+ Sets the page font to 10px +| */
        /* The above did not work with Safari. Need to revisit most of the
         * sizes at some stage */
		font-size: 11px; /* Sets the page font to 10px */

		font-family: Verdana, "Lucida Grande", Arial, Sans-Serif;

        /* BACKGROUND COLOR */
        /* background: #fafafa; */
        background: white;
		}

	#wrapper {
		width: 746px;
		margin: 0 auto;
		padding: 5px 0;
		text-align: left;
		font-size: 1.1em;
        background: #fefef6;
		}
		
	#header {
        background: #5d5c61;
        }

    #logo {
        float: left;
        width: 0px;
        margin-left: 12px;
        margin-top: 4px;
        }

    #titling {
        padding: 0 110px 5px;
    }

	#main {
		padding: 0px 0 0;
        height: 100%;
        min-height: 450px;
        /* background: url(images/gradient-left.jpg) repeat-y left top;		 */
		}

	#content {
		float:left;
		width: 500px;
		padding: 10px 5px 30px 10px;
		}

    #sidebar-wrapper {
        float: right;
        background: #efefe5;
        height: auto;
        min-height: 100%;
    }
		
	#sidebar {
		width: 210px;
		padding: 0px 0 60px;
        margin-left: 10px;
        /* border: 1px solid red; */
		}
		
	#footer {
        /* padding: 60px 0; */
        /* *padding: 30px 0; */
		/* IE6 and IE7 hack */
		clear: both;
		border-top: 1px solid #ccc;
		border-bottom: 0;
		font-family: Verdana, Sans-Serif;
        background: #5d5c61;
		}


	/* Header
	----------------------------------------------------------------------------- */
	
        /* Main heading */
		#header h1 a {
            color: white;
            text-transform: uppercase;
            /* TODO Why is this the same as the one below? */
			font-size: 1.6em;
			line-height: 1em;
            letter-spacing: 5px;
            margin-left: -2px; /* fine tuning */
			}
			
		#header p.description, p.description a {
            color: #fefeb0;
            font-family: Georgia, sans-serif;
            letter-spacing: 1.7px;
			font-size: 1.6em;
			}

        /* Menu stuff not currently used */
		ul.mainmenu {
			display: block;
			overflow: auto;
			height: 1%;
			padding: 20px 1px 1px 0;
			border-bottom: 1px solid #ccc;
			}
		
		.mainmenu li {
			float: left;
			position: relative;
			}
			
		.mainmenu li a {
			_width: 1%;
			/* Or else IE6 does a crappy of job of displaying the menu */
			height: 40px;
			display: block;
			padding: 25px 15px 0 15px;
			}
		
		.mainmenu li.home a {
			padding-left: 0;
			}
		
		.mainmenu li a:hover {
			text-decoration: underline;
			}
				
	/* Content
	----------------------------------------------------------------------------- */

        /* Main heading for page */
        #content h2 {
            color: #0f0f1d;
            font-size: 1.5em;
            font-family: Verdana, Sans-Serif;
            letter-spacing: 2px;
            margin-bottom: 8px;
            text-transform: uppercase;
            border-bottom-width: 2px;
            border-bottom-style: solid;
            border-bottom-color: #dbd5c5;
            
            /* border-bottom-color: #5d5c61; */
        }

		#content h2 a {
            color: #0f0f1d;
			}

		#content .post h3 {
            /* border-bottom: 1px dotted #ccc; */
            font: 1.6em Georgia, sans-serif;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #dbd5c5;
            letter-spacing: 1px;
            color: #0f0f1d;
            /* color: #2e465b; */
            /* padding-top: 20px; */
            /* text-transform: uppercase; */
			}

        .date {
            font-style: italic;
        }

		#content p {
			font: 1.2em/1.5em Verdana, 'Lucida Grande', Arial, Sans-Serif;
			padding: 3px 0 16px;
            color: #0f0f1d;
			text-align: left;
            line-height: 1.7em;
			}
	
		#content p a, #content .metadata a {
            /* This is the link color here! */
            color: #0f0f1d;
			padding-bottom: 2px;
			border-bottom: 1px solid #ddd;
			}
	
		#content p a:hover, #content .metadata a:hover {
			border-bottom: 1px solid #666;
			}
			
		#content p a:visited, #content .metadata a:visited {
            /* color: #444; */
            color: #0f0f1d;
			}
			
		#content .entry {
			padding-top: 0px;
			width: 100%;
			overflow: auto;
			height: 1%;
			}
	
		#content .metadata {
			display: block;
			padding: 10px 0 20px;
			}
			
    /* Lists
    ----------------------------------------------------------------------------- */

	#content ul, #content ol {
        /* line-height: 2em; */
		padding: 15px 0 15px;
		font: 1.2em/1.5em Verdana, 'Lucida Grande', Arial, Sans-Serif;
		/*padding: 3px 0 16px;*/
        color: #0f0f1d;
		}

	#content ul li a, #content ol li a {
        /* line-height: 2.5em; */
		}

	#content .post ol {
		padding-left: 25px;
		*padding-left: 30px;
		}
		
	#content .post ul li {
		padding-left: 20px;
		background: url(images/bullet.gif) center left no-repeat;		
		}

	
	/* Comments
	----------------------------------------------------------------------------- */
	
		.commentlist {
			padding: 10px 0 30px 0;
			}
			
		.commentlist li {
			background: url(images/dot.gif) bottom left repeat-x;
			/* This fixes a Firefox / Safari bug where the bottom border sometimes shwoed up and sometimes didn't */
			margin: 10px 0;
			padding: 25px 0 10px 0;
			list-style-type: none;
			width: 100%;
			overflow: auto;
			height: 1%;
			}
			
		.comment_number a {
			font: 3.2em Georgia, serif;
			float: right;
			padding-right: 10px;
			color: #d6d6d6;
			}
			
		.comment_author {
			font-size: 1.4em;
			}
			
		h3#respond {
			display: block;
			padding-top: 15px;
			}
	
	/* Sidebar
	----------------------------------------------------------------------------- */
        
        #sidebar a {
            color: #0f0f1d;
        }    

        #sidebar ul li ul li:before {
        content: "\00BB \0020";
        }

		#sidebar ul li.side {
			padding-bottom: 25px;
			}
		#sidebar ul {
			padding-bottom: 15px;
			padding-top: 6px;
            margin-left: 10px;
			}
        /* #sidebar ul li.current_page_item:after { */
            /* content: "\00BB"; */
            /* } */
        #sidebar ul li.current_page_item {
            font-weight: bold;
            /* font-style: underline; */
            }
			
		#sidebar div {
            /* line-height: 1.7em; */
			padding-bottom: 125px;
			}
			
		#sidebar h2 {
            font-size: 1.1em;
            font-weight: bold;
            font-family: Georgia, sans-serif;
            text-transform: uppercase;
            letter-spacing: 2px;
            display: block;
			padding: 5px 0 3px;
			bottom-margin: 5px;

            border-bottom-width: 1px;
            border-bottom-style: dotted;
            /* border-bottom-color: #fefeb0; */
            border-bottom-color: #dbd5c5;
			}

        #sidebar p {
            padding-left: 15px;
            padding-top: 5px;
            font-style: italic;
        }
		
		#sidebar ul li a {
            line-height: 1.5em;
			margin-left: 1px;
			}
			
        /* More indentations -- not needed yet 

		#sidebar ul li ul li ul {
			}
			
		#sidebar ul li ul li ul li ul {
			padding-left: 30px;
			}
        */
	
	
	/* Footer
	----------------------------------------------------------------------------- */
	
		#footer p {
            text-align: center;
        }
		#footer p>a {
            color: #fefeb0;
            text-align: center;
			line-height: 2.2em;
			}	



/* Headings
----------------------------------------------------------------------------- */

    /* Have not even looked at this...*/

	h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {
		color: #444;
		font-weight: normal;
		font-family: Verdana, Sans-Serif;
		}

	h1 {
		font-size: 2.2em;
		}

	h2 {
		font-size: 2.0em;
		}

	h3 {
		font-size: 1.8em;
		}

	h4 {
		font-size: 1.6em;
		}
		
		
		
/* Images
----------------------------------------------------------------------------- */

	#content img {
		padding: 3px;
		border: 1px solid #ccc;
		max-width: 100%;
		display: block;
		margin: 0 auto;
		}

	#content img.none {
		border: 0;
		max-width: 90%;
		margin: 0 auto;
		}
		
	#content img.wp-smiley {
		border: 0;
		padding: 0;
		margin: 0;
		display: inline;
		/* For whenever one uses smileys in posts */
		}

/* Forms
----------------------------------------------------------------------------- */

	.searchform {
		width: 250px;
		float: right;
		text-align: right;
		}
		
		
/* Page Specific
----------------------------------------------------------------------------- */

	.last_20 li {
		line-height: 2em;
		}

	.archive_date {
		width: 100px;
		float: left;
		}
		
	/* This is if you use the current page-archives.php for your archives */
		
	.pagetitle {
		display: block;
		padding: 0 0 60px;
		}
					
			
/* Extras
----------------------------------------------------------------------------- */

	blockquote {
		margin: 0;
		padding: 0 0 0 25px;
		background: url(images/quote.gif) top left no-repeat;
		}

	html>body blockquote {
		background-position: 0 0;
		}
		
	.center {
		text-align: center;
		}

	hr {
		display: none;
		}