/*
------------------------------------------------------------
Theme Name: My.Campus
Theme URI: http://www.lib.itb.ac.id
Description: Theme for Otomigen.X
Version: 1.0 ALPHA
Author: widianto nugroho / Generative Graphics Workshop
Author URI: http://graphics.itb.ac.id/wnugroho/
------------------------------------------------------------
*/

/*
------------------------------------------------------------
- TOC (Table of Contents)

ROOT
  Layout
    Fluid
    Wrap
    Width Float
  Colors
    Backgrounds
    Borders
    Hyperlink
  Fonts
  Common Shared Properties
REGIONS
  Top
  Header
  Main
    Nav
    Contentwide
      Navsub
      Content
  Mainsub
  Footer
BOXES
  Nodes
  Blocks
    Block Lists
    Utility
  Forms
    Search
MISC
  Tables
  Splash
------------------------------------------------------------
*/


/* ROOT ------------------------- */

/* - Layout */

body {
	margin: 0;
	padding: 0;
	min-width: 870px;
}

img {
	border: none;
}


/* -- Fluid */

.fluid {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 870px;
}

#contentwidebox {
	min-height: 250px;
}

#welcome {
	text-align: right;
}


/* -- Wrap */

.wrap {
	margin: 0 auto;
	padding: 0;
/*	width: 870px; */
	text-align: left;
}

#top, #header, #footer {
	margin: 0;
	padding: 0 10px;
}

.fluidtop .wrap, .fluidheader .wrap {
	width: 870px;
}

.fluidmain .wrap, .fluidfooter .wrap {
	width: 870px;
}

#main {
	margin: 10px 0 0;
	padding: 0 10px;
	color: #333;
}


/* -- Width Float */

.left, .right {
	width: 205px;
}

.centerleft, .centerright {
	width: 635px;
}

.center {
	width: 420px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}


/* - Colors */


/* -- Backgrounds */

body, .splash {
	color: #333;
	background-color: #eee;
}

.fluidtop {
	color: #9cc;
	background-color: #693;
}

.fluidheader {
	color: #ccc;
	background-color: #9c3;
}

.fluidheader .wrap {
	background-position: 10px 0px;
	background-repeat: no-repeat;
	background-image: url(img/otomigenx.png);
}

.fluidfooter {
	color: #666;
}

/* -- Hyperlinks */

.fluidmain a, .fluidfooter a {
	color: #9c3;
	text-decoration: none;
}

.fluidmain a:hover, .fluidfooter a:hover {
	color: #9c3;
/*	background-color: #66e; */
	text-decoration: underline; 
}

.fluidtop a {
	color: #fff;
	text-decoration: none;
}

.fluidtop a:hover {
	color: #9c3;
}

.fluidheader a {
	color: #fff;
	text-decoration: none;
}

.fluidheader a:hover {
	color: #669;
	background-color: #99c;
}


/* -- Borders */

.fluidtop {
	border-top: 2px solid #000;
}

.fluidheader {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #999;
}

.fluidmain {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaa;
}

.fluidfooter {
	border-top: 1px solid #fff;
}

/*
.node h2 {
	border-bottom: 5px solid #993;
}

.node h3 {
	border-bottom: 2px solid #993;
}

.node h4 {
	border-bottom: 1px solid #993;
}
*/


/* - Fonts */

html, body, input, #s, #searchsubmit {
/*	font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", Times, serif; */
	font-family: "Lucida Grande", "Luxi Sans", Verdana, sans-serif;
	font-size: 11px;
}

h1, h2, h3, h4, .baru .entry {
/*	font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", Times, serif; */
	font-family: "Trebuchet MS", "Bitstream Vera Serif", Times, serif;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

.fluidmain .node {
	font-size: 12px;
}

.fluidmain .block {
/*	font-size: 12px; */
}

#toptitle {
}

.fluidtop {
}

.fluidheader h2 {
	margin: 0;
	padding: 15px 0 0;
}

