/*
THEME NAME: Chomp Cafe
THEME URI: http://chompcafe.com.au
DESCRIPTION: Chomp Cafe v1.0 : Custom Wordpress theme for Chomp Cafe website
VERSION: 1.0
AUTHOR: <a href="http://www.rubiqube.com">Adrian Diaconescu</a>
AUTHOR URI: http://www.rubiqube.com
*/

@import "reset.css";

body { background: #FFFFFF; font-family: Helvetica, Arial, sans-serif; font-size: 13px;	color: #333333; }

a { color: #E51C24; text-decoration: none; }

a:hover { text-decoration: underline; }

strong { font-weight: bold; }

hr { border: none 0; border-bottom: 1px solid #E0E0E0; height: 1px; margin: 10px 0; }

blockquote { font-style: italic; background: url(images/quotes.gif) no-repeat top left; background-position: 12px 12px; padding: 8px 15px 8px 60px; margin: 5px 0; color: #595959; }

/* The big DIV that hold everything together */

.inner {  width: 770px; margin: 0 auto; }

#header { background: #E51C24; height: 120px; border-bottom: 5px solid #CC0000; }		

	#logo { float: left; }

		#logo a { display: block; width: 220px; height: 120px; background: url(images/logo.gif) no-repeat top left; }

		#logo a span { display: none; }	

	#menu {	float: right; margin: 83px 0 0 0; }

	#menu ul li { float: left; font-weight: bold; text-transform: uppercase; padding: 12px 15px; }
	
	#menu ul li.current_page_item { background: url(images/bg_menu_active.png) repeat-x bottom left; }
	
	#menu ul li a { color: #FFFFFF; }

#wrapper { width: 770px; margin: 0 auto; background: #FFFFFF; }

	#content { float:left; width: 470px; margin: 25px 0 30px 10px; }
	
		/* Posts */
	
		.post { margin-bottom: 50px; }
		
		.post-title { font-size: 200%; line-height: 1.2; }
		
		.page-subtitle { font-weight: bold; color: #CCCCCC; font-size: 90%; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #EBEBEB; margin-bottom: 15px; }
		
		.post-meta { font-size: 85%; font-weight: bold; color: #999999; margin-top: 5px; padding-bottom: 10px; }
		
		.post-content { margin-top: 15px; }
		
		.post-content h2 { font-size: 120%; font-weight: bold; color: #660000; margin-bottom: 5px; padding: 10px 0 5px 0; border-bottom: 1px solid #EBEBEB; }
		
		.post-content h3 { font-size: 110%; font-weight: bold; margin-bottom: 5px; padding: 10px 0 5px 0; border-bottom: 1px solid #EBEBEB; }
		
		.post-content h4 { font-size: 100%; font-weight: bold; margin-bottom: 10px; }
		
		.post-content p { line-height: 1.3; margin-bottom: 10px; }
		
		.post-content img.alignnone { background: #FFFFFF; padding: 4px; border: 1px solid #EBEBEB; }
		
		.post-content img.alignleft { float: left; margin: 0 25px 15px 0; padding: 4px; border: 1px solid #EBEBEB;  } 
		
		.post-content img.alignright { float: right; margin: 0 0 15px 25px; padding: 4px; border: 1px solid #EBEBEB; }
		
		.post-content ul, .post-content ol { margin-left: 30px; margin-bottom: 20px; }
		
		.post-content ul { list-style: outside; }
		
		.post-content ol { list-style: decimal; }
		
		.post-content ul li, .post-content ol li { line-height: 1.3; margin-bottom: 5px; }
		
		.wptable { margin: 0 0 15px 0; font-size: 90%; }
		
		.wptable td { vertical-align: top; padding: 6px 0; border-bottom: 1px solid #F4F4F4; line-height: 1.2; }
		
		.more-link { font-weight: bold; display: block; margin-top: 10px; }
		
		.section-title { font-size: 140%; margin-bottom: 10px; }
		
		#searchsubmit { margin-top: 4px; }
		
		/* Bottom navigation */
		
		.navleft { float: left; margin: 0 15px 15px 0; }
		
		.navright { float: right; margin: 0 0 15px 15px; }
		
		.navigation div a { padding: 5px 10px; background: #EBEBEB; }
		
		/* Comments */

		#comments ol li { padding: 10px 0; margin-top: 2px; border-bottom: 1px solid #F0F0F0; }
		
		.comment-gravatar { float: left; margin-right: 10px; padding: 3px; background: #FFFFFF; border: 1px solid #F0F0F0; }
		
		.comment-data { float: left; width: 400px; }
		
		.comment-data p { margin-bottom: 6px; line-height: 1.3; }
		
		.comment-author { font-weight: bold; margin-bottom: 3px; }
		
		.comment-meta { color: #666666; margin-bottom: 5px; font-size: 85%; }
		
		.unapproved { font-style: italic; }
		
		#respond { margin-top: 30px; }
		
		#comment-form { background: #F5F5F5; padding: 15px; margin-top: 15px; margin-bottom: 10px; }
		
		#comment-form label { font-size: 90%; display: block; margin-bottom: 5px; }
		
		#comment-form input { width: 240px; margin-bottom: 10px; padding: 5px; }
		
		#comment-form textarea { width: 410px; height: 200px; padding: 10px; margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }	
		
		/* Pages */

	#sidebar { float: right; width: 255px; margin: 25px 10px 30px 0; }
	
		/* Sidebar content blocks */

		.sidepanel { margin-bottom: 20px; }
		
		.sidepanel h3 { font-size: 120%; font-weight: bold; padding: 10px 0 5px 0; border-bottom: 3px solid #EBEBEB; }
		
		.sidepanel ul li { padding: 6px 0; }
		
		.sidepanel p { margin-top: 8px; line-height: 1.3; }
		
		.sidepanel table { margin-top: 8px; }
		
		.sidepanel td { padding: 3px 0; }

	#footer { clear: both; padding: 20px; border-top: 1px solid #EAEAEA; }

		#footer-links { list-style: none; margin-bottom: 20px; }

			#footer-links li { float: left; margin-right: 15px; }


/* General */

.sep { color: #CCCCCC; margin: 0 8px; }

.clear { clear: both; }

.ico-small { vertical-align: middle; margin: 0 5px 2px 0; }

.geo_mashup_map { border: 1px solid #EFEFEF; }

.geo_mashup_map * { margin: 5px; }