/* -------- TYPOGRAPHY --------- */
/* -------- AND COLORS ---------- */
/* ------------------------------- */
body{  
        color: #b0b0b0;
        font-family: 'Lucida Sans Unicode', 'Lucida Sans', Arial, Verdana, sans-serif;
        background: #000000 url(../images/dark/outside-bg.jpg) repeat;
        font-size: 14px;
        line-height: 30px;
}
textarea, input {
	border: 1px #000 solid;
        background-color: #0B090A;
        color: #b0b0b0;
        font-family: 'Lucida Sans Unicode', 'Lucida Sans', Arial, Verdana, sans-serif;
        font-size: 12px;
}
h1, h2, h3, h4, h5, h6  {
	font-family:Georgia, "Times New Roman", Times, serif;
	
}
h5, h6 {
	font-weight:bold;
        text-transform:uppercase;
}
.box-content h1{
        font-size: 24px;
	line-height: 50px;
}
.box-content h2{
        font-size: 20px;
	line-height: 45px;
}
.box-content h3{
        font-size: 18px;
	line-height: 40px;
}
.box-content h4{
        font-size: 16px;
	line-height: 35px;
}
.box-content h5{
        font-size: 12px;
	line-height: 35px;
}
.box-content h6{
        font-size: 10px;
	line-height: 35px;
}
.box-content ul, .box-content ol {
	margin-top: 5px;
	margin-bottom: 20px;
}
.box-content ul li {
	margin-left: 30px;
	list-style-type: disc;
}
.box-content ol li {
	margin-left: 30px;
	list-style-type: decimal;
}
a, a:link, a:visited, span a, span a:link, span a:visited{
	color: #b0b0b0;
	text-decoration:none;
	border:none;
}
a:hover, a:active, a:focus, span a:hover, span a:active, span a:focus{
	color: #e4e4e4;
	text-decoration:none;
}

strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
ins{
	background: #40403d;  
}
cite{
	font-weight:bold;	
}
sup{
	vertical-align:super; 
	font-size:.7em;
	line-height:.5em;
}
blockquote{  
	color: #ebebeb;
	padding: 0 50px;
	margin: 25px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 2px;
	font-size: 18px;
}
small{ /* cek later */
	font-size:.83em;	
	color:#808080;
}
.greetings-text {
        font-size: 20px;
        line-height: 35px;
}
.menu a span  {
        font-size: 16px;
	font-style: italic;
}
.menu a span.current {
        font-size: 18px;
        color: #E4E4E4;
}
.logo {
        font-size: 60px;
	font-style: italic;
}
.logo h1 a {
        color: #e4e4e4;
}
.box-title {
        font-size: 25px;
	font-style: italic;
}
.post-title a {
        text-align: center;
        color: #E4E4E4;
}
.ul-categories {
        font-size: 12px;
}
.current-cat {
        font-size: 16px;
}
.img-border {
        background-color: #222;
}
.child {
	border-bottom: 1px #222 dotted;
}
.child dt {
	font-weight: bold;
}
#footer-text div.box {
        font-size: 12px;
        text-align: center;
}
.first {
        color: #e4e4e4;
}
.second {
        color: #000;
}


/* ------------------------------- */
/* ------- GENERAL LAYOUT ------ */
/* ------------------------------- */


body {
        padding: 20px;
}
#page {
        background: url(../images/dark/inner-bg.jpg) repeat;

}
#wrapper {
        width: 900px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
}
#greetings {
	padding-top: 50px;
	padding-bottom: 50px;
}
        .logo {
                width: 300px;
                height: 90px;
                float: left;
                padding-top: 60px;
		
        }
        .logo .shadow {
                width: 300px;
        }
        .greetings-text {
                padding-top: 10px;
                padding-bottom: 50px;
                margin-left: 320px;
        }
        .greetings-text .shadow  {
                width: 620px;
        }
#content {
}
.box-wrapper {
        min-height: 800px;
	padding-bottom: 30px;
        background: url(../images/dark/fade-line.png) no-repeat center top;
	
}
	.box-title-wrapper {
		float: left;
		padding-top: 10px;
		width: auto;
	}
        .menu {
                margin: auto;
                text-align: right;
                padding-top: 10px;
                padding-bottom: 10px;
        }
	.menu-top {
		text-align: center;
	}
                .menu a span {
                        margin: 10px;
                }
        .box {
                background: url(../images/dark/shadow.png) no-repeat center top;
                padding-top: 30px;
                padding-bottom: 50px;
        }
        .cover-click {
                cursor: pointer;
        }
        .box-content {
                padding-top: 15px;
                padding-left: 30px;
                padding-right: 30px;
                
        }
        .box-content .ul-categories {
                text-align: right;
                float: right;
                margin-top: -5px;
                width: auto;
        }
                .box-content .ul-categories li {
			list-style-type: none;
                        float: left;
                        padding: 3px 6px 3px 6px;
                        margin: 3px;
                        width: auto;
                        height: auto;
                }
                .current-cat {
                        padding-top: 0px;
                        margin-top: 0px;
                }
                .cat-item {
                    cursor: pointer;
                }
        .box-sub-title {
            padding-bottom: 40px;
            text-align: left;
            font-size: 15px;
        }
            .img-frame {
                float: left;
                margin: 2px 2px 2px 2px;
                display: table;

            }
                .img-cell {
                        margin: auto;
                        display: table-cell;
                        vertical-align: middle;
                        text-align: center;
                }
                .img-border {
                        padding: 4px;
                        text-align: center;
			margin:auto;
                }
                        .img-border img {
                                display: block;
                        }
                        .post-title {
                                z-index: 3;
                                position: absolute;
                                display: none;
                                cursor: pointer;
                        }
#footer-text {
	min-height: 100px;
}
/* contact */
.contact-form {
        float: left;
        width: auto;
        padding-right: 30px;
}
textarea, input {
        padding: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
}
/* service */
.childs {
	padding-top: 20px;
	padding-bottom: 5px;
}
.child {
	padding-bottom: 5px;
	width: auto;
}
.child dt {
	float: left;
	width: 250px;
}
.child dd {
	margin-left: 250px;
}

/* text shadow  */
.first {  
        position: absolute;
        z-index: 4;
}  
 .second {  
        margin-left: 2px;
        margin-top: 2px;
}