.baru .entry {
	font-size: 14px;
}

.block h2, .block h3, .block h4 {
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}

#footer {
	font-size: 10px;
}


/* - Common Shared Properties */

.clearboth, #top, #header, .main, #footer {
	clear: both;
}

.node:hover, .block:hover {
}

#nav, #navsub {
	margin: 0;
	padding: 0;
}


/* Hidden */

hr, .hide {
	display: none;
}


/* REGIONS ------------------------- */

/* - Top */

.fluidtop .block {
	margin: 0;
	padding: 7px 0;
}

#top {
}

/* - Header */

#header {
	height: 50px;
}

#headerimg h1 {
	display: none;
}

/*
#headerimg .description {
	margin: 0 0 15px;
}
*/

/* - Main */
/* -- Nav */
/* -- Contentwide */
/* --- Navsub */
/* --- Content */
/* - Mainsub */

#mainsub .block {
	margin: 0;
	padding: 0 0 15px;
}


/* - Footer */

.fluidfooter .block {
	margin: 0;
	padding: 14px 0;
}


/* BOXES ------------------------- */

/* - Nodes */

.node {
	margin: 0 0 10px;
	padding: 0 9px 9px;
	clear: both;
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
}

.nodetitle {
/*	text-align: right; */
}

.node h2 {
	margin: 15px 0 1px;
	padding: 0;
}

.node h3 {
	margin: 10px 0 1px;
	padding: 0;
}

.node h4 {
	margin: 5px 0 1px;
	padding: 0;
}


/* - Blocks */

#nav .block {
	margin: 0 0 10px;
	padding: 0 9px 9px;
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
}

#navsub .block {
	margin: 0;
	padding: 0;
}

.block h2, .block h3, .block h4 {
	margin: 0;
	padding: 10px 0 0;
}


/* -- Block lists */

.block ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

.block ul li {
	margin: 0;
	display: block;
	padding: 5px 0;
}

.block li ul {
	list-style: none;
	margin: 0;
	padding: 6px 0;
}

.block li ul li {
	margin: 0;
	display: block;
	padding: 3px 0 3px 15px;
}


/* -- Utility */


/* - Forms */

#commentform textarea {
	width: 350px;
}


/* -- Search */

.block form {
	margin: 0;
	padding: 0;
}

#s {
	width: 150px;
	border: 2px solid #ccc;
	background-color: #ccc;
}

#s:hover {
	border: 2px solid #9c3;
	background-color: #fff;
}

#searchsubmit {
	margin-top: 2px;
	color: #fff;
	background-color: #9c3;
	border: 2px solid #693;
	font-weight: bold;
}

#searchsubmit:hover {
	color: #9c3;
	background-color: #fff;
	border: 2px solid #9c3;
}


/* MISC */

/* - Tables */

.block table caption {
	margin: 1px 1px 0;
	padding: 3px 0;
	border: 1px solid #fff;
}

.block table th, .block table caption {
	background: #eee;
}

.block table td, .block table th {
	padding: 2px;
	text-align: right;
	border: 1px solid #ccc;
}

.node table {
	margin: 0 0 5px;
	padding: 0;
	border: none;
}

.node table th {
	padding: 7px 4px 4px;
	color: #000;
	background: #ccc;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #999;
	font-size:11px;
}

.node table td {
	font-size: 11px;
	margin: 0;
	padding: 2px;
	color: #000;
	background: #eee;
/*	vertical-align: top; */
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #eee;
}

.node table td:hover {
	border: 1px solid #9c3;
}


/* - Splash */

.splash {
	margin-top: 10px;
	width: inherit;
	color: #000;
	border-bottom: 10px solid #000;
	background-repeat: no-repeat;
	background-color: #eee;
}

#home .splash {
	height: 240px;
	background-position: 0px 0px;
}

#page .splash {
	height: 120px;
	background-position: 0px -30px;
}
.rate a:hover {
background-color:#fff
}