a {outline: none;}

a:active { position: relative;  top: 1px;}

/* ----- Header ------------------ */

#header_area {background: #e3e2df url(images/header_bg.png) left bottom repeat-x; border-top: 3px solid #cbcac8; height: 160px;}

#header_area .page {background: transparent; height: 160px;}

#header {position: relative; padding: 0px; height: 100px; overflow: hidden;}

/* Social Media Icons & Search */

#header_addons {position: absolute; top: 40px; right: 0px; text-align: right; width: 400px; margin-top: 0;}

#social {list-style: none; text-align: left; width: 148px; overflow: hidden; float: right;}

#social li {float: left;}

#social li a { float: left; width: 32px; height: 32px; background: url(images/social_sprite.png) 0 0 no-repeat; text-indent: -9999px; display: block; margin-left: 5px; position: relative;}

#social li a span {background: url(images/social_sprite.png) 0 0 no-repeat; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; }

#social li#delicious a {background-position: 0 0;}
#social li#delicious a:hover {background-position: 0 -32px;}

#social li#digg a {background-position: -42px 0;}
#social li#digg a:hover {background-position: -42px -32px;}

#social li#email a {background-position: -84px 0;}
#social li#email a:hover {background-position: -84px -32px;}

#social li#facebook a {background-position: -126px 0;}
#social li#facebook a:hover {background-position: -126px -32px;}

#social li#flickr a {background-position: -168px 0;}
#social li#flickr a:hover {background-position: -168px -32px;}

#social li#google a {background-position: -210px 0;}
#social li#google a:hover {background-position: -210px -32px;}

#social li#linkedin a {background-position: -252px 0;}
#social li#linkedin a:hover {background-position: -252px -32px;}

#social li#rss a {background-position: -294px 0;}
#social li#rss a:hover {background-position: -294px -32px;}

#social li#skype a {background-position: -334px 0;}
#social li#skype a:hover {background-position: -334px -32px;}

#social li#stumbleupon a {background-position: -376px 0;}
#social li#stumbleupon a:hover {background-position: -376px -32px;}

#social li#twitter a {background-position: -418px 0;}
#social li#twitter a:hover {background-position: -418px -32px;}

#social li#vimeo a {background-position: -460px 0;}
#social li#vimeo a:hover {background-position: -460px -32px;}

#social li#youtube a {background-position: -502px 0;}
#social li#youtube a:hover {background-position: -502px -32px;}


#header_addons .search_form {float: right; width: 240px;}

#header_addons .search_form input[type="text"] {padding: 9px 5px; border: 1px solid #cbcac8; background: #f9f9f9; width: 223px;}

#header_addons .search_form input[type="text"]:focus {background: #ffffff;}	

/* ----- Branding ---------------- */

#logo {text-transform: uppercase; width: 283px; height: 65px; text-indent: -9999px; margin-top: 25px;}

#logo a {background: url(images/logo.png) 0 0 no-repeat; display: block; width: 279px; height: 69px;}

#logo a:hover {background-position: 0 -65px;}

#tagline {position: absolute; left: 212px; top: 48px; background: url(images/tagline.png) no-repeat; width: 220px; height: 30px; text-indent: -9999px;}

/* ----- Navigation -------------- */

.menu, .menu li, .menu a, .menu a:hover, .current, .menu .current a, .menu ul li a:hover, .menu .current-parent, .menu .current-parent > a, .menu .current-cat, .menu .current-cat > a {background: none;}

.menu, .menu li, .menu li a {border: none;}

