/************* COLORS *************
Very Dark Brown   rgb(36,34,25)
Dark Brown        rgb(72,68,50)
Light Brown       rgb(100,84,66)
Very Dark Teal    rgb(24,88,88)
Dark Teal         rgb(48,176,176)
Light Teal        rgb(220,248,248)
**********************************/

a:link {
	color: #EEE;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #EEE;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
    color: rgb(48,176,176);
	font-weight:bold;
	cursor:pointer;
}

html {
	margin: 0;
}
body {
    padding: 0;
    margin: 0;
    background: #000 url(/images/pins2.png) repeat-x fixed;
    font: normal .84em "Trebuchet MS", Inconsolata, Impact, Helvetica;
}
#wrapper {
    width: 650px;
    margin: 0 auto;   
}
#top {
	height:0;
	overflow:hidden;
}

#header {
    background: rgba(0,0,0,.5);
	border-bottom:solid 1px rgba(0,0,0,.9);
    border-top: 0;
    color: #EEE;
	line-height: 40px;
	font-size: 220%;
    padding: 10px 20px;
}

#header a {
    color: #EEE;  
    margin-right: 20px; 
}

#header a:hover {
    background: transparent;
    color: rgb(48,176,176);   
}

#lion {
    margin:5px 10px 0 0;
}

#navigation a {
    font-size: 50%;
}

#content {
    padding: 20px 0;
}

.box {
    border:solid 1px rgb(36,34,25);
    color: #111;
}

.cap {
    background: rgba(0,0,0,.5);
	border-bottom:solid 1px rgba(0,0,0,.9);
	color: #EEE;
	overflow:hidden;
	font-weight:bold;
	font-size:120%;
	padding:10px;
}

.title {
	float:left;
}

.subtitle {
	float:right;
	font-weight:bold;
}

.stuff {
    background: rgba(255,255,255,.8);
}

.stuff a,
.stuff a:link,
.stuff a:visited {
    color: #111;
    border: dashed 1px rgb(48,176,176);
    background: rgb(220,248,248);
}

.stuff a:hover {
    background: rgb(48,176,176);
    border-color: rgb(24,88,88);   
}

.button{
	border: solid 1px rgba(16,16,16,.9);
	background: #rgba(16,16,16,.7);
	color: #EEE;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}

.button:hover {
	background: #FD0;
	border: solid 1px rgba(16,16,16,.9);
	color: #EEE;
	cursor: pointer;
	cursor: hand;
}

.thumbnail {
    padding: 5px;
    float: left;
    margin: 10px 10px 0 0;
    background: rgba(16,16,16,.7);
    border: solid 1px rgba(16,16,16,.9);
}

.thumbnail:hover {
    cursor: pointer;
    cursor: hand;
}

.clearer {
	clear: both;
}

.left {
	float:left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.padded {
	padding: 10px;
}

.inset {
	padding: 1px;
	border: solid 1px #AAA;
}

.text-large {
	font-size: 140%;
}

.backToTop {
	text-align: center;
	text-decoration: none;
    display:inline-block;
	line-height: 30px;
}

.backToTop:hover {
	text-decoration: none;
	cursor: pointer;
}

.stuff {
	padding: 10px;
}

.text-large {
	font-size: 20px;
}

.clear{
	clear: both;
}

#copyright {
    background: rgba(0,0,0,.5);
	border-bottom:solid 1px rgba(0,0,0,.9);
    border-bottom: 0;
    padding: 10px 20px;
    color: #EEE;
}

#copyright .text {
	line-height: 30px;
}