/**
 * HTML5 And CSS3 Theme version 2.0
 * By Jayj.dk 
 * Download for free at http://jayj.dk/a-free-html5-and-css3-theme/
 
	Released under New BSD License
	http://www.opensource.org/licenses/bsd-license.php
	 
	Copyright (c) 2009-2011, Jayj.dk
	All rights reserved.
	
	Redistribution and use in source and binary forms, with or without modification,
	are permitted provided that the following conditions are met:
	
		* Redistributions of source code must retain the above copyright notice,
		  this list of conditions and the following disclaimer.
	
		* Redistributions in binary form must reproduce the above copyright notice,
		  this list of conditions and the following disclaimer in the documentation
		  and/or other materials provided with the distribution.
	
		* Neither the name of Jayj.dk nor the names of its
		  contributors may be used to endorse or promote products derived from this
		  software without specific prior written permission.
	
	THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
	ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
	WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
	DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
	ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
	(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
	LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
	ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
	(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
	SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/* 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 */


/**
 * Styles start here
 */
 
body {
	color: #333;
	font: 16px/28px Georgia, 'Times New Roman', Times, serif;
	background-repeat:no-repeat;
	background-position:right top;
	background-attachment:fixed;
	background-image: url(pic/bg.jpg);
}

	/* Browsers who don't support gradients */
	.no-cssgradients body {
		background-image: url(images/bg.png);
		background-repeat: repeat;
		background-attachment: fixed;
	}

/* Always force a scrollbar in non-IE 
	Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

#wrapper {
	width: 961px;
	margin	: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	border-right-style:ridge;
	border-left-style:ridge;
	border-width: 3px;
	border-color:#FCDFFF;
}

/**
 * Typography and default HTML elements
 */

a {
	color: #AC0649;
	text-decoration: none;
	-webkit-transition: all 100ms linear;
	/*-moz-transition: all 100ms linear;*/
	transition: all 100ms linear;
}

a:hover {
	color: #000000;
	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;
}

/* Headings */
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: 28px;
}

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

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

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

h5 {
	font-size: 18px;
}

h6 {
	font-style:strong;
	font-size: 14px;
}

/* Lists */
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;
}

	/* Remove margins for navigation lists */
	nav ul, nav li { margin: 0; list-style: none; list-style-image: none; }

/* Code */
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;
	/*position: relative;*/
	/*text-shadow: 0px 1px 0px #333;*/
	
}

	/* This is removed for now because of a strange Chrome bug with text-shadow and position: relative; */
	/* Usage: <pre rel="CSS">...</pre>, <pre rel="PHP">...</pre> */
	/*pre:after {
		content: attr(rel);
		color: #F83D87;
		font: bold 16px 'Droid Serif', Georgia, serif;
		position: absolute;
		bottom: 10px; right: 15px;
	}*/

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

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

/* Quotes */
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; }

	/* Cite after <blockquote> */
	blockquote + p {
		margin-left: 20px;	
	}
	
	blockquote + p,
	blockquote + cite,
	blockquote + p cite {
		font: 18px Garamond, 'Droid Serif', Georgia, serif;
	}
	

/* Other elements */
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: 0px 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;
}

/* These selection declarations have to be separate
   Also: hot pink! */
::-moz-selection{ background: #FF5E99; color: #fff; text-shadow: none; }
::selection { background: #FF5E99; color: #fff; text-shadow: none; }

/**
 * Header
 */

#header {
	background: #f3f3f3; /* Fallback */
	padding-top: 0px ;
	padding-bottom: 0px ;
	padding-right:0px ;
	padding-left:0px;
	/*atas, ,bawah,kiri*/
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	width: 960px;
	height: 230px;
}

#site-title a {
	color: #1e1e1e;
	font: bold 66px 'Droid Serif', sans-serif;
	float: left;
	letter-spacing: -3px;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	transition: all 200ms linear;
	
	/* Gain the benefits from GPU acceleration */
	-webkit-transform: translateZ(0);
	/*-moz-transform: translateZ(0);*/
	transform: translateZ(0);
}

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

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

