/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* End reset */


.box
{
    background:#fefefe;
    border: 1px solid #C3D4DB;
	border-top:1px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    color:#444;
    font:normal 12px/14px Arial, Helvetica, Sans-serif;
    margin:0 auto 30px;
	overflow:hidden;
}
.box.login
{
	position:absolute;
	left:50%;
	top:50%;
	margin:-130px 0 0 -166px;
	padding:20px;
}
.box.login p 
{
	padding:10px 0 10px;
	font-size:12px;	
}
.box.login h2 
{
	font:normal 12px/14px Arial, Helvetica, Sans-serif;
	font-size:14px;
	font-weight:bold;	
}

.box label
{
    display:block;
    font:14px/22px Arial, Helvetica, Sans-serif;
    margin:10px 0 0 6px;
}
.box input[type=text], 
.box input[type=password],
.txtField,
.cjComboBox
{
    border:6px solid #F7F9FA;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    margin:3px 0 4px;
    padding:8px 6px;
    width:270px;
    display:block;
}
.box input[type=text]:focus, 
.box input[type=password]:focus, 
.txtField:focus,
.cjComboBox:focus
{
    border:6px solid #f0f7fc;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	color:#333;
}
.cjComboBox
{
    width:294px;
}
.cjComboBox.small
{
    padding:3px 2px 3px 6px;
    width:100px;
    border-width:3px !important;
}
.txtField.small
{
    padding:3px 6px;
    width:200px;
    border-width:3px !important;
}

/**********TOMBOL**********/

.buttons a, .buttons button, button{
	margin-top:3px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button, button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive, .positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover, .positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active, a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


/* CSS */

 
body { 
	color: #333;
	font: 16px/28px Georgia, 'Times New Roman', Times, serif;
	background-color: #eee;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
							color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
							color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
							color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
							to(transparent)); /* Old webkit syntax */
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent); /* New webkit syntax */					
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent); /* Firefox */
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent); /* Opera */
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent); /* WC3 */
	background-size: 16px 16px;
}
	.no-cssgradients body {
		background-image: url(images/bg.png);
		background-repeat: repeat;
		background-attachment: fixed;
	}
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

#wrapper {
	width: 1000px;
	margin: 0 auto;
}


a {
	color: #529237;
	text-decoration: none;
	-webkit-transition: all 100ms linear;
	transition: all 100ms linear;
}

a:hover {
	color: #529237;
	text-shadow: 0 1px 0 #fff;
}

a:active { outline: none; }

p, dl, hr, h1, h2, h3,
ol, ul, dd, pre, table, fieldset {
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Droid Serif', sans-serif;
	text-shadow: 0 1px 0 #fff;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 16px;
	letter-spacing: -1px;
}

.post h3 {
	margin: 30px 0 20px;
}

h4 {
	font-size: 21px;
	margin-bottom: 15px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-weight: normal;
	font-size: 16px;
}


ol, ul {
	margin-left: 40px;	
}

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

	nav ul, nav li { margin: 0; list-style: none; list-style-image: none; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

pre {
	background: #464646;
	border: solid #121212;
	border-width: 2px 0 2px 0;
	border-radius: 5px;
	color: #fff;
	padding: 20px;
	white-space: pre; white-space: pre-wrap; word-wrap: break-word;
		
}

code {
	background: #f6dde7;
	font-size: 14px;
	padding: 3px;
	border-radius: 3px;
}

pre code {
	background: none;
	font-size: 16px;
}


blockquote {
	background: url(images/quote.png) no-repeat left top;
	color: #424242;
	font: italic 18px/32px 'Droid Serif', Georgia, serif;
	padding: 33px 30px 0;
	margin: 40px 20px 20px;
	text-shadow: 0 1px 0 #fff;
}

blockquote p { margin: 0; }

q { font-style: italic; }

	
	blockquote + p {
		margin-left: 20px;	
	}
	
	blockquote + p,
	blockquote + cite,
	blockquote + p cite {
		font: 18px Garamond, 'Droid Serif', Georgia, serif;
	}
	
.tabel
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	border-collapse: collapse;
}
.tabel th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background-color: #dff8cd ;
	border-top-width: 4px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #92DB6F;
	border-bottom-color: #fff;
}
.tabel td
{
	padding: 8px;
	background:#ebfede;
	border-bottom: 2px solid #fff;
	border-top: 2px solid transparent;
}
.tabel tr:hover td
{
	background: #fbfff5 ;
}

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

