/* - - - - - - - - - - - - - - - - - - - - -

Title : Phantomwise CSS
Author : Joe Chellman
URL : http://www.shooflydesign.org/

Description : Main CSS file for the site

Created : July 31, 2005
Modified : July 31, 2005

- - - - - - - - - - - - - - - - - - - - - */

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

*{
	margin: 0;
	padding: 0;
}	
html{
}	
body{
	background: #000 url(/images/blackTexture.gif);

	font: 14px georgia, times, serif;
	color: white;
	
	margin: 1em;
}

/* ----- IDS ----- */

#header{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
#navigation{
	position: relative;
	top: 0.5em;

	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}	
#main {
	position: relative;
	top: 1.5em;
	left: 0;
	width: 100%;
}	
#primaryContent {
	margin-right: 300px;
}	
#secondaryContent {
	position: absolute;
	right: 0;
	top: 30px;
	width: 290px;
}
#footer{
}

/* ----- CLASSES ----- */

.hide{
}
.show{
}

.rule {
	width: 100%;
	height: 10px;
	background-image: url(/images/h-line.gif)
	background-repeat: no-repeat;
	height: 0;
}

.placard {
	text-align: center;
}
.placard .title {
	font-style: oblique;
	font-weight: bold;
}
.placard .details {
	font-size: 0.85em;
	color: #ccc;
}
.placard .collection {
	font-size: 0.9em;
	font-style: oblique;

}

/* ----- HEADINGS ----- */

h1{
}
h2{
	font-size: 120%;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-style: oblique;
}
h3{
}
h4{
}

/* ----- PARAGRAPHS ----- */

p{
	line-height: 1.4em;
	margin-bottom: 1.5em;
}
#primaryContent p{
}
#secondaryContent p{
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}

#navigation li{
}

#navigation ul{
	width: 100%;
	overflow: hidden;
	
margin-left: 40px;
}

#navigation ul li{
	display: block;
	float: left;
	list-style: none;
	
	padding: 0 1%;
	width: 12%;
	/*width: 18%;*/
	
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#navigation ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none !important;
	color: white !important;
	text-align: center;
	padding: 0.3em 0;
	
	border-width: 0;
}

#navigation ul li a:hover {
	text-decoration: underline !important;
}

#navigation ol{
}

#navigation ol li{
}

/* ----- IMAGES ----- */

img{
}
img a{
}
img a:hover{
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
	color: #ff9;
	/*border-bottom: 1px solid #ffc;*/
	text-decoration: none;
}
a:hover{
	color: #ff0;
	/*border-bottom: 1px solid #ff0;*/
	text-decoration: none;
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- DEFINITIONS ----- */

dl{
	text-align: left;
}
dt{
	margin-bottom: 0.2em;
}
dd{
	margin-bottom: 1em;
}