/* shezael.com : stylesheet 
Coded by: Phix Diyana
Copyright © Phix Diyana/darkshezael
No stealing, thanks. */

/*--BASIC--*/
html {
margin: 0px;
padding: 0px;
background: #222;
scrollbar-face-color: #222;
scrollbar-shadow-color: #222;
scrollbar-highlight-color: #222;
scrollbar-3dlight-color: #222;
scrollbar-darkshadow-color: #222;
scrollbar-track-color: #111;
scrollbar-arrow-color: #f6c02f;
}

body {
margin: 0px;
padding: 0px;
background: #222;
font-family: Tahoma, sans-serif;
line-height: 17px;
color: #888;
}

a, a:visited {
color: #fff;
}

a:hover {
color: #f6c02f;
}

a, a:hover, a:visited {
text-decoration: none;
}

p {
padding: 5px 0px;
margin: 5px 0px;
}





/*--TYPEFACE--*/

.header-navi {
font-family: Tahoma, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: right;
text-transform: uppercase;
letter-spacing: 0px;
}

.header-navi a {
color: #999;
margin: 0px 5px;
}

.header-navi a:hover {
color: #fff;
border-bottom: 2px solid #f6c02f;
}

.maincontainer {
text-align: left;
}

.container {
font-family: Tahoma, sans-serif;
font-size: 10px;
line-height: 15px;
color: #888;
}

.container ul {
margin: 5px;
padding: 0px 0px 0px 15px;
}

.container ul li {
line-height: 15px;
list-style-image: url('../images/redskull.gif');
padding: 0 0 5px 5px;
margin: 2px 0px;
}

.footer {
font-size: 10px;
color: #444;
line-height: 12px;
text-align: left;
}

#navheader {
font-family: Tahoma, sans-serif;
font-size: 10px;
font-weight: none;
color: #f6c02f;
text-align: left;
text-transform: uppercase;
}

.labelname {
font-family:  Tahoma, sans-serif;
font-weight: bold;
color: #ccc;
font-size: 10px;
text-transform: uppercase;
}

.labeltitle {
font-family:  Tahoma, sans-serif;
font-weight: bold;
color: #ccc;
font-size: 10px;
text-transform: lowercase;
}

textarea, input {
font-family: Tahoma, sans-serif;
font-size: 10px;
color: #666;
}

#submit {
font-size: 10px;
text-transform: uppercase;
}

.dropmenudiv {
font-family: Tahoma, sans-serif;
font-size: 10px;
line-height: 18px;
text-align: left;
text-transform: lowercase;
text-decoration: none;
}

.name {
font-family: Tahoma, sans-serif;
font-size: 10px;
}





/*--LAYOUT--*/

.maincontainer {
width: 800px;
align: right;
border: 0px;
}

.header-navi {
height: 20px;
border-top: 1px dotted #444;
}

.container {
padding-top: 25px;
padding-left: 50px;
padding-right: 50px;
}

.footer {
border-top: 1px dotted #444;
padding: 1px 50px;
}

#navheader {
padding: 0px 0px 0px 5px;
height: 14px;
}

input {
padding: 2px 4px;
}

textarea, input { 
background: #282828;
border: 1px solid #333;
}

#container {
clear: left;
height: 100px;
width: 400px;
position: relative;
margin: 0 auto;
min-height: 150px;
top: 220px;
}

.boxquote {
border-bottom: 1px dashed #ccc;
padding: 2px 10px 2px 2px;
margin: 10px 0 0 0;
}

.link, .banner {
border: 1px solid #333;
margin: 4px 0px;
padding: 4px;
background: #202020;
}

.link:hover {
background: #303030;
border-color: #f6c02f;
}




/*--INDEX SECTION - TYPEFACE--*/
.serif {
font-family: Tahoma, sans-serif;
font-size: 10px;
letter-spacing: 1px;
}

.navi, .navi_index {
font-size: 10px;
color: #888;
}

#updates {
font-family: Tahoma, sans-serif;
font-size: 10px;
font-weight: normal;
color: #f6c02f;
text-align: left;
text-transform: uppercase;
}

#title {
font-family: Tahoma, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
letter-spacing: 1px;
text-transform: lowercase;
}

small {
color: #777;
font-size: 10px;
}




/*--INDEX SECTION - LAYOUT--*/
.post {
margin: 0 0 20px;
}

.entry {
text-align: left;
margin: 5px 0 0 0;
padding-left: 20px;
}

.navi, .navi_index {
padding-top: 5px;
}

#title {
text-align: left;
background: url('images/redskull.gif') left no-repeat;
padding: 0px 0px 0px 17px;
height: 11px;
}

#updates {
padding: 0px 0px 0px 5px;
height: 14px;
}

.artlog-admin {
padding: 1px 10px;
text-align: right;
}




/*--INDEX SECTION - IMAGES--*/
p img {
padding: 0;
max-width: 100%;
}
 
.entry img {
padding: 0px;
margin: 0px; 
border: 0px;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right; 
}

.alignleft {
float: left 
}




/*--DROPDOWN--*/

.dropmenudiv {
position: absolute;
top: 0;
z-index: 100;
background: #111;
border-bottom: 1px solid #222;
width: 200px;
visibility: hidden;
}


.dropmenudiv a {
width: auto;
display: block;
text-indent: 0px;
padding: 2px 5px;
background: #111;
border-bottom: 1px solid #222;
}

* html .dropmenudiv a { /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover {
background-color: #333;
border-bottom: 1px solid #f6c02f;
}