/*
Theme Name: Fyper Marketing
Theme URI: http://www.fypermarketing.com
Version: 1 
Author: Denis Babineau
Author URI: http://www.rockandload.com
*/

/* Colors
#ff3600 Orange
*/

/* RESET */
/* ----------------------------------------- */

/* 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 */

/*Typography*/
a {color: #ff3600}
.post h2 a {font-size: 30px; text-decoration: none;}


/*Global*/
body {font-family: Georgia, "Times New Roman", Times, serif; color: #464648; font-size: 18px; background: #ccc; padding: 0 0 30px 0;}
#wrapper {width: 804px; background: url(images/wrapperbg.png) repeat-y 0 0; margin: 0 auto;}
#content {width: 660px; margin:0 auto; background: #fff; margin-top: 30px; padding-bottom: 30px;}
#wrapper .title {background: #ffd3b0; font-size: 50px; color: #ffe8d5; text-indent: 60px;  width: 780px; margin: 0 auto;}

/*Header*/
#header {position: relative; background: url(images/headerbg.png) repeat-x 0 0; width: 100%; height: 144px;}
#header .content {position: relative; background: url(images/header.png) no-repeat 0 0; width: 820px; height: 144px; margin: 0 auto;}
#logo {text-indent: -9999px; height: 102px; width: 300px; display: block;}
#header .content .slogan {text-indent: -9999px;}
#header .content .menu {position: absolute; left: 64px; top: 109px;}
#header .content .menu li {position: relative; float: left; margin-right: 19px;}
#header .content .menu a{position: relative; font-family: ÒLucida SansÓ, ÒLucida GrandeÓ, ÒLucida Sans UnicodeÓ, sans-serif; color: #fff; font-weight: bold; text-decoration: none; height: 35px; padding: 0 15px; display: block; line-height: 40px;}
#header .content .menu a:hover, #header .content .menu .current_page_item {background: url(images/menu_bg.png) repeat-x 0 0;}


#sub-header {position: relative; background: url(images/subHeadBg.gif) repeat #fff; height: 80px; width: 780px; margin: 0 auto;}
#sub-header a {color: #464648; font-size: 14px; display: block;}
#sub-header .blog {width: 350px; position: absolute; top: 20px; left: 60px; font-size: 16px;}
#sub-header .subscribe {position: absolute; background: url(images/icons.png) no-repeat bottom left; width: 360px; height: 80px; top: 0px; right: 0px;}
#sub-header .subscribe a {position: relative; top: 30px; left: 201px;}


/*Post*/
.post .header {position: relative; border-top: 2px solid #b8b8b8; border-bottom: 2px solid #b8b8b8; padding: 16px 0; margin-bottom: 20px; clear: both;}
.post .header h2 {width: 600px;}
.post .header p {color: #a4a4a4; font-size: 18px; font-style: italic; padding-bottom: 0px;}
.post p {padding-bottom: 20px;}
.post .footer {margin: 60px 0 20px 0;}
.post .footer small {float: left; font-size; 14px;}
.post .footer p{float: right; font-size: 14px;}
.tweetmeme_button {position: absolute; right: 0; top: 14px;}

/*Footer*/
#footer .rock {position: relative; background: url(images/footerbg.png) no-repeat 0 0 #fff; width: 804px; height: 72px;}
#footer .rock a {background: url(images/webdesignmoncton.png) no-repeat 0 -39px; display: block; width: 161px; height: 39px; text-indent:  -9999px; position: absolute; right: 60px; top: 14px;}
#footer .rock a:hover {background-position: 0 0px;}
.footerp {font-size: 14px; margin-top: 10px; width: 780px; margin: 0 auto;}