/* --------------------------------------------------
Standard Stylesheet for 'most' browsers!
website:  www.berwickstreetrecords.com 
version:  2007.11
author:   Sean Johnson
-------------------------------------------------- */


/* Global Reset
-------------------------------------------------- */
*                                 {margin: 0; padding: 0; font-weight: normal; font-style: normal;} 


/* General typography & alignments
-------------------------------------------------- */
body                              {margin: 10px auto; background: #EE5D23 url(../images/pageBkg.jpg) top center repeat-x; font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif; font-size: 75%; color: #fff; line-height: 150%;}

h1                                {margin-bottom: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 180%; color: #000;}
h2                                {margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 120%;color: #f60;}
h2 a                              {color: #f60; font-weight: normal;}
h3                                {clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #f60;}
h3 a                              {color: #f60;}

p                                 {margin-bottom: 20px;}

a                                 {outline: none; color: #fff; }
a img                             {border: 0;}
a:hover                           {text-decoration: none; color: #f60;}

ul, ol                            {margin: 0 0 20px 20px; font-family: inherit; color: #666;}
li                                {margin-left: 20px; color: #000;}

strong                            {font-weight: bold;}
em                                {font-style: italic;}

hr                                {margin: 10px auto; width: 80%; height: 0; border: 0; border-top: 1px solid #999;}

form                              {margin: 10px;}
fieldset                          {border: 0;}
label                             {display: block; font-weight: bold;}
label em                          {font-weight: normal; color: #c00;}
input, textarea, select           {margin-bottom: 10px; width: 250px; font-family: inherit; font-size: 90%;}
input.button                      {margin-right: 150px; width: auto;}
input.radio                       {float: left; margin: 3px 10px 0 0; width: auto;}
label.radio                       {float: left; margin-right: 30px; width: auto;}

img.left                          {float: left; margin: 0 10px 10px 0;}
img.right                         {float: right; margin: 0 0 10px 10px;}

.left                             {float: left;}
.right                            {float: right;}
.center                           {margin: 0 auto; text-align: center;}

.clear                            {clear: both;}
.clear:after                      {content: "."; display: block; clear:both; height: 0; visibility: hidden;}


/* Structure and DIV specific styling
-------------------------------------------------- */
#container                        {margin: 0 auto; width: 820px; background: url(../images/pageRpt.jpg) repeat-y;}
#wrapper                          {margin: 0 auto; width: 820px; background: url(../images/topBkg.jpg) no-repeat;}

#header                           {margin: auto; width: 780px; height: 169px; background: url(../images/header1.jpg) 0 10px no-repeat;}
#header h1,
#header h2,
#header h3                        {display: none;}

ul#mainMenu                       {margin: 10px auto; padding: 5px 0; width: 780px; background: #000 url(../images/buttonBkgBlack.jpg) repeat-x; border: 1px solid #000; list-style: none;}
ul#mainMenu li                    {display: inline; margin: 0;}
ul#mainMenu li a                  {padding: 0 15px 0 15px; background: url(../images/menuSep.gif) 0 2px no-repeat; color: #fff; text-decoration: none;}
ul#mainMenu li#menu1 a            {background: none;}

#mainContent                      {float: left; display: inline; margin-left: 20px; padding: 10px; width: 510px; background: #000 url(../images/headerBkg.gif) repeat-x;}
#mainContent.fullWidth            {width: 760px; padding: 10px;}
#mainContentHome                  {padding: 10px; width: 510px; background: #000 url(../images/headerBkg.gif) repeat-x;}
#homeMain                         {float: left; display: inline; margin-left: 20px;}

#forcer                           {float: left; width: 0; height: 550px;}

#flashAd                          {width: 530px; height: 260px; background: url(http://www2.berwickstreetrecords.com/flash/1.jpg) no-repeat; border-bottom: 10px solid #fff;}

div.gallerypic                    {float: left; width: 110px; height: 110px; margin: 0 10px 10px 0; text-align: center; vertical-align: middle;}
div.gallerycat                    {float: left; width: 220px; height: 100px; margin: 0 10px 10px 0;}
div.list                          {clear: both; margin-bottom: 20px;}
div.profilepic                    {float: left; width: 105px; height: 200px; margin: 0 8px 10px 0; text-align: center; vertical-align: middle;}
div.profilepic                    {padding: 0;}
	
#subContent                       {display: inline; float: right; margin-right: 20px; padding: 10px; width: 220px;}
#subContent h2                    {margin: -10px -10px 0 -10px; padding: 10px 10px 24px 10px; background: #eee url(../images/headerBkg.gif) repeat-x;font-family: Arial, Helvetica, sans-serif; font-size: 180%; color: #000;}
#eventList h2                     {}

#profilelist ul                   {margin: -12px -10px 20px -10px; list-style: none;}
#profilelist li                   {display: inline; margin: 0;}
#profilelist li a                 {display: block; padding: 10px; background: #101113 url(../images/buttonBkgBlack.jpg) repeat-x; text-decoration: none;}
#profilelist li a:hover           {display: block; padding: 10px; background: #2E3136 url(../images/buttonBkgGrey.jpg) repeat-x;}

#adverts                          {text-align: center; padding-bottom: 20px;}

#footer                           {clear: both; margin: auto; padding: 10px; width: 800px; background: url(../images/pageBtm.jpg) bottom no-repeat; color: #f60;}
#footer p                         {margin: 10px}
#footer a                         {color: #f60;}