/* ------------------------------------------------------------------------ */
/* Typography */
/* ------------------------------------------------------------------------ */

body                        {font: 15px/21px "VegurLight",helvetica,sans-serif; color: #888888; font-weight: 200;}
p                           {margin: 0 0 21px 0;}
h1, h2, h3, h4, h5          {font-family: MuseoSans500,helvetica,sans-serif; font-weight: normal; line-height: 1em; color: #CCCCCC; -webkit-text-stroke: 1px transparent;}
h1                          {font-size: 30px; margin: 0 0 28px 0; padding: 0 0 5px 0;}
h2                          {font-size: 22px; line-height: 26px; margin: 0 0 22px 0;}
h3                          {font-size: 16px; margin: 0 0 21px 0;}
h4                          {font-size: 14px; margin-bottom: 5px;}
h5                          {font-size: 12px; margin-bottom: 0px; color: #000000; font-family: 'VegurMedium';}
h2 a, h3 a, h4 a            {color: #CCCCCC; font-weight: normal;}
h1 span                     {color: #B03024;}
strong,b                    {font-family: 'VegurMedium';}
em                          {font-style: italic;}
ul, ol                      {margin: 0 0 1.5em 2em;}
ul li                       {list-style-type: disc;}
ol li                       {list-style-type: decimal;}
blockquote                  {margin: 22px 0 22px 25px; padding: 0 0 0 7px; font-style: italic; color: #000000; border-left: 3px solid #B03024;}
a                           {color: #CCCCCC; text-decoration: none;}
a:hover                     {color: #B03024;}
img                         {display: block;}

/* ------------------------------------------------------------------------ */
/* Main CSS */
/* ------------------------------------------------------------------------ */

body                        {border: 0; margin: 0; background: #222A33;} /*url(../images/noise.png)*/
#header                     {float: left; margin-bottom: 40px; width: 100%;}
#secondary #logo			{font-family: MuseoSans500,helvetica,sans-serif; font-size: 20px; font-weight: 400; color: #B03024; background: url(../images/black-trans-10.png); text-align: center;}
#secondary #logo span       {color: #CC5F26;}
#secondary p                {margin-bottom: 0;}
#container			        {margin: 0 auto; width: 960px;}
#primary			        {float: left; width: 680px; padding: 0 50px 0 0px;}
#secondary			        {float: right; width: 230px;}
#secondary-static			{position: fixed; width: 230px;}
#secondary h2               {font-family: MuseoSans500,helvetica,sans-serif; font-size: 18px; background: url(../images/black-trans-10.png); text-align: center; color: #AAAAAA; padding: 2px 10px 1px 10px; margin: 0;}
#secondary h2               {-webkit-border-radius: 5px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.9);}
#secondary h2               {-moz-border-radius: 5px; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.9);}
#secondary a			    {color: #CCCCCC;}
#secondary a:hover		    {color: #B03024;}
#secondary .block		    {padding: 12px 5px 11px 5px; margin-bottom: 21px;}
#secondary .block a.tweet   {display: block;}
#secondary .block span      {display: block; color: #FFFFFF; font-size: 12px;}
#secondary ul				{padding: 0px; margin: 0;}
#secondary ul li			{margin-bottom: 7px; list-style-type: none;}
#secondary ul li a			{height: 21px; padding-top: 3px;}
#secondary ul li.last	    {margin-bottom: 0px; list-style-type: none;}
#secondary .links li        {margin: 0; font-family: 'VegurMedium';}
.facebook                   {background: url(../images/icons/facebook-24x24.png) 0 0 no-repeat;}
.twitter                    {background: url(../images/icons/twitter-24x24.png) 0 0 no-repeat;}
.foursquare                 {background: url(../images/icons/foursquare-24x24.png) 0 0 no-repeat;}
.picasa                     {background: url(../images/icons/picasa-24x24.png) 0 0 no-repeat;}
.webkit                     {display: block; padding: 5px 0 5px 35px; margin: 0;}
.webkit:hover               {margin-left: 5px; -webkit-transition: margin 0.15s linear;}

/* ------------------------------------------------------------------------ */
/* Post Display */
/* ------------------------------------------------------------------------ */

/* List */
.postContainer                      {padding: 0 0 35px 0;}
.post                               {width: 530px; float: right;}
.post img                           {padding: 28px 0 40px 0; margin: 0px auto;}
.postMetadata                       {width: 150px; float: left; margin: 0;}
.postMetadata .date                 {font-family: MuseoSans500,helvetica,sans-serif; font-size: 12px; float: left; width: 70px; margin: 0 0 10px 0; padding: 5px 7px 7px 7px; background: #B03024; color: #EEEEEE; text-align: center; text-transform: uppercase; border:4px solid #6a1d16;}
.postMetadata .date                 {-moz-border-radius-bottomleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-top-right-radius: 10px;}
.postMetadata .date                 {-moz-box-shadow: 0 0 3px rgba(0,0,0,0.9); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.9);}
.postMetadata .date span            {display: block;}
.postMetadata .date .year           {font-size: 26px;}
code                                {background: url(../images/black-trans-10.png); font: 13px 'Bitstream Vera Sans Mono', Monaco, Consolas, 'Courier New', monospace;}
#twitter-share-button               {clear: left; margin-bottom: 5px;}

/* Detail */
#blog_entry_detail #primary         {width: 960px; padding: 0;}
#blog_entry_detail .post            {width: 660px; float: right; padding-right: 150px;}

/* ------------------------------------------------------------------------ */
/* Comments */
/* ------------------------------------------------------------------------ */
#comments h2                        {margin-left: 150px;}
.commentContainer                   {padding: 0 0 35px 0;}
.comment                            {width: 660px; float: right; padding-right: 150px;}
.commentMetadata                    {width: 150px; float: left; margin: 0; color: #B03024;}

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

#menu                               {font-family: MuseoSans500; text-transform: uppercase; margin: 0; padding: 0; float: left;}
#menu li                            {margin-right: 10px; float:left; list-style-type:none; background: url(../images/black-trans-10.png);}
#menu li a#current                  {background: #B03024; color: #FFFFFF;}
#menu li a#current                  {-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; border-bottom: 4px solid #6a1d16; border-left: 4px solid #6a1d16; border-right: 4px solid #6a1d16; padding-top: 60px;}
#menu li a#current                  {-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;}
#menu:hover li                      {opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30);}
#menu:hover li:hover                {opacity: 1; -moz-opacity: 1; filter:alpha(opacity=1); }
#menu li a                          {font-weight: normal; color: #AAAAAA; display: block; padding: 60px 12px 5px 12px; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.9); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.9); -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;}
#menu li a:hover                    {background-color: #B03024; color: #FFFFFF; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;}
#prev-next                          {margin: 0; overflow: hidden;}
#prev-next li                       {list-style-type: none;}
#prev                               {float: left;}
#next                               {float: right;}

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

/* Generic */
.input                              {margin: 0 0 10px 0; background: white; float: left; clear: both; background: #29323d; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.4);}
.input span                         {position: absolute; padding: 5px 5px 5px 7px; margin-left: 3px; color: #999;}
.input input,                       
.input textarea,                    
.input select                       {border: none; position: relative; margin: 0; padding: 5px 5px 5px 7px; background: transparent; font: inherit; color: #888888;}
.input input[type='text']           {width: 230px;}
.input textarea                     {height: 140px; width: 450px;}

#comment-form .error                {-webkit-box-shadow: 0 0 4px #B03024; -moz-box-shadow: 0 0 4px #B03024;}
.section                            {float: left;}
#submit                             {clear: left;}
.errorlist                          {color: #B03024; font-size: 13px; float: left;  margin: 7px 0 0 10px; font: 15px/21px "VegurMedium",helvetica,sans-serif;}
.errorlist li                       {list-style-type: none;}
#formErrors                         {color: red;}

/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {.input input, .input textarea, .input select { padding: 5px 5px 4px 7px; }}*/

/* Specific */
#comment-form               {margin: 0 0 20px 150px; float: left;}

/* ------------------------------------------------------------------------ */
/* Buttons and links styled as buttons */
/* ------------------------------------------------------------------------ */

button          {text-decoration: none; color: #FFFFFF; font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
button          {padding: 7px 20px; display: inline-block; cursor: pointer;}
button          {background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B03024), to(#86241b)); border: transparent; border: 4px solid #6a1d16; -webkit-border-radius: 10px;}
button          {-webkit-background-clip: padding-box; float: left;}
button:hover    {background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cc382a), to(#B03024));}

/* ------------------------------------------------------------------------ */
/* Miscellaneous */
/* ------------------------------------------------------------------------ */

.clearingDiv                {clear: both;}
.center                     {margin: 0 auto; display: block;}
.centerText                 {text-align: center;}
.imgCaption                 {font-size: 12px; text-align: center; margin: 5px 0 20px 0; display: block;}
.small                      {font-size: 75%;}
.border 		 		    {padding: 3px; border: 1px solid #CCCCCC; background: #FFFFFF;}