/*
Theme Name: On The App Theme
Version: 1.0
Theme URI: http://www.ontheapp.com
Author: Poxar	
Author URI: http://www.ontheapp.com
*/

html, body 													{ font-family: Verdana; font-size: 100%; height: 100%; background: #f0f0f0 url(images/body_top_bg.jpg) repeat-x top left; }

.clear															{ clear: both; margin-bottom: 10px;}

/* Page Wrapper */
#wrapper														{ margin: 0 auto; width: 940px; }

/* Top Section */

/* Header Section */
#header	{ width: 940px; height: 93px; 
margin-bottom: 27px;
}

/* Logo */
.logo { width: 479px; height: 93px; float: left; display: inline; margin-top: 15px; }
.logo a 															{ width: 479px; height: 93px; background: url(images/logo.png) no-repeat; display: block; }

/* Search Section */
.search 														{ width: 300px; height: 40px; margin: 39px 0 0 0; float: right; display: inline; background: url(images/searchbg.png) no-repeat; }
.search #searchform { padding: 9px 0 0 10px;}
.search #searchform #s	{ padding: 0; color: #FFF; border: 0; background: #222222; width: 250px; font-size: 16px; }

.search #searchform #go	{ margin-left: 5px; width: 25px; vertical-align: middle;}



.bookmark-me {
margin-top: 15px;
}



/* Main Menu Section */
#mainMenu 													{ width: 940px; height: 31px; }
#subPages, #subPages * 							{ margin:0; padding:0; list-style: none; }
#subPages 													{ height: 30px; border-left: 1px solid #DCDCD4}
#subPages li 												{ line-height: 30px; float: left; list-style:none; }
#subPages li a 											{ color: #323429; display: block; padding: 0 10px; font-size: 12px; line-height: 30px; border-right:1px solid #DCDCD4; text-decoration: none; }
#subPages li.current_page_item a 				{ font-weight: bold; }
#subPages li ul 											{ position:absolute; left: -999em; width:15em; margin-top:0px; }
#subPages li:hover ul, 
#subPages li.sfhover ul 								{ margin-top: 1px; margin-left: -1px; left:auto; z-index:10 !important; }
#subPages li:hover ul li a:hover 					{ color: #9078c4; }
#subPages li.sfhover ul li a 							{ font-weight: normal; }
#subPages li.sfhover ul li a:hover 				{ color: #9078c4; }
#subPages li ul li 											{ color: #FF0000; display:block !important; width:12em; border:1px solid #ddd !important; border-right: none !important; border-top:none !important; background:#fff; } 


