/*  
Theme Name: Qipit Newsroom
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;
		}
	
	: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; /* IE hack */
		margin: 0 auto;
		padding: 0px 0 5px 0;
		text-align: left;
		font-size: 1.1em;
		}
		
	#header {
		position: relative;
		top: 0;
		height: 121px;
		padding: 0 1px 1px 1px;
		}

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

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

	#footer #footer-links a {
		color: #666;
		}

	#footer #footer-copyright  {
		color: #666;
		float:right;
		width:229px;
		text-align:right;
	}


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

	#header h1 a {
		}
		
	#header p.description {
		font-size: 1.2em;
		}
	#header #logo-img {
		position: absolute;
		left: 5px;
		top: 5px;
		}
	#header #logo-img img {
		vertical-align: middle;
		margin-right: 27px;
		}

	#header #nav-links {
		position: absolute;
		right: -1px;
	
		}
	#header #nav-links a {
		color: #5C5C5C;
		margin: 0px 1px;

		}
	#header #nav-links span {
		font-size:9pt;
		position: relative;
		top: 1px;
	}
	#header #sign-in-img {
		margin-left: 8px;
		}
	#header #nav-links span, #header #nav-links span a {
		vertical-align: top;
	}

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

	#content h2 a {
		color: #000;
		}

	#content .date {
		}

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

	#content p a:hover, #content .metadata a:hover {
		border-bottom: 1px solid #fb0300; 
		}
		
	/*#content p a:visited, #content .metadata a:visited {
		color: #444;
		}*/

	#content p {
		font-size: 1.0em;
		line-height:1.3em;
		padding: .5em 0;
		padding-left: 0px;
		color: #000;
		text-align: left;
		}

	#content .post h3 {
		border-bottom: 1px solid #ccc;
		font: 1.2em "Lucida Grande", sans-serif;
		padding-top: 20px;
		padding-left: 0px;
		text-transform: uppercase;
		}

	#content .post h2 a {
		font-size: 1.2em;
		color: #e76d0b; /* orange */
		}
			
	#content .post {
		margin-bottom: 2.0em;
		}
			
	#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 showed 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 {
		text-align: left;
		font-size:8pt;
		border-left:1px solid #999999;
	}
	#sidebar ul li.side {
		padding: 10px 0 6px;
		}
	#sidebar ul li.last-item {
		border-bottom: none;
		}
		
	#sidebar div {
		line-height: 1.2em;
		}
		
	#sidebar h3 {
		display: block;
		font-size: 11pt;
		font-weight: bold;
		padding: 0 0 1px;
		}
	#sidebar ul {

	}
	#sidebar ul li {
		padding-left: 15px;
		padding-bottom: 4px;
		}
	#sidebar>ul>li {
		padding-left: 0px;
		padding-bottom: 4px;
		}
	#sidebar ul li a {
		line-height: 1.2em;
		color: #000;
		}
		
	#sidebar ul li ul li ul {
		padding-right: 25px;
		list-style: disc;
		direction: rtl;
		}
		
	#sidebar ul li ul li ul li ul {
		padding-left: 30px;
		}
		
	#sidebar ul li a.rsswidget {
		font-weight:bold;
		margin-top:5px;
	}
		
	#sidebar ul li#rss-3 li a.rsswidget {
		font-weight:normal;
		margin-top:5px;
	}

	#sidebar ul li.widget_rss h2.widgettitle {
		background-color: white;
		background-image: url(images/side-title-2.png);
		text-align:center;
		font-size:11pt;
		height:25px;
		margin-top:20px;
		margin-bottom:15px;
		padding-top:2px;
	}

	#sidebar ul li.widget_rss h2.widgettitle a {
		color:#454545;
	}

	#sidebar ul li.widget_rss h2.widgettitle img {
		display:none;
	}
	
	#sidebar ul li.widget_rss>ul>li {
		padding-bottom:20px;
	}
	
/* 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 {
		font-weight: normal;
		}

	h1 {
		font-size: 2.2em;
		}

	h2 {
		font-size: 1.5em;
		font-weight: bold;
		}

	h3 {
		font-size: 1.5em;
		}

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

	#content img {
		padding: 6px 0px;
		border: 0px solid #ccc;
		max-width: 100%;
		display: inline;
		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;
		}



/* 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 30px;
		}
				
		
	
			
/* 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;
		}
	.current_page_item, .current-cat {
		font-weight: bold;
		}

		
		
		
/* Tabs
----------------------------------------------------------------------------- */

	#header-tabs {
		position: absolute;
		top: 91px;
		background-image: url('images/tab-background.png');
		background-repeat: repeat-x;
		height: 30px;
		width: 100%;
	}

	div.tabs table {
		height: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	div.tabs table td.spacer {
		width: 2px;
	}

	div.tabs div.tab, div.tabs div.tab-current {
		position: relative;
		border: 0px solid red;
		background-image: url('images/tab-repeat.png');
		width: 120px;
		height: 30px;
	}

      div.tabs div.tab-current {
		background-image: url('images/tab-current-repeat.png');
      }


	div.tabs div.tab div.tab-left, div.tabs div.tab-current div.tab-left {
		position: absolute;
		left: 0;
		background-image: url('images/tab-left.png');
		width: 12px;
		height: 30px;
	}

	div.tabs div.tab-current div.tab-left {
		background-image: url('images/tab-current-left.png');
	}

	div.tabs div.tab div.tab-right, div.tabs div.tab-current div.tab-right {
		position: absolute;
		right: 0;
		background-image: url('images/tab-right.png');
		width: 12px;
		height: 30px;
	}

	div.tabs div.tab-current div.tab-right {
		background-image: url('images/tab-current-right.png');
	}

	div.tabs div.tab div.tab-text, div.tabs div.tab-current div.tab-text{
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		text-align: center;
		font-size:9pt;
		color: #FFF;
		font-weight: bold;
	}

	div.tabs div.tab-text a:link {
		color: #FFF;
		font-weight: bold;
	}

	div.tabs div.tab-text a:visited {
		color: #FFF;
		font-weight: bold;
	}
	
	div.tabs div.tab-text a:hover {
		color: #FFF;
		font-weight: bold;
		text-decoration:underline;
	}
	
/* Index page
----------------------------------------------------------------------------- */
	#content .index-link {
		margin-bottom: .5em;
		margin-left: 2.5em;
		text-indent: -2.5em;
	}
	#content .index-link a {
		color: #e76d0b;
		font-size: 0.8em;
	}
	

/* Qipit Examples page
----------------------------------------------------------------------------- */

	#content .qipit-example td {
		vertical-align: top;
	}
	#content .rssLinkListItemTitle a {
		font-size: 1.3em;
		color: #E76D0B;
	}
	#content .qipit-example {
		margin-bottom: 20px;
	}
	#content .qipit-example p {
		line-height: 1.3em;
		padding: 4px 0;
	}

/* New qipit.com additions
----------------------------------------------------------------------------- */


#appstore_ad {
	font-size:18pt;
	padding:0;
	margin-top:5px;
	padding-right:10px;
	text-align:center;
}

#appstore_ad p {
	margin-top:5px;
}

#navigation-links {
	margin-top:5px;
	text-align:left;
}

#navigation-links a {
	font-size:12px;
}

#navigation-links a:hover {
	text-decoration:underline;
}