/* Reset
-------------------------------------------------------------*/

body,div,dl,dt,dd,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}



/* Webkit-Scrollbar
-------------------------------------------------------------*/

::-webkit-scrollbar {width: 8px; height:auto; background:#ffd8b1;}
::-webkit-scrollbar-thumb:vertical {background:#41403f;}
::-webkit-scrollbar-thumb:horizontal {background:#41403f}
::-webkit-scrollbar-thumb {background:#41403f;}



/* General
-------------------------------------------------------------*/

body { 
background-color: #ffd8b1; 
background-image: url('http://static.tumblr.com/e9373e527af7d3239bc4445cd2f021dd/h7qckoe/bHZmgaf12/tumblr_static_tile8.jpg');
background-attachment: fixed;
background-repeat: repeat;
font-family: 'Cambria', Arial, sans-serif;
font-size: 13px;
text-align: justify;
color: #a0a0a0;
line-height: 100%; 
}

a:link, a:active, a:visited {
color: #f08212; 
text-decoration: none;
}

a:hover {
color: #c48d92; 
text-decoration: none;
}

#s-m-t-tooltip {
max-width: 300px;
z-index: 9999;
margin: 10px 15px;
padding: 3px 5px;
background: #ffd8b1;
border: 1px solid #41403f;
text-decoration: none;
font-size: 9px; 
color: #f08212; 
font-weight: normal;
text-transform: uppercase; 
line-height: 12px; 
}

b, strong{
color: #41403f;
}

i, em {
color: #f08212;
}

p {
margin: 3px 0px;
}

h1 {
font-family: 'Share', Arial, sans-serif;
color: #f08212;
font-size: 16px; 
line-height: 110%;  
font-weight: normal;
text-transform: uppercase; 
text-align: left; 
padding: 4px 8px; 
border-left: 15px solid #41403f; 
border-bottom: 1px solid #41403f; 
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

h2 {
font-family: 'Share', Arial, sans-serif;
color: #f08212;
font-size: 14px; 
line-height: 100%;  
font-weight: normal;
text-transform: uppercase; 
text-align: center; 
}

h3 {
font-family: 'Share', Arial, sans-serif;
color: #f08212;
font-size: 12px; 
line-height: 100%;  
font-weight: normal;
text-transform: uppercase; 
text-align: left; 
}

blockquote {
border-left: 3px solid #41403f;
padding: 5px; 
}

blockquote i {
color: #a0a0a0;
}

blockquote img {
max-width: 100%;
}

blockquote blockquote {
border-left: 3px solid #41403f;
margin: 5px; 
padding: 5px; 
}



/* Sidebar
-------------------------------------------------------------*/


#sidewrap {
position: fixed; 
width: 300px; 
height: 100%;
padding: 10px; 
top: 0; 
left: 0; 
background: #000000; 
border-right: 1px solid #41403f; 
}

#sidebar {
width: 200px; 
margin: 50px; 
background: transparent; 
}

#sideimg {
width: 200px; 
margin: 3px 0px;
}

#sideimg img {
width: 200px; 
}

.desc {
font-family: 'Share', Arial, sans-serif;
text-transform: uppercase; 
font-size: 10px; 
color: #706e6e; 
font-size: 10px; 
text-transform: uppercase; 
margin: 3px 0px;
background: transparent; 
}

a.more {
display: block;
text-align: right;
color: #2F460D;
text-decoration: none;
margin: 10px 0 0 0 ;
}

a.more:hover {
text-decoration: underline;
}

.slinks {
margin: 3px 0px;
text-align: center; 
}

.slinks a {
display: inline-block;
background: transparent;
text-decoration: none;
font-family: 'Share', Arial, sans-serif;
font-size: 9px; 
color: #fec284;
letter-spacing: 1px; 
font-weight: normal;
text-transform: uppercase; 
text-align: center; 
padding: 3px 4px; 
margin: 2px; 
}

.slinks a:hover {
background: #fec284; 
color: #000000; 
}

#navbar {
padding: 5px 0px; 
list-style: none;
}

#navbar li {
padding: 3px 0px; 
position: relative;
-webkit-box-shadow: 0px 1px 0px 0px #a8a8a8, inset 0px 1px 0px 0px #a8a8a8;
-moz-box-shadow: 0px 1px 0px 0px #a8a8a8, inset 0px 1px 0px 0px #a8a8a8;
box-shadow: 0px 1px 0px 0px #a8a8a8, inset 0px 1px 0px 0px #a8a8a8;
}

#navbar li a {
display: block;
font-family: 'Share', Arial, sans-serif;
font-size: 10px; 
line-height: 160%; 
letter-spacing: 1px; 
text-decoration: none;
text-align: center; 
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#navbar li a:hover {
color: #c48d92; 
background: #41403f; 
}

.pagination { 
width: 200px; 
background: #000;
font-family: 'Share', Arial, sans-serif;
font-size: 10px; 
}

.prevpage {
float: left; 
}

.nextpage {
float: right;
}


/* Entries
-------------------------------------------------------------*/

