/*
    Martyn James
    www.dudlowjoe.com

    colors:
    #8D0952 violet / #661D31
    #15052A blue-black
    #E3EBDC ivory
    #F4BA71 tan
    #936335 brown
    
    
*/
    
/*
    RESET
*/

*                   {margin:0; padding:0}
html                {overflow-y:scroll}
html,body           {height:100%}
body                {font-size:62.5%; font-family: verdana, sans-serif; 
                    background: #936335;color:#E3EBDC}
ul                  {list-style: square inside}
ol                  {list-style: decimal inside}
a                   {outline:none; text-decoration:none}
a img               {border:none}
img                 {vertical-align: middle}
table               {border-collapse:collapse}

/*
    UTILITY
*/

.left               {float:left}
.right              {float:right}
.clear              {clear:both}
.button             {border: 1px solid #936335; background: #15052A;
                    padding:2px 8px 2px;
                    margin-top:-2px;
                    -moz-border-radius:2px; -webkit-border-radius:2px;
                    color:#fff}
.button:hover       {background:#740933; color:#E3EBDC}
.centered			{margin:0 auto;padding:5px;width:680px;text-align:center}

/*
	TYPOGRAPHY
*/

p			{font-size: 1.2em; line-height:1.4em ; margin:0 0 10px 0;}
p#intro-paragraph	{font-family:Georgia, serif; font-size: 1.6em; font-style:italic; line-height:1.8em
					margin-top:10px;width:500px;padding-top:2px;}
p#intro-paragraph span	{font-size:2.0em;font-weight:bold;color:#F4BA71}
p#intro-paragraph em	{color:#F4BA71}
a					{text-decoration:none; color:#F4BA71}
a:hover				{text-decoration:underline;background:#936335}
h1					{font-size:3.6em; font-weight:normal;}
h2					{font-size:2.8em; font-weight:normal;}
h3					{font-size:2.6em; font-weight:normal;
					margin: 0 0 10px 0;}
h4					{color:white; font-size:2.0em;margin-bottom:15px}

/*
    STRUCTURE
*/

#page-container     {width:960px; margin:0 auto -150px;
                     min-height:100%; height:auto !important; height:100%; 
                     background:url(images/bg-body.png) repeat-y}
#push               {height:150px;}

#left-col           {width:220px; float:left; margin-right:15px} 
#main-col           {width:490px; float:left;}
#right-col          {width:220px; float:right;}
#single-col         {width:700px; margin:0 auto}
/*
    HEADER
*/
h1#logo             {width:340px; height:40px;
                     background: url(images/dudlowtext.png) top left no-repeat;
                     text-indent:-9999px;margin:0 20px 8px 0; float:right}   
#top-bar            {padding:10px 0 0 0;height:125px; background-image: url(images/header-image.png);}
#top-bar p          {color:#E3EBDC; padding:0 40px 0 5px; font-size:1.6em; margin:0; float:right}
/*
    MENU
*/
#menu-bar           {padding-top:10px;padding-bottom:5px;margin-bottom:15px; background:#15052A }
ul#main-nav         {float:left;}
ul#extra-nav        {float:right;}
ul#main-nav li, 
ul#extra-nav li     {display:inline;  padding:0 10px 0 10px;}
ul#main-nav li a, 
ul#extra-nav li a   {text-transform:lowercase;color: #E3EBDC;font-size:1.6em;
					padding:3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px;}

ul#main-nav li a:hover, 
ul#extra-nav li a:hover    {background:#661D31;text-decoration:none;}

    
/*
    WIDGETS
*/

.widget             {background:#15052A;
                     -moz-border-radius:5px; -webkit-border-radius:5px;
                     padding:5px 0 5px 0;
                     margin-bottom:20px;}
.widget p,
.widget li			{color:#E3EBDC;}
.widget .inside h2  {color:#F4BA71; font-weight:bold; font-family:Georgia; padding:5px 20px;
                     font-size:1.6em;float:left}
.music				{height:440px;background:#15052A url(images/stage-photo.png) top left no-repeat; }                    
.twitter-logo		{}
                     
.diary				{height:180px; }                    
.twitter			{height:225px; }
  
div#gigDiary		{width:200px;padding-left:10px}
#gigDiary ul li		{font-size:1.2em;line-height:1.6em}

.tweets				{width:180px;height:150px;margin:5px auto; color:#F4BA71;font-size:1.2em;}
#player				{margin:80px 0px 0 5px}

.thumb				{width:62px;}
.flickr-thumb		{height:41px; width:62px; overflow:hidden; float:left; margin:0 0 10px 15px;}

/*
    FOOTER
*/
#footer             {height:150px; background:#15052A; border-top:4px solid #936335;
                     padding-top:20px;width:960px; margin:0 auto}
#footer-inside      {margin:0 auto}
#footer #quote		{margin:0 auto; width:500px; color:#F4BA71}

a#facebook          {width:140px; height:40px;
                     background: url(images/facebook.png) top left no-repeat;
                     text-indent:-9999px; margin:4px 0 4px 20px; float:left}   
a#myspace          	{width:140px; height:40px;
                     background: url(images/myspace-logo.png) top left no-repeat;
                     text-indent:-9999px; margin:0 0 8px 20px;float:left}   
a#youtube          	{width:140px; height:40px;
                     background: url(images/youtube-logo.png) top left no-repeat;
                     text-indent:-9999px; margin:0 0 8px 20px;float:left}   
a#flickr          	{width:140px; height:40px;
                     background: url(images/flickr.png) top left no-repeat;
                     text-indent:-9999px; margin:0 0 8px 20px;float:left}   

/* 
	BLOG ENTRIES	
*/

.entry h2			{color:#F4BA71; margin-bottom:5px}
.entry li			{color:#E3EBDC; font-size:1.2em; line-height:1.8em}
.dateBox			{width:40px; float:left; padding:5px; background:#15052A;
					color:#F4BA71; text-align:center;
					margin:0 10px 0 0;}
.day				{font-size:3.0em; font-weight:bold; margin:0}
.month				{font-size:1.6em; font-weight:bold; text-transform:uppercase; margin:0}
.year				{font-size:1.4em; font-weight:bold;margin:0}