.menu {background: #191919; height: 40px; }

.menu li {height: 40px; line-height: 40px;}

.menu a {letter-spacing: normal; text-transform: none;  background: transparent;  height: 40px;  line-height: 40px;  padding: 0px 20px; font-weight: bold;}

.menu a:hover {background: #191919;}

.menu .current a, .menu .current a:hover {background: transparent;}

.menu ul li a:hover, .menu .current-parent a:hover, .menu .current-cat a:hover {background: #191919;}

.menu ul {background: #101928; padding-bottom: 2px;}

.menu ul a, .menu .current ul a {background: #101928; padding: 0 20px; width: 160px;}

.menu ul a:hover, .menu .current ul a:hover {background: #191919;}

.menu .rss {margin-right: 20px;}

.menu .rss a, .menu .rss a:hover {background:url(images/menu_rss.png) no-repeat scroll 100% 50% transparent; padding-right:16px; text-decoration: none;}


/* ----- Feature Box ------------- */

#feature_box {font-size: 27px; font-weight: bold; background: #ffffff; padding: 0; margin: 0;}

#feature_box .inside {border-top: 1px solid #cbcac8; border-bottom: 1px solid #cbcac8; padding: 30px 10px; margin: 20px 0px 0px; overflow: hidden;}

#feature_box p {text-shadow:0 1px #cccccc;}

#feature_box span {color: #0076A3;}

img.feature_intro {width: 935px; height: 87px; float: left;}

#feature_box .inside .left {float: left; width: 620px; margin-right: 30px;}

#feature_box .inside .right {float: right; width: 280px;}

#feature_box .inside a {float: right; width: 280px; height: 62px; background: url(images/get_quote.png) 0 0 no-repeat; text-indent: -9999px; margin-top: 5px;}

#feature_box .inside a:hover {background-position: 0 -62px;}

/* ----- Multimedia Box ---------- */

#multimedia_box {padding: 0 2px 0 0; margin-bottom: 16px;}

#custom_box ul.sidebar_list li { margin-bottom: 0;}

/* ----- Sidebars ---------------- */

.sidebar ul.sidebar_list {padding-left: 0; padding-right: 2px; padding-top: 0;}

ul.sidebar_list li.widget {background: #fcfcfc ;border: 1px solid #cbcac8;}

.widget > ul, .widget > p, .widget >div {padding: 10px 15px;}

ul.sidebar_list .widget h3 {border-bottom: 1px solid #cbcac8; padding: 12px 15px; font-variant: normal; text-transform: uppercase; font-weight: bold; letter-spacing: normal;}

/* ----- Sidebar Widgets --------- */

ul#recommended {list-style: none; overflow: hidden;}

ul#recommended li {float: left; padding: 4px 4px 0 4px;}

ul#recommended li.gutter {}

span.referrer {color: #0076AE; font-weight: bold; font-style: italic;}


/* ----- Content Area ------------ */

#content_area {border-bottom: 1px solid #cbcac8; margin-bottom: 0px; padding-top: 0px;}

#content_area .page {margin-bottom: 50px;}

#content_box {margin-top: 40px;}

.post_box, .teasers_box, .full_width #content_box .page {margin-right: 56px; margin-left: 3px;}

.post_box.top {padding-top: 12px;}

.teasers_box {width: 591px;}

.teaser {width: 280px;}


h1.entry-title, h2.entry-title, .headline_area h1 {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #e7e7e7; line-height: normal; text-transform: uppercase; font-weight: bold;}

.headline_meta, .headline_meta span, .headline_meta a, .headline_meta .published {font-style: italic; text-transform: none; letter-spacing: normal;}

.format_text h3 {font-weight: bold;}


/* ----- Author Box ------------- */

#authorbox{background:#E3E2DF; border:1px solid #cbcac8; width:630px; margin:0 auto; margin-bottom:10px; overflow:hidden;}

#authorbox h4{font-size:16px; color:#191919; margin:0; padding:10px 10px 5px 10px;}

.authortext{padding-left:100px;}

#authorbox img{margin: 10px; padding:3px; float:left; background: #ffffff; border: 1px solid #cbcac8;}

#authorbox p{color:#191919; margin:0; padding:0px 10px 10px 10px;}

#authorbox h4 > a{text-decoration:none;}

#authorbox p{color:#191919;}


/* ----- Footer ------------------ */

#footer_area {background: #e3e2df url(images/credits_bg.png) left bottom repeat-x; padding-top: 20px;}

#footer_area .page {background: transparent;}

#footer {text-align: left; padding: 0; overflow: hidden;}

#footer p {font-size: 1em;}

#footer a {border: 0;}

#footer a:hover {color: #0076a3;}


ul.footer_list {list-style: none; overflow: hidden; float: left; width: 205px; margin-right: 35px;}

ul.footer_list.last {margin-right: 30px;}

ul.footer_list h4, #footer h4 a {font-family: Helvetica, Arial, sans-serif; font-size: 13px; text-transform: uppercase; padding-bottom: 4px; border-bottom: 1px solid #707070; margin-bottom: 20px; color: #111111;}

ul.footer_list li.widget > ul, ul.footer_list li.widget > p, ul.footer_list li.widget > div {padding: 0 0 0 0;}

#credits {clear: both; height: 40px;}

#credits .left {float: left; width: 45%;}

#credits .right {float: right; text-align: right; width: 45%;}

#credits p {line-height: 40px; font-size: 12px;}


/* ----- Home Page ------------------ */

body.services #content_box {margin-top: 25px;}

body.services .headline_area {display: none;}

.full_intro {margin-bottom: 40px;}

.bucket {float: left; width: 260px; margin-top: 10px;}

.bucket h3 {margin-top: 0; font-size: 20px; font-weight: bold; line-height: 35px; border-bottom: 1px solid #E7E7E7; padding: 0 0 3px 37px;}

.bucket.first h3 {background: url(images/photoshop.png) 0 0 no-repeat;}

.bucket.second {margin-left: 77px; margin-right: 77px;}

.bucket.second h3 {background: url(images/coda.png) 0 0 no-repeat;}

.bucket.last h3 {background: url(images/browser.png) 0 2px no-repeat;}

ul.home_list {list-style: none;}

ul.home_list h4 {font-size: 20px; font-weight: bold; line-height: 35px; border-bottom: 1px solid #E7E7E7; padding: 0 0 3px 0; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;}

ul.home_list a {text-decoration: underline;}

ul.home_list a:hover {text-decoration: none;}


li#twitter-tools {float: left; width: 597px; margin-left: 1em; margin-right: 77px; margin-top: 20px; background: #f5f5f5 url(images/tweet_bottom.png) left bottom no-repeat; padding-bottom: 60px;}

li#twitter-tools h4 {background: #f5f5f5 url(images/tweet_top.png) left top no-repeat; border: 0; margin-top: 0; padding: 10px 10px 5px 13px; text-shadow:0 1px #ffffff;}

li#recent-posts-4 {float: left; width: 260px;}

li#recent-posts-4 h4 {background: url(images/moleskine.png) 0 0 no-repeat; padding-left: 37px; margin-top: 30px;}

li#recent-posts-4 ul {padding-left: 0; padding-right: 0;}

/* ----- Gravity Forms ------------------ */

.gform_footer input[type=image] {width: 97px; height: 40px; padding: 0; border: 0; background: transparent;}

/* ----- Customization Page ------------- */

.dropbox {background: #EAE9E4; padding: 10px; margin-bottom: 20px;}

.dropbox h2 {margin-top: 10px; text-shadow:0 1px #ffffff;}

/* ----- Benefits ----- */

.benefit {float: left; margin: 0 30px 15px 0; width: 275px;}

.benefit.left {clear: both;}

.benefit.right {margin-right: 0;}

.benefit img {float: left;}

.benefit p {display: block; float: right; width: 230px;}