#entries {
margin-top: 15px; 
margin-left: 320px; 
background: transparent; 
position: relative; 

width: 540px; 
padding: 20px; 
}

#posts {

width: 500px; 
background: #2b2b2b; 
padding: 20px 20px 25px 20px; 
text-align: justify;
position: relative; 
border: 1px solid #333333; 
}



/* Post Info
-------------------------------------------------------------*/

.dated {
text-align: center; 
font-family: 'Share', Arial, sans-serif;
font-size: 10px; 
line-height: 12px; 
text-transform: uppercase; 
margin: -5px 0px 5px 0px; 
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
height: 18px; 
border-bottom: 1px solid #333333; 
background: #cf0401; 
}

.dated span {
font-size: 12px; 
line-height: 12px; 
}

.dated a {
padding: 0px 3px; 
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

.dated a:hover {
color: #cf0401; 
padding: 2px 5px; 
}

.tagged {

width: 540px; 
display: block; 
background: transparent; 
margin: 3px 0px 15px 2px; 
text-align: justify;
position: relative; 
}

.tagged a {
background: transparent;
text-decoration: none;
font-family: 'Share', Arial, sans-serif;
font-size: 9px; 
font-weight: normal;
text-transform: uppercase; 
text-align: center; 
padding: 2px 3px; 
}

.tagged a:hover {
background: #fec284; 
color: #000000; 
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}




/* Ask Posts
-------------------------------------------------------------*/

.asking {
padding: 10px; 
text-align: left;
font-family: 'Share', Arial, sans-serif;
position: relative;
background: #ffd8b1; 
z-index: 1000;
}
 
.asker a {
position: relative;
text-transform: uppercase;
text-align: left;
background: #ffd8b1; 
margin: 0px; 
font-family: 'Share', Arial, sans-serif;
font-size: 9px; 
padding: 4px 8px; 
}
 
.answer {
padding: 10px; 
margin-top: 10px; 
}
 
 
 
/* Quote Posts
-------------------------------------------------------------*/
 
.quotewrap {
margin: 20px auto;
padding: 20px 25px;
position: relative;    
}

.quote {
margin-top: 10px;
padding-top: 30px; 
}

.out:after {
font-family: 'sosa';
content: 'C';
background: transparent;
width: 50px;
height: 50px;
position: absolute;
color: {colo:border};
text-shadow: 0 1px 1px rgba(255,255,255,0.1);
font-size: 35px;
line-height: 50px;
text-align: center;
left: 50%;
margin-left: -25px; 
top: -10px; 
cursor: pointer; 
z-index: 1000; 
}
 
 
 
/* @font-face (SOSA)
-------------------------------------------------------------*/
 
 
@font-face {
font-family: 'sosa';
src: url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot");
src:
    url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot?#iefix") format('embedded-opentype'),
    url("http://static.tumblr.com/whx9ghv/zwPmbwkjn/sosa.woff") format('woff'),
    url("http://static.tumblr.com/whx9ghv/5Skmbwkja/sosa.ttf") format('truetype'),
    url("http://static.tumblr.com/whx9ghv/KXgmbwkj1/sosa.svg#icons") format('svg');
font-weight: normal;
font-style: normal;
}
 
 
/* Audio Posts
-------------------------------------------------------------*/
 
.audioplayer {
position: absolute;
z-index: 3;
opacity: 0.7;
margin: 33px;
}
 
.audio {
width: 10px;
padding: 5px 20px 5px 5px;
background-color: #fefefe;
overflow: hidden;
}
 
#audiocap {
min-height: 100px;
}
 
#audioinfo {
height: 10px;
padding: 4px 5px;
display: block;
overflow: hidden;
font-size: 10px;
text-align: left;
margin-bottom: 3px;
text-transform: uppercase;
}
 
#audioinfo b {
color: #f08212;
}
 
#audioimg img {
margin-right: 2px;
}
 
 
 
/* Chat Posts
-------------------------------------------------------------*/
 
.user_1 .label {color:#f08212; font-weight:bold}
.user_2 .label {color:#c48d92; font-weight:bold}
.user_3 .label {color:#f08212; font-weight:bold}
.user_4 .label {color:#c48d92; font-weight:bold}
.user_5 .label {color:#f08212; font-weight:bold}
.user_6 .label {color:#c48d92; font-weight:bold}
.user_7 .label {color:#f08212; font-weight:bold}
.user_8 .label {color:#c48d92; font-weight:bold}
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
 
 
iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
   
   
/* Post Notes (Permalink Page)
-------------------------------------------------------------*/
 
ol.notes, .notes li {
list-style:none;
margin: 0px;
padding: 0px;
}
 
.ending {

max-width: 500px; 
text-align: left;
padding: 10px;
text-decoration: none;
line-height: 180%;
position: relative;
}
 
.ending a {
text-transform: uppercase;
font-size: 10px;
}
 
.ending img {
width: 10px;
height: 10px;
border: 2px solid #f97f5f;
margin-right: 2px;
}
