/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : style.css
Author : Soyuzno
URL : www.mediavisi.net

Description : All styles.

Created : 8 November 2007
Modified : -
Copyright: Alumni FSRD Trisakti

"design is melody. code is poetry"
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* table of content - - - - - - - - - - - - - - - - - -

	1. general
	2. skeleton
	3. h1-h6
	4. Navigation
	5. form element
	6. typo
	7. links
	8. ordered/unordered list
	9. table

- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 1 */

* { padding: 0; margin: 0; border: 0; } 

.clear {
	clear : both;
	font-size : 1px;
	height : 0; }

body {
	background: #FFF url(images/background.gif) repeat-x ;
	color: #666;
	font-size:62.5%; /* reset 1em to 10px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 2em; }

a { outline: none; }

img.alignleft {
	margin: 0 15px 0 0;
	display: inline;
	float: left; }	

img.alignright {
	margin: 0 0 0 15px;
	float: right; }	

/* 2 */

#wrapper, #header, .wrapper-kolom, .wrapper-top, .footer-content {
	width: 900px; }

#wrapper { 
	margin: 0 auto;
	padding: 66px 0 10px 0; }	
	
.wrapper-top {
	height: 24px; }	

.wrapper-kolom {
	margin-top: 10px; }
		
.kolom1 {
	float: left;
	display: inline;
	width: 190px;
	margin-right: 20px;
	text-align: right; }
	
.kolom2 {
	float: left;
	width: 450px;
	margin-right: 5px; }
	
.kolom2-banner {
	float: left;
 	width: 690px;
	height: 150px; }

.kolom2-polling {
	float: left;
 	width: 690px; }
		
.kolom3 {
	float: right;
	width: 230px; }

#header {
	height: 150px;
	margin-top: 1px; }	

.topnav { text-align: right; }

.searchbox {
	width: 190px; }
	
		.teksfield {
			float: left;
			display: inline;
			margin-right: 3px; }
			
		.button {
			float: left; 
			margin-top: 3px; }
					
.loginbox {
	width: 192px;
	border: 1px solid #999;
	background-color: #E6E6E6;
	padding: 18px;
	margin-bottom: 20px; }

.pollingbox {
	width: 192px;
	border: 1px solid #F60;
	background-color: #FFF;
	padding: 18px;
	margin-bottom: 20px; }
			

.statistik {
	margin-top: 300px; /* sementara doank */ }

#footer {
	width: 100%;
	background-color: #F60;
	height: 60px;
	margin-top: 10px; }
		
		.footer-content {
			margin: 0 auto;
			padding-top: 10px; }

