/* CSS Document - Better Guitar Layout */

/* Normalize margins, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalize table border and spacing */
table 
{ border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset, img 
{ border: 0; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var 
{ font-style: normal; font-weight: normal; }

/* Removes list style from lists */
ol, ul 
{ list-style: none; }

/* Left-aligns text in caption and th */
caption, th { text-align: left; }

/* Normalize font sizes for headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal; }

/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }

/* Removes border from abbr and acronym */
abbr, acronym 
{border:0;}



/* This sets the width of the page and puts the text default back to left. */
body 
{
margin: 0 auto;
background-color: #333333;
text-align: left;
}

/* This centers the page and sets its width. */
div#page
{
margin-left: auto;
margin-right: auto; 
width: 760px;
color: #666666; 
}

/* Navigation Layout */
div#nav
{
position: relative;
background-color: #666666;
background-image: url(layout_images/main_header.gif);
background-repeat: no-repeat;
height: 225px;
width: 760px
}

/* Absolute position navigation images and text links*/

#lobby_text
{
position: absolute;
top: 7px; left: 650px;
width: 100px;
}

#search_text
{
position: absolute;
top: 7px; left: 685px;
width: 65px;
}


#contact_text
{
position: absolute;
top: 7px; left: 620px;
width: 67px;
}


#about_text
{
position: absolute;
top: 7px; left: 553px;
width: 60px;
}


div#nav img
{
position: absolute;
}


/* For Image and title on index page with no links*/
#location_current img 
{
top: 55px; left: 10px;
}

#location_current_text
{
position: absolute;
top: 35px; left: 10px;
width: 240px;
}

/* For Image and text on article pages with links back to index*/
#location_one img 
{
top: 55px; left: 10px;
}

#location_one_text
{
position: absolute;
top: 35px; left: 10px;
width: 240px;
}

#location_two img 
{
top: 55px; left: 260px;
}

#location_two_text
{
position: absolute;
top: 35px; left: 260px;
width: 115px;
}

#location_three img 
{
top: 55px; left: 385px;
}

#location_three_text
{
position: absolute;
top: 35px; left: 385px;
width: 115px;
}

#location_four img 
{
top: 55px; left: 510px;
}

#location_four_text
{
position: absolute;
top: 35px; left: 510px;
width: 115px;
}

#location_five img 
{
top: 55px; left: 635px;
}

#location_five_text
{
position: absolute;
top: 35px; left: 635px;
width: 115px;
}


/* Content Layout */

div#content
{
position: relative;
background-color: #ffffff;
background-image: url(layout_images/main_body.gif);
background-repeat: repeat-y;
width: 760px;
}

div#content_main
{
width: 470px;
float: left;
padding-left: 20px;
padding-right: 10px;
}

div#content_secondary
{
width: 220px;
float:left;
padding-left: 20px;
padding-right: 20px;
}

/* this clears the floated columns so footer is located at bottom */
.clear_floats
{
clear: left;
}

div#main_header
{
position: absolute;
top: -45px; left: 10px;
width: 490px;
}

div#secondary_header
{
position: absolute;
top: -45px; left: 510px;
width: 240px;
}


.index_float_left
{
float: left;
margin: 5px 5px 0 0;
}

/* these float images in paragraphs */

.paragraph_float_left
{
float: left;
margin: 5px 5px 5px 0;
}

.paragraph_float_right
{
float: right;
margin: 5px 0 5px 5px;
}

/* images between paragraphs */
.paragraph_image
{
margin-bottom: 20px;
margin-top: 10px;
}

/* images in lists */
.list_image
{
margin-top: 20px;
}


/* Site Info Layout */

div#site_info
{
position: relative;
background-color: #333333;
background-image: url(layout_images/main_footer.gif);
background-repeat: no-repeat;
height: 50px;
width: 760px;
}

div#info_links
{
position: absolute;
width: 240px;
top: 23px;
left: 510px;
}

div#copyright
{
position: absolute;
width: 490px;
top: 23px;
left: 10px;
}