body { margin: 0px; padding: 0px; background-color: #ffe; background-image: url('/gravity/graphics/canvas_512px.jpg'); background-attachment: fixed; }
.admin a { margin-left: 10px; display: inline-block; }
#featurehead { 
 width: 100%; 
 position: relative; 
 height: 550px;
 top: -20px;
 background: transparent !important;
 padding: 0px; margin: 0px;
 text-align: center;
 }
#featurehead div.background {
 position: absolute;
 top: -50px;
 background: url('/gravity/graphics/sky_01.jpg') 47% 61% repeat-x; 
 box-shadow: 0px 5px 10px #888888;
 height: 480px; width: 100%;
 z-index: -1;
 }
#featurehead div.text {
 margin: auto; text-align: center;
 width: 100%; max-width: 480px; margin: auto;
 height: 320px;
 z-index: 1000;
 }
#featurehead div.text h2 {
 font-family: 'georgia',serif; font-size: 26px; margin: 0px; 
 text-shadow: 2px 2px 4px #000; 
 }
div.text h2 img {
 width: 40px; height: 40px; vertical-align: middle;
 }
#featurehead div.text h1 {
 text-shadow: 3px 3px 6px #ffc;
 font-family: 'trebuchet ms',helvetica,sans-serif;
 font-size: 80px; margin: 0px; margin-top: 40px;
 }
#featurehead div.featured_tags { 
 height: 150px; width: 100%;
 margin: auto;
 text-align: center;
 font-size: 30px; font-family: trebuchet ms; font-weight: bold;
 }
#featurehead div.featured_tags a img { 
 border: 6px solid white; border-radius: 10px; width: 150px; height: 150px;
 }
#featurehead div.featured_tags a { 
 padding: 5px; height: 150px; display: inline-block; width: 180px; padding-top: 0px;
 text-decoration: none; color: black; font-family: 'trebuchet ms',helevetica,sans-serif; 
 }
 
#featurehead div.featured_tags a img:hover { 
 border-color: #660;
 }
#featurehead form#search_box { 
 margin: auto;
 height: 40px; margin-top: 20px;
 width: 400px; 
 }
nav#mainpagelinks { width: 200px; float: right; padding: 10px; position: relative; }
nav#mainpagelinks a { display: block; font-family: 'trebuchet ms',sans-serif; font-size: 20px; margin-top: 10px; font-weight: bold; }
nav#mainpagelinks #alerts a { display: block; font-size: 10px; margin-top: 2px; }
nav#mainpagelinks .admin a { display: inline; font-size: 14px; font-weight: normal; }
.post { 
 background-image: url('http://filmnorthflorida.com/gravity/graphics/handmadepaper_@2X.jpg');
 background-size: 50% 50%;
 margin-left: 10px; margin-top: 10px;
 max-width: 320px; border: thin solid #eee;
 box-shadow: 3px 3px 5px #aaaaaa;
 padding: 10px; border-radius: 6px; 
 height: 200px;
 display: inline-block;
 overflow: hidden;
 position: relative;
 }
.post .admin { 
 position: absolute; right: 5px; bottom: 5px;
}
.post .post_title { 
 font-family: 'trebuchet ms',sans-serif; font-weight: bold; font-size: 24px; height: 28px; overflow: hidden; max-width: 320px;
 }
.post .post_title a { 
 color: black; text-decoration: none; height: 28px; overflow: hidden; max-width: 320px; display: block;
 }
.post .post_content img { 
 margin: 5px; 
 }
 
@media (-webkit-device-pixel-ratio > 1)
{
 #featurehead div.background {
 background: url('/gravity/graphics/sky_01_@2X.jpg') center center repeat-x; 
 }
}
@media screen and (max-width: 640px)
{
 #featurehead { 
 height: 200px;
 top: -10px;
 }
 
 
 #featurehead div.background {
 top: -40px;
 height: 200px;
 }
 
 #featurehead div.text {
 max-width: 480px;
 height: 160px;
 }
 
 #featurehead div.text h2 {
 font-size: 15px;
 text-shadow: 1px 1px 2px #000; 
 }
 
 div.text h2 img {
 width: 20px; height: 20px;
 }
 
 #featurehead div.text h1 {
 font-size: 30px; margin-top: 40px;
 }
 
 #featurehead div.featured_tags {
 margin-top: -40px; 
 width: 100%; padding: 0px; 
 height: 50px; max-width: 480px;
 font-size: 16px;
 }
 
 #featurehead div.featured_tags a img { 
 border: 3px solid white; border-radius: 5px; width: 40px; height: 40px;
 }
 
 #featurehead div.featured_tags a { 
 padding: 3px; height: 40px; width: 44px;
 }
 
 #featurehead form#search_box { 
 height: 20px; margin-top: 10px;
 width: 200px; 
 }
 
 nav#mainpagelinks { width: 100px; }
 
 .post { 
 margin-left: 0px; margin-top: 5px;
 max-width: 340px; border: thin solid gray;
 box-shadow: 2px 2px 3px #aaaaaa;
 padding: 5px; border-radius: 6px; 
 }
 
 .post .admin { 
 right: 0px; bottom: 0px;
 }
 
 .post .post_title { 
 font-family: 'trebuchet ms',sans-serif; font-weight: bold; font-size: 16px; 
 }
 
 .post .post_content img { 
 margin: 3px; height: 25px;
 }
 
 div.weather img { display: block; margin: auto; float: none; }
}