.error {
	padding: 10px;
	border: 1px solid #DAD1A9;
	background-color: #F8FAC4; }
	
		.error ul li {
			margin-left: 15px;
			color: #C00;
			font-size: 1.1em; }

.thumbnail {
	float: left;
	width: 152px;
	margin: 0 15px 20px 0;
	text-align:center; }
	
	.thumbnail img { border: 1px solid #999; margin-bottom: 5px; }

.thanks {
	text-align: center;
	font-size: 1.6em;
	color: #F30;
	margin-top: 50px; }

.duakolom {
	width: 450px; }
	
		.kolomkiri {
			float: left;
			display: inline;
			width: 240px; }	
		
		.kolomkanan {
			float: right;
			margin-left: 5px;
			width: 205px; }

.pengurus {
	width: 450px;
	font-size: 1.1em; }
	
		.pengurus-kiri {
			float: left;
			display: inline;
			width: 100px;
			font-weight: bold; }
			
		.pengurus-kanan {
			float: left;
			width: 345px; }
				
.bodytext {
	margin-bottom: 30px; }
	
	
				
.greybox {
	width: 240px;
	height: 105px;
	background: transparent url(images/greybox.gif) no-repeat;
	margin-bottom: 5px; }
	
.yellowbox {
	width: 185px;
	height: 215px;
	background: transparent url(images/yellowbox.gif) no-repeat;
	margin-bottom: 5px;
	padding: 5px 10px 5px 10px; }		

.breadcrumb { margin-bottom: 20px; }

.archivebox {
	width: 192px;
	margin-bottom: 20px;
	line-height: 1.5em; }

#menu-kiri { 
	width: 190px; }

.pagination {
	margin: 10px 0; }

.photoholder { 
	width: 690px;
	margin-bottom: 30px; }	
	
.merchandise {
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 12px;
	line-height: 15px; }
	
		.merchand-foto {
			float: left;
			display: inline;
			width: 147px;
			margin-right: 10px; }
			
		.merchand-info {
			float: left;
			width: 140px; }	

		.merchand-foto-alt {
			float: left;
			display: inline;
			width: 84px;
			margin-right: 5px; }
			
		.merchand-info-alt {
			float: left;
			width: 206px; }	

.userinfo {
	text-align: left; }
								
/* 3 */

.content h2 {
	font-size: 1.4em;
	color: #F60;
	margin-bottom: 20px; }

.content h3 {
	font-size: 1.2em;
	color: #F60;
	font-weight: normal; }	
	
.content h4, .pollingbox h4, .archivebox h4 {
	font-size: 1.1em;
	color: #F60; }
	
.pollingbox h4 { margin-bottom: 10px; }

.archivebox h4 {
	margin-bottom: 10px;
	margin-left: 20px;
	color: #F60; }
		
.content h5 {
	font-size: 1.2em;
	color: #F60;
	font-weight: normal; }

									
/* 5 */

input.search, input.isian {
	border: 1px solid #999;
	width: 120px; }

fieldset {
	padding: 8px;
	border: 1px solid #DAD1A9; }

fieldset legend {
	font-size: 1.2em; 
	font-weight: bold; 
	margin: 0; 
	padding: 8px; 
	color: #F60; }

fieldset label {
	clear: left; 
	display: block; 
	float: left; 
	width: 150px; 
	text-align: right;
	padding-right:10px; 
	margin-bottom: 6px;
	font-size: 1.1em;
	color: #625B3D; }

fieldset input {
	margin: 0 0 10px 0;
	border: 1px solid #999; }

fieldset select {
	margin: 0 0 10px 0; }
	
textarea {
	margin: 0 0 4px 0;
	border: 1px solid #999; }

.floatr { float: right; }	


/* 6 */

.topnav, p, label, .content p, .userinfo {
	font-size: 1.1em; }

.content p { margin-bottom: 10px; line-height: 1.5em; }
	
.statistik { line-height: 1em; }	
	.statistik p { color: #F60; }
	
.greybox p, .yellowbox p {
	line-height: 1em; }
		
.footer-content p { font-size: 1em; color: #FFF; }	

.tanggal { font-size: 1em; color: #F60; }

.orenz { color: #F60; }
.tebal { font-weight: bold; }
	
/* 7 */

a { text-decoration: none; }
a:active, a:link, a:visited { color: #F60; }
a:hover { color: #C00; }	

.topnav a:active, .topnav a:link, topnav a:visited { color: #666; }
.topnav a:hover { color: #F60; }

.footer-content a:active, .footer-content a:link, .footer-content a:visited { color: #FFF; }
.footer-content a:hover { color: #F60; }

/* 8 */

ul { margin-left: 20px; font-size: 1.1em; }

ul li ul { font-size: 1em; }

#menu-kiri ul { 
	list-style: none;
	margin-left: 0;
	margin-top: 10px;
	text-align: left; } 
	
	

.archivebox ul {
	list-style: none; }	
	
	.archivebox ul li { padding-bottom: 10px; }
	
ul.archivelist {
	line-height: 1.5em; }	
	
	ul.archivelist li { padding-bottom: 10px; }



ul#postlist li a {
	padding: 10px 10px 10px 20px;
	display: block;
	height: auto !important;
	position: relative;
}

ul#postlist.navigationlist li a {
	min-height: 1em;
	height: auto !important;
	height: 1em;
}

.angkat { margin-top: -5px; }

ul#postlist li a img.highlightarrow, ul#postlist.navigationlist.page li.current_page_item a img.highlightarrow {
	padding-right: 10px;
	margin-bottom: -2px;
}

ul#postlist.navigationlist li a:hover, li.selected { background: url(images/arrow.gif) center left no-repeat; }

ul#postlist.navigationlist li a:hover { color: #999; }

ul.aboutus li { margin-left: 10px; }

/* 9 */

th { 
	text-align: left;
	background-color: #F93;
	border: 1px solid #F60;
	padding-left: 5px;
	color: #FFF; }

td {
	border: 1px solid #e8e4dd;
	border-style: none none solid none; }