/*
THEME NAME: Realtime UK
THEME URI: 
DESCRIPTION: 
VERSION: 1.0
AUTHOR: Digital Blah Blah
AUTHOR URI: www.digitalblahblah.com
*/

/* -----------------------------------------------
RESET
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 1em; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; } 
blockquote, q { quotes: "" ""; }

/* -----------------------------------------------
FRAMEWORK
--------------------------------------------------
 .cF - Clear Fix
 .h  - Hide - Display None
 .hV - Hide - Visibility None
 .r  - Replace Image
 .rO - Replace Image Off Screem
 .cP - Cursor Pointer
------------------------------------------------ */
.cF:after { content:"."; display:block; height: 0; clear: both; visibility: hidden; }
.cF { display: inline-block; }
/* Hide from IE Mac \*/
.cF { display:block; }
/* End hide from IE Mac */
.h { display: none !important; }
.r { display: block; position: relative; overflow: hidden; }
.r span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.rO a { display: block; }
.rO span { position: absolute; left: -9999em; top: -9999em; }
.cP { cursor: pointer; }
.left{ margin-left: 5px; width: 260px; float: left; }
.right { margin-right: 10px; width:290px; float:right; }
.fR { float: right; }
.fL { float: left; }

/* -----------------------------------------------
BASE SPRITE
----------------------------------------------- */
div#header h1,
div.post .entry-title,
.navigation a  { background: url(img/base_spr.png); }

