/*
Theme Name: WordTapp
Theme URI: http://www.androidtapp.com/wordtapp-wordpress-theme/
Description: WordTapp is a Web 2.0 inspired 2 Column WordPress Theme suitable for any blog. Built for WordPress Version 2.7+ and Widget Ready. It's clean, widget ready, supports Gravatars, threaded-comments, valid CSS and XHTML! <a href="http://www.androidtapp.com" target="_blank" title="WordTapp Theme by AndroidTapp.com">WordTapp Theme by AndroidTapp.com</a>.
Version: 1.0
Author: <a href="http://www.androidtapp.com" target="_blank" title="WordTapp Theme by AndroidTapp.com">AndroidTapp.com</a>
Author URI: http://www.androidtapp.com
Tags: two-columns, fixed-width, threaded-comments, white, black, blue, orange
For the WordPress community (GPL).
*/

/*** GENERAL TAGS ***/

body
{
	margin: 0px;
	padding: 0px;
	background: #d6d4d5 url(images/bg_page.jpg) repeat-x;
	font-family: 'Arial', 'Verdana', 'Trebuchet MS', sans-serif;
	font-size: 0.9em;
	color: #000;
}

h1, h2, h3, h4, h5
{
}

a, a:link, a:active
{
	color: #06F;
}

	a:hover {
		text-decoration: none;
	}

img
{
	border: 0px;
}

blockquote
{
	padding: 10px;
	background: #f8f8f8;
	border: 1px solid #CCDDE4;
	border-left: 6px solid #CCDDE4;
	font-style: italic;
	font-size: 1.1em;
}

pre {
	width: 550px;
}


/* Start Page Structure IDs */

#Wrapper {
	width: 960px;
	margin: 0 auto;
}

#Page {
	background: #FFF;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	margin-bottom: 10px;
}

#Header {
	background:  #262626;
}

	#HeaderPanel {
	}
	
	#TopBar {
		background: #a83c00;
		color: #f2f2f2;
		padding: 4px 10px;
		font-size: 0.85em;
	}
	
		#TopBar .RSS {
			margin-right: 50px;
			padding-left: 24px;
			background: url(images/rss.png) no-repeat left center;
			color: #f2f2f2;
			text-decoration: none;
			line-height: 1.1em;
		}
		
		#TopBar .CommentRSS {
			padding-left: 24px;
			background: url(images/comments.png) no-repeat left center;
			color: #f2f2f2;
			text-decoration: none;
		}
	
	#NavPanel {
		background: #e8edf1;
		border-bottom: solid 1px #8bdcfb;
	}
	
		#NavPanel ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
			/* Start SubMenu Navigation */
			#NavPanel ul li ul {
				display: none;
			}
			
				#NavPanel ul li:hover ul,
				#NavPanel ul li li:hover ul, 
				#NavPanel ul li li li:hover ul, 
				#NavPanel ul li li li li:hover ul {
					display: none;
				}
				
					#NavPanel ul li ul ul, 
					#NavPanel ul li ul ul ul {
						display: none;
						left: auto;
						top: auto;
					}
			/* End SubMenu Navigation */
		
			#NavPanel ul li {
				display: inline;
			}
			
			#NavPanel ul li a {
				float: left;
				padding: 15px 30px;
				font-weight: bold;
				font-size: 1.2em;
				text-decoration: none;
				color: #262626;
			}
			
				#NavPanel ul .current_page_item a {
					background: #262626;
					color: #e8edf1;
				}
				
					#NavPanel ul .current_page_item a:hover {
						background: #262626;
						color: #ccc;
					}
				
				#NavPanel ul li a:hover {
					color: #666;
					background: #d1e2ef;
				}		
	
	#HeaderLogo {
		float: left;
		background: url(images/bg_header-halo.jpg) no-repeat center 90px;
		padding: 60px 100px;
		font-family: 'Calibri', Arial, Helvetica, sans-serif;
	}
	
		#HeaderLogo h1 {
			margin: 0;
			font-size: 2.2em;
		}
		
			#HeaderLogo h1 a {
				color: #d9d9d9;
				text-decoration: none;
			}
	
	#SearchPanel {
		float: right;
		padding: 60px 40px 0px 0px;
	}
	
		#SearchPanel fieldset {
			border: 0;
		}
		
			#SearchPanel .Search {
				background: #0b0b0b;
				border: solid 1px #565c5c;
				width: 215px;
				height: 30px;
			}
			
			#SearchPanel .InputSearch {				
				background: #0b0b0b;
				color: #ccc;
				border: 0px;
				padding: 6px;
				width: 168px;
			}
			
			#SearchPanel .ButtonSearch {
				background: url(images/search.png) no-repeat center center;
				border: 0px;
				height: 28px;
				width: 28px;
			}

