/* REAL LIVE _ REAL LIVE _ REAL LIVE */
/* */
body { font-size: 100%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; background-color: #333; text-align: center; margin: 0 0 -300px; padding: 0; }
.disclaimer { font-size: .75em; line-height: 1.2em;}
ul { list-style-type: none; list-style-image: none; display: inline; }
img { border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
#container { color: #333; font-size: 0.87em; background-image: url(july/body.jpg); background-repeat: repeat-y; background-position: center 0; text-align: left; width: 970px; margin: 0 auto 0; padding: 0; }
#callout { color: white; background-color: blue; width: 100%; height: auto; margin: 0; padding: 3px 0 3px 0; display: block; }
#callout a:link, #callout a:visited { color: white; text-decoration: none; }
#callout a:hover, #callout a:active { color: #ccc; text-decoration: underline; }
#header { background-image: url(july/top.jpg); background-position: 0 bottom; width: 100%; height: 260px; margin: 0 0 -50px; padding: 0; display: block; }
#container { min-height: 100%; position: relative; width: 1000px; margin: 0 0 -300px; }
/*#container { width: 970px; margin: 0 15px 0; padding: 0; }*/
#footer { background-image: url(july/footer.png); width: 970; height: 300px; position: relative;}
.clearfooter { height: 300px; clear: both; }
/* header styles -- header links, header nav */
#homelink { top: 0; left: 0; width: 450px; height: 150px; float: left; margin-top: 40px; margin-left: 50px; display: inline; }
#homelink span { display: none; }
#headerlinks { float: right; clear: both; margin-top: 30px; display: inline; }
#headerlinks li { float: left; display: inline; }
#headfaceb { background-image: url(july/topicons/faceb.gif); display:block; width: 71px; height: 71px; }
#headfaceb:hover { background-position: 71px 0; }
#headfaceb span { display: none; }
#headmyspa { background-image: url(july/topicons/myspa.gif); display:block; width: 71px; height: 71px; }
#headmyspa:hover { background-position: 71px 0; }
#headmyspa span { display: none; }
#headtwitt { background-image: url(july/topicons/twitt.gif); display:block; width: 71px; height: 71px; }
#headtwitt:hover { background-position: 71px 0; }
#headtwitt span { display: none; }
#headrss { background-image: url(july/topicons/rss.gif); display:block; width: 71px; height: 71px; }
#headrss:hover { background-position: 71px 0; }
#headrss span { display: none; }
#headernav { margin-left: 350px; padding-top: 50px; }
#headernav li { float: left; margin-right: 5px; display: inline; }
#headblog { background-image: url(july/toplinks/headblog.gif); background-position: 0 0; display:block; width: 77px; height: 35px; }
#headblog:hover { background-position: 0 -34px; }
#headblog span { display: none; }
#headgallery { background-image: url(http://www.weirdandgilly.com/wp-content/themes/mainman/july/toplinks/headgallery.gif); background-position: 0 0; display:block; width: 123px; height: 35px; }
#headgallery:hover { background-position: 0 -34px; }
#headgallery span { display: none; }
#headstore { background-image: url(http://www.weirdandgilly.com/wp-content/themes/mainman/july/toplinks/headstore.gif); background-position: 0 0; display:block; width: 95px; height: 35px; }
#headstore:hover { background-position: 0 -34px; }
#headstore span { display: none; }
/* footer styles */
#footerbottom { font-size: small; text-align: center; padding-top: 180px; }
#footdisclaim { font-size: x-small; line-height: 1; width: 520px; margin: 0 0 0 285px; }
/* home page styles */
#homeleft { width: 445px; height: auto; z-index: 1; float: left; clear: both; margin-left: 20px; padding: 0; display: inline; }
#homeleft > .postbox { background-color: transparent; margin-top: 0; margin-bottom: 2.5em; padding-top: 0; padding-right: 6px; padding-left: 6px; outline-style: none; }
#homeleft #headblog { float: left; clear: none; margin: 0; padding: 0; }
#homeblog { margin: 20px 0 0; padding: 0; }
#homeblog img { max-width:50px;}
#homeleft #search { width: auto; float: right; clear: none; margin-left: 100px; }
#homerecent { text-align: right; margin-left: 75px; padding-right: 8px; padding-left: 8px; }
#homeleft h2 { clear: both; margin: 0; padding: 0; }
#homeright { background-image: none; width: 456px; z-index: 1; float: right; margin: -8px 26px 0px 0px; display: inline; }
#homeright h2 { margin: 0; padding: 0.4em 0 0; }
#homeright #headgallery { margin-top: 10px; }
.homeitem { width: 228px; float: left; margin-top: 10px; margin-bottom: 10px; }
#imgmick { background-image: url(july/homemick.jpg); width: 228px; height: 145px; display: block; }
#imgmick:hover { background-position: -228px 0; }
#imgmick span { display: none; }
#imghrsrap { background-image: url(july/homehrscrap.jpg); width: 228px; height: 145px; display: block; }
#imghrsrap:hover { background-position: -228px 0; }
#imghrsrap span { display: none; }
/* blog styles */
a:link, a:visited { color: #f00; font-weight: bold; text-decoration: none; }
a:hover, a:active { color: #f66; font-weight: bold; text-decoration: none; }
.postbox { background-color: white; margin-bottom: 2.5em; padding-right: 8px; padding-left: 8px; outline: solid 6px #f00; }
.postbox h2 { font-family: helvetica, arial; font-weight: bold; width: 100%; padding-top: 0.4em; }
.postmetadata { font-size: 0.75em; width: 96%; clear: both; margin-top: 0.5em; padding-right: 2%; padding-left: 2%; display: block; }
.postbox img { float: right; clear: right; margin-bottom: 10px; margin-left: 10px; border-width: 0; }
.video { text-align: center; width: 100%; margin-bottom: 1em; }
.sharepostclear { clear: both;}
/* sidebar styles */
#sidebar { width: 290px; height: auto; float: left; padding-top: 15px; padding-left: 20px; }
#sidebar a:link, #sidebar a:visited { color: #f00; }
#sidebar a:hover, #sidebar a:active { color: #f66; }
#sidebar ul { margin: 0; padding: 0 0 0 0; display: list-item; }
#sidebar li { margin: 0 0 5px; padding: 0; }
#sidebar #search { margin-left: -6px; }
/* indexcontent styles */
#content { width: 610px; float: right; margin: 0 20px -300px; }
/*
.clear { line-height: 0.1em; visibility: hidden; clear: both; display: block; }
*/
fieldset.search { margin: -5px auto 0; border-style: none; outline-style: none; }
.search input, .search button { float: left; outline-style: none; }
.search input.box { color: #000; font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bolder; background-position: 0 0; text-transform: capitalize; width: 150px; height: 30px; margin-right: 5px; padding-top: 8px; padding-right: 5px; padding-left: 5px; outline-style: none; }
.search input.box:focus { outline-style: none; }
.search button.btn { background-color: #ff0; height: 30px; outline-style: none; cursor: pointer; }
.search button.btn:hover { background-color: #ff9; outline-style: none; }
#search label { display: none; }