/**
 * Content
 */
 
#main ,#main2,#main3,#main4{ 
	background: #f3f3f3; /* Fallback */
	padding: 0px 0px 70px 0px;/*atas, ,bawah,kiri*/
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	width: 960px;
	
}
#banner { 
	background: url(images/bg.png) repeat;
	border-radius: 0px 0px 0px 0px;
	width: 100%;
	padding-left: 0px ;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	
	margin-top:0px;
	height: 150px; 

}
	/* No support for rgba */
	.no-rgba #banner {
		background: url(images/content_bg.png) repeat;
	}
#content {
	float: right;
	width: 630px;
	margin-right:10px;
	margin-left:10px;
}

#sidebar {
	float: left;
	width: 280px;
	margin-left:10px;
	margin-right:10px;
}

#full {
	float: left;
	width: 940px;
	margin-right:10px;
	margin-left:10px;
}
#center {
	width: 550px;
	margin-right:20px;
	margin-left:20px;
}
/**
 * Navigation
 */

#menu {
	margin: 0px 0px 0px 0px;/* , ,bawah,kiri*/
	border-color: transparent;
	border-radius: 40px;
}

#menu ul {
	list-style-type:none;
	margin-top:10;
	padding:10;
	background: #404040;
	
}

#menu li {
	float: left;
	margin-top: 60; /* atas,kanan, , */
	margin-bottom:6;
	position: relative;
	background: #404040; /* Fallback */
	
}


#menu a {
	background: #404040; /* Fallback */
	color: #FFF;
	border-color: transparent;
	border-radius: 45px;
	display: block;
	font: 13px 'Droid Sans Serif', sans-serif;
	padding: 10px 10px;/* bawah & atas, kiri & kanan*/
	margin-right:4px;
	margin-left:4px;
	margin-top:5px;
	margin-bottom:5px;
	text-shadow: 0 1px 0 #000;/*  ,jadi mcm double, ,warne shadow */
	width : 132px;
	
}
#menu a.current {
	background:	#FF0066; /* Fallback */
	color: #000033;
	background: -moz-linear-gradient(top, #FF0066 0%, #FF3399 150%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0066), color-stop(150%,#FF3399)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* IE10+ */
	background: linear-gradient(top, #FF0066 0%,#FF3399 150%); /* W3C */
	border-color: #000033;
	border-radius: 10px;
	text-shadow: 0 1px 0 #AC0649;
}

#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 {
	background: #FF0066; /* Fallback */
	color: #000033;
	background: -moz-linear-gradient(top, #FF0066 0%, #FF3399 150%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0066), color-stop(150%,#FF3399)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* IE10+ */
	background: linear-gradient(top, #FF0066 0%,#FF3399 150%); /* W3C */
	border-color: #000033;
	border-radius: 10px;
	text-shadow: 0 1px 0 #AC0649;
	
}


/* Current nav, buttons, more-link */

legend {
	background: #404040; /* Fallback */
	color: #FFFFFF;
	border-color: transparent;
	border-radius: 10px;
	padding: 14px 20px;
	-webkit-transition: all 100ms linear;
	/*-moz-transition: all 100ms linear;*/
	transition: all 100ms linear;
}
legend:hover 
{
	background: #FF0066; /* Fallback */
	color: #000033;
	background: -moz-linear-gradient(top, #FF0066 0%, #FF3399 150%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0066), color-stop(150%,#FF3399)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* IE10+ */
	background: linear-gradient(top, #FF0066 0%,#FF3399 150%); /* W3C */
	border-color: #000033;
	border-radius: 10px;
	text-shadow: 0 1px 0 #AC0649;
}


input[type=submit]:hover {
	border-radius: 0 10px 0 10px;
	color: #fff;
	opacity: 1;
}

	/* Level 2 */
	#menu ul ul {
		display: none;
		position: absolute;
		top: 100%; left: 0;
	
	}
	
	#menu li:hover > ul { display: block;  }
	
	#menu ul ul li {
		
		float: none;
		margin: 0;
	}
	
	#menu ul ul li a {
	width: 132px;
	margin-top : 10px;
	margin-bottom: 10px;
	}
	
	#menu ul ul li a:hover {
		border-radius: 10px !important;
	}
	
