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

body                        {font: 15px/21px "VegurLight",helvetica,sans-serif; color: #666666; font-weight: 200;}
p                           {margin: 0 0 21px 0;}
h1, h2, h3, h4, h5          {font-family: Museo500,helvetica,sans-serif; font-weight: 400; line-height: 1em; color: #AAAAAA; letter-spacing: 1px;}
h1                          {font-size: 12px; margin: 0 0 18px 0; padding: 0 0 5px 0; text-transform: uppercase;}
h2                          {font-size: 22px; line-height: 28px; margin: 0 0 12px 0;}
h3                          {font-size: 16px; margin: 21px 0 17px 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: #AAAAAA; 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: #AAAAAA; text-decoration: none;}
a:hover                     {color: #B03024;}
img                         {display: block;}

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

body                        {border: 0; margin: 0; background: #222A33;}
#header                     {float: left; margin-bottom: 40px; width: 100%;}
#logo                       {width: 230px; float: right;  margin: 29px 0 0 0;}
#logo span                  {color: #CC5F26; float: right;}
#logo h1                    {color: #B03024; font-family: VegurLight, sans-serif; font-weight: 100; line-height: 25px; text-align: left; width: 173px; font-size: 28px; margin: 2px 0 0 0; padding: 0; float: right;}
#logo a                     {color: #B03024;}
#logo img                   {float: left; display: block;}
#gravatar                   {padding: 3px; border: 1px solid #000000; background: #AAAAAA; float: left;}
#container			        {margin: 0 auto; width: 960px;}
#primary			        {float: left; width: 680px; padding: 0 50px 0 0px;}
#secondary			        {float: left; width: 230px; /*position: fixed; margin: 126px 0 0 730px;*/}
#secondary h2			    {color: #222A33; background-color: #AAAAAA; padding: 2px 10px 1px 10px; font-size: 15px; margin: 0;}
#secondary h2			    {-moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.75); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.75);}
#secondary a			    {color: #666666;}
#secondary a:hover		    {color: #B03024;}
#secondary .block		    {padding: 12px 10px 11px 10px; margin-bottom: 21px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.75); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); /*background-color: #28313c;*/}
#secondary .block		    {-moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;}
#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;}
.facebook                   {background: url(../images/icons/facebook-24x24.png) 0 0 no-repeat;}
.twitter                    {background: url(../images/icons/twitter-24x24.png) 0 0 no-repeat;}
.lastfm                     {background: url(../images/icons/lastfm-24x24.png) 0 0 no-repeat;}
.delicious                  {background: url(../images/icons/delicious-24x24.png) 0 0 no-repeat;}
.flickr                     {background: url(../images/icons/flickr-24x24.png) 0 0 no-repeat;}
.webkit                     {padding-left: 34px; -webkit-transition: margin 0.2s linear; display: block;}
.webkit:hover               {margin-left: 5px; -webkit-transition: margin 0.25s linear; font-family: 'VegurMedium';}

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

.postContainer, .commentContainer   {padding: 0 0 35px 0; overflow: hidden;}
.post, .comment                     {width: 530px; float: right;}
.post img                           {padding: 28px 0 40px 0; margin: 0px auto;}
.postMetadata, .commentMetadata     {width: 150px; float: left; margin: 0; padding: 0; color: #B03024;}
#commentForm                        {width: 640px; padding: 18px 0; float: right;}

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

#menu                       {font-family: Museo500; text-transform: uppercase; margin: 0; padding: 0; float: left; letter-spacing: 1px;}
#menu li                    {margin-right: 10px; float:left; list-style-type:none;}
#menu li a#current          {background: #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;}
#menu:hover li              {opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30);}
/*ul#menu:hover li a#current:hover  {opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); cursor: default; }*/
#menu:hover li:hover        {opacity: 1; -moz-opacity: 1; filter:alpha(opacity=1); }
#menu li a                  {font-weight: normal; color: #EEEEEE; display: block; padding: 60px 12px 5px 12px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.75); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5); -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; color: #AAAAAA;}
#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 */
/* ------------------------------------------------------------------------ */

form                                        {float: left; padding-top: 21px;}
form .fields                                {margin: 0; float: left;}
form li                                     {list-style-type: none;}
form .field                                 {width: 470px; padding-bottom: 15px; clear: both; display: block; float: left;}
form li.buttons                             {padding-left: 110px;}
label                                       {cursor: default;}
label.desc                                  {width: 180px; padding: 1px 20px 0 0; display: block; font-weight: bold; float: left; text-align: right;}
label.error, #formErrors                    {color: #B03024;}
div.element                                 {float: right; width: 360px; position: relative;}
span.req                                    {display: inline; font-weight: bold; color: #B03024; float: none; padding-left: 3px;}                        
.text input, textarea                       {font: 15px/21px "VegurLight",helvetica,sans-serif; padding: 3px 5px; border: none; margin: 0; background-color: #DEDEDE; display: block}
.text input, textarea                       {-moz-border-radius: 2px; -webkit-border-radius: 2px;}
textarea                                    {height: 130px; display: block;}
.small input, .small textarea               {width: 100px;}
.medium input, .medium textarea             {width: 220px;}
.large input, .large textarea               {width: 350px;}
input:focus, textarea:focus                 {background-color: #FFFFFF;}
form .error input, form .error textarea     {background-color: #FFC9BB;}
.errorlist                                  {font-family: 'VegurMedium'; color: #000000; margin: 0; font-size: 12px; width: auto; display: inline-block; padding: 0 0 6px 0; position: absolute; top: -33px; background: url(../images/error-arrow.png) bottom 20px no-repeat;}
.errorlist li                               {-moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #FFFFFF; padding: 4px 10px 0;}
.commentAjaxLoader                          {float: left; margin-top: 4px;}
.postAjaxLoader                             {background: url(../../media/images/ajax-loader.gif) 50% 50px no-repeat; }
#commentWaiting                             {margin: 1px 0 0 5px; display: inline-block;}

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

.buttons a, .buttons button{
    color: #DEDEDE; 
    float:left;
    margin:0 7px 0 0;
    border:1px solid #dedede;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 15px;
    line-height:130%;
    text-decoration:none;
    cursor:pointer;
    padding:2px 7px 3px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
/*    background: #B03024 url(/media/images/alert-overlay.png) repeat-x;*/
    background: #B03024;
    border: none;
    position: relative;
}

.buttons a                      {line-height: 19px;} /* To make FF line up */
button::-moz-focus-inner        {border: 0;padding: 0;}
.buttons a:hover,
.buttons button:hover           {color: #FFFFFF;}
.buttons a:active,
.buttons button:active          {top: 1px;}

/* ------------------------------------------------------------------------ */
/* 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;}