/* -----------------------------------------------
ELEMENTS
----------------------------------------------- */
body { background: #191919 url(img/body.png) repeat-x; font: 13px Helvetica, Arial, "MS Trebuchet", sans-serif; color: #a2a2a2; padding: 0 0 50px 0; }
p { line-height: 1.2em; margin: 0 0 20px 0; }
a { text-decoration: none; }
a:hover { color: #d71920 !important; }

/* -----------------------------------------------
STRUCTURE
----------------------------------------------- */

/* wrapper
------------------------- */
div#wrapper { width: 950px; margin: 30px auto; }

/* container
------------------------- */
div#container { float: left; margin: 0 -230px 0 0; width: 100%; }

/* header
------------------------- */
div#header { padding: 0 0 30px 0; }
div#header h1 { width: 265px; height: 35px; margin: 0 0 15px 0; }
div#header h1 a { display: block; height: 100%; text-indent: -9999px; }
div#header div#blog-description { margin: 0 0 0 10px; font-size: 24px; width: 710px; color: #fff; }
body.js div#header div#blog-description strong { background: #292929; padding: 3px 3px; display: block; float: left; margin: 0 0 2px 0; }

/* content
------------------------- */
div#content { margin: 21px 230px 0 0;  border-top: 1px solid #323232; }

/* access
------------------------- */
div#access { display: none; }

/* secondary
------------------------- */
div#secondary { clear: right; }

/* footer
------------------------- */
div#footer { clear: both; width: 100%; }

/* sidebar
------------------------- */
div.sidebar { float: right; overflow: hidden; width: 180px; }

/* nav above
------------------------- */
div#nav-above { display: none; }

/* -----------------------------------------------
CONTENT COMPONENTS
----------------------------------------------- */

/* widgets
------------------------- */
li.widget { padding: 0 0 35px 0; }
li.widget_text { padding-bottom: 20px; }
li.widget h3 { font-size: 14px; color: #fff; border-bottom: 1px solid #323232; padding: 0 0 8px 0; margin: 0 0 13px 0; }
li.widget a { color: #a2a2a2; }
li.widget p { margin: 0 0 15px 0; }
li.widget p strong,
li.widget p a { color: #d71920; }
li.widget li { margin: 0 0 5px 0; }

/* post
------------------------- */
div.post { margin: 25px 0 0 0; padding: 0 0 20px 0; border-bottom: 1px solid #323232; position: relative; }
div.post .entry-title { font-size: 20px; margin: 15px 0; color: #d9d9d9; background-position: 0 -44px; padding-left: 10px; }
div.post .entry-title a { color: #d9d9d9; }
div.post-media div.entry-content { position: relative; }
div.post-media div.entry-content div.media { float: left; width: 450px }
div.post-media div.entry-content div.media p { margin: 0 0 5px 0; }
div.post-media div.entry-content div.text { float: right; width: 260px }
div.post-media div.entry-content div.text p a { color: #d71920; } 
div.post div.entry-date { text-transform: uppercase; font-size: 12px; }
div.post span.comments-link { position: absolute; bottom: 0; }
div.post span.comments-link a { color: #878787; text-transform: uppercase; font-size: 10px; }
div.post span.comments-link a strong { color: #d71920; }

/* comments list
------------------------- */
div#comments-list li.comment { border-bottom: 1px solid #323232; padding: 20px 0 20px 0; }
div#comments-list li.comment div.comment-author { float: left;  width: 145px; padding: 0 0 0 50px; position: relative; }
div#comments-list li.comment div.comment-author img { position: absolute; left: 0; top: 0; }
div#comments-list li.comment div.comment-author a { color: #ffffff; }
div#comments-list li.comment div.comment-author div.comment-meta { font-size: 11px; margin: 3px 0 0 0; }
div#comments-list li.comment p { float: left; width: 500px; }
div#comments-list span.unapproved { color: #D71920; }

/* comments form
------------------------- */
div#respond { padding: 15px 0 0 0; }
div#respond h3 { font-size: 18px; color: #fff; margin: 0 0 5px 0; }
div#respond a { color: #d71920; }
div#respond div.form-label { padding: 5px 0 0 0; float: left; width: 100px; }
div#respond div.form-input,
div#respond div.form-textarea { margin: 0 0 10px 0; }
div#respond div.form-input input,
div#respond div.form-textarea textarea { background: #303030; border: 1px solid #383838; padding: 5px; color: #fff; font: 13px Helvetica, Arial; }
div#respond div.form-submit { padding: 10px 0 0 100px; }

/* Nav Primary
--------------------------- */
div#NavPrimary { background: url(img/navPrimary.png) center top repeat-x; height: 60px; margin: 100px 0 0 0; }
div#NavPrimary div#NavPrimaryWrapper { width: 1024px; height: 60px; margin: 0 auto; position: relative; }
div#NavPrimary strong { width: 156px; height: 25px; position: absolute; background: url(img/navPrimary.png) 0 -60px repeat-x; top: 16px; left: 59px; }
div#NavPrimary strong a { display: block; height: 25px; }
div#NavPrimary strong span { display: none; }
div#NavPrimary ul { padding: 19px 73px 0 255px; }
div#NavPrimary li { float: left; background: url(img/navPrimary.png) right -60px no-repeat; padding: 4px 12px 0 10px; }
div#NavPrimary li a { display: block; height: 18px; background: url(img/navPrimary.png) 0 -85px no-repeat; cursor: pointer; }
div#NavPrimary li span { display: none; }
div#NavPrimary li.about a { width: 44px; }
div#NavPrimary li.about.selected a, div#NavPrimary li.about a:hover { background-position: 0 -103px; }
div#NavPrimary li.work a { width: 37px; background-position: -44px -85px; }
div#NavPrimary li.work.selected a, div#NavPrimary li.work a:hover { background-position: -44px -103px; }
div#NavPrimary li.team a { width: 39px; background-position: -81px -85px; }
div#NavPrimary li.team.selected a, div#NavPrimary li.team a:hover { background-position: -81px -103px; }
div#NavPrimary li.careers a { width: 56px; background-position: -145px -85px; }
div#NavPrimary li.careers.selected a, div#NavPrimary li.careers a:hover { background-position: -145px -103px; }
div#NavPrimary li.contact a { width: 56px; background-position: -201px -85px; }
div#NavPrimary li.contact.selected a, div#NavPrimary li.contact a:hover { background-position: -201px -103px; }
div#NavPrimary li.blog a { width: 33px; background-position: -257px -85px; }
div#NavPrimary li.blog.selected a, div#NavPrimary li.blog a:hover { background-position: -257px -103px; }
div#NavPrimary li.client { float: right; }
div#NavPrimary li.client a { width: 105px; background-position: -290px -85px; }
div#NavPrimary li.client a.selected, div#NavPrimary li.client a:hover { background-position: -290px -103px; }
div#NavPrimary li.blog, div#NavPrimary li.client { background: none; padding-right: 0; }

/* Page Title
--------------------------- */
.page-title { font-size: 24px; color: #fff; margin: 25px 0 0 0; }

/* Navigation
--------------------------- */
div.navigation { padding: 15px 0; }
div.navigation a { color: #fff; background-position: 0 -195px; width: 90px; height: 24px; display: block; text-align: center; font-size: 12px; line-height: 2em; }
div.navigation a:hover { background-position: 0 -219px; color: #fff !important; }
div.navigation div.nav-previous { float: left; }
div.navigation div.nav-next { float: right; }