/*
Theme Name: Jogja Art Fair
Theme URI: http://www.artfairjogja.com/
Description: This simple magazine style developed for Jogja Art Fair, an art exhibitions, based on <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Rony Agung Rahmanto
Author URI: http://rony.dgworks.net/
Tags: magazine, custom header, fixed width, three columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* general */
/* stylesheet for artfairjogja */

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #ff6600;
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: .4px;
	font-size: 11px;
	text-align: center;
}

h1,h2,h3,h4,h5,h6 { color: #fff; }
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #999;
}
#wrap {
	width: 968px;
	margin: 0px auto;
	text-align: left;
}

.clear {
	width: 100%;
	height: 1px;
	clear: both;
	display: block;
}

#heads {
	margin-top: 20px;
	width: 968px;
}
	.headright {
		float: right;
		width: 320px;
		text-align: right;
		vertical-align: bottom;
	}
		.headright form {
			margin: 0px; padding: 0px;
		}
		.headright div {
			text-align: right;
			margin-bottom: 10px;
		}
		.headright .lang {
			margin: 30px 35px 0px 0px;
		}
			.lang ul {
				list-style: none;
				margin: 0px;
				padding: 0px;
			}
			.lang li {
				display: inline;
				list-style: none;
				margin: 0px;
				padding-right: 10px;
				border-right: 1px solid #fff;
			}
			.lang li:last-child {
				padding: 0px 0px 0px 10px;
				border: 0px;
				margin: 0px;
			}
			.lang div { display: none; }
		.headright a {
			color: #fff;
			text-decoration: none;
		}
		.headright a:hover {
			color: #f7dd00;
		}
		.headright img { border: 0px; vertical-align: middle;}
	.headleft {
		float: left;
		width: 450px;
		border-bottom: 1px solid #fff;
		padding-bottom: 10px;
		margin-top: 30px;
	}
		.headtxt {
			font-size: 30px;
			color: #000;
			text-transform: uppercase;
		}
		.wkt {
			font-size: 14px;
			margin-top: 10px;
		}

#konten {
	clear: both;
	width: 968px;
	margin-top: 10px;
	line-height: 16px;
}
	.kontenright {
		float: right;
		width: 750px;
	}
		.singlepost {
			margin-right: 280px;
			text-align: left;
		}
		.singlepost h1 { line-height: 137%; }
		.sideright {
			float: right;
			width: 300px;
			text-align: right;
			margin-right: 20px;
		}
			.shadow2{
					display: table;
					background: #d94402;
			}
			.shadow2 .home{
					padding: 10px;
					display: block;
					background: #fff;
					margin: -5px 5px 5px -5px;
			}
			.home {
				width: 270px;
				text-align: right;
			}
			.shadow3{
					display: table;
					background: #d94402;
					margin-left: 10px;
			}
			.shadow3 .gal{
					padding: 0px;
					margin: -5px 5px 0px -5px;
			}
			.shadow4{
					display: table;
					background: #d94402;
					width: 100%;
					margin-left: 0px;
			}
			.shadow4 .gal{
					padding: 0px;
					margin: -20px 10px -10px -10px;
			}
			.gal {
				text-align: right;
			}
			.txtbox {
				color: #333;
				margin: 10px 50px 0px 0px;
			}
			.txtbox strong {
				color: #000;
			}
			.sideright h3 {
				margin: 10px 70px 0px 0px;
			}
			.sideright .notes {
				margin-right: 70px;
			}
			.sideright a {
				text-decoration: none;
				color: #000;
			}
			.sideright a:hover {
				color: #f7dd00;
			}
			.sideright img {
				border: 0px;
			}
		.sideleft {
			float: left;
			width: 360px;
		}
			.sideleft h1 {
				color: #f7dd00;
				font-size: 14px;
				font-weight: bold;
			}
	.kontenleft {
		float: left;
		width: 145px;
		text-align: left;
	}
		.kontenleft li {
			font-size: 14px;
			line-height: 25px;
		}
		.kontenleft ul {
			margin-left: -60px;
		}
		.kontenleft a {
			color: #fff;
			text-decoration: none;
		}
		.kontenleft a:hover {
			color: #f7dd00;
		}
		a.active {
			color: #f7dd00;
			text-decoration: none;
			font-weight: bold;
		}
		a.active:hover {
			color: #fff;
		}

#footer {
	width: 968px;
	clear: both;
	margin: 10px 0px;
	font-size: 10px;
	text-align: center;
}


ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin: 1px;
}

ul.menu li a {
  color: #fff;	
}

ul.menu li a:hover {
	color: #f7dd00;
}
		ul.menu li a.active {
			color: #f7dd00;
			text-decoration: none;
			font-weight: bold;
		}
		ul.menu li a.active:hover {
			color: #fff;
		}
ul.menu li ul li {
  color: #ffffff;
  padding-left: 20px;
}