/*
Theme Name: Dynamic50 2009
Theme URI: http://blog.dynamic50.com/
Description: Custom Theme for Dynamic50
Version: 1.0
Author: Simon Tsang
*/

/*====================================================================
  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,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol,
ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }



td {
  text-align: left;
  font-weight: normal; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; }


q {
  quotes: "" ""; }

.container_8 {
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  width: 72em; }

.container_8 .grid_1 {
  font-size: 14px;
  width: 6em;
  float: left;
  display: inline;
  margin-left: 1.5em;
  margin-right: 1.5em; }
.container_8 .prefix_1 {
  padding-left: 9em; }
.container_8 .suffix_1 {
  padding-right: 9em; }

.container_8 .grid_2 {
  font-size: 14px;
  width: 15em;
  float: left;
  display: inline;
  margin-left: 1.5em;
  margin-right: 1.5em; }
.container_8 .prefix_2 {
  padding-left: 18em; }
.container_8 .suffix_2 {
  padding-right: 18em; }

.container_8 .grid_3 {
  font-size: 14px;
  width: 24em;
  float: left;
  display: inline;
  margin-left: 1.5em;
  margin-right: 1.5em; }
.container_8 .prefix_3 {
  padding-left: 27em; }
.container_8 .suffix_3 {
  padding-right: 27em; }

.container_8 .grid_4 {
  font-size: 14px;
  width: 33em;
  float: left;
  display: inline;
  margin-left: 1.5em;
  margin-right: 1.5em; }
.container_8 .prefix_4 {
  padding-left: 36em; }
.container_8 .suffix_4 {
  padding-right: 36em; }

.container_8 .grid_5 {
  font-size: 14px;
  width: 42em;
  float: left;
  display: inline;
  margin-left: 1.5em;
  margin-right: 1.5em; }
.container_8 .prefix_5 {
  padding-left: 45em; }
.container_8 .suffix_5 {
  padding-right: 45em; }

.container_8 .grid_6 {
  font-size: 14px;
  width: 51em;
  float: left;
  display: inline;
  margin-left: 1.5em;
  margin-right: 1.5em; }
.container_8 .prefix_6 {
  padding-left: 54em; }
.container_8 .suffix_6 {
  padding-right: 54em; }

.container_8 .grid_7 {
  font-size: 14px;
  width: 60em;
  float: left;
  display: inline;
  margin-left: 1.5em;
  margin-right: 1.5em; }
.container_8 .prefix_7 {
  padding-left: 63em; }
.container_8 .suffix_7 {
  padding-right: 63em; }

.container_8 .grid_8 {
  font-size: 14px;
  width: 69em;
  float: left;
  display: inline;
  margin-left: 1.5em;
  margin-right: 1.5em; }

.container_8 .alpha {
  margin-left: 0; }

.container_8 .omega {
  margin-right: 0; }

.hide,
.hidden {
  display: none; }

.replace {
  display: block;
  text-indent: -9999em;
  overflow: hidden; }

.clearfix {
  /* INLINE BLOCK FOR IE MAC */
  display: inline-block; }
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

/* Hide from IE Mac (REVERT TO DISPLAY BLOCK FOR ALL OTHERS) \ */
.clearfix {
  display: block; }

/* End hide from IE Mac */
/* STAR HACK FOR IE6 */
* html .clearfix {
  height: 1px; }

html,
body {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 14px;
  line-height: 1.5em; }

a {
  text-decoration: underline; }

h1 {
  font-size: 2.7143em;
  line-height: 1.1053em;
  margin: 0 0 0.5526em 0; }

h2 {
  font-size: 2.5713em;
  line-height: 1.1667em;
  margin: 0 0 0.5833em 0; }

h3 {
  font-size: 2.5713em;
  line-height: 1.1667em;
  margin: 0 0 0.5833em 0; }

h4 {
  font-size: 2.1429em;
  line-height: 1.4em;
  margin: 0 0 0.7em 0; }

h5 {
  font-size: 1.7143em;
  line-height: 1.75em;
  margin: 0 0 0.875em 0; }

h6 {
  font-size: 1.2857em;
  line-height: 1.1667em;
  margin: 0 0 1.1667em 0; }

p,
ul,
ol,
dl,
pre {
  font-size: 1.2857em;
  line-height: 1.1667em;
  margin: 0 0 1.1667em 0; }
  li p,
  dd p,
  li ul,
  dd ul,
  li ol,
  dd ol,
  li dl,
  dd dl,
  li pre,
  dd pre {
    padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold; }

