/*
Theme Name: Indonesian Visual Art Archive
Theme URI: http://ivaa.org/
Description: Theme untuk Indonesian Visual Art Archive
Version: 0.2
Author: Bram
Author URI:
Tags: ivaa, art


	Statik HTML dibuat oleh Bram. Diintergrasikan oleh Ulfi (http://www.ulfims.web.id)

*/

/* -------------------[ Main Page Elements ]------------------- */
body {
color:#000000;
font-family:Trebuchet MS,arial,lucinda,verdana,geneva,sans-serif;
font-size:8pt;
line-height:1.5em;
margin:0;
padding:15px 0;
text-align:left;
list-style-type:none;
}


#wrap {
background:#FFFFFF none repeat scroll 0 0;
border:medium none #CCCCCC;
clear:both;
margin:0 auto;
padding:15px;
width:960px;
 /*   height:800px; */
}

#header {
clear:both;
margin:0 auto;
padding:0;
border-style: solid;
border-width: 2px;
border-color: #d3e39b;
/*background:url('../images/ivaa_head.png') top left no-repeat;*/
height:140px;
}

#header #kiri{
    width:275px;
    float: left;
}

#header #tengah{
    position: relative;
    width:545px;
    float: left;
    height: 100%;

}

#header #kanan{
    float: left;
    height: 100%;
    list-style-color:#c2c2c2;
}

#header #kanan #kotaksponsor {
    border-style: solid;
    border-width: 1px;
    height: 75px;
}
#header #tengah #judulatas{
    position: relative;
    vertical-align: middle;
    text-transform: capitalize;
    color:#78b23f;
    top: 40%
}
#header #tengah h1{
    position: relative;
    vertical-align: middle;
    text-transform: capitalize;
    color:#97cb3b;
    top: 30%
}
#nav {
border:1px solid #DDDDDD;
height:20px;
text-align: center;
margin:0 auto;
padding:1px;
background-color: #e67a2d;
font-size: 9.3pt;
color: #FFFFFF;
}

#nav a {
    color: #FFFFFF;
    text-decoration: none;
}

#nav a:hover {
    background-color: #f3b665;
    text-decoration: underline;
}
/* -------------------[ Sub-Head ]------------------- */

#subhead {
	margin: 0;
	padding: 5px;
	background:#fff;
	}

#subhead p {
	margin:0;
	}


.home-post-list-1 .float-post-right {
	float:right;
	padding:0;
	margin:0
	}

/* -------------------[ Category Navigation ]------------------- */

#nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width:100%;
	background:#f3b665;
        color: #c2c2c2;
	}

#nav li {
	float: left;
	margin: 0;
	padding:0;
	border-right:1px solid #fff;
        }

#nav li li {
	float: none;
	margin: 0;
	padding:0;
        }

#nav li ul {
	border-top:1px solid #fff;
	background: #000;
	display:none;
	position: absolute;
	width: 160px;
	left: -999em;
	padding:0;
        }

#nav li ul ul {
	margin: -31px 0 0 160px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	display:block;
	left: auto;
        _height:1em;
	}

#nav a,#nav a:visited, #nav a:link {
    color: #FFFFFF;
	display: block;
	text-decoration:none;
        padding:0 10px;
        margin:0;
	}

#nav a:hover, #nav a:active {
	background:#74aa30;
	color:#fff;
	}

#nav li li a, #nav li li a:link, #nav li li a:visited {
	color:#fff;
	background: #74aa30;
	width:140px;
	float: none;
	margin: 0;
	}

#nav li li a:hover, #nav li li a:active {
	color:#fff;
	background: #669933;
	}

#nav li li li a {
	border-left:1px solid #fff;
	}

/* ---------------[ Tables ]--------------- */

#page {
clear:both;
margin:0 auto;
padding:10px 0;
/*height:557px;*/
}

#page #kolomkiri{
    width: 227px;
    border-style: solid;
    border-width: 1px;
    border-color:#dddfde;
    float: left;
    padding: 10px;


}

#page #kolomkiri #tanda1{
    color: #e67a2d;
    height: 50px;
    float:left;
    width:20px;

}

