/* Colours */
/*
  Red: #A51515
*/

/* CSS Reset */
*{margin:0;padding:0;}

/* Clearfix */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

/* Typography */
body { font-family: Helvetica, Arial, sans-serif; background: #F0F0F0 url('images/body_bg.gif') repeat-x left top; }
h1 { color: #000000; font-size: 32px; font-weight: normal; }
h2 { font-weight: normal; color: #A51515; margin: 0 0 20px; font-size: 24px; }
h3 { font-weight: normal; font-size: 22px; }
p { font-size: 16px; line-height: 1.5; margin: 0 0 1.2em; color: #404040; }
ul, ol, dl { margin: 0 0 1.2em 2.4em; }
ul li, ol li, dl dt, dl dd { font-size: 16px; color: #404040; line-height: 1.5; }
a { color: #A51515; text-decoration: none; }
a:hover { text-decoration: underline; }
small { font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; line-height: 1.5; display: block; color: #808080; }

/* Image Resize Hack for IE6 */
img { -ms-interpolation-mode: bicubic; }

/* Layout */
div.page { background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.container { width: 950px; margin: 0 auto; overflow: hidden; position: relative; }
#content { background: #FFFFFF url('images/sidebar_bg.gif') repeat-y right top; overflow: hidden; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; min-height: 350px; height: auto !important; }
#main { float: left; width: 610px; padding: 30px; word-wrap: break-word; }
#sidebar { float: right; width: 220px; padding: 30px; }
#content.no_sidebar { background-image: none; }
#content.no_sidebar #main { float: none; width: 660px; margin: 0 auto; }
#content.no_sidebar #sidebar { display: none; }

/* Breadcrumbs */
p#breadcrumbs { color: #808080; display: none; }

/* Descriptions */
p.description { margin: 0 0 2.4em; }

/* Header */
#header div.container { padding: 30px; width: 890px; }
#header a:hover { text-decoration: none; }
#header a.site_id { float: left; font-size: 32px; color: #000000; text-decoration: none; font-weight: bold; letter-spacing: -1px; }
#header ul#nav { float: right; margin: 4px 0 0; }
#header ul#nav li { display: block; float: left; list-style: none; margin: 0 0 0 5px; }
#header ul#nav li a { text-transform: none; font-size: 14px; text-decoration: none; color: #000000; padding: 5px 10px; display: block; line-height: 1; -moz-opacity: 0.50; opacity: 0.50; filter: alpha(opacity=50); }
#header ul#nav li a:hover { -moz-opacity: 1.0; opacity: 1.0; filter: alpha(opacity=100); }
body#home ul#nav li#nav_home a,
body#bios ul#nav li#nav_bios a,
body#portfolio ul#nav li#nav_portfolio a,
body#testimonials ul#nav li#nav_testimonials a,
body#blog ul#nav li#nav_blog a,
body#blog_entry ul#nav li#nav_blog a,
body#contact ul#nav li#nav_contact a { background: #A51515; color: #FFFFFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-opacity: 1.0; opacity: 1.0; filter: alpha(opacity=100); }

/* Footer */
#footer div.container { padding: 30px; width: 890px; }
#footer p { color: #808080; font-size: 12px; }
#footer p.legal { float: left; }
#footer p.nav { float: right; }

/* Sidebar */
#sidebar div.panel { margin: 0 0 40px; }

/* Sidebar: Clients */
#sidebar_clients ul { margin-left: 0; overflow: hidden; }
#sidebar_clients ul li { list-style: none; margin: 0 0 5px; }
#sidebar_clients ul li.last { margin-bottom: 0; }
#sidebar_clients ul li a { display: block; background: #FFFFFF; padding: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-align: center; border: 1px solid #E0E0E0; }
#sidebar_clients ul li a img { border: none; }

/* Home */
body#home #pitch { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; padding: 30px; background: url('images/pitch_bg.gif'); border-bottom: 1px solid #E0E0E0; position: relative; height: 175px; }
body#home #pitch * { margin: 0 0 10px; }
body#home #pitch h1 { font-size: 42px; }
body#home #pitch h2 { font-size: 20px; }
body#home #pitch p { font-size: 18px; color: #404040; margin: 0; }
body#home #pitch img.example { position: absolute; top: 10px; right: 120px; }

/* Page Title */
#page_title { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; padding: 30px; background: url('images/page_title_bg.gif'); border-bottom: 1px solid #E0E0E0; }

/* Entries */
div.entry { overflow: hidden; font-size: 16px; padding: 0 0 1em; margin: 0 0 2.4em; border-bottom: 1px dotted #C0C0C0; }
div.entry h2 { margin: 0 0 5px; }

/* Porfolio */
body#portfolio div.entry img.image { margin-top: 1em; float: left; }
body#portfolio div.entry img.image-iphone { margin-top: 1em; margin-left: 3em; float: left; }
body#portfolio div.entry div.details { margin-left: 230px; }

/* Bios */
body#bios div.entry img.image { margin-top: 1em; float: left; }
body#bios div.entry div.details { margin-left: 200px; }

/* Blog */
body#blog div.entry img.image { float: right; width: 100px; margin: 0 0 15px 15px; }
body#blog div.entry small { margin: 5px 0 1px; }
body#blog_entry div.entry img.image { float: right; width: 150px; margin: 0 0 20px 20px; }
body#blog_entry div.entry small { margin: 0 0 20px; }

/* Testimonials */
body#testimonials #content #main { width: auto; margin: 0; }
body#testimonials div.entry { font-size: 16px; line-height: 1.5; padding: 0 0 2.4em; }
body#testimonials cite { color: #404040; text-align: center; float: left; width: 270px; display: block; font-size: 12px; font-style: normal; padding: 20px 0; line-height: 1.2; }
body#testimonials blockquote { font-size: 16px; color: #404040; margin: 0 0 0 270px; }
body#testimonials blockquote strong { padding: 2px; background: #E0E0E0; font-weight: normal; color: #000000; }
body#testimonials cite strong { display: block; margin: 10px 0 0; color: #000000; font-size: 14px; }
body#testimonials cite a img { border: none; }