/*
Theme Name: SWCD01
Theme URI: http://www.andstarscollide.com
Description: Designed around the artwork for the EP "...And Stars Collide"
Version: 1.0
Author: R Laban
Author URI: http://www.andstarscollide.com
*/

html {
height: 100%;
overflow-y: scroll; 
}

body { 
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-size: 76%; 
text-align: center;
color: #363636; 
background-color: #a3815b; 
background-image: url(http://www.andstarscollide.com/images/ascbackground.jpg);
background-position: top left;
background-repeat: repeat;
background-attachment: fixed;
height: 100%;
margin: 0px;
padding: 0px;
}

#page {
position: relative;
display: inline;
background: #ffffff url(http://www.andstarscollide.com/images/wingtiledbrown.png) repeat-y 200px 0px; 
}

#container {
position: relative;
height: 100%;
width: 100%;
max-width: 975px;
background: #ffffff url(http://www.andstarscollide.com/images/wingtiledbrown.png) repeat-y 200px 0px; 
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

p { 
padding: 0em; 
margin: 0em 0em 1em 0em; 
}

h1 { 
font-size: 2.04em; 
font-weight: normal; 
padding: 0; 
margin: 0px 0px 6px 0px; 
}

h2 { 
font-family: "Times New Roman", serif; 
font-size: 1.97em; 
font-weight: normal; 
padding: 0em; 
margin: 0em 0em 0.3em 0em; 
}

h2.extra {
padding-top: 0.45em;
}

h3 { 
font-size: 1em; 
font-weight: bold; 
padding: 0em; 
margin: 0em 0em 0.27em 0em; 
clear: left;
}

h3.photospacer { 
 
}

a { 
color: #76542d; 
text-decoration: none; 
}

a:link { 
color: #76542d; 
}

a:visited { 
color: #76542d; 
}

a:active { 
outline: none;
color: #363636; 
text-decoration: underline;
}

a:hover { 
color: #76542d; 
text-decoration: underline;
}


img { 
border: 0em; 
}


ol {
list-style-type: decimal-leading-zero;
}


ul.links {
margin-top: 0em;
margin-bottom: 0em;
padding-bottom: 1em;
list-style: none;
}

.links li {
margin-bottom: 0.45em;
}


#skip { 
width: 0em; 
height: 0em; 
overflow: hidden; 
}

#standards { 
width: 180px; 
position: absolute; 
left: 10px; 
bottom: 15px;
z-index: 1;
text-align: center; 
}

#standards ul { 
list-style: none ; 
padding: 0em; margin: 0em; 
}

#standards li { 
display: inline; 
}

#side { 
position: absolute; 
top: 20px; 
left: 20px; 
z-index: 1; 
}

#side ul { 
list-style: none ; 
padding: 0em; 
margin: 0em; 
text-align: center; 
}

#menu object {
position: relative;
}

#menu { 
position: absolute; 
top: 16px; 
left: 0px; 
font-family: "Times New Roman", serif; 
font-size: 24px; 
font-weight: normal; 
}

#menu li { 
padding: 6px 0px ; 
}

#menu a { 
width: 163px ; 
height: 27px ; 
display: block; 
text-decoration: none; 
color: #363636;
}

#menu01 a { 
background-image: url(images/menu01.png); 
}

#menu02 a { 
background-image: url(images/menu02.png); 
}

#menu03 a { 
background-image: url(images/menu03.png); 
}

#menu04 a { 
background-image: url(images/menu04.png); 
}

#menu05 a { 
background-image: url(images/menu05.png); 
}

#menu06 a { 
background-image: url(images/menu06.png); 
}

#menu a:hover, a:active, a:focus, .selected  { 
background-position: bottom; 
}

#header { 
position: absolute; 
top: 20px; 
left: 260px; 
padding: 0px 30px 20px 0px; 
}

#main { 
position: absolute; 
top: 90px; 
left: 0px; 
z-index: 0;
padding: 0px 30px 20px 260px; 
background: #ffffff url(http://www.andstarscollide.com/images/wingtiledbrown.png) repeat-y 200px -15px;
}

#subscribe {
padding: 0.5em 0em 1em 3em; 
}

.table {
display:table;      
border-collapse:separate;
}   

.row {     
display:table-row;
} 

.row div {      
display:table-cell;
padding: 0em 1em 0.5em 0em;
}  

.thinrow {     
display:table-row;
} 

.thinrow div {      
display:table-cell;
padding: 0em 1em 0em 0em;
}  

.thinrow .firstcolumn {
text-align: center;
}

img.news {
float: left;
width: 4.54em;
margin: 0em 0.64em 1em 0em;
}


img.cover, div.coverspacer {
height: 12.34em;
width: 12.34em;
border: 0.08em solid #000000;
padding: 0px;
margin: 0px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer { 
position: static;  
margin: 0em 0em 1em 0em; 
}

.thumbnail img { 
border: 0.08em solid #000000; 
margin: 0px 5px 5px 0px; 
}

.thumbnail img.last {
margin-bottom: 19.5em;
}

.thumbnail:hover { 
color: #000000; 
background-color: transparent; 
}

.thumbnail:hover img { 
border: 0.08em solid #76542d; 
}

.thumbnail span { 
position: absolute; 
left: 390px; 
min-width: 21.79em;
background-color: #ffffe0; 
padding: 0.45em; 
border: 0.08em solid #000000; 
visibility: hidden; 
text-align: center; 
text-decoration: none; 
color: #000000;
margin-left: auto; 
margin-right: auto; 
}

.thumbnail span img { 
border-width: 0em;
margin: 0em;
padding: 0em;
height: 21.79em;
}

.thumbnail:hover span { 
visibility: visible;
z-index: 50;
}

.alignright {
float:right; 
margin:0 0 1em 1em;
}

.alignleft {
float:left; 
margin:0 1em 1em 0;
}

.aligncenter {
display: block; 
margin-left: auto; 
margin-right: auto;
}

.navigation div {
padding: 0.62em 0em 0em 0em;
}

.gss a img {
border : none; 
}

.gss {
width: 20.72em;
height: 20.72em;
color: #000000;
background-color: #ffffff;
padding: 0.22em, 0.45em, 0.67em, 0.45em;
}