#page #kolomkiri #teks1{
    color: #e67a2d;
    text-transform: capitalize;
    font-size: 12pt;
    font-weight:bold;
    float: left;
    height:50px;
}
#olib{
	width:227px;
	height: 137px;
}

#olar{
    margin-top:20px;
	width:227px;
	height: 80px;
}
#page #kolomkiri .kotak1{
    color: #e67a2d;
}

#page #kolomkiri .kotak1 .kiri{
    color: #ffffff;
    float:left;
    width: 155px;
    margin-left:5px;
    margin-right: 5px;
}

#page #kolomkiri .kotak1 .kanan{
    width:50px;
    padding: 3px;
    background-color: #ffffff;
    float:left;
    height:50px;
}

#page #kolomkiri .berita{
 /*   height: 80px;*/
    overflow: hidden;
}

#page #kolomkiri h3{
    color:#808080;
    padding:0 0 0 15px;
    background:url('../images/tandasegitiga1.jpg') left no-repeat;
}

#page #kolomkiri .shop{
    height: 55px;
    overflow: hidden;
    background-color:#dddfdf;
    padding:5px;
}

#page #kolomkiri .shop #kiri{
    overflow: hidden;
    width:149px;
    float:left;
    font-size:11.5pt;
}

#page #kolomkiri .shop #kanan{
    overflow: hidden;
    float:left;
}


#page #kolomkiri .berita img{
    float:left;
}

#page #kolomtengah{
    width: 425px;
    float: left;
}
#page #kolomtengah #baris1{
    padding:3px;
    border:solid 1px #b3b6b5;
    /*height:145px; */

}

#page #kolomtengah #baris1 #judulbaris1{
    padding:2px;
    background-color:#b0cf4a;
    height:25px;
    vertical-align: middle;
    color: #ffffff;
    font-size:12pt;
}

#page #kolomtengah #baris1 #gambar {
    width:100px;
    height:150px;
    border:solid 1px #b3b6b5;
    float:left;
}

#page #kolomtengah #baris1 #tulisan {
    width:280px;
    border:solid 0px #b3b6b5;
    overflow: hidden;
    padding: 2px;
    float:left;
}

#page #kolomtengah #baris2{
    padding:3px;
    border-style:solid;
    border-right-width:2px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;

    border-color: #b3b6b5;
    /*height:460px; [ukuran default]*/
    height:750px;
    padding-left: 15px;
    padding-right: 15px;
}

#page #kolomtengah #baris2 h3{
    color:#808080;
    padding:0 0 0 15px;
    background:url('../images/tandasegitiga1.jpg') left no-repeat;
}

#page #kolomtengah #baris2 #teksbaris2{
    height:110px;
    border-style: solid;
    border-width: 0px;
    border-color:#b3b6b5;
    padding:2px;
    overflow: hidden;
}

#page #kolomtengah #baris2 .kotakbaris2{
    width:46.5%;
    float:left;
    height: 260px;
    color: #000;
    font-size: 10px;
    padding: 8px 0px 0px 0px;
    overflow: hidden;
}

#page #kolomtengah #baris2 .kotakbaris2 p{
    margin:0px;
}

#page #kolomtengah #baris2 .kotakbaris2 .judul{
    color: #97cb3b;
    font-size: 8.3pt;
    font-weight: bold;
}

#page #kolomtengah #baris2 .kotakbaris2 .judul a{
    color: #808080;
    text-decoration: none;
}
#page #kolomtengah #baris2 .kotakbaris2 .judul a:hover{
    color: ##e0e0e0;
    text-decoration: underline;
}

#page #kolomkanan{
    width: 220px;
    border-style: solid;
    border-width: 1px;

    float: left;
    border-color: #b3b6b5;
/*    height:595px;*/
    padding:5px;
}

#page #kolomkanan #teks1{
    color: #E67A2D;
    font-size: 12pt;
	font-weight:bold;
}

#page #kolomkanan .judullatestnews{
    font-size:11pt;
    font-weight: bold;
    color: #E67A2D;
}

