/*  
Theme Name: Pluit Solutions
Theme URI: http://www.pluitsolutions.com/
Description: Pluit Solutions Theme
Version: 2.0
Author: aanto Siatono
Author URI: http://www.pluitsolutions.com/

Color schemes: 
	#f3f3f3 : light gray(95%)		: background
	#e5e5e5 : light gray 				: blockquote
	#666666 : medium gray (40%)	: date text
	#333333 : dark gray (20%)		: text
	
	#002450 : dark blue				  : header text
	#557799 : medium blue			  : hyperlink text
*/

/** Structure **/
body {
	margin: 0;
	padding: 0;
	background: #f3f3f3;
}

#page {
	margin: 0 auto;
	padding: 0;
	width: 778px;
}

#canvas {
	background: url("./images/canvas_bg.png") repeat-y;
	height: 100%;
}

#header {
	height: 108px;
	background: url("./images/header_bg.png") repeat-y;
}

#header a {
	margin: 0;
}

#header a.logo {
	position: relative;
	float: right;
	right: 108px;
	top: 42px
}

#content {
	padding: 10px 20px 10px 30px;
	_padding-top: 15px;
	float: left;
	width: 485px;
}

#content ul {
	margin-top: 0.5em;
	padding-top: 0;
}

#content ul li {
	line-height: 1.7;
	list-style-type: square;
}

#content #prompt {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 2;
	margin-bottom: 10px;
}

#content .label{
	font-weight: bold;
}

#content .post {
	margin-bottom: 24px;
}

#content .entry {
	margin-bottom: 20px;
}

#comments {
	margin-top: 1em;
}

#comments .comment-header {
	margin-bottom: 25px;
}

#comments .comment-box {
	margin-bottom: 1.5em;
}

#comments .odd {
	background: #fff;
}

#comments .comment-date {
	font-weight: bold;
}

#comments .comment-message p {
	margin-top: 0.5em;
	font-style: italic;
}

#comments dl {
	font-size: 1em;
	background: #fff;
	margin: 0 0 0 20px;

	border-left: 5px solid #e5e5e5;
}

#comments dl dd {
	margin: 0 0 0 10px;
}

#comments .moderate {
	color: #35bef2;
}

#comments input, #comments select, #comments textarea {
	margin: 2px 2px 4px 0;
}

#comments form {
	color: #aaa;
}

#comments h1 {
	font-size: 1.2em;
	color: #333333;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#sidebar {
	margin-left: 565px;
	margin-bottom: 25px;
	padding-top: 5px;
}

#sidebar #search {
	margin-bottom: 10px;
}

#sidebar .pallete {
	width: 186px;
	margin-bottom: 20px;
}

#sidebar .pallete .header {
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#sidebar .pallete .content {
	padding: 0;
	line-height: 1.6;
	
	color: #777;
	font-weight: normal;	
}

#sidebar .pallete .pages {
	font-family: arial, geneva, sans-serif;
	font-weight: bold;
}

#sidebar #search {
	font-weight: bold;
	color: #555;
}

#sidebar ul, #sidebar ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
}

#footer {
	clear: both;
	background: url("./images/footer_bg.png") no-repeat top;
	padding: 5px 30px 0 30px;
	height: 48px;
	margin-bottom: 20px;
	line-height: 1.8;
}

.postmetadata, .form {
	padding: 5px 0;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.right {
	float: right;
}

.left {
	float: left
}

.center {
    text-align: center;
}

.short_note {
  margin-top: 0.5em;  
}

.image {
  margin: 2em 0;
}

/** TYPO */
body {
	font-size: 68.75%; /* Resets 1em to 11px */
	font-family: verdana, geneva, sans-serif;
	color: #333333;
	line-height: 1.5;
}

h1,h2,h3,h3,h4,h5 {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
  margin: 0;
}

h1 {
  font-size: 1.8em;
  letter-spacing: -1px;
  margin-bottom: 0.5em;
  line-height: 1.3;
}

.header_title h1 {
  margin-bottom: 0;
}

.header_title .date {
  font-size: 0.9em;
}

.header_title {
  margin-bottom: 1.7em;
}

h2, h4 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 1em 0 1em 0;
}

h2 a {
	text-decoration: none;
	border: 0;
}

h3 {
	font-size: 1em;
  font-weight: bold;
  margin: 1.5em 0 0.5em 0;
}

p {
	clear: right;
  margin: 0 0 1em 0;
	line-height: 1.6;
}

::-moz-selection {
	background: #e1f1fc;
}

::selection {
	background: #e1f1fc;
}

img.author {
	margin: 30px 0 20px 0;
}

img.shot {
	border: 1px solid #eee;
	padding: 4px;
	background: #fff;
	margin-left: 4px;
	margin-right: 8px;
	margin-bottom: 8px;
}

img.image {
  margin: 1em 0;
}

html>img.shot {
	margin-bottom: 5px;
}

a {
	text-decoration: none;
	color: #557799;
}

a:focus,a:active {
	color: #35bef2;
	
}

a:hover {
	color: #35bef2;
	background: #ebf5fc;
}

a img {
	border: none;
}

dl dt{
	margin-top: 1em;
}

dl dd {
	margin-top: 0.5em;
}

pre {
	margin: 1em 0;
	padding: 5px 10px;
	background: #f2f8fd;
	color: #000;
	width: 95%;
	font-size: 11px;
	clear:both;
	
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
}

code {
	background: #f2f8fd;	
}

blockquote {
	background: #f7f7f7 url("images/quote_gbg.gif") no-repeat 5px 15px;
	padding: 5px 10px 5px 35px;
	
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

	font-family: georgia;
	margin: 0 25px 0 15px;
}

blockquote div.author {
	font-weight: bold;
	font-style: italic;
	padding-bottom: 5px;
}

#content {
}

#content h2 a:hover {
	background: none;
}

#content .author {
	font-size: 0.9em;
	color: #555;
}

#content .postmetadata, .form {
	color: #555;
	clear: both;
}

#content .postmetadata .category {
	float: left;
	width: 370px;
}

#content .postmetadata .comment {
	text-align: right;
	padding-right: 10px;
}

#content ol li, #content ul li {
	margin-bottom: 1em;
}

#footer {
	font-size: 0.8em;
}

/* Form Elements */
form {
	margin: 0;
}

label {
	font-weight: bold;
}

input {
	padding: 2px 3px;
	border: 1px solid #a5acb2;
	font-size: 1.2em;
	vertical-align: middle;
}

input.button, #contactsubmit {
	color: #666666;
	background: #f2f2f2;
	font-weight: bold;
	margin-top: 8px;
}

textarea {
	font-family: arial, helvetica, sans-serif;
}

#sidebar input.search {
	padding: 1px;
	width: 148px;
}

.album {	
	width: 450px;
}

.photo {
	margin: 4px;
	padding: 2px;
	float: left;
	border: 1px solid #ddd;
}

/* Contact Form CSS */
.form {
	border-top: 1px dashed #ccc;
	padding: 15px 0 0 0;
	margin: 20px 0;
}

.form h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #444;
}

.contactform {
	margin-top: 1em;
}

.contactform .contactleft  {
	margin-top: 1em;
}

.contactform input, .contactform textarea {
	vertical-align: top;
}

.contactform .message {
	margin-bottom: 1em;
	font-weight: bold;
	color: #35bef2;
}

.contactform .error {
	color: #f10;			
}

.contactform .fieldError {
	padding: 1px;
	display: inline-table;
	color: #f10;
}

/* CLEARING */
.clear, .clearfix {
	clear: both;
}