/*  
Theme Name: Qipit Blog
Theme URI: 
Description: 
Version: 1.0
Author: 
Author URI: 
*/



/* General
----------------------------------------------------------------------------- */

	*  {
		margin: 0;
		padding: 0;
		}
	
	ul {
		list-style-type: none;
		}

	* a:link, * a:visited, * a:hover, * a:active {
		text-decoration: none;
		color: #fb0300;
		}
	
	* 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 { 
		margin-bottom: 0.1em;
		background: #fff;
		}

	body {
		font-size: 62.5%; /* Sets the page font to 10px */
		font-family: tahoma,verdana,arial,helvetica;
		text-align: center;
		color: #000;
		width: 780px;
		margin: 0 auto;
		}
		
	.top {
		background: #eee;
		width: 100%;
		padding: 2px 0;
		border-bottom: 1px solid #ccc;
		font-size: 1.1em;
		}

	#wrapper {
		position:relative;
		margin: 0 auto;
		padding: 0px 0 5px 0;
		text-align: left;
		font-size: 1.1em;
		}
		
	#header {
		position: relative;
		height: 65px;
		padding: 0 1px 1px 1px;
		}

	#main {
		padding: 15px 0 0 0;
		}

	#content {
		float:left;
		width: 520px;
		padding: 1px 0 60px;
		font-size: 1.2em;
		border: 1px solid #fff;
		}
		
	#sidebar {
		float: right;
		text-align: left;
		width: 230px;
		padding: 1px 0px 60px 0px;
		margin-left: 0px;
		}
		
	#footer {
		padding: 60px 0;
		*padding: 30px 0;
		/* IE6 and IE7 hack */
		clear: both;
		}
		
	#footer #footer-links a {
		color: #666;
		}



/* Header
----------------------------------------------------------------------------- */

	#header #logo-img {
		position: absolute;
		left: 5px;
		top: 7px;
		}
	#header #nav-links {
		position: absolute;
		right: 0px;
		}
	#header #nav-links span, #header #nav-links span a {
		color: #5C5C5C;
		vertical-align: top;
		}
	#header #nav-links span {
		vertical-align: top;
		padding-right: 10px;
		font-size: 1.1em;
		position: relative;
		top: 1px;
	}
	#header-separator {
		background: #FFF url("images/tab-background.png") bottom;
		width: 100%;
		height: 10px;
		margin: 0;
		}

			
/* Content
----------------------------------------------------------------------------- */
	#content {
		text-align: left;
		}
	#content h2 {
		}
	#content .date {
		font-size: .8em;
	}

	#content h2 a {
		color: #000;
		}

	#content .date {
		}

	#content p a, #content .metadata a {
		color: #fb0300;
		padding-bottom: 1px;
		border-bottom: 1px solid #ddd;
		}

	#content p a:hover, #content .metadata a:hover {
		border-bottom: 1px solid #fb0300;
		}
	
	#content p {
		font-size: 1.0em;
		line-height: 1.3em;
		padding: .5em 0;
		padding-left: 0px;
		color: #000;
		text-align: justify;
		}

	#content .post h3 {
		border-bottom: 1px solid #ccc;
		font-size: 1.2em;
		padding-top: 20px;
		padding-left: 0px;
		text-transform: uppercase;
		}
	#content .post h2 a {
		font-size: 0.9em;
		color: #E76D0B;
		}
		
	#content .entry {
		padding-top: 10px;
		padding-left: 0px;
		width: 100%;
		overflow: auto;
		height: 1%;
		}

	#content .metadata {
		display: block;
		padding: 10px 0 60px;
		text-align: center;
		}


	#content ul, #content ol {
		line-height: 1.5em;
		padding: .25em 0 .25em .5em;
		margin-left: 1.5em;
		}

	#content ul {
		list-style-type: disc;
		}
	
/* 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.1em;
		}
		
	h3#respond {
		font-size: 1.2em;
		display: block;
		padding-top: 15px;
		}




/* Sidebar
----------------------------------------------------------------------------- */

	#sidebar ul li.side {
		padding: 6px 0 15px;
		}
	#sidebar ul li.last-item {
		border-bottom: none;
		}
		
	#sidebar div {
		line-height: 1.7em;
		}
		
	#sidebar h2 {
		display: block;
		padding: 0 0 10px;
		color: #000;
		}
	#sidebar ul li {
		padding-left: 15px;
		}
	#sidebar ul li a {
		line-height: 1.9em;
		color: #000;
		}
		
	#sidebar ul li ul li ul {
		padding-left: 15px;
		}
		
	#sidebar ul li ul li ul li ul {
		padding-left: 30px;
		}



/* Footer
----------------------------------------------------------------------------- */

	#footer p {
		line-height: 2.2em;
		}	



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

	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: #000;
		font-weight: normal;
		}

	h1 {
		font-size: 2.2em;
		}

	h2 {
		font-size: 1.8em;
		}

	h3 {
		font-size: 1.65em;
		}

	h4 {
		font-size: 1.5em;
		}
		
		
		

/* Images
----------------------------------------------------------------------------- */

	#content img {
		padding: 10px 0px;
		border: 0;
		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 */
		}


		
		
		
		
		
/* 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;
		}
	.para {
		display: block;
		}
		

/* Qipit-specific
----------------------------------------------------------------------------- */
	#side-marketing-message div {
		color: #000;
		font-size: 1.5em;
		line-height: 1.4em;
		text-align: center;
	}
	.side-button {
		color: #535353;
		position: static;
		width: 140px;
		height: 31px;
		background: url('images/side-button.png') no-repeat;
		margin-left: auto;
		margin-right: auto;
		font-size: 13pt;
		font-weight: bold;
		padding-top: 0px;
		text-align: center;
	}
	.side-button a {
		color: #535353;
		display:block;
		background: url('images/side-button.png') no-repeat;
		padding-top: 3px;
		padding-bottom: 15px;
		text-decoration: none;
	}
	
	#sidebar ul li.side-divider {
		height: 5px;
		background: #fff url('images/sidebar-divider.png') bottom;
		padding: 0px;
	}

	.side-button a:hover{
		text-decoration: none;
	}
	.side {
		width: 100%; /* hack for IE7 */
	}
	#sidebar #rss-feed-link, #sidebar #rss-feed-link:hover {
		color: #FF5A19;
		text-transform: uppercase;
		font-size: 1.1em;
	}
	
	#sidebar .widget_recent_entries ul li, #sidebar #twitter_update_list {
		margin-left: 2.5em;
		text-indent: -2.5em;
	}
	
	#sidebar .widget-latest-qipits {
	}
	
	#sidebar .widget-latest-qipits .qipit-item {
		padding: 2px 0 12px 15px;
	}
	
	#sidebar .widget-latest-qipits .qipit-item h4 a {
		color: #e76d0b; /* orange */
	}
	#sidebar .widget-latest-qipits .qipit-item p {
		padding-bottom: 6px;
	}