/*
Theme Name: Cumulus
Description: Official theme for NovaVizio
Author: Aviator
Author URI: http://www.novavizio.com/ms/perihal
Version: 2.1

Copyright (c) 2007 Aviator
*/

body { font: normal 12px/1.5 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

	a { color: #003C59; text-decoration: none; border-bottom: 1px solid #E5E5E5; }
	a:hover { color: #0077B2; }
	a:visited { color: #50404D; }
	a:visited:hover { color: #990066; }
	a img { border: none; }

	p { margin: 1.5em 0; padding: 0; }

	h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; padding: 0; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border: none; color: inherit; }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #0077B2; }

	h1 { font: normal 5em Georgia, serif; margin: 0; }

	h2 { font-size: 2.25em/*27px*/; line-height: 1.333em/*36px*/; margin: 1.333em 0 .667em; font-weight: normal; color: #333333; letter-spacing: -.01em; }
	h2 a, h2 a:visited { color: #333333; }
	h2 a:visited:hover { color: #990066; }

	h3 { font-size: 1.5em; line-height: 1em; margin: 2em 0 1em; font-weight: normal; color: #1A1A1A; }
	h3 a, h3 a:visited { color: #1A1A1A; }
	h3 a:visited:hover { color: #990066; }

	ul, ol { padding-left: 2em; margin-left: 0; }

	blockquote, pre { margin-left: 2em; }

	code { font: 1em/1.5 Consolas, monospace; }

	div#footer { font-size: .833em; }

	div#header p { font: bold 1.17em Arial, Helvetica, sans-serif; margin-top: 0; }

	div#content { }
		
		div#content h2.title, div#content h2#comments { margin-bottom: 0; }
	
		*.post p.posted, *.post p.count, body.archive p.count { font: bold 1.25em/1.2em Arial, Helvetica, sans-serif; color: #666666; margin: 0 0 1.2em 0; }

		div.content :lang(ar) { font: 1.2em "Arabic Typesetting", Tahoma, sans-serif; }

		li.comment.author cite { font-weight: bold; }

	div#sidebar { }
	
	div#footer { }
	
		div#footer p { color: #666666; }

/* Layout */

body { background: url(images/bg.jpg) top left no-repeat; padding: 0; margin: 0; }

	hr { display: none; }

	div#header { margin: 40px 0 40px 150px; }
	
		div#header h1 { margin: 0; background: url(images/title.jpg) no-repeat /* EXPERIMENTAL: Place this back in the rule below if it causes problems */; }
		div#header h1 a { display: block; width: 420px; height: 90px; text-indent: -100em; overflow: hidden; }
		div#header h1 a:hover { background-image: url(images/title-hover.gif); }

		div#header p { display: none; }

	div#content { margin: 0 50px 0 280px; }

		div#content h2.title { margin-top: 0; }

		div#content div.post { margin-bottom: 3em; }

	div#sidebar { position: absolute; left: 0; top: 179px; width: 200px; text-align: right; }

		div#sidebar div.widget a { border: none; }
		div#sidebar div.widget a:hover { text-decoration: underline; }

		div#sidebar div.widget ul { margin: 0; padding: 0; }

		div#sidebar div.widget li { list-style-type: none; margin: 0; padding: 0; }

		div#sidebar div.widget#widget-nav h2 { display: none; }

		div#sidebar div.widget#widget-nav li.page a { display: block; background-repeat: no-repeat; background-position: right;  text-align: left; text-indent: -100em; overflow: hidden; height: 18px; }
		div#sidebar div.widget#widget-nav li.page#page-perihal a { background-image: url(images/page-perihal.jpg); }
		div#sidebar div.widget#widget-nav li.page#page-arkib a { background-image: url(images/page-arkib.jpg); }
		div#sidebar div.widget#widget-nav li.page#page-pautan a { background-image: url(images/page-pautan.jpg); }

	div#footer { margin: 30px 50px 0 280px; padding-bottom: 50px; }

/* vim: set sw=4 ts=4: */