@font-face {
     font-family: 'proggy';
     src: url('fonts/proggy.otf');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'museo';
    src: url('fonts/MuseoSans-300.eot');
    src: url('fonts/MuseoSans-300.woff') format('woff'), url('fonts/MuseoSans-300.ttf') format('truetype'), url('fonts/MuseoSans-300.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'flour';
     src: url('fonts/04B_08__.otf');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'flourer';
     src: url('fonts/04B_03__.otf');
     font-weight: normal;
     font-style: normal;
}

#grid-item {
    width:200px;
}

#tagsy{
font-family: 'flour';
font-size:8px;
}

body {
    font-family: 'museo', "Inconsolata", Monospace;
    color: #EEDFB8;
    font-size:12pt;
    background-color: #190C12;
    -webkit-font-smoothing: antialiased;
}

#pplinker{
     color: #EEDFB8;
}
#ppbase{
}

#pphead{
    font-family: 'flour';
    font-size:8px;
    background-color: #370F19;
    border-bottom: 1px solid #49382D;
}

#pphead:hover{
    background-color: #580016;
    border-bottom: 1px solid #724D36;
}

#ppcontent{
    background-color: #1E0E16;
	padding: 10px 10px 10px 10px;
    font-size:12pt;
    border-left: 1px solid #AB745D;
    overflow:initial;
}

#searchy{
	float: right;
	width: 300px;
}



#ppcontent:hover{
    border-left: 1px solid #F5A685;
}

.readmore{
    width:100%;
    font-size:12pt;
    border-left: 1px solid #AB745D;
    font-family: "flourer";
    background-color: #370F19;
    text-align:right;
}

.readmore:hover{
}

a, a:visited {
    color: #975648;
    text-decoration: none;
}





input{
	background-color: #190C12;
	box-shadow: none;
	outline: 0;
	margin: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
	width: 170px;
	color: #ffeba9; 
	padding: 10px 10px 10px 20px;
	border-radius: 0;
    	border: 1px solid #AB745D;
}

p{
    padding-left: 15px;
}

a:hover {
    color: #FFEBA9;
}

a:active, a:focus {
}

#maintitle  {
    font-size:2em;
    margin-top:2em;
    font-weight: bold;
    font-family: 'flour';
    margin-left:10px;
}

#subtitle{
    font-family: 'museo';
    font-size:12pt;
    margin-left:25px;
    margin-top:-20px;
}


h1, h2, h3,
h4, h5, h6
{
    font-family: "flour";
    margin-left:20px;
}
.meta {
}

hr {
}

hr:after,
#page-foot:before {
    visibility: visible;
    display: block;
    text-align: center;
}

article {
    border-bottom: 1px solid #AB745D;
    margin-bottom:0.5em;
}

article header h1 {
    font-size: 1em;   
}

article header .meta {
    font-size: 1em;
}

article header .meta a { text-decoration: none; }

article:after {
    display: block;
    text-align: center;
    font-size: 2em;
}

article:last-of-type:after {
    content: '';
}

#page-head  {
    font-size: 2.5em;
    font-family: 'flour';
    border-bottom: 1px solid #AB745D;
    padding-bottom:5px;
    margin-bottom:10px;
    width:100%;
}

#page-head h1 {
    font-size: 2em;
}

#page-head h1 a:hover {
    text-decoration: none;

}

#page-side {

}

.coin{
    font-size:15pt;
    font-weight: bold;
    font-family: "flour";
}

.menuentry{
    font-family: "flour";
    font-size:12pt
}

.menuentry_s{
    font-family: "flour";
    font-size:12pt
}

 ul.tree, ul.tree ul {
    list-style-type: none;
    padding-left:12px;
    margin-top:2px;
}

ul.tree ul {
}

ul.tree li {
    padding: 0 13px;
    line-height: 15px;
    background: url(node.png) no-repeat;
}


li.subcat {
    margin-left:0px;    
}

ul.tree li.last {
    background: url(lastnode.png) no-repeat;
} 

#page-foot {
    font-family: 'flour';
    font-size:10pt;
    text-align: center;
    width:600px;
}


#pagination {
    display: block;
    margin-bottom: 1em;
    text-align: center;
}

#tag-cloud li {
    margin: .2em 1em;
    transition: transform 200ms linear;
}

#tag-cloud li a {
    text-decoration: none;
}

#tag-cloud li:hover {
    transform: rotate(0deg) scale(1.3, 1.3)!important;
}

#tag-cloud li:hover a {
}

.timed {
    font-weight: bold;
    margin-left: 10px;
    color: #975648;
}

h1.small-title {;
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
}
h1 a, h1 a:visited,
h2 a, h2 a:visited,
h3 a, h3 a:visited,
h4 a, h4 a:visited,
h5 a, h5 a:visited,
h6 a, h6 a:visited {
    text-decoration: none;
}

a.goto {
    font-size: .8em;
    padding: 0;
    margin: 0em .2em;
}


img, figure, table {
    max-width: 100%; height: auto; 

}

table td, table th {
}

pre {
    color: #CDC6C8;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */;
    font-family: Monospace;
    background-color: #1C1621;
    margin-left:20px;
    font-size:12px;
    margin-right:10px;
    white-space: pre-wrap;                 /* CSS3 browsers  */
    white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
    white-space: -pre-wrap;                /* Opera 4 thru 6 */
    white-space: -o-pre-wrap;              /* Opera 7 and up */
    word-wrap: break-word;                 /* IE 5.5+ and up */
}

figure  {
 border: none; margin: auto; 
  }

@media screen and (max-width: 650px) {
    body {
        font-size: 15px;
    }
}

@media screen and (max-width: 500px) {
    body {
        font-size: 14px;
    }

    #page-head h1 {
        font-size: 2.5em;
    }
}