/*
Theme Name: Monticello Live 3-column
Theme URI: http://www.monticellolive.com
Description: WordPress theme for Monticello Live
Author: M. Shane Glass
Author URI: http://www.mshaneglass.com
version: 0.9
Tags: three-column, widget-ready, light, news
*/

/* Reverted from bugged version on 10.24.12 */


/* Basic reset */
* {margin: 0; padding: 0;}

/* The following selector enable the new HTML5 elements to be rendered at block level instead of inline for older browsers */
header, footer, nav, section, article, .large_ads, #ad_column_1, #ad_column_2 {display: block}
.clear {clear:both;height:0;line-height:0}

body {background-repeat:repeat;background:url('http://www.monticellolive.com/wp-content/themes/MonticelloLivev2/images/bg_03.jpg'); 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;font-size:10pt;margin:15px}
	
h1 {line-height:2em;font-size:24pt;font-family:"skolar-1","skolar-2", Georgia, serif}
h2 {line-height:2em;font-size:22pt;font-family:"skolar-1","skolar-2", Georgia, serif}
h3 {line-height:1.2em;font-family:"Lucida Grande", Verdana, Arial, sans-serif;font-size:16px;padding-top:15px}
h4 {line-height:1.8em;font-family:"Lucida Grande", Verdana, Arial, sans-serif;font-size:12px}

img {border:none}
img a {border:none}
img.left{float:left;border:none;padding:0}
img.right{float:right;border:none;padding:0}

