/* Fake containers */

#fake_ie6_note { display: none; }

#fake_header, #fake_content, #fake_footer {
  float: left;
  width: 100%;
  text-align: center;
}
#fake_header {
  background: #0b0f11;
  border-bottom: 1px solid #000;
}
#fake_content {
  background: #f8f2dd;
  border-top: 1px solid #7b6c55;
}
#fake_footer {
  float: left;
  width: 100%;
  text-align: center;
  border-top: 5px solid #28373e;
  background: #0b0f11;
}

/* Common */

.clear { clear: both; }

/* Layout */

#header {
  margin: 0 auto;
  text-align: left;
  width: 1000px;
  height: 249px;
  overflow: hidden;
  background: url(../images/header.png) no-repeat;
}

#content {
  margin: 0 auto;
  padding: 34px 0 70px 20px;
  text-align: left;
  width: 980px;
  position: relative;
}

#footer {
  margin: 0 auto;
  padding: 21px 0 0 18px;
  text-align: left;
  width: 979px;
  height: 244px;
  overflow: hidden;
}

.wide_block {
  float: left;
  width: 965px; /* 5px extra for dropped shadows */
}

.half_block {
  float: left;
  width: 465px; /* 5px extra for dropped shadows */
}

.left_block {
  margin-right: 35px; /* 40px margin - 5px shadow */
}

/* Headers */

h1 a {
  text-indent: -9999px;
  display: block;
  width: 480px;
  height: 250px;
  float: left;
  background: url(../images/logo.png) no-repeat;
}

h2 {
  height: 35px;
  padding-left: 72px;
  border-top: 1px solid #e4e1d0;
  border-bottom: 1px solid #e4e1d0;
  font: normal 25px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  color: #2f4048;
  line-height: 35px;
}

h2.wide { width: 888px; } /* 960px width - 72px padding left */
h2.half { width: 388px; } /* 460px width - 72px padding left */

.positioner {
  position: relative;
}

span.h2_icon {
  position: absolute;
  top: -5px;
  left: 7px;
}

#footer h4 {
  font: bold 14px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #999;
  margin-bottom: 17px;
}

/* Paragraphs */

p {
  font: normal 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #2f4048;
  line-height: 17px;
  margin-bottom: 17px;
}

/* General links */

a {
  color: #5a8aba;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #5b748d;
}

/******************************************* Header ****************************************/

#header a.logo {
  float: left;
  width: 480px;
  height: 250px;
  background: url(../images/logo.png) no-repeat;
  text-indent: -9999px;
}

#header ul#menu {
  float: right;
}
#header ul#menu li {
  float: left;
  height: 31px;
  border-left: 1px solid #666666;
  padding: 16px 20px 0 11px;
}
#header ul#menu li a {
  float: left;
  font: bold 14px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #999999;
  text-decoration: none;
}

#header ul#menu li a span.menu_legend {
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
}

#header ul#menu li a:hover, #header ul#menu li a.active {
  color: #ffffff;
}

#header ul#menu li a:hover span.menu_legend, #header ul#menu li a.active span.menu_legend {
  color: #cccccc;
}

#header p.language {
  float: left;
  margin: 86px 0 0 40px;
  width: 480px;
  height: 75px; 
  text-indent: -9999px;
}

#header p.lang_es { background: url(../images/header_legend_es.png) no-repeat; }
#header p.lang_en { background: url(../images/header_legend_en.png) no-repeat; }

/******************************************* Content ****************************************/

a.work_link {
  border: 1px solid #e4e1d0;
  padding: 5px;
  float: left;
  text-decoration: none;
}

span.link_positioner {
  position: relative;
  display: block;
  width: 448px;
  height: 158px;
}

span.link_positioner img {
  display: block;
}

span.link_box {
  position: absolute;
  top: 114px;
  left: 293px;
  padding: 4px 0 0 8px; 
  width: 147px;
  height: 31px;
  background: url(../images/link_box.png) no-repeat;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
span.link_title {
  font: bold 14px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  line-height: 14px;
  display: block;
}
span.link_description {
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  display: block;
}

a.work_link:hover { border-color: #576466; }
a.work_link:hover span.link_box { background-position: 0 -35px; }

a.left_image {
  margin-right: 40px;
}

.half_box {
  float: left;
  width: 464px;
}

.half_box_top {
  float: left;
  width: 464px;
  height: 12px;
  background: url(../images/half_box_top.png) no-repeat;
}
.half_box_bottom {
  float: left;
  width: 464px;
  height: 14px;
  background: url(../images/half_box_bottom.png) no-repeat;
}
.half_box_content {
  float: left;
  width: 464px;
  background: url(../images/half_box_bg.png) no-repeat;
}

/******************************************* Footer ****************************************/

.footer_column {
  float: left;
  margin-right: 45px;
  width: 290px;
}

.footer_last {
  margin-right: 0;
}

.footer_column p {
  color: #999;
}

.footer_column ul li {
  font: normal 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #999;
}

.footer_column a {
  font: bold 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #ccc;
}
.footer_column a:hover { color: #fff; }


.error { display: none; }

/************************************ Lang Selector *************************************/


#lang_selector {
  position: absolute;
  z-index: 20;
  width: 116px;
  height: 116px; 
  top: -45px;
  left: 879px;
}

#lang_selector_bg, #lang_selector_bg_en {
  width: 116px;
  height: 116px;
  position: relative;
}
#lang_selector_bg { background: url(../images/badge001.png) no-repeat; }
#lang_selector_bg_en { background: url(../images/badge002.png) no-repeat; }


#lang_selector_bg a, #lang_selector_bg_en a {
  text-indent: -9999px;
  width: 116px;
  height: 116px;
  float: left;
}

