/* 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 */ /* 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, #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:"ff-meta-web-pro-1","ff-meta-web-pro-2","Lucida Grande", Verdana, Arial, sans-serif; font-size: 14px; margin:15px;} h1 {line-height: 2em; font-size: 24px; font-family: "skolar-1","skolar-2", Georgia, serif;} h2 {line-height: 2em; font-size: 32px; 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; /* CSS 3 */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari */ box-shadow: 0px 5px 12px black; -moz-box-shadow: 0px 5px 12px black; -webkit-box-shadow: 0px 5px 12px black; width:960px; margin: auto; background:#fff; color:#333; /*overflow: hidden;*/ } /* header */ header { background: url('http://www.mshaneglass.com/ml_ads/header.jpg'); width:960px; margin: 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;} header h1 a {text-shadow: 2px 1px 3px #666666; color: #1d69a4; text-decoration: none;} header h1 a:hover, a:focus {color: #666; text-decoration: none; top: 1px;} header h2 {text-shadow: 2px 1px 3px #666666; text-align: center; font-size: 3em; color: #fff;} /* main menu */ nav {background: #000; /*For IE browsers */ background: rgba(0,0,0,.6); font-size: 12pt; height: 35px; padding-left: 9em;} nav ul {padding:0;} nav ul li {list-style-type: none; float:left;} nav ul li a {padding:4px 10px; color: #fff; display:block;} nav ul li a:hover {background: #fff; color:#000;} .large_ads {margin: 10px auto 10px auto; background: #e6e6e6;} /* content */ section {float: left; width:490px; overflow: hidden; margin:14px;} article {padding:0; line-height: 16pt; border-bottom: 1px solid #000; padding-bottom: 15px;} article h2 {line-height: 1.3em; font-size: 24pt; 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;color:black} 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;} #fb-like {background:#eee;border-radius:10px;padding: 10px;margin:0 auto} #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 3px #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:220px; float:left; margin:auto; padding:0; border-right: 1px solid #ddd;} #ad_column_1 h2{color: #000; margin: 0; padding: 0;} #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 {margin: 10px;} /* ad_column_2 */ #ad_column_2{width:220px; float:right; margin:auto; padding: 0; 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 {margin: 10px;} /* 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: 170px; height: 18px; margin: auto; margin: 15px 0 25px 10px; border:5px solid #1d69a4; padding:5px; /* Rounded Corners. The border-radius declaration is proposed to be in CSS3, but since it is not official, this CSS file is technically not valid. But it will be. */ border-radius: 10px; /* CSS 3 */ -o-border-radius: 10px; /* Opera */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari */ box-shadow: 0px 5px 12px black; -moz-box-shadow: 0px 5px 12px black; -webkit-box-shadow: 0px 5px 12px black; } 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; /* optional rounded corners for browsers that support it */ -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