html {
  background-color: transparent; }

body {
  color: #f3f3f3;
  background-color: #333333; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #f3f3f3; }

a {
  color: #a2c100; }

/*====================================================================
  APPLICATION
=====================================================================*/
a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-family: "Courier New", "Courier", Serif; }

p,
ul,
ol,
dl,
pre {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 1.5em 0; }

p {
  opacity: 0.99; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

ul#navigation {
  text-transform: lowercase; }
  ul#navigation li {
    font-size: 2.5713em;
    line-height: 1.1667em;
    margin: 0 0 0.5833em 0;
    font-family: "Courier New", "Courier", Serif; }
    ul#navigation li ul.sub-nav {
      font-size: 14px; }
      ul#navigation li ul.sub-nav li {
        font-size: 1.7143em;
        line-height: 1.75em;
        margin: 0 0 0.875em 0; }


#footer #legal {
  font-size: 0.8em; }

h1,
h2 {
  background-color: #f3f3f3;
  color: #333333; }

h3,
h4,
h5,
h6 {
  background-color: #333333; }

.with-bg {
  background-color: #333333; }

ul#navigation,
ul.sub-nav {
  background-color: #333333;
  border-color: #a2c100; }

#footer #legal {
  color: #999; }

body {
  background: url(images/backgrounds/texture.gif) #333333 fixed repeat-x left top;}

h1#branding {
  background: transparent; }
  h1#branding a {
    background: transparent url(images/labels/h1-dynamic50.png) scroll no-repeat 0 0; }

ul#navigation li a {
  background: #333333 url(images/sprite.png) scroll no-repeat left top; }
ul#navigation li.home a {
  background-position: -412px 0px; }
  ul#navigation li.home a:hover {
    background-position: -412px -31px; }
ul#navigation li.about-us a {
  background-position: -1px 0px; }
  ul#navigation li.about-us a:hover {
    background-position: -1px -31px; }
ul#navigation li.portfolio a {
  background-position: -125px 0px; }
  ul#navigation li.portfolio a:hover {
    background-position: -125px -31px; }
ul#navigation li.what-we-do a {
  background-position: -239px 0px; }
  ul#navigation li.what-we-do a:hover {
    background-position: -239px -31px; }
ul#navigation li.blog a {
  background-position: -559px 0px; }
  ul#navigation li.blog a:hover {
    background-position: -559px -31px; }
ul#navigation li.contact a {
  background-position: -623px 0px; }
  ul#navigation li.contact a:hover {
    background-position: -623px -31px; }

body#blog ul#navigation li.blog a {
  background-position: -559px -31px; }

h1 span.replace, h2 span.replace, h3 span.replace, h4 span.replace, h5 span.replace, h6 span.replace {
  background: url(images/sprite.png) transparent no-repeat scroll left top; }

#footer h2, #footer h3 {
  padding: 4px 0 4px 5px; }
  #footer h2 span.replace, #footer h3 span.replace {
    height: 34px; }

#footer h4 {
  padding: 7px 0 6px 5px; }
  #footer h4 span.replace {
    height: 29px; }

#footer h5 {
  padding: 9px 0 9px 5px; }
  #footer h5 span.replace {
    height: 24px; }

h2.contact-us span.replace {
  width: 182px;
  background-position: -954px -1px; }
h2.sitemap span.replace {
  width: 294px;
  background-position: -1137px -1px; }
h4.d50ltd span.replace {
  width: 222px;
  background-position: -728px -31px; }
h5.larger-map a.replace {
  background: url(images/sprite.png) transparent no-repeat scroll left top;
  width: 201px;
  height: 24px;
  background-position: -729px -4px; }

html,
body {
  height: 100%; }

#page {
  min-height: 100%;
  position: relative; }

.with-bg {
  padding: 0.75em;
  margin-bottom: 1.5em; }

#header {
  margin-bottom: 3em; }

h1#branding {
  margin-top: 0;
  padding-top: 21px; }
  h1#branding a {
    float: right;
    display: inline;
    height: 108px;
    width: 484px; }

ul#navigation {
  padding: 11px 0 10px 0;
  border-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  margin-top: -1px;
  margin-bottom: -1px;
  width: 966px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  ul#navigation li {
    float: left;
    display: inline;
    position: relative;
    padding: 0 24px;
    border-left: 1px solid #ccc;
    margin: 0; }
    ul#navigation li a {
      height: 30px; }
    ul#navigation li:first-child {
      border: none;
      margin-left: 9px; }
    ul#navigation li.home a {
      width: 82px; }
    ul#navigation li.about-us a {
      width: 123px; }
    ul#navigation li.portfolio a {
      width: 113px; }
    ul#navigation li.what-we-do a {
      width: 171px; }
    ul#navigation li.blog a {
      width: 63px; }
    ul#navigation li.contact a {
      width: 105px; }