/*********************************** Social Media **************************************/

ul.social_media_links { float: left; width: 290px; padding-bottom: 20px; }
ul.social_media_links li { float: left; width: 16px; height: 16px; margin: 0 5px 5px 0; }
ul.social_media_links li a { 
  float: left; 
  width: 16px; 
  height: 16px; 
  line-height: 16px;
  text-indent: -9999px; 
  background-repeat: no-repeat;
}
ul.social_media_links li a:hover { background-position: 0 -16px; }

ul.social_media_links li a#twitter { background-image: url(../images/sm_twitter.png); }
ul.social_media_links li a#linkedin { background-image: url(../images/sm_linkedin.png); }
ul.social_media_links li a#delicious { background-image: url(../images/sm_delicious.png); }
ul.social_media_links li a#digg { background-image: url(../images/sm_digg.png); }
ul.social_media_links li a#furl { background-image: url(../images/sm_furl.png); }
ul.social_media_links li a#magnolia { background-image: url(../images/sm_magnolia.png); }
ul.social_media_links li a#mrwong { background-image: url(../images/sm_mrwong.png); }
ul.social_media_links li a#stumble { background-image: url(../images/sm_stumble.png); }


/************************************ Featured In *********************************************/

ul.featured_in { float: left; width: 290px; padding-bottom: 20px; }
ul.featured_in li { float: left; width: 16px; height: 16px; margin: 0 5px 5px 0; }
ul.featured_in li a { 
  float: left; 
  width: 16px; 
  height: 16px; 
  line-height: 16px;
  text-indent: -9999px; 
  background-repeat: no-repeat;
}
ul.featured_in li a:hover { background-position: 0 -16px; }

ul.featured_in li a#qnt { background-image: url(../images/feat_qnt.png); }
ul.featured_in li a#screenalicious { background-image: url(../images/feat_screenalicious.png); }
ul.featured_in li a#mostinspired { background-image: url(../images/feat_mostinspired.png); }
ul.featured_in li a#darki { background-image: url(../images/feat_darki.png); }
ul.featured_in li a#csspig { background-image: url(../images/feat_csspig.png); }
ul.featured_in li a#csspaper { background-image: url(../images/feat_csspaper.png); }
ul.featured_in li a#cssblaze { background-image: url(../images/feat_cssblaze.png); }
ul.featured_in li a#cssconversion { background-image: url(../images/feat_cssconversion.png); }
ul.featured_in li a#rgbgarden { background-image: url(../images/feat_rgbgarden.png); }
ul.featured_in li a#cssbased { background-image: url(../images/feat_cssbased.png); }
ul.featured_in li a#cssimagine { background-image: url(../images/feat_cssimagine.png); }
ul.featured_in li a#cssmix { background-image: url(../images/feat_cssmix.png); }
ul.featured_in li a#cssseason { background-image: url(../images/feat_cssseason.png); }
ul.featured_in li a#styletheweb { background-image: url(../images/feat_styletheweb.png); }
ul.featured_in li a#cssbreeze { background-image: url(../images/feat_cssbreeze.png); }
ul.featured_in li a#cssenvy { background-image: url(../images/feat_cssenvy.png); }
ul.featured_in li a#pixelcss { background-image: url(../images/feat_pixelcss.png); }
ul.featured_in li a#cssscoop { background-image: url(../images/feat_cssscoop.png); }
ul.featured_in li a#cssstar { background-image: url(../images/feat_cssstar.png); }
ul.featured_in li a#csstea { background-image: url(../images/feat_csstea.png); }
ul.featured_in li a#csszone { background-image: url(../images/feat_csszone.png); }
ul.featured_in li a#dag { background-image: url(../images/feat_dag.png); }
ul.featured_in li a#designersource { background-image: url(../images/feat_designersource.png); }
ul.featured_in li a#inspirationup { background-image: url(../images/feat_inspirationup.png); }
ul.featured_in li a#my3w { background-image: url(../images/feat_my3w.png); }
ul.featured_in li a#vivee { background-image: url(../images/feat_vivee.png); }
ul.featured_in li a#cssglance { background-image: url(../images/feat_cssglance.png); }
ul.featured_in li a#cssyork { background-image: url(../images/feat_cssyork.png); }