/*
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(https://staticjw.com/n/templates/tribune/images/bg.jpg) center top no-repeat;; font:normal 13px/170% Tahoma, Geneva, Verdana, sans-serif; color:#444444; }
a { color:#5E0849; text-decoration:none; outline:none; }
a:hover { 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 #DDDDDD; padding:6px; font:normal 13px/150% Tahoma, Geneva, Verdana, sans-serif; color:#666666; }
input:hover, textarea:hover { border:solid 1px #C8C8C8; }

/* structure */
.outerwrap { background:url(https://staticjw.com/n/templates/tribune/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% Copperplate Gothic; 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:#660066; display:inline-block; margin:0px; padding:0px 10px 0px 15px; white-space:nowrap; border-left:solid 1px #DDDDDD; }
			
			.menu li a:hover, .menu #active a { color:#330033; 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:#FFFFFF; border:solid 1px #DDDDDD; 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:#999999; }
			.menu ul li:hover ul li a:hover { color:#666666; }

			.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% Copperplate Gothic Light, Arial, Helvetica, sans-serif; padding:0px; margin:0px; }
			.topbar h1 a { color:#666666; }
		
	.logo { overflow:hidden; margin:40px 0px 40px 40px; }
		.logo h1 { font:normal 35px/150% Copperplate Gothic Light, 'Times New Roman', Times, serif; text-transform:uppercase; margin:0px; }
			.logo h1 a { color:#660066; }
			.logo h1 a:hover { color:#990099; }
		.logo h4 { font:normal 25px/150% Copperplate Gothic Light, 'Times New Roman', Times, serif; margin:0px; color:#660066; font-style:normal; }

	.innerwrap { overflow:hidden; }
		.pageinfo { text-align:center; color:#777777; }
		.c1 { width:600px; float:left; overflow:hidden; padding:0px 0px 0px 0px; margin:0px 20px 0px 0px; }
		.c2 { width:300px; float:left; overflow:hidden; 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 #999999; }



/* 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:#FFFFFF; border:solid 1px #DDDDDD; padding:20px; overflow:hidden; }
	.topbar .wrapin { border-top:0; padding:12px 20px 12px 20px; }
	.post .wrapin { background:#FFFFFF url(https://staticjw.com/n/templates/tribune/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 20px/140% Copperplate Gothic Light,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:#444444; }

	.post-date { float:right; font:normal 16px/150% Georgia, 'Times New Roman', Times, serif; color:#CCCCCC; 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-foot { overflow:hidden; margin:20px 0px 0px 0px; color:#999999; }
		.post-foot a { color:#999999; border-bottom:dotted 1px #CCCCCC; }
		.post-foot a:hover { color:#777777; }
		.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:#999999; text-transform:uppercase; letter-spacing:1px; border-bottom:solid 1px #DBDBDB; font:normal 12px/150% Georgia, 'Times New Roman', Times, serif; }

	#searchform input { width:286px; }

.post img {background:#fff;padding:1px;border:3px solid #eee;margin:10px;}

#contact-form input, #contact-form textarea {margin-bottom:15px;}
#contact-form #contact-button {font-size:14px;height:30px;margin-left:30px;}