#content {
  padding-bottom: 54em; }
  #content #main-content {
    padding-top: 0; }
    #content #main-content .content-body {
      margin-left: 9em; }
    #content #main-content dl dt {
      font-weight: bold; }
    #content #main-content dl dd {
      margin-left: 4.5em;
      margin-bottom: 1.5em; }
    #content #main-content ul#client-list li,
    #content #main-content ul#partner-list li,
    #content #main-content ul#services li {
      margin-bottom: 3em; }
      #content #main-content ul#client-list li.alpha,
      #content #main-content ul#partner-list li.alpha,
      #content #main-content ul#services li.alpha {
        clear: both; }
    #content #main-content#new-contact-form input,
    #content #main-content#new-contact-form textarea {
      padding: 3px 0;
      border: none;
      width: 100%; }
    #content #main-content .mugshot,
    #content #main-content .image {
      float: left;
      display: inline;
      width: 105px; }

#footer {
  width: 100%;
  position: absolute;
  bottom: 0; }
  #footer .content-body {
    margin-left: 9em; }
  #footer .vcard h3 {
    margin-top: 0; }
  #footer .vcard dl {
    margin-left: 9em; }
    #footer .vcard dl dt {
      float: left;
      display: inline; }
    #footer .vcard dl dd {
      margin-left: 4.5em; }
  #footer #google-map #map-container {
    margin-bottom: 1.5em;
    height: 350px; }
  #footer #site-map ul.secondary {
    display: inline; }
    #footer #site-map ul.secondary li {
      display: inline; }