/**
 * Post
 */
 
.post {
	padding: 20px 0 40px;
	/*position: relative;*/
}

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

/* Post title */
.post .entry-title {
	margin-bottom: 40px;
}

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

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

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

.post-meta p {
	
}

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

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

	/* No support for CSS3 Flexible Box Model */
	.no-flexbox .post-meta p {
		display: inline-block;
		max-width: 480px;
	}
	
	.no-flexbox .more-link {
		float: right;
	}
	
/* Post thumbnail and images */
figure {
	background: #404040; /*warne oren*/
	background: -moz-linear-gradient(top, #404040 0%, #FF3385 150%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(150%,#FF3385)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #404040 0%,#FF3385 150%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #404040 0%,#FF3385 150%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #404040 0%,#FF3385 150%); /* IE10+ */
	background: FF3366; /* W3C */
	border: 0.5px ridge #ffffff; /*ketebalan,jenis line,line border*/
	border-radius: 3px 3px 3px 3px;
	float: left;
	padding: 5px;
	text-align: center;
	margin-left: -40px;
	-webkit-transition: border 200ms ease;
	/*-moz-transition: border 200ms ease;*/
	transition: border 200ms ease;
}
figure.pic {
	background: #404040; /*warne oren*/
	background: -moz-linear-gradient(top, #404040 0%, #FF3385 150%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(150%,#FF3385)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #404040 0%,#FF3385 150%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #404040 0%,#FF3385 150%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #404040 0%,#FF3385 150%); /* IE10+ */
	background: linear-gradient(top, #404040 0%,#FF3385 150%); /* W3C */
	border: 0px ridge #ffffff; /*ketebalan,jenis line,line border*/
	border-radius: 10px 10px 10px 10px;
	text-align: center;
	
}

figure:hover {
	border: 0.5px ridge #F83D87;
}

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

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

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

	/* Thumbnail rotation */
	/*.thumbnail,
	.post:nth-of-type(2n) .thumbnail:hover {
		-webkit-transform: rotate(0.45deg); 
		-moz-transform: rotate(0.45deg); 
		transform: rotate(0.45deg); 
	}
	
	.thumbnail:hover,
	.post:nth-of-type(2n) .thumbnail {
		-webkit-transform: rotate(-0.45deg);
		-moz-transform: rotate(-0.45deg);
		transform: rotate(-0.45deg);
	}*/

/**
 * Sidebar
 */

#sidebar {}

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

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

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

/* Lists in widgets */
.widget ul {
	list-style-type:none;
	margin-top:10;
	padding-left:0px;
	background: #000; /* Fallback */
}
.widget li {
	float: left;
	margin-top: 60; /* atas,kanan, , */
	margin-bottom:6;
	position: relative;
	background: #404040; /* Fallback */
	border-radius:0px;
}

.widget a {
	background: #404040; /* Fallback */
	color: #FFF;
	border-color: transparent;
	border-radius: 5px;
	display: block;
	font: 13px 'Droid Sans Serif', sans-serif;
	padding: 10px 10px;/* bawah & atas, kiri & kanan*/
	margin-right:13px;
	margin-left:13px;
	margin-top:10px;
	margin-bottom:12px;
	text-shadow: 0 1px 0 #000;/*  ,jadi mcm double, ,warne shadow */
	width : 100px;
	
}

.widget 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;	
}

.widget a:hover {
	background: #FF0066; /* Fallback */
	color: #000;
	background: -moz-linear-gradient(top, #FF0066 0%, #FF3399 150%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0066), color-stop(150%,#FF3399)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* IE10+ */
	background: linear-gradient(top, #FF0066 0%,#FF3399 150%); /* W3C */
	border-color: #000;
	border-radius: 5px;
	text-shadow: 0 1px 0 #AC0649;
	
}
.forms{
	position:relative;
	padding-top:3px;
	padding-bottom:3px;
}
.bannerKiri{
	float: right;
	width: 40%;
	height: 100%;
	padding-right: 0px;
}
.small{
	background: rgba(204, 204, 204, 0.2);
	border: 1px solid #c9c9c9;
	border-radius: 0px 0px 0px 50px;
	-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);
	float: right;
	width:100%;
	position:relative;
	padding-right:10px;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-size:12px;
	color:FF3366;
}
.smallJam{
	border: 1px solid #c9c9c9;
	border-radius: 50px 0px 0px 50px;
	-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);
	float: right;
	width:78%;
	position:relative;
	padding-left:0px;
	margin-top:75px;
}
/* Tables */

table {
	border-width:4px;
	border-style:ridge;
	border-radius: 5px;
	border-color:#747170;

	font-size: 14px;
	width: 100%;
	text-align: left;
}

	/* th */
	tr th,
	thead th {
		background: #FF0066; /* Fallback */
		color: #000;
		border-left: 1px solid #e9f2f7;
		background: -moz-linear-gradient(top, #FF0066 0%, #FF3399 150%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0066), color-stop(150%,#FF3399)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* IE10+ */
	background: linear-gradient(top, #FF0066 0%,#FF3399 150%); /* W3C */
		font-size: 15px;
		font-weight: bold;
		padding: 5px 5px;
		-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .04);
		-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .04);
		box-shadow: inset 0 0 10px rgba(0, 0, 0, .04);
	}

	/* td */
	tr td {
		background: #fafafa;
		
		padding-left: 5px ;
		padding-bottom: 5px ;
		padding-top: 5px ;
	}
	tr td #forms {
		border: 1px solid;
		border-color:rgba(204, 204, 0, 0);
		padding: 0px 0px;
		background: 
	}
	
	td { vertical-align: top; }
	
	tr:nth-child(2n) td {
		background: #f7f7f7;
	}
	
	tr:hover td {
		background: #fff;
	}
		
	td, td img { 
		vertical-align: top; 
	}
	
	
	
	/* tfoot */
	tfoot td {
		color: #777;
		font-size: 11px;
		text-transform: uppercase;	
	}
	
	tfoot 
	{
		color: #444;
		font-size: 12px;
		text-transform: uppercase;	
	}

	/* Table caption */
	table caption {
		background: #ffffee;
		border: 1px solid #ffffc6;
		font-size: 16px;
		margin-bottom: 5px;
		padding: 10px;
		border-radius: 5px;
	}

/*
 * Footer
 */
 
#footer {
	color: #555;
	text-shadow: 1px 1px 0px #fff;
	background: #f3f3f3; /* Fallback */
	padding: 50px 0px 10px 0px;/*atas, ,bawah,kiri*/
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	width: 960px;
	height: 10%;
	
}

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