#Body {
	background: url(images/bg_body.gif);
	border-top: solid 1px #fff;
}

	#MainContent {
		float: left;
		width: 600px;
		padding: 20px;
	}
	
	#Sidebar {
		float: right;
		width: 270px;
		padding: 15px;
	}
	
		#Sidebar h3 {
			color: #666;
		}
	
		#Sidebar .Lists {
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 0.85em;
		}
		
			#Sidebar .Lists li {
				line-height: 1.9em;
				padding-left: 8px;
			}
			
				#Sidebar .Lists li a {
					color: #666;
				}
				
					#Sidebar .Lists li a:hover {
						color: #447DA6;
					}
				
				#Sidebar .Lists li .Counter {
					background: #006d98;
					color: #fff;
					padding: 2px 4px;
					margin-right: 6px;
					text-decoration: none;
					font-weight: bold;
					font-size: 0.85em;
					border: solid 1px #004d6b;
				}
				
					#Sidebar .Lists li .Counter:hover {					
						background: #c94c0f;
						color: #e8e8e8;
						border: solid 1px #900;
					}
					
				#Sidebar .Lists li .Register {
					background: url(images/user.png) no-repeat left center;
					padding-left: 19px;
				}
				
				#Sidebar .Lists li .Login {
					background: url(images/login.png) no-repeat left center;
					padding-left: 19px;
				}
				
				#Sidebar .Blogroll li a {
					background: url(images/application.png) no-repeat left center;
					padding-left: 19px;
				}
				
				#Sidebar .Archives li a {
					background: url(images/folder_files.png) no-repeat left center;
					padding-left: 19px;
				}
				
				#Sidebar li.cat-item {
					background: url(images/folder.png) no-repeat left 3px;
					padding-left: 19px !important;
					list-style: none;
				}
				
				#Sidebar li.current-cat {
					background: url(images/folder_open.png) no-repeat left 3px;
				}
				
				#Sidebar li.current-cat-parent {
				}
				
				#Sidebar ul.children {
					margin: 0px;
					padding: 0px 0px 0px 8px;
				}

#Footer {
	background: #262626;
	padding: 15px;
	font-size: 0.9em;
	color: #e8e8e8;
}

	#Footer a {
		color: #d1effb;
	}

	#Footer .FooterPanel {
		float: left;
		width: 30%;
		margin-right: 20px;
	}
	
	#Footer .Credits {
	}
/* End Page Structure IDs */


/* Start Common Styles */
.LeftSplit {
	float: left;
}

.RightSplit {
	float: right;
}

.RightSplitRight {
	float: right;
	text-align: right;
}

.CommonPanel {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: solid 1px #ccc;
}

.Clear {
	clear: both;
}

.SmallText {
	font-size: 0.75em;
	color: #999;
}

.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

img.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.more-link {
	padding: 6px 10px 6px 22px;
	background: #0278c5 url(images/maximize.png) no-repeat 4px 9px;
	color: #FFF !important;
	text-decoration: none !important;
	border: solid 1px #014e81;
	display: block;
	width: 145px;
	margin: 15px 0px;
}

	.more-link:hover {
		background: #d4e4f1 url(images/maximize.png) no-repeat 4px 9px;
		color: #447DA6 !important;
		border: solid 1px #8BDCFB;
	}
	
.post-edit-link {
	padding: 6px 10px 6px 22px;
	background: #090 url(images/reply.png) no-repeat 4px 5px;
	color: #fff !important;
	text-decoration: none;
	border: solid 1px #030;
	display: block;
	width: 145px;
	margin: 15px 0px;
}

	.post-edit-link:hover {
		background: #a83c00 url(images/reply.png) no-repeat 4px 5px;
		border: solid 1px #900;
		color: #f2f2f2 !important;
	}
/* End Common Styles */


/* Start Post Styles */
.Post {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
}
	
	.Post h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.8em;
		margin: 0px;
	}
	
		.Post h2 a {
			color: #262626;
			text-decoration: none;
		}
		
			.Post h2 a:hover {
				color: #666;
				border-bottom: dotted 1px #666 !important;
			}
	
	.PostTitle {
	}
	
	.PostInfo {
		font-size: 0.8em;
		color: #999a9a;
		margin-top: 12px;
		padding-bottom: 8px;
		border-bottom: dotted 1px #e8e8e8;
		line-height: 1.8em;
	}
	
	.PostDate {
		padding: 0px 12px 0px 19px;
		background: url(images/time.png) no-repeat left 0px;
	}
	
	.PostAuthor {
		padding: 0px 12px 0px 19px;
		background: url(images/user.png) no-repeat left 0px;
	}
	
		.PostAuthor a {
			color: #a83c00;
		}
	
	.PostCategory {
		padding: 0px 12px 0px 19px;
		background: url(images/folder_open.png) no-repeat left 0px;
	}
	
		.PostCategory a {
			color: #080;
		}
		
	.PostComments {
		background: url(images/comments.png) no-repeat left 0px;
		padding: 0px 12px 0px 19px;
	}
	
		.PostComments a {
			color: #447da6;
		}
		
	.PostTags {
		background: url(images/arrow_next.png) no-repeat left 0px;
		padding: 0px 0px 0px 19px;
	}
	
		.PostTags a {
			color: #666;
		}
	
	.Post p {
		color: #333;
		line-height: 1.4em;
	}
	
	.Post table {
		border-left: solid 1px #d9d9d9;
		border-top: solid 1px #d9d9d9;
	}
	
		.Post table th {
			border-right: solid 1px #d9d9d9;
			border-bottom: solid 1px #d9d9d9;
			padding: 4px;
			background: #ebebeb;
		}
		
		.Post table tr {
		}
		
			.Post table td {
				border-right: solid 1px #d9d9d9;
				border-bottom: solid 1px #d9d9d9;
				padding: 4px;
			}
			
	.Post img {
		padding: 10px;
		background: #f4f4f4;
		border: solid 1px #e8e8e8;
	}