blockquote{border-left:1px solid #A5ABAB;margin:15px;padding:0 12px 0 12px}
code{font-family:"Courier New", Courier, monospace}

/* links */
a {color:#1d69a4;text-decoration:none}
a:hover {text-decoration:none;color:#666;color:rgba(0,0,0,.5)}
a:active, a:focus {top:1px}

/* container */
#container {
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	box-shadow:0px 5px 12px black;-moz-box-shadow:0px 5px 12px black;-webkit-box-shadow:0px 5px 12px black;
	width:96%;margin:0 auto;background:#fff;color:#333}
	
/* header */
header {
	background: url('http://www.monticellolive.com/wp-content/themes/MLv3/images/mlheader_long3.jpg');
	width:100%;height:170px;margin:-10px auto auto auto;color:#fff;
  	-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px}
/* Header image replacement for Monticello Mugshosts page */
header#mugshots {
	background: url('http://www.monticellolive.com/wp-content/themes/MLv3/images/MonticelloMugshotsHeaderImage.jpg');
	width:100%;height:170px;margin:-10px auto auto auto;color:#fff;
  	-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px}
header#hamburgheadlines{
	background: url('http://www.monticellolive.com/wp-content/themes/MLv3/images/hamburgheadlinesheader.jpg');
	width:100%;height:170px;margin:-10px auto auto auto;color:#fff;
  	-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px}  	
header h1 {text-align:center;font-size:6em;margin-bottom:-60px}
header h1 a {text-shadow:2px 1px 2px #000;color: #ffffff;text-decoration:none;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 105, 164, 1)), to(rgba(29, 105, 164, .5)), color-stop(.5,#278ede))}
header h1 a:hover, a:focus {color:#666;text-decoration:none}
header h2 {text-shadow:2px 1px 3px #666;text-align:center;font-size:3em;color:#fff}

/* main menu */
nav {background:#000;background:rgba(0,0,0,.6);font-size:12pt;width:100%;}
nav ul {padding:0}
nav ul li {list-style-type:none;float:left;width:20%}
nav ul li a {padding:4px 10px;color:#fff;display:block}
nav ul li a:hover {background:#fff;color:#000}
.large_ads {background:#e6e6e6;margin-left:auto;margin-right:auto;text-align:center;height:auto}
.large_ads img {padding:2px}
	
/* content */
section {float:left;width:50%;overflow:hidden;margin:14px}
article {padding:0;line-height:16pt;border-bottom:1px solid #000;padding-bottom:15px;width:100%}
article h2 {line-height:1.3em;font-size:24px;padding-top:20px}
article h2 a {border-top-width:1px;color:#1d69a4;text-decoration:none}
article h2 a:hover, a:focus {color:#777777;text-decoration:none;top:1px}
.entry p {margin:12px 0}
articlemetadata{clear:both;background:#F7F7F7;padding:6px;margin:20px 0}
.sticky {background:#F0F0F0;border:1px solid #1d69a4;padding:8px}
.navigation {font-size:8pt;width:100%;float:left;margin:0;padding:0;overflow:hidden}
.alignleft a {float:left;margin:25px 0}
.alignright a {float:right;margin:25px 0}
#previous-next-articles {clear:both;background:#dfdfdf;padding:5px;margin-top:50px;margin-bottom:50px;
	border-radius:10px;-o-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
/*article img {-webkit-box-shadow:0px 1px 1px #666;rgba(0,0,0,.3);border:1px #666;rgba(0,0,0,.3);border-radius:3px;-webkit-border-radius:3px}*/
	
/* no-ad section class. This stretches out the main content and centers stuff. */
.no-ads {width:100%;margin:auto;text-align:center}

/* Weather.com feed */
div.weather_info {margin:0 10px;padding-top:10px;border:3px solid #000} div.weather_title {text-align:center}

/* ad_column_1 */
#ad_column_1 {width:20%;max-width:200px;float:left;margin:0 1%;padding-right:1%;border-right:1px solid #ddd}
#ad_column_1 label {color:#000;margin:0;padding:0}
#ad_column_1 p.title {display:none}
#ad_column_1 p.search {display:block;margin:10px}
.textwidget {padding:0 0 10px 0}
#ad_column_1 img {width:100%;height:auto;max-width:200px}

.css3-button {margin:auto}
.css3-button a {display:block;width:100%;max-width:200px;padding:5px 0;color:#fff; box-shadow:0px 1px 3px #666;-moz-box-shadow:0px 1px 3px #666;-webkit-box-shadow:0px 1px 3px #666;
	background:#1d69a4 url('http://www.monticellolive.com/wp-content/themes/MLv3/images/glass-gradient.png') repeat-x 0 50%; text-align:center;
	border-radius:10px;-o-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;font-size:14px}
.css3-button a:hover{background:#a14141}
#world-series a {background:url('http://www.monticellolive.com/wp-content/themes/MLv3/images/world-series-bg.png');color:black}

/* ad_column_2 */
#ad_column_2 {width:20%;max-width:200px;float:right;margin:0 1%;padding-left:1%;border-left:1px solid #ddd}
#ad_column_2 h2 {color:#000;margin:0;padding:0}
#ad_column_2 label {color:#000;margin:0;padding:0}
#ad_column_2 p.title {display:none}
#ad_column_2 p {margin:0;padding:10px}
#ad_column_2 img, .weather-info {width:100%;height:auto;max-width:200px}
div.weather-info {padding:0;margin:0 0 10px 0}
	
/* Comments */
#commentform {width:400px;background:#fff;margin:0;padding:0}
#commentform p {color:#000}
#commentform a {color:#000;text-decoration:none;border-bottom:1px dotted #465D71;line-height:14pt}
#commentform h3 {font-family:Georgia,"Times New Roman", Serif;font-size:10pt;font-weight:300;color:#000;margin:0;padding:0}
#comment {width:400px;}
#author, #email, #url, #comment, #submit {background:#fff;font-family:verdana,arial,times;font-size:8pt;margin:5px 5px 0 0;padding:0;border:1px solid #000}
#facebook_connect {margin-top:20px}
#submit {margin:5px;padding:5px;border-radius:5px}
#comments {margin:0;padding:0}
ol.commentlist {list-style-type:none;margin:0;margin-bottom:50px;padding:0}
.avatar {float:left;margin:0 12px 0 0}
ol.commentlist li {background:#fff;margin:10px 0;padding:5px 0 5px 10px;list-style-type:none}
ol.commentlist li.alt {background:#eee}
ol.commentlist li p {margin:6px 0 6px 0;padding:0 12px 0 0;line-height:14pt}
ol.commentlist a {color:#000}
#respond {border-top-color:#1d69a4;border-top-style:solid;border-top-width:2px}

/* Search form */
#searchform input#s {
	width:85%;max-width:180px;height:25px;margin-bottom:10px;border:2px solid #1d69a4;padding-left:15px;
	border-radius:10px;-o-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0px 1px 3px #666;  
	-moz-box-shadow:0px 1px 3px #666;-webkit-box-shadow:0px 1px 3px #666}
label.screen-reader-text {display:none}

/* Classifieds Lists */
.classifieds {width:480px}
ul#class-1 {float:left;list-style-type:none}
ul#class-2 {float:right;list-style-type:none}

/* misc WordPress styles */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {padding:10px 7px 10px 7px;margin:0 2px 2px 7px;display:inline}
img.alignleft {padding:10px 7px 10px 7px;margin:0 7px 2px 0;display:inline}
.alignright {float:right}
.alignleft {float:left}
.wp-caption {
	border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;
	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
.wp-caption img {margin:0;padding:0;border:0 none}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;padding:0 4px 5px;margin:0}
/*Image gallery override because media.php breaks validation in all kinds of ways in regards to <style> element and <dt>, <dd>s, and so forth */
div.gallery {padding:0!important}
div.gallery img {border:2px solid;border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
dl.gallery-item {float:left;width:auto;display:inline}
dt.gallery-icon {margin:0;padding:0}

/* footer */
footer {background:#000;clear:both;width:100%}	
footer p {padding:14px 0;margin:0;color:#eee;text-align:center}
footer a {color:#BCBCBC;text-decoration:none}
footer a:hover {color:#5D5D5D;text-decoration:underline}
#OneStatTag {float:left;margin:0}

@media all and (max-width: 959px) and (min-width: 320px) {
	section{width:95%} header h1 {font-size:3em} header h2 {font-size:1.95em} article h2 {font-size: 1.75em}}