/*====================================================================
  BLOG STYLES
=====================================================================*/
  #content #main-content {
    padding-top: 4.5em; }
    body#home #content #main-content,
    body#blog #content #main-content{
      padding-top: 0; }
    #content #main-content .post,
    #content #main-content .post-content,
    #content #main-content #commentlist,
    #content #main-content form#commentform{
      margin-bottom: 4.5em;
    }  
    
    #content #main-content .content-body {
      margin-left: 9em; }
      #content #main-content .post-date{
        background: url(images/cal.gif) transparent no-repeat scroll left top;
        height: 210px;
        margin-bottom: 21px;
        position: relative;}
        #content #main-content .post-date span.day,
        #content #main-content .post-date span.month,
        #content #main-content .post-date span.year{
          background: url(images/sprite.png) transparent no-repeat scroll left top;
          position: absolute;
          display: block;}
        #content #main-content .post-date span.day{
          width: 125px;
          height: 88px;
          top: 21px;
          left: 63px;}
        #content #main-content .post-date span.day_01{
          background-position: -190px -100px;}
        #content #main-content .post-date span.day_02{
          background-position: -315px -100px;}
        #content #main-content .post-date span.day_03{
          background-position: -440px -100px;}
        #content #main-content .post-date span.day_04{
          background-position: -565px -100px;}
        #content #main-content .post-date span.day_05{
          background-position: -690px -100px;}
        #content #main-content .post-date span.day_06{
          background-position: -815px -100px;}
        #content #main-content .post-date span.day_07{
          background-position: -940px -100px;}
        #content #main-content .post-date span.day_08{
          background-position: -1065px -100px;}
        #content #main-content .post-date span.day_09{
          background-position: -1190px -100px;}
        #content #main-content .post-date span.day_10{
          background-position: -1315px -100px;}
        #content #main-content .post-date span.day_11{
          background-position: -190px -187px;}
        #content #main-content .post-date span.day_12{
          background-position: -315px -187px;}
        #content #main-content .post-date span.day_13{
          background-position: -440px -187px;}
        #content #main-content .post-date span.day_14{
          background-position: -565px -187px;}
        #content #main-content .post-date span.day_15{
          background-position: -690px -187px;}
        #content #main-content .post-date span.day_16{
          background-position: -815px -187px;}
        #content #main-content .post-date span.day_17{
          background-position: -940px -187px;}
        #content #main-content .post-date span.day_18{
          background-position: -1065px -187px;}
        #content #main-content .post-date span.day_19{
          background-position: -1190px -187px;}
        #content #main-content .post-date span.day_20{
          background-position: -1315px -187px;}
        #content #main-content .post-date span.day_21{
          background-position: -190px -275px;}
        #content #main-content .post-date span.day_22{
          background-position: -315px -275px;}
        #content #main-content .post-date span.day_23{
          background-position: -440px -275px;}
        #content #main-content .post-date span.day_24{
          background-position: -565px -275px;}
        #content #main-content .post-date span.day_25{
          background-position: -690px -275px;}
        #content #main-content .post-date span.day_26{
          background-position: -815px -275px;}
        #content #main-content .post-date span.day_27{
          background-position: -940px -275px;}
        #content #main-content .post-date span.day_28{
          background-position: -1065px -275px;}
        #content #main-content .post-date span.day_29{
          background-position: -1190px -275px;}
        #content #main-content .post-date span.day_30{
          background-position: -1315px -275px;}
        #content #main-content .post-date span.day_31{
          background-position: -1440px -275px;}
          
        #content #main-content .post-date span.month{
          width: 125px;
          height: 47px;
          top: 124px;
          left: 63px;}
        #content #main-content .post-date span.month_01{
          background-position: -1440px -100px;}
        #content #main-content .post-date span.month_02{
          background-position: -1440px -147px;}
        #content #main-content .post-date span.month_03{
          background-position: -1440px -194px;}
        #content #main-content .post-date span.month_04{
          background-position: -1565px -100px;}
        #content #main-content .post-date span.month_05{
          background-position: -1565px -147px;}
        #content #main-content .post-date span.month_06{
          background-position: -1565px -194px;}
        #content #main-content .post-date span.month_07{
          background-position: -1565px -241px;}
        #content #main-content .post-date span.month_08{
          background-position: -1565px -288px;}
        #content #main-content .post-date span.month_09{
          background-position: -1690px -100px;}
        #content #main-content .post-date span.month_10{
          background-position: -1690px -147px;}
        #content #main-content .post-date span.month_11{
          background-position: -1690px -194px;}
        #content #main-content .post-date span.month_12{
          background-position: -1690px -241px;}
          
        #content #main-content .post-date span.year{
          width: 27px;
          height: 150px;
          top: 20px;
          left: 21px;}
        #content #main-content .post-date span.year_2006{
          background-position: -1px -100px;}
        #content #main-content .post-date span.year_2007{
          background-position: -27px -100px;}
        #content #main-content .post-date span.year_2008{
          background-position: -55px -100px;}
        #content #main-content .post-date span.year_2009{
          background-position: -82px -100px;}
        #content #main-content .post-date span.year_2010{
          background-position: -109px -100px;}
        #content #main-content .post-date span.year_2011{
          background-position: -136px -100px;}
        #content #main-content .post-date span.year_2012{
          background-position: -163px -100px;}
          
      #content #main-content .post-meta ul.tags li,
      #content #main-content .post-meta ul.cats li{
        float: left;
        display: inline;
      }
      #content #main-content pre,
      #content #main-content code{
        font-family: Monaco, Courier, 'Courier New', monospace !important;
      }
      #content #main-content .aligncenter{
        text-align: center;
      }
      #content #main-content pre{
        font-size: 1.2857em;
        overflow: auto;
        padding: 18px;
        background-color: #000;
      }
      #content #main-content #commentlist li.comment{
        margin-bottom: 1.5em;
      }
      #content #main-content #commentlist div.avatar{
        float: left;
        display: inline;
        width: 42px;
      }
      #content #main-content #commentlist div.comment{
        margin-left: 50px;
      }


  #content #sidebar ul li {
    margin-bottom: 1.5em; }
      #content #sidebar ul li ul{
        padding-left: 3em;
        }
        #content #sidebar ul li ul li{
          margin-bottom: 0;}
        #content #sidebar ul li ul.wp-tag-cloud li{
          display: inline;}

/*====================================================================
    SIFR
=====================================================================*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1.sifr {
	visibility: hidden;
	font-size: 38px;
}

.sIFR-hasFlash #content h2.sifr {
	visibility: hidden;
	font-size: 30px;
}

.sIFR-hasFlash #content h3.sifr {
	visibility: hidden;
	font-size: 30px;
}

.sIFR-hasFlash #content h4.sifr {
	visibility: hidden;
	font-size: 24px;
}

.sIFR-hasFlash #content h5.sifr {
	visibility: hidden;
	font-size: 18px;
}

.sIFR-hasFlash #content h6.sifr {
	visibility: hidden;
	font-size: 18px;
}