/*
	==========================================
	project: DesignHQ 
	author: Borut Jegri�nik (www.solucija.com)
	------------------------------------------
	2009. Solucija
	==========================================
*/

*{ margin: 0; padding: 0; }

:focus,:active { outline: 0; }
body {
    font-family:"trebuchet ms","Lucida Grande","bitstream vera sans",verdana,arial;
    font-size:13px;
    color: #000;
    background: transparent url("../images/generate_shared_stripe.php7_.png") repeat scroll 100%;}
a { text-decoration: none; color: #000; }
a:hover { color: red; }
.x { clear: both; }

p { line-height: 22px; margin: 0 0 22px; color:#111; }
img { border: 0; }

#wrapper { margin: 30px auto; width: 980px; /*background:transparent url(../images/bg.jpg) no-repeat scroll 0%;*/}

#logo { padding: 135px 0 0 0; background: transparent url("../images/banner-2.jpg") no-repeat;}
#logo h1 { font: bold 24px Arial; text-shadow: 1px 1px 1px #fff; letter-spacing: 4px; }
#logo h1 a { color: #333; }
#logo h1 a span { color: #000; }
#content { background: #fff; width: 980px; }

#galeri-container { width: 930px; float: left; margin-left: 25px; display: inline; }

#left-form, #left { width: 600px; float: left; margin-left: 25px; display: inline; }
#left-form h1 { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
#left h1 { font-size: 18px; font-weight: bold; margin-bottom: 5px;}
#left h1 a:hover { color: red; font-size: 18px; font-weight: bold; margin-bottom: 5px;}
#left img { float: left; margin: 5px 20px 2px 0; padding: 3px; border: 1px solid #ccc; }
#left form { padding-left: 45px; }
#left label { float: left; display: block; clear: both; padding: 3px 0; color: #666; font-weight: normal; width: 150px; }
#left .lcurrent { font-weight: bold; }
#left label img { vertical-align: middle; }
#left input.text, textarea, select { float: left; margin: 0 5px 10px 0; padding: 7px; width: 350px; border: 1px solid #ccc; }
#left textarea { height: 200px; }
#left select { width: 366px; }
#left input.radio {  }
#left input:focus { border-color:#aaa; }
#left textarea:focus { border-color: #aaa; }	
.error { font-size: 10px; color: #666; margin: 0 0 10px 150px; display: none; }
#left .submit { border: 0; background: #000; color: #fff; padding: 5px; float: left; margin-left: 150px; }

ul { color: #666; margin: 0 0 10px 30px; line-height: 18px; }
ol { color: #666; margin: 5px 0 5px 30px; line-height: 18px; }

#contact-back { margin: 12px 40px 0 0; float: right; }

.post { position: relative; margin-bottom: 20px; height: 127px; }
.post-options { position: relative; margin: -37px 0 40px 0; font-size: 10px; color: #666; }

#right { width: 260px; float: right; border-left: 1px solid #ccc; padding-left: 36px; margin-right: 25px; display: inline; }

#feature { margin-left: 30px; padding-bottom: 50px; }
.small-post { float: left; width: 268px; margin-right: 57px; }
.small-post img { border: 1px solid #ccc; padding: 3px; margin-bottom: 10px; }
.last { margin-right: 0; }
#feature ul { margin-top: -11px; }

#footer p { color:white; font-weight:bold; font-size: 11px; margin: 20px 0 20px 10px; }

.post-info { font-size: 11px; color: #999; }
.read-more { font-weight:bold; background: url(../images/link.gif) no-repeat center left; padding-left: 13px; font-size: 10px; }
.posted { font-size: 10px; }
.break { border-top: 1px solid #ccc; margin: 30px 0; display: block; }
.break-small { border-top: 1px solid #ccc; margin: 15px 0; display: block; }
.no-border { border: 0; }
.space { margin-bottom: 20px; }

.container_notice {
    padding: 2px 2px 2px 5px;
    border: 1px solid #FFD324;
    background-color: #FFF6BF;
}

.notice {
    background: transparent url(../images/icons/notice.png) no-repeat left;
    color: #817134;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 2px;
}

.container_information {
    padding: 2px 2px 2px 5px;
    border: 1px solid #20B7FF;
    background-color: #D5F1FF;
}

.information {
    background: transparent url(../images/icons/informasi.png) no-repeat
        left;
    color: #0284CA;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 2px;
}

.container_error {
    padding: 2px 2px 2px 5px;
    border: 1px solid #FBC2C4;
    background-color: #FBE3E4;
}

.error {
    background: transparent url(../images/icons/error.png) no-repeat left;
    color: #D12F19;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 2px;
}

.container_success {
    padding: 2px 2px 2px 5px;
    border: 1px solid #C6D880;
    background-color: #E6EFC2;
}

.success {
    background: transparent url(../images/icons/apply.png) no-repeat left;
    color: #529214;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 2px;
}

.pagination {
    padding: 2px;
    margin: 0;
}

.pagination p {
    position: relative;
    text-align: right
}

.pagination p a:link,.pagination p a:visited,.pagination p a:hover,.pagination p a:active
{
    text-decoration: none;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc
}

.pagination p a:hover {
    background: red;
    color: #FFF;
}

.pagination p span {
    text-decoration: none;
    background: #fff;
    padding: 2px 5px;
    border: 1px solid #ccc;
    color: #ccc
}

.pagination * {
    margin: 0
}

.pagination h4 {
    margin-top: -1.45em;
    padding: 0;
    border: none
}