/**
 * Forms
 */
 
	/* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/
	   2) WebKit browsers add a 2px margin outside the chrome of form elements. 
		  Firefox adds a 1px margin above and below textareas 
	   3) Align to baseline */
	button, input, select, textarea { width: auto; overflow: visible; margin: 0; vertical-align: baseline; outline: none; }

	/* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/
   	   2) Align to text-top */
	textarea { overflow: auto; vertical-align: text-top; }
	
	/* Hand cursor on clickable input elements */
	label[for], input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
	
	/* Remove extra padding and inner border in Firefox */
	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;
	}
	
 input, select, textarea, label {
	font: 14px 'Droid Serif', Georgia, serif;	
}

label {
	display: block;
	font-weight: bold;
	margin: 0 0 7px 10px;
}

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);
}

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

/* Input fields */
input,
textarea {
	background: #fff;
	border: none;
	border-radius: 10px;
	color: #000;
	padding: 10px 15px;
	-webkit-box-shadow: 0px 1px 1px #bbb;
	-moz-box-shadow: 0px 1px 1px #bbb;
	box-shadow: 0px 1px 1px #bbb;
}
textarea.d1,textarea.d2,textarea.d3,textarea.d4,textarea.d5,textarea.d6 {
	border: none;
	color: #000;
	padding: 5px 5px;
	-webkit-box-shadow: 0px 1px 1px #bbb;
	-moz-box-shadow: 0px 1px 1px #bbb;
	box-shadow: 0px 1px 1px #bbb;
}
textarea.d1 {
	background: #66FF33;
}
textarea.d2 {
	background: #66FFCC;
}
textarea.d3 {
	background: #CC0099;
}
textarea.d4 {
	background: #FF66CC;
}
textarea.d5 {
	background: #CC33FF;
}
textarea.d6 {
	background: #00CCFF;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
	color: #333;
	-webkit-box-shadow: 0px 1px 1px #ccc, inset 1px 2px 1px #342826;/*rgba(250, 79, 170, 0.3);*/
	-moz-box-shadow: 0px 1px 1px #ccc, inset 1px 2px 1px #342826;/*rgba(250, 79, 170, 0.3);*/
	box-shadow: 0px 1px 1px #ccc, inset 1px 2px 1px #342826;/*rgba(250, 79, 170, 0.3);*/
}

