/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*
Theme Name: Tribune
Theme URI: http://frostpress.com/themes/tribune/
Description: Two-column 'Roman' theme in very soft colors of white and sand. Content softly accented by half-transparent borders and slightly smudge backgrounds, creating a old-looking and beutiful theme that would make any true Roman proud.
Version: 1.1.1
Author: Frostpress
Author URI: http://frostpress.com
Tags: light, white, silver, two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post

This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)

"Nemo enim fere saltat sobrius, nisi forte insanit."
*/
/* basic */
body { margin:0px; padding:0px; background:#F2F0EE url(images/bg.jpg) center top no-repeat; font:normal 15px/21px Tahoma, Geneva, Verdana, sans-serif; color:#444444; }
a { color:#d86600; text-decoration:none; outline:none; }
a:hover,#active a { color:#FF8B22; text-decoration:none; }
input { font:normal 12px/170% Verdana, Helvetica, Tahoma; }
ul { margin:0px 10px 0px 10px; padding:0px 0px 5px 20px; list-style:square; }
ol { margin:0px 10px 0px 10px; padding:0px 0px 5px 20px; list-style:upper-roman; }
p { margin:11px 0px 11px 0px; }
p:first-child { margin-top:0px; }
p:last-child { margin-bottom:0px; }
blockquote, pre { border-left:solid 3px #E0E0E0; margin:10px 10px 10px 30px; padding:0px 10px 0px 10px; line-height:160%; display:inline-block; }
blockquote blockquote { background-color:#FCFCFC; }
input, textarea { background-color:#F4F3F2; border:solid 1px #DDD; padding:6px; font:normal 13px/150% Tahoma, Geneva, Verdana, sans-serif; color:#666; }
input:hover, textarea:hover { border:solid 1px #C8C8C8; }

/* structure */
.outerwrap { background:url(images/bg_footer.jpg) center bottom no-repeat; z-index:-1; position:fixed; bottom:0; left:0; width:100%; height:248px; }
.wrap { width:920px; margin:0px auto 0px; }

	.topbar { font-size:11px; }

		.menu { font:normal 11px/100% Georgia, 'Times New Roman', Times, serif; text-transform:uppercase; letter-spacing:1px; }
			.menu ul { z-index:100; list-style:none; margin:0px; padding:0px; }
			.menu li { display:inline-block; position:relative; margin:0px; padding:15px 0px 15px 0px; }
			.menu li a { color:#999; display:inline-block; margin:0px; padding:0px 10px 0px 15px; white-space:nowrap; border-left:solid 1px #DDD; }
			
			.menu li a:hover, .menu #active a { color:#666; text-decoration:none; }

			.menu li:first-child a { border:0; padding-left:0px; }

			/* This copyright notice must be untouched at all times.
			
			The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/dd_valid.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. */

			.menu li ul { display:none; }
			.menu li ul li { padding:5px 0px 5px 0px; }
			.menu li ul li a { border:0; }
			
			.menu ul li:hover ul { 
				display:block; position:absolute; top:41px; left:5px; z-index:99; background-color:#FFF; border:solid 1px #DDD; padding:5px 0px 5px 0px;
				
				box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px;
				-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px;
				-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px;
				}
			.menu ul li:hover ul li a { display:block; float:none; width:130px; padding:5px 10px 5px 10px; margin:0px; color:#999; }
			.menu ul li:hover ul li a:hover { color:#666; }

			.menu ul li:hover ul li ul,
			.menu ul li:hover ul li:hover ul li ul,
			.menu ul li:hover ul li:hover ul li:hover ul li ul, 
			.menu ul li:hover ul li:hover ul li:hover ul li:hover ul li ul
			{ display:none; }

			.menu ul li:hover ul li:hover ul,
			.menu ul li:hover ul li:hover ul li:hover ul,
			.menu ul li:hover ul li:hover ul li:hover ul li:hover ul,
			.menu ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul 
			{ display:block; position:absolute; left:110px; top:0px; z-index:100; }

		
		.topbar h1 { font:bold 16px/100% Arial, Helvetica, sans-serif; padding:0px; margin:0px; }
			.topbar h1 a { color:#666; }
		
	.logo { overflow:hidden; margin:40px 0px 40px 40px; }
		.logo h3 { font:normal 40px/150% Georgia, 'Times New Roman', Times, serif; text-transform:uppercase; margin:0px; }
			.logo h3 a { color:#666; }
			.logo h3 a:hover { color:#333; }
		.logo h4 { font:normal 14px/150% Georgia, 'Times New Roman', Times, serif; margin:0px; color:#999; font-style:italic; }

	.innerwrap { }
		.pageinfo { text-align:center; color:#777; }
		.c1 { width:600px; float:left; overflow:hidden; padding:0px 0px 0px 0px; margin:0px 20px 0px 0px; }
		.c2 { width:300px; float:left; padding:20px 0px 0px 0px; color:#666666; }
			.c2 a { color:#E37C31; }
			.c2 a:hover { color:#d86600; }

	.footer { padding:40px 0px 20px 0px; color:#999999; text-align:center; overflow:hidden; }
		.footer a { color:#999999; border-bottom:dotted 1px #999; }


/* box wrapper */
.wrapout { background:#F0EFEE; padding:4px; overflow:hidden; }
	.topbar.wrapout { background:rgba(100, 100, 100, 0.05); padding-top:0px; }
	.post.wrapout { background:rgba(100, 100, 100, 0.05); }
.wrapin { background-color:#FFF; border:solid 1px #DDDDDD; padding:20px; overflow:hidden; }
	.topbar .wrapin { border-top:0; padding:12px 20px 12px 20px; }
	.post .wrapin { background:#FFF url(images/bg_white.jpg) left top repeat-y; }
	.post-foot .wrapin { padding:10px; }
	.comment .wrapin { padding:10px; }
	.pingback .wrapin { padding:5px 10px 5px 10px; }


/* posts */
.post { margin:0px 0px 20px 0px; }
	.post h1.post-head { font:normal 24px/100% Georgia, 'Times New Roman', Times, serif; margin:0px 0px 10px 0px; padding:0px; }
	.post h1.post-head a { color:#666666; }
	.post h1.post-head a:hover { color:#444; }

	.post-date { float:right; font:normal 16px/150% Georgia, 'Times New Roman', Times, serif; color:#CCC; margin:0px 0px 0px 20px; }

	.post-text { overflow:hidden; }
		.continue-reading { margin:5px 0px 5px 0px; padding:5px 10px 5px 0px; font-weight:bold; display:block; }
		.post h1, h2, h3, h4, h5 { margin:10px 0px 10px 0px; }
		.post h1 { font-size:22px; }
		.post h2 { font-size:18px; }
		.post h3 { font-size:16px; }
		.post h4 { font-size:14px; }
		.post h5 { font-size:12px; }

		.submenu { float:right; margin:0px 0px 10px 10px; }
	.post-text li {padding: 4px 2px 12px;}
	.post-foot { overflow:hidden; margin:20px 0px 0px 0px; color:#999; }
		.post-foot a { color:#999; border-bottom:dotted 1px #CCC; }
		.post-foot a:hover { color:#777; }
		.post-comments, .post-edit { float:right; }
		.post-category span, .post-tag span {  }
		.post-author { float:right; display:none; }
/* widgets */
#widgets { list-style:none; padding:0px; margin:0px; }
	.widget { margin:0px 0px 20px 0px; padding:0px; }
		.widget h4 { overflow:hidden; margin:25px 0px 10px 0px; color:#999; text-transform:uppercase; letter-spacing:1px; border-bottom:solid 1px #DBDBDB; font:normal 12px/150% Georgia, 'Times New Roman', Times, serif; }
		.widget li {margin: 4px auto 13px;}

.post img {background:#fff;padding:1px;border:3px solid #eee;margin:10px;max-width:100%;height:auto;}

fieldset {width: 360px;}
#contact-form input, #contact-form textarea {margin-bottom:15px;width:96%}
#contact-form #contact-button {display: table;
    font-size: 14px;
    height: 30px;
    margin: 0 auto;}
.post hr {margin:30px 10px;color:#ccc;}
.footer2{display:none;}
@media (max-width:1024px) {	
.wrap {
    width: 96%;
}
.c1 {
    width: 66%;
}
.c2 {
    width: 30%;
}
}
@media (max-width:767px) {	
.c1 {
    float: none;
    width: 98%;margin: 0 auto;
}
.c2 {
	float: none;margin: 0 auto;
    width: 98%;
}.footer{display:none;}.footer2{display:block; text-align: center;}
}
@media (max-width:700px) {	
body {background: #f2f0ee url(images/bg.jpg) no-repeat scroll center top!important;}
.logo h3 {
    font: 33px/100% Georgia,"Times New Roman",Times,serif;
}
fieldset {
    width: 85%;
}
}
@media (max-width:480px) {
.logo {
    margin: 15px 0 24px 15px;
}	
.logo h3 {
    font: 27px/100% Georgia,"Times New Roman",Times,serif;
}
.post h1.post-head {
    font: 23px/100% Georgia,"Times New Roman",Times,serif;
}
.blog-post h2.blog-title,.post h2 {
    font-size: 20px!important;
    line-height: 20px!important;
}
.post img {float:none!important;clear:both;}

blockquote, pre {
    margin: 10px 0;
}
ul {
    margin: 0;
}
}
@media (max-width:375px) {
.logo h3 {
    font: 24px/100% Georgia,"Times New Roman",Times,serif;
}
#contact-form input, #contact-form textarea {
    margin-bottom: 15px;
    width: 93%;
}
}