/* End Post Styles */


/* Start Sidebar Styles */
.Sponsors {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.Sponsors li {
		display: inline;
	}
	
		.Sponsors li a {
			float: left;
			width: 124px;
			height: 74px;
			margin: 0px 8px 12px 0px;
			padding-top: 50px;
			background: #e8e8e8;
			color: #666;
			border: solid 1px #ccc;
			text-align: center;
			text-decoration: none;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		
			.Sponsors li a:hover {
				background: #f8f8f8;
				color: #999;
			}
/* End Sidebar Styles */


/* Start Comments */

/* Sorry folks, had to do some crazy CSS stuff to get the display right on IE 
as to style the comment thread properly WITHOUT editing the WordPress core files ;-(
...you'll see on ".commentlist div p", ".commentlist .even .comment-meta", ".commentlist .odd .comment-meta," etc.*/

.commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.commentlist div p {
		padding: 10px 20px;
		margin: 0;
	}

	.commentlist .even {
		background: url(images/bg_comments-even.gif) no-repeat left top;
	}
	
		.commentlist .even .comment-meta, 
		.commentlist .even p, 
		.commentlist .even .reply  {
			background: #f8f8f8;
		}
		
			.commentlist .children .even .comment-meta, 
			.commentlist .children .even p, 
			.commentlist .children .even .reply  {
				background: #f8f8f8;
			}
		
	.commentlist .odd {
		background: url(images/bg_comments-odd.gif) no-repeat left top;
	}
		
		.commentlist .odd .comment-meta, 
		.commentlist .odd p, 
		.commentlist .odd .reply {
			background: #e8edf1;
		}
		
			.commentlist .children .odd .comment-meta, 
			.commentlist .children .odd p, 
			.commentlist .children .odd .reply {
				background: #e8edf1;
			}
	
	.commentlist .children {
		list-style: none;
		background: #fff !important;
	}

.comment, .children .comment {
	margin-bottom: 30px;
}

.comment-author, .comment-author .vcard {
}

.comment-meta {
	font-size: 0.8em;
	margin-top: 20px;
	padding: 6px;
	border-bottom: solid 1px #8bdcfb;
}

.reply {
	text-align: right;
	padding: 16px 8px;
}

.fn {
}

.says {
}

.comment-reply-link {
	padding: 6px 10px 6px 22px;
	background: #0278c5 url(images/reply.png) no-repeat 4px 5px;
	color: #fff !important;
	text-decoration: none;
	border: solid 1px #014e81;
	margin: 15px 0px;
}

	.comment-reply-link:hover {
		background: #d4e4f1 url(images/reply.png) no-repeat 4px 5px;
		color: #447DA6 !important;
		border: solid 1px #8BDCFB;
	}

#commentform {
}

	#commentform #author {
		background: #f9f9f9 url(images/user.png) no-repeat 5px 8px;
		color: #666;
		font-size: 1.1em;
		width: 200px;
		padding: 5px 5px 5px 26px;
		border: solid 1px #999;
	}
	
	#commentform #email {
		background: #f9f9f9 url(images/letter.png) no-repeat 5px 8px;
		color: #666;
		font-size: 1.1em;
		width: 200px;
		padding: 5px 5px 5px 26px;
		border: solid 1px #999;
	}
	
	#commentform #url {
		background: #f9f9f9 url(images/application.png) no-repeat 5px 8px;
		color: #666;
		font-size: 1.1em;
		width: 200px;
		padding: 5px 5px 5px 26px;
		border: solid 1px #999;
	}
	
	#commentform textarea {
		background: #f9f9f9 url(images/comments.png) no-repeat 5px 8px;
		color: #666;
		width: 550px;
		font-size: 1.1em;
		font-family: Arial, Helvetica, sans-serif;
		padding: 5px 5px 5px 26px;
		border: solid 1px #999;
	}
	
	#commentform #submit {		
		background: #080 url(images/action_add.png) no-repeat 5px 8px;
		color: #fff;
		padding: 6px 10px 6px 22px;
		margin: 15px 0px;
		font-weight: bold;
		text-decoration: none;
		border: solid 1px #063;		
	}
	
		#commentform #submit:hover {
			background: #a83c00 url(images/action_add.png) no-repeat 5px 8px;
			border: solid 1px #630;
		}
/* End Comments */