/* BODY */
body {
background-image: url("img/bg2.png");
background-attachment: fixed;
background-color: #313131;
margin: 0;
}

#container {
width: 800px;
}


/* TOP */
#top {
background-color: #3f3a3a;
height: 100%;
width: 300px;
padding: 10px;
top: 0px;
position: fixed;
text-align: center;
}

#topimage img {
position: fixed;
z-index: 999;
-moz-border-radius: 0px 0px 200px 0px;
-webkit-border-radius: 0px 0px 200px 0px;
border-radius: 0px 0px 200px 0px;
}


/* NAVIGATION */
#nav {
margin-top: 307px;
margin-left: 5px;
position: fixed;
}

#nav a {
background-color: #443f3f;
display: block;
width: 120px;
height: 40px;
margin-bottom: 15px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
color: #77754a;
text-decoration: none;
text-transform: uppercase;
text-align: center;
line-height: 40px;
opacity: .6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#nav a:hover {
opacity: 1;
}


/* SIDEBAR */
#sidebar {
position: fixed;
width: 180px;
margin-left: 135px;
margin-top: 310px;
font-family: lucida sans unicode;
font-size: 10px;
color: #726969;
text-align: center;
letter-spacing: 1px;
line-height: 17px;
}

#sidebar b {
color: #946b54;
font-weight: normal;
}

#sidebar i {
color: #77754a;
font-style: normal;
}

#sidebar a {
color: #516e59;
text-decoration: none;
}

#sidebar h1 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
color: #ac8933;
font-weight: normal;
margin-bottom: 5px;
text-transform: uppercase;
margin: 0;
}

#sidebar h2 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 14px;
color: #77754a;
font-weight: normal;
margin-bottom: 5px;
text-transform: uppercase;
margin: 0;
}

#sidebar h3 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 11px;
color: #986837;
font-weight: normal;
margin-bottom: 5px;
text-transform: uppercase;
margin: 0;
}


/* DISCLAIMER */
#creds {
background-color: #3a3535;
width: 300px;
padding: 10px;
bottom: 0;
position: fixed;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
color: #a7ad96;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}

#creds a {
color: #b8994e;
text-decoration: none;
}


/* CONTENT */
#content {
float: right;
width: 450px;
font-family: lucida sans unicode, sans-serif;
font-size: 11px;
color: #7f7474;
letter-spacing: 1px;
text-align: justify;
line-height: 16px;
margin-bottom: 20px;
}

#index {
margin-top: 100px;
}

#content b, strong {
color: #9d8447;
font-weight: normal;
}

#content b.credit {
font-weight: normal;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 14px;
text-transform: uppercase;
}

#content b.theme {
font-weight: normal;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
text-transform: uppercase;
}

#content b.arrow {
font-size: 15px;
}

#content b.arrow2 {
font-size: 18px;
}

#content i, em {
color: #946b54;
}

#content i.about {
font-style: normal;
}

#content a {
color: #516e59;
text-decoration: none;
}

#content a.linkie {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 14px;
text-transform: uppercase;
}

#content h1 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 26px;
color: #687657;
font-weight: normal;
text-align: right;
letter-spacing: 1px;
}

#content h2 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
color: #986837;
font-weight: normal;
text-align: right;
letter-spacing: 2px;
text-transform: uppercase;
}

#content h3 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
color: #986837;
font-weight: normal;
text-align: left;
letter-spacing: 2px;
text-transform: uppercase;
}

#content blockquote {
border-left: 4px solid #3f3a3a;
padding-left: 10px;
margin-left: 15px;
}

#content blockquote.comm {
border-left: 4px solid #3f3a3a;
padding-left: 10px;
margin-left: 0px;
line-height: 14px;
}

#content blockquote.credit {
background-color: #423d3d;
border: 0px;
padding: 10px;
width: 400px;
margin: auto;
}

#content blockquote.code {
background-color: #423d3d;
border: 0px;
padding: 10px;
width: 430px;
text-align: left;
margin: auto;
font-size: 10px;
font-style: italic;
color: #946b54;
}

#content blockquote.tips {
background-color: #423d3d;
border: 0px;
padding: 10px;
width: 430px;
text-align: left;
margin: auto;
font-size: 10px;
}

#content img.theme {
border: 3px solid #393434;
padding: 2px;
opacity: .5;
margin-right: 5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#content img.theme:hover {
opacity: .8;
}

#content img.code {
border: 4px solid #393434;
padding: 2px;
}

#content table, th {
font-size: 11px;
text-align: center;
width: 450px;
letter-spacing: 2px;
}

#content td {
width: 200px;
padding: 10px;
}

#content td a {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
text-transform: uppercase;
}

#aboutme {
margin-top: 50px;
}

#aboutme img {
border: 3px solid #393434;
padding: 2px;
opacity: .7;
float: left;
margin-right: 8px;
}

#tumblr {
text-align: center;
margin-left: -10px;
}

#tumblr a {
background-color: #3f3a3a;
display: inline-block;
width: 120px;
height: 40px;
margin-left: 10px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
color: #946b54;
text-decoration: none;
text-transform: uppercase;
text-align: center;
line-height: 40px;
opacity: .5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#tumblr a:hover {
opacity: 1;
}

#themes {
line-height: 22px;
}