/*
Theme Name: Ham tastes good
Theme URI: http://madebyhmmck.com
Description: Custom made theme for hammock
Author: Gabriel
Author URI: http://arubabeaches.net
Tags: clean, basic, widget-ready
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress. */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.container { margin: 0 auto; width: 960px; }

/* You might find the following useful */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position: relative; } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
span.hmmck { background: transparent url(http://assets.hmmck.com/hmmck/favw.png) no-repeat 0 0; font-style: normal; font-weight: bold; padding: 0 0 0 20px; text-transform: uppercase; }

 /* General */
body { background: #262626 url(http://assets.hmmck.com/hmmck/back.jpg) repeat-x 0 0; font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,Verdana,Arial,sans-serif; line-height: 150%; z-index: -1000; }
 
/* Header */
/* Top */
#header { background: transparent url(http://assets.hmmck.com/hmmck/background.jpg) no-repeat 50% 0; height: 301px; }
#header ul#mnlft, #header ul#mnrght { position: absolute; top: 262px; }
#header ul#mnlft { left: 75px; }
#header ul#mnrght { right: 75px; }
#header ul li { display: inline; list-style: none; margin: 0 10px; }
#header ul li a { color: #6D6D6D; font-size: 0.9em; text-decoration: none; text-shadow: 1px 1px 1px #212121; text-transform: uppercase; }
#header ul li a:hover { color:#FFF; text-shadow: 1px 1px 1px #EFEFEF; }
#header img { margin: 0 auto; text-align: center; }
#header h1 { background: transparent url(http://assets.hmmck.com/hmmck/logo.png) no-repeat 0 0; position: absolute; text-indent: -9999px; top: 200px; left: 385px; width: 200px; height: 50px; }
p#inspired { color: #F47920; font-size: 1.1em; left: 400px; position: absolute; text-transform: uppercase; top: 264px; }
#header  h1 a { position: absolute; width: 200px; height: 100px; top: 0px; left: 0px; }

/* Post*/
.post, #archive { border-bottom: 1px solid #2F2F2F; color: #CCC; margin: 15px 10px 0; padding: 0 0 10px; }
.post h2 { font-size: 2em; font-weight: bold; margin: 40px 0 0; }
.post h3, .post h4, .post h5, .post h6 { margin: 0 0 15px; font-weight: bold; }
.post p { font-size: 0.9em; margin: 0 0 15px; }
.post ul { padding: 0 0 0 25px; }
.post li { font-size: 0.8em; list-style: square; }
.post a { border-bottom: 1px solid #EFEFEF; color: #F47920; text-decoration: none; }
.post a:hover { border-bottom: 1px solid #000; color: #EFEFEF; }
p#postdata { font-size: 0.8em; margin: 10px 0 20px; }

/* Page */
.page { color: #CCC; margin: 15px 0 0 0; padding: 0 10px; }
.page h2 { text-align: center; font-size: 4em; font-weight: bold; margin: 40px 0; }
.page h3, .page h4, .page h5, .page h6 { margin: 0 0 15px; font-weight: bold; }
.page p { font-size: 0.9em; margin: 0 0 15px; }
.page ul { padding: 0 0 0 25px; }
.page li { font-size: 0.8em; list-style: square; }
.page a { border-bottom: 1px solid #EFEFEF; color: #F47920; text-decoration: none; }
.page a:hover { border-bottom: 1px solid #000; color: #EFEFEF; }

#content  em { background-color: #2F2F2F; color: #CCC; display: block; font-size: 0.8em; margin: 10px; padding: 15px; text-align: center; }
#content h2, #archive h3 { font-size: 1.3em; }
#content h2 a, #archive h3 a { border: none; color: #CCC; text-decoration: none; }
#content h2 a:hover, #archive h3 a:hover { border: none; text-decoration: underline; }

/* Archive */
#archive h2 { margin: 0 0 15px; text-transform: uppercase; }
#archive h3

/* Footer */
ul#product { margin: 5px 0 20px; }
ul#product li { display: inline-block; list-style: none; margin: 0 10px; }
ul#product li a { background-color: #FFF; border: 1px solid #CCC; color: #FF9C41; display: block; font-size: 2em; padding: 40px 0; text-align: center; text-decoration: none; width: 294px; }
ul#product li a#realty:hover { background-color: #FF003A; border: 1px solid #FF003A; color: #FFF; text-decoration: none; }
ul#product li a#retail:hover { background-color: #00BADF; border: 1px solid #00BADF; color: #FFF; text-decoration: none; }
ul#product li a#fun:hover { background-color: #AB00FF; border: 1px solid #AB00FF; color: #FFF; text-decoration: none; }

#footer { background-color: #2F2F2F; height: 150px; font-size: 0.8em; margin: 30px 10px 0; padding: 10px; }
#footer h2.widgettitle { color: #EFEFEF; font-size: 1.2em; font-weigth: bold; margin: 0 0 5px; text-transform: uppercase; }
#footer a { color: #FFF; font-size: 0.9em; }
#footer a:hover { color: #CCC; }
#footer #widget li.widget { float: left; width: 300px; }
#footer p em { background: transparent url(http://assets.hmmck.com/hmmck/favw.png) no-repeat 0 0; font-style: normal; font-weight: bold; padding: 0 0 0 20px; }
#footer p { color: #8F8F8F; padding: 0 10px 0 0; }
#footer p span { color: #FF9C41; text-transform: uppercase; }