#page #kolomkanan .judullatestnews a{
    text-decoration: none;
    color: #E67A2D;
}

#page #kolomkanan .judullatestnews a:hover{
    text-decoration: underline;
    color: #E67A2D;
}

#page #kolomkanan .tanggallatestnews{
    font-size:8pt;
    font-weight: bold;
    color: #4AAB20;
}

#page #kolomkanan .latestnews{
    /*height:50px;*/
    overflow: hidden;
}

#kolomkirisingle{
    width: 700px;
    float: left;
/*    height: 600px;*/
}


#kolomkanansingle{
    width: 320px;
    float:left;
    /*height: 600px; */
}

#kolomkirisingle #footer{
    height: 25px;
    background-color:#DDDFDF;
    margin: 5 auto;
    text-align:center;
    font-size:12px;
    padding-top: 3px;
}

#kolomkirisingle #footer a{
        text-decoration: none;
        background-color:#DDDFDF;
        color: #000000;
}

#kolomkirisingle #footer a:hover{
    text-decoration: underline;
        color: #000000;
}

#page #kolomkanan h3{
    color:#808080;
    padding:0 0 0 15px;
    background:url('../images/tandasegitiga1.jpg') left no-repeat;
}

#page #kolomkanan #banner{
    color:#808080;
    font-size: 12px;
    text-align: center;
    font-weight:bold;
    padding:0 0 0 15px;
    margin-bottom:5px;
    
}

#kolomkanansingle #arsip{
    height: 330px;
    background-color: #dddfdf;
}

#kolomkanansingle #arsip #judulbrowse{
    color: #FFFFFF;
    font-size: 17px;
    background-color: #B0CF4A;
    height: 30px;
    text-align: center;
    padding-top: 15px;
}

#kolomkanansingle #arsip #cari{
    margin: 0 auto;
    text-align: center;
}

#kolomkanansingle #arsip .urut{
    text-align: center;
    margin: 0  auto;
    color: #FFFFFF;
    background-color: #E67A2D;
    width: 280px;
    height: 25px;
    font-size: 15px;
    padding-top:3px;
}

#kolomkanansingle  #guidearsip{
    font-size: 17px;
    text-transform: uppercase;
    color: #B0CF4A;
}
#kolomkanansingle #isiguidearsip{
    height: 150px;

}
.alignleft {
float: left;
}

a, a:link, a:visited{
    text-decoration: none;
    color: #74AA30;
}

a img, img a {
border:medium none;
}
.entry img {
    padding: 5px;
}

.banner1{
    width: 217px;
    border-style: solid;
    border-width: 1px;
    border-color: #b3b6b5;
    height: 324px;
}

.banner2{
    width: 217px;
    border-style: solid;
    border-width: 1px;
    border-color: #b3b6b5;
    height: 196px;
}

.titiktitik {
    border-bottom-color:#cade87;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-top-style: none;
    border-top-width: 0px;
    border-left-style: none;
    border-left-width: 0px;
    border-right-style: none;
    border-right-width: 0px;
    width: 140px;

}
.titiktitik1{
/*    border-bottom-color:#cade87;*/
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-top-style: none;
    border-top-width: 0px;
    border-left-style: none;
    border-left-width: 0px;
    border-right-style: none;
    border-right-width: 0px;
}


.kolomkosong25px{
    float: left;
    width:25px;
}

.kolomkosong15px{
    float: left;
    width:15px;
}

.spasi5px {

    height: 5px;
}

.spasi10px {

    height: 10px;
}

.spasi20px{
    height:20px;
}
* html .clearfix {
height:1%;
}
.clearfix{
    display: block;
}

.orange12 {
    font-size:11.5pt;
    color: #E67A2D;
}
.barisbaru {
    clear:both;
}

.qtrans_language_chooser {
list-style: solid; color:#c2c2c2;
}

.more-link {
	font-weight: bold;
	font-size: 1.1em;
	font-family: "Trebuchet MS";
	background: #E3EDD0;
	width: inherit;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.8em;
	border-left: 10px solid #C4FF84;
	padding-right: 15px;
} 