textarea {
	border-radius: 10px;
}

input[type="checkbox"],
input[type="radio"],
select {
	margin-left: 10px;
}

/* Submit */
input[type="submit"] {
	background: #000;
	color: #FFF;
	border-radius: 10px;
}
input[type="button"] {
	background: #000;
	color: #FFF;
	border-radius: 10px;
}

input[type="submit"]:hover {
	background: #FF0066; /* Fallback */
	color: #404040;
	background: -moz-linear-gradient(top, #FF0066 0%, #FF3399 150%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F87217), color-stop(150%,#FFFF00)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #F87217 0%,#FFFF00 150%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #F87217 0%,#FFFF00 150%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F87217 0%,#FFFF00 150%); /* IE10+ */
	background: linear-gradient(top, #F87217 0%,#404040 150%); /* W3C */
	border-radius: 10px;
	text-shadow: 0 1px 0 #AC0649;
}

input[type="button"]:hover {
	background: #FF0066; /* Fallback */
	color: #000;
	background: -moz-linear-gradient(top, #FF0066 0%, #FF3399 150%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0066), color-stop(150%,#FF3399)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FF0066 0%,#FF3399 150%); /* IE10+ */
	background: linear-gradient(top, #FF0066 0%,#FF3399 150%); /* W3C */
	border-radius: 10px;
	text-shadow: 0 1px 0 #AC0649;
}

/* Search inputs */
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;
}

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

.hide { display: none; }

.success {
	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: 20px 0 20px 80px;
}

.error {
	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;
}

.warning {
	background: #fffbbc;
	border: 1px solid #E6DB55;
	padding: 20px;
	border-radius: 5px;
}

div.warning { margin-bottom: 20px; }

/**
 * Media queries for responsive design.
 * These follow after, and will override, the primary styles
 * The closing /mediaquery comment is required by respond.js min/max-width Media Query polyfill
 */

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

	/* Style adjustments for viewports 1024px and under go here */
	#wrapper { width: 100%; }
	#site-title a, #site-description { float: none; margin-bottom: 0; }
	#main ,#main2,#main3,#main4{ width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	#content { float: none; width: 100%; }
	#full { float: none; width: 100%; }
	#sidebar { float: none; margin-top: 20px; }
	figure { margin-left: 0; }

}/*/mediaquery*/