small { font-size: 85%; }
b, strong, th { font-weight: bold; }

ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

hr {
	display: block;
	height: 0px;
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	margin: 20px 0;
	padding: 0;
}

::-moz-selection{ background: #e6efc2; color: #fff; text-shadow: none; }
::selection { background: #e6efc2; color: #fff; text-shadow: none; }

/* Header */

#header {
	padding: 3px 0 0;
	width: 100%;
	height:auto;    
}

#site-title a {
	color: #1e1e1e;
	font: bold 24px 'Droid Serif', sans-serif;
	float: left;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

#site-title a:hover {
	background: none;
	text-shadow: 0 1px 0 #fff;
	-webkit-transform: scale(1.1) translateZ(0);
	transform: scale(1.1) translateZ(0);
}

#site-description {
	font: normal 14px 'Droid Serif', sans-serif;
	float: right;
	padding-top: 32px;
	padding-bottom: 2px;
}

/*Konten*/
 
#main { 
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px 5px 10px 10px;
	width: 960px;
	padding: 20px 20px 20px 20px;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 0px 15px rgba(204, 204, 204, 0.5);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 0px 15px rgba(204, 204, 204, 0.5);
	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 0px 15px rgba(204, 204, 204, 0.5);
}

	.no-rgba #main {
		background: url(images/content_bg.png) repeat;
	}

#content {
	float: left;
	width: 680px;
	max-width:width: 680px;
}

#sidebar {
	float: right;
	width: 220px;
}

/*Nav*/
 
#menu {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 5px;
}

#menu ul {
	list-style: none;
}

#menu li {
	float: left;
	margin: 0 1px 0 0;
	position: relative;
}