/* Gallery Main Section */
#galleryWrap 												{ margin: 20px 0 0 0; width: 940px; overflow: hidden; }
#gallery 														{ width: 640px; overflow: hidden; float: left; display: inline; }
.title																{ /*border: 1px solid #DCDCD4;*/ height: 25px; /*background: #FFF;*/ margin-right: 20px; margin-bottom: 15px; }
.title p.bread												{ padding-left: 5px; font-size: 11px; color: #323429; line-height: 25px; float: left; display: inline; }
.title p.bread a 											{ color: #323429; text-decoration: underline; }
.title p.bread a:hover 									{ text-decoration: none; }
.title p.bread span 										{ font-weight: bold; }
.title p.rss 													{ padding-right: 5px; font-size: 11px; line-height: 25px; float: right; display: inline; }
.title p.rss a													{ padding-right: 17px; text-decoration: none; color: #323429; background: url(images/rss_icon_cats.jpg) no-repeat right; }
.title p.rss a:hover 										{ text-decoration: underline; }
.thumbs														{ margin: 0 20px 20px 0; width: 298px; height: 200px; float: left; display: inline; background: #FFF; border: 1px solid #DCDCD4; position: relative;}





.thumbs a img 												{ margin: 6px; width: 284px; height: 147px;  border: 1px solid #DCDCD4; }
.thumbs h2 													{ margin: 0 0 0 6px; font-size: 11px; font-weight: normal;}	 											
.thumbs h2 a 												{ color: #9078c4; text-decoration: none; display: block;}
.thumbs h2 a span 										{ position: absolute; right: 6px; color: #9078c4;}
.thumbs h2 a:hover 									{ text-decoration: underline; color:#9078c4;}


.thumbs h3 { margin: 0 0 0 6px; font-size: 11px; font-weight: normal; color: #666666; margin-top: 5px;}	

.content														{ width: 620px; background: #FFFFFF; border: 1px solid #DCDCD4; float: left; display: inline; margin-bottom: 15px;}
.content h1 													{ padding: 10px 10px 0 10px; font-size: 22px; font-weight: normal; }
.content .entry 											{ padding: 10px; }
.content .entry p 											{ font-size: 12px; text-align: justify; padding: 5px 0 5px 0; line-height: 18px; color: #323429;}
.content .details 											{ margin: 0 10px 0 10px; overflow: hidden; }
.content .details img.thumbnail					{ margin: 10px 0 10px 0; width: 598px; height: 147px; border: 1px solid #DCDCD4; display: block; overflow: hidden;}
.content .detailMeta 									{ display: block; color: #323429;  }
.content .detailMeta p 									{ font-size: 12px; line-height: 18px; }
.content .detailMeta p.date							{ margin: 10px 0 10px 0; font-size: 12px;}
.content .detailMeta p.date span 				{ color: #9078c4; } 
.content .detailMeta p.category 					{ font-size: 12px; margin: 0 0 10px 0; }
.content .detailMeta p.category a,
.content .detailMeta p.tags a						{ color: #9078c4; text-decoration: none; }
.content .detailMeta p.tags							{ padding: 0 0 10px 0; font-size: 12px; }

.content .detailMeta p.blank {height: 10px;}





/* Sidebar Section */
#sidebar 														{ width: 300px; float: right; display: inline; }

/*125x125 Adds */
#adds															{ padding: 15px 0 0 0; margin: 0 0 20px 0; width: 298px; height: auto; background: #FFFFFF; border: 1px solid #DCDCD4; overflow: hidden;}
#adds a 														{ width: 125px; height: 125px; position: relative;}
#adds a img 												{ height: 125px; width: 125px; margin: 0 0 15px 15px; float: left; display: inline; border: 1px solid #DCDCD4; overflow: hidden; }

/* Categories */
#cats 															{ width: 298px; margin: 0 0 20px 0; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; }
#cats h2 														{ margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;}
#cats ul 														{ list-style: none; }
#cats ul li 													{ width: 149px; padding: 0 0 10px 0; font-size: 12px; float: left; display: inline; }
#cats ul li a 													{ padding: 0 15px 0 15px; color: #323429; text-decoration: none; }
#cats ul li a:hover 										{ text-decoration: underline; }
#cats ul li.current-cat a								{ font-weight: bold; color: #9078c4; }

/* Archives */
#archives														{ margin: 0 0 20px 0; width: 298px; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; }
#archives h2 												{ margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;}
#archives ul 												{ list-style: none; }
#archives ul li 												{ width: 149px; padding: 0 0 10px 0; font-size: 12px; float: left; display: inline; }
#archives ul li a 											{ padding: 0 15px 0 15px; color: #323429; text-decoration: none; }
#archives ul li a:hover 								{ text-decoration: underline; }
#archives ul li a:active 								{ font-weight: bold; color: #9078c4; }	

/* Tags*/
#tags															{ margin: 0 0 20px 0; width: 298px; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; }
#tags h2 														{ margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;}
#tags ul 														{ list-style: none; }
#tags ul li 													{ padding: 0 0 10px 15px; font-size: 12px; float: left; display: inline; }
#tags ul li a 													{ padding: 0 15px 0 0; color: #323429; text-decoration: none; }
#tags ul li a:hover 										{ text-decoration: underline; }
#tags ul li a:active 										{ font-weight: bold; color: #9078c4; }	

/* Footer Section */
#footerWrap 												{ clear: both; margin: 20px 0 0 0; width: 100%; background: #dbdcd4; overflow: hidden;}
.footerInner 												{ width: 100%; background:url(images/footer_top_bg.jpg) repeat-x left top; overflow: hidden;}
#footer														{ width: 940px; margin: 50px auto; overflow: hidden; }

/* Footer Modules */
.popular														{ width: 300px; margin: 0 20px 0 0; float: left; display: inline; }
.popular h2 													{ color: #FFFFFF; margin: 0 0 15px 0; font-size: 12px; }
.popular ul 													{ list-style: none;}
.popular ul li 												{ padding: 7px 5px 7px 5px; font-size: 12px; background: #1d1d1d; margin: 0 0 1px 0; display: block; }
.popular ul li a 												{ color: #9078c4; text-decoration: none; }
.popular ul li a:hover 									{ color: #96E93F; text-decoration: underline; }

.random 														{ width: 298px; margin: 0 20px 0 0; float: left; display: inline; }
.random h2 													{ color: #FFFFFF; margin: 0 0 15px 0; font-size: 12px; }
.random .thumbWrap									{ width: 298px; height: 161px; background: #2B2D21; overflow: hidden; }
.thumbWrap a img 										{ margin: 6px 6px 8px 6px; width: 284px; height: 147px; display: block; }

.links															{ width: 300px; margin: 0; float: right; display: inline; }
.links h2 														{ color: #FFFFFF; margin: 0 0 15px 0; font-size: 12px; }
.links ul 														{ list-style: none;}
.links ul li 														{ padding: 7px 5px 7px 5px; font-size: 12px; background: #2B2D21; margin: 0 0 1px 0; display: block; }
.links ul li a 													{ color: #9078c4; text-decoration: none; }
.links ul li a:hover 										{ color: #96E93F; text-decoration: underline; }

/* Copyright */
#copyrightWrap											{ height: 35px; width: 100%; background: #333333; border-top: 1px solid #3d3f32;}
.copyrightInner 											{ width: 940px; margin: 0 auto; line-height: 35px;}
p.copyText 													{ font-size: 11px; color: #FFFFFF; float: left; display: inline;}
p.copyText span 											{ color: #9078c4; }


p.copyText a { color: #9078c4;text-decoration : none;}
p.copyText a:hover { color: #ffffff;text-decoration : none;}

p.anchorLink { 
font-size: 11px; 
float: right; display: inline; 
padding-top: 5px;
}


p.anchorLink a												{ color: #9078c4; text-decoration: none; }
p.anchorLink a:hover 									{ text-decoration: underline;!important}

/* The Comments Template Section Styles */
.comments-template 									{ margin: 20px 20px 0 0; width : 620px; overflow: hidden; }
.comments-template ol 								{ list-style: none; border-top: 1px solid #DCDCD4; }
.comments-template ol li 								{ padding: 0 10px 10px 10px; border-bottom: 1px solid #DCDCD4; position: relative; }
.comments-template ol li img.gravatar 		{ float: left; width: 50px; height: 50px; display: block; border: 1px solid #DCDCD4; margin: 10px 10px 10px 0; }
.comments-template ol li p 							{ padding : 10px 0 5px 0; font-size : 12px; text-align: justify; line-height: 18px; color: #323429; margin-left: 60px; }
.comments-template ol li a 							{ color: #9078c4;text-decoration : none;}
.comments-template ol li a:hover 				{ text-decoration : underline;}
.comments-template h3#comments				{ color: #323429;padding: 5px 0 5px 10px; font-size: 18px; font-weight: normal; }
.comments-template h3#reply 					{ color: #323429;padding: 10px; font-size: 18px; font-weight: normal; }
.comments-template .meta 							{ font-size : 11px;color : #606060;}
.comments-template .meta a 						{ color: #9078c4;text-decoration : none;}
.comments-template .meta a:hover			 	{ text-decoration : underline;}
.comments-template p.logged 					{ margin-bottom: 10px;margin-top: 10px;font-size: 12px;color: #606060;}
.comments-template p.logged a 					{ color: #9078c4;text-decoration : none;}	
#commentform #comment							{ margin-top : 10px;font-size : 12px;border : 1px solid #DCDCD4;background: none;}
#commentform        										{ padding: 0 10px 0 10px;display: block;}
#commentform label 									{ font-size : 11px;color : #666666;}
#commentform input 									{ margin-top : 5px; width : 300px;font-size: 12px;padding : 2px 0 2px 2px;border : 1px solid #DCDCD4;background: none;}
#commentform #submit 								{ margin-bottom : 20px;padding : 0;width : 166px;height : 33px;border : none;overflow : hidden;}
#commentform p 											{ padding : 5px 0 0 0;font-size : 10px;color : #606060;}
#commentform p a 										{ color: #9078c4;text-decoration : none;}
#commentform p a:hover 							{ text-decoration : underline;}



.feed { 
position: absolute; right: 6px;
}

#fdbk_tab {
top: 50%!important;
}



.wp-pagenavi {
font: 14px Verdana;
clear: both;
}


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 1px; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	border: 1px solid #DCDCD4;
	color: #343434;
	background-color: #efefef;	
}
.wp-pagenavi a:visited {
	padding: 1px;  
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	border: 1px solid #DCDCD4;
	color: #9078c4;
	background-color: #efefef;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #DCDCD4;
	color: #343434;
	background-color: #efefef;
}
.wp-pagenavi a:active {
	padding: 1px; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	border: 1px solid #DCDCD4;
	color: #343434;
	background-color: #efefef;	
}
.wp-pagenavi span.pages {
	padding: 1px; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	border: 1px solid #DCDCD4;
	color: #343434;
	background-color: #efefef;
}
.wp-pagenavi span.current {
	padding: 1px; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	font-weight: bold;
	border: 1px solid #DCDCD4;
	color: #343434;
	background-color: #efefef;
}
.wp-pagenavi span.extend {
	padding: 1px; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	border: 1px solid #DCDCD4;
	color: #343434;
	background-color: #efefef;
}

/* Social*/
#socb															{ width: 298px; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; }
#socb h2 														{ margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;}
#socb ul 														{ list-style: none; }
#socb ul li 													{ padding: 0 0 10px 15px; font-size: 12px; float: left; display: inline; font-weight: bold;}
#socb ul li a 													{ padding: 0 15px 0 0; color: #323429; text-decoration: none; font-weight: bold;}
#socb ul li a:hover 										{ text-decoration: underline; font-weight: bold;}
#socb ul li a:active 										{ font-weight: bold; color: #9078c4; }

#socb p{ text-align: center;}	


/* sidead*/
#gad															{ width: 298px; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; margin-bottom: 20px;}
#gad h2 														{ margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;}
#gad ul 														{ list-style: none; }
#gad ul li 													{ padding: 0 0 10px 15px; font-size: 12px; float: left; display: inline; font-weight: bold;}
#gad ul li a 													{ padding: 0 15px 0 0; color: #323429; text-decoration: none; font-weight: bold;}
#gad ul li a:hover 										{ text-decoration: underline; font-weight: bold;}
#gad ul li a:active 										{ font-weight: bold; color: #9078c4; }

#gad p{ text-align: center;}	

/* Resources */
#resources														{ margin: 0 0 20px 0; width: 298px; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; }
#resources h2 												{ margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;}
#resources ul 												{ list-style: none; }
#resources ul li 												{ width: 250px; padding: 0 0 10px 0; font-size: 12px; float: left; display: inline; }
#resources ul li a 											{ padding: 0 15px 0 15px; color: #323429; text-decoration: none; }
#resources ul li a:hover 								{ text-decoration: underline; }
#resources ul li a:active 								{ font-weight: bold; color: #9078c4; }