#menu a {
	background: #f3f3f3; 
	background: -moz-linear-gradient(top, #f3f3f3 0%, #ececec 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ececec)); 
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#ececec 100%); 
	background: -o-linear-gradient(top, #f3f3f3 0%,#ececec 100%); 
	background: -ms-linear-gradient(top, #f3f3f3 0%,#ececec 100%); 
	background: linear-gradient(top, #f3f3f3 0%,#ececec 100%); 
	
	border: 1px solid;
	border-color: #fff #c9c9c9 #c9c9c9 #fff;
	border-radius: 5px;
	display: block;
	font: 14px 'Droid Serif', sans-serif;
	font-weight:bold;
	padding: 8px 8px;
	margin-bottom: 5px;
	text-shadow: 0 1px 0 #fff;
}

#menu a:active {
	-webkit-box-shadow: inset 1px 1px 5px #ccc;
	-moz-box-shadow: inset 1px 1px 5px #ccc;	
	box-shadow: inset 1px 1px 5px #ccc;	
}

#menu a:hover {
	color: #38771d;
	border-radius: 10px 0 10px 0;
	opacity: 0.75;
	text-decoration:underline;
}

#menu .current > a, #menu a:hover,
.btn,
.more-link,
input[type=submit],
legend {
	background: #529237; 
	background: -moz-linear-gradient(top, #529237 0%, #458929 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#529237), color-stop(100%,#458929)); 
	background: -webkit-linear-gradient(top, #529237 0%,#458929 100%); 
	background: -o-linear-gradient(top, #529237 0%,#458929 100%); 
	background: -ms-linear-gradient(top, #529237 0%,#458929 100%); 
	background: linear-gradient(top, #529237 0%,#458929 100%); 
	color: #fff;
	border-color: transparent;
	border-radius: 10px 0 10px 0;
	font-weight: bold;
	padding: 8px 8px;
	text-shadow: 0 1px 0 #38771d;
	-webkit-transition: all 100ms linear;
	transition: all 100ms linear;
}

#menu .current > a:hover,
.btn:hover,
.more-link:hover,
input[type=submit]:hover {
	border-radius: 0 10px 0 10px;
	color: #fff;
	opacity: 1;
}

	#menu ul ul {
		display: none;
		min-width: 150px;
		position: absolute;
		top: 100%; left: 0;
		z-index: 100;
		-webkit-box-shadow: 0px 0px 6px rgba(0,0,0, 0.3);
		-moz-box-shadow: 0px 0px 6px rgba(0,0,0, 0.3);
		box-shadow: 0px 0px 6px rgba(0,0,0, 0.3);
	}
	
	#menu li:hover > ul { display: block;  }
	
	#menu ul ul li {
		float: none;
		margin: 0;
	}
	
	#menu ul ul li a {
		border-radius: 0 !important;
		margin-bottom: 0;
	}
	
	#menu ul ul li a:hover {
		opacity: 1;
	}
	
/*Isi konten*/
 
.post {
	padding: 20px 20px 40px;
}

.post:first-of-type {
	padding-top: 0;	
}

/*Judul konten*/
.post .entry-title {
	margin-bottom: 10px;
}

.post .entry-content p {
	text-align:justify;
	text-indent: 60px;
	font-size:14px;
}

.post .entry-title a {
	color: #333;
	display: block;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	-webkit-transition: color 150ms ease-in-out;
	transition: color 150ms ease-in-out;
}

.post .entry-title a:hover { 
	color: #38771d;
}

/* Isi meta */
.post-meta {
	font: 14px 'Droid Serif', sans-serif;
	margin: 40px 0 -20px;
	
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
}

.post-meta p {
	background: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3 0%, #ececec 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ececec)); 
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#ececec 100%); 
	background: -o-linear-gradient(top, #f3f3f3 0%,#ececec 100%); 
	background: -ms-linear-gradient(top, #f3f3f3 0%,#ececec 100%);
	background: linear-gradient(top, #f3f3f3 0%,#ececec 100%);
	
	border: 1px solid;
	border-color: #fff #c9c9c9 #c9c9c9 #fff;
	border-radius: 5px;
	line-height: 1.8;
	margin: 0;
	padding: 14px 10px;
	text-shadow: 0 1px 0 #fff;
	
	
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	box-flex: 2;
}

.more-link {
	display: inline-block;
	padding: 16px 12px;
	margin-left: 40px;
	
	
	
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}

.more-link:hover {
	color: #fff;
	text-shadow: none;
}

	.no-flexbox .post-meta p {
		display: inline-block;
		max-width: 480px;
	}
	
	.no-flexbox .more-link {
		float: right;
	}
	
figure { 
	background: #f4f4f4;
	border: 2px solid #cecdcd;
	border-radius: 3px 5px 5px 5px;
	float: left;
	padding: 10px;
	text-align: center;
	-webkit-transition: border 200ms ease;
	transition: border 200ms ease;
}

figure:hover {
	border: 2px solid #529237;
}

figure,
figure.alignleft  {
	margin: 0 20px 20px 0;
}

figure.alignright {
	margin: 0 0 20px 20px;
}

figure {
	margin-left: -40px;	
}

figcaption {
	margin: 10px 0;
	font: 14px 'Droid Serif', Georgia, serif;
	color: #555;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}

/*Sidebar*/

#sidebar {
	padding: 30px 20px 20px 20px;
	}

.widget {
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	border-bottom: 1px solid #ccc;
	padding: 30px 0;
}

.widget:first-child {
	border-top: none;
	padding-top: 0;
}

.widget:last-child {
	border-bottom: none;
}

	
	.widget li {
		line-height: 35px;
	}
	
	.widget li a { 
		color: #333;
		-webkit-transition: margin-left 300ms linear;
		transition: margin-left 300ms linear;
	}
	
	.widget li a:hover {
	color: #38771d;
	margin-left: 10px;
	}

/*Footer*/
 
#footer {
	color: #555;
	padding: 40px 20px;
	text-shadow: 1px 1px 0px #fff;
	font: 12px 'Droid Serif', Georgia, serif;
}

#footer a {
	font: 14px 'Droid Serif', Georgia, serif;
}

/*Form*/
 
	button, input, select, textarea { width: auto; overflow: visible; margin: 0; vertical-align: baseline; outline: none; }

	textarea { overflow: auto; vertical-align: text-top; }
	
	label[for], input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
	
	input::-moz-focus-inner,
	button::-moz-focus-inner { border: 0; padding: 0; }
	
	input[type="button"],
	input[type="checkbox"],
	input[type="radio"],
	input[type="submit"],
	select {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	input[type="text"],
	input[type="password"],
	textarea {
		-webkit-appearance: textfield;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	
button, input, select, textarea, label {
	font: 12px 'Droid Serif', Georgia, serif;	
}

label {
	display: block;
	margin: 5px 5px 5px 5px;
}

fieldset {
	background: rgba(204, 204, 204, 0.2);
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	padding: 20px;
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
	box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
}
/*Fieldset komen*/
#komen {
	background: rgba(223, 248, 205, 0.0);
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	padding: 20px;
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
	box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
}

legend {
	font: bold 12px 'Droid Serif', Georgia, serif;
	padding: 5px 7px;	
}

/*Input*/
input, textarea {
    padding: 3px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px #444;
    -moz-box-shadow: 0 0 5px #444;
    box-shadow: 0 0 3px #444;
    border: 1px solid #fff;

}
select {
    padding: 3px;
}


/* Search*/
.pencarian {
	margin: 4px;
}
input[type="search"] {
	background: #fff url(images/search.png) no-repeat 10px center;
	padding-left: 25px;
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-results-button {
	-webkit-appearance: none;
}

.searchform input[type="search"] {
	padding-right: 0;
	max-width: 200px;
}

.searchform input[type="submit"] {
	padding: 10px 12px;
	float: right;
}

/*lain-lain*/
 
.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }
.sep { padding: 0 5px; }

.hide { display: none; }

.info {
	background: url(images/accepted.png) no-repeat 10px center;
	background-color: rgb(231, 247, 211);
	background-color: rgba(231, 247, 211, 0.5);
	border: 1px solid #6c3;
	border-radius: 5px;
	padding: 10px 0 10px 80px;
	font-size:12px;}

.error {
	background: url(images/alert.png) no-repeat 10px center;
	background-color: rgb(255, 244, 204);
	background-color: rgba(255, 244, 204, 0.5);
	border: 1px solid #F90;
	border-radius: 5px;
	padding: 10px 0 10px 80px;
	font-size:12px;}
}

.warning {
	background: url(images/cancel.png) no-repeat 10px center;
	background-color: rgb(255, 235, 232);
	background-color: rgba(255, 235, 232, 0.5);	
	border: 1px solid #C00;
	border-radius: 5px;
	color: #C00;
	padding: 20px 0 20px 80px;
}

@media only screen and (max-width: 1024px) {

	#wrapper { width: 85%; }
	#site-title a, { float: none; margin-bottom: 0; }
	#main { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	#content { float: left; width: 70%;}
	#sidebar { float: right; width: 20%; widthmargin-top: 20px; }
	figure { margin-left: 0; }

}/*/mediaquery*/

#infowindow {
width: 555px;
heigth: 450px;
}
#infowindow h3 {
margin-top: 0;
}
#infowindow img {
float: left;
margin-right: 10px;
}

#infowindow {
width: 555px;
heigth: 450px;
}
#infowindow h3 {
margin-top: 0;
}
#infowindow img {
float: left;
margin-right: 10px;
}

#map_canvas { 
width: 90%;
height: 400px;
float:left;
}

#img {
	padding:3px;
	border:#CCC solid 2px;
	border-radius:4px;
	margin:9px;
}