/* Eric Meyer's reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body {
	line-height: 1;
	color: black;
	background-color: white;
	background-image: url(http://www.modvideos.com.au/images/bg-1px.jpg);
}
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Typography */

h1, h2, h3, h4, h5 {
	color: #333333;
	clear: both;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	padding: 5px 0;
}
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }

a { color: #336699; text-decoration: none; }
a:hover { text-decoration: underline; }

pre { background-color: #e0e0e0; padding: 10px; margin-bottom: 10px; }

#sideBar h2 { border-left: 10px solid #b0b0b0; margin-bottom: 10px; padding-left: 5px; }

body {
	color: #333333;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

/* classes */
.frame { border: 1px solid #b0b0b0; padding: 5px; }
.error { margin: 5px 0; color: red; }
.success { margin: 5px 0; color: green; }

/* wrap */
#wrap { width: 960px; margin: 0 auto; }

/* header */
#header { border-bottom: 1px solid #b0b0b0; margin-bottom: 30px; }
#logo { float: left; margin: 25px 0; }
#header p { float: left; margin: 42px 0 0 20px; }

/* content */
#content { clear: both; float: left; margin: 20px 0; width: 730px; }

/* sidebar */
#sidebar { border-left: 1px solid #b0b0b0; float: right; margin: 20px 0; padding-left: 20px; width: 190px; }

/* footer */
#footer { border-top: 1px solid #b0b0b0; clear: both; padding: 10px 0; }
#footer p { color: #555; }

/* navigation */
#nav { clear: both; }
#nav li { display: inline; float: left; margin-right: 20px; }
#nav li a { background-color: #e0e0e0; border: 1px solid #b0b0b0; display: block; float: left; margin-bottom: -1px; padding: 5px 20px; }
#nav li a.active { background-color: #fff; border-top: 1px solid #fff; }

/* post */
.post { margin-bottom: 20px; }
.post h1 { font-weight: normal; font-size: 30px; font-weight: bold; margin-bottom: 10px; }
.post h1 a { color: #444; }
.post h1 a:hover { color: #000; text-decoration: none;}
.postDescription { margin: 10px 0; }
.postContent { overflow: hidden; }
.postContent h2 { margin: 5px 0 10px 0; }
.postContent p { clear: both; }
.postContent img { border: 1px solid #b0b0b0; float: left; padding: 5px; margin: 0 5px 5px 0; }
.postInfo { background-color: #e0e0e0; clear: both; margin: 10px 0; padding: 4px; }
.postReadMore { font-weight: bold; font-style: italic; }
.post table th, .post table td { padding: 5px; }
.post table th { border-bottom: 1px solid #555; }
.post ul li, .post ol li { margin: 5px 0; }
.post ul { list-style-type: square; list-style-position: inside; margin: 0 10px; }
.post ol { list-style-type: decimal; list-style-position: inside; margin: 0 10px; }
.post table, .post ol, .post ul, .post p { margin-bottom: 10px; }

/* comments */
.postComment { margin: 15px 0 5px 0; }
.postComment h5 { background-color: #e0e0e0; font-weight: normal; padding: 4px; } /* INFO */
.postComment.child { margin: 0 0 5px 20px; }
.postComment p { border: 1px solid #b0b0b0; padding: 5px; }

/* .pages */
.pages a { border: 1px solid #b0b0b0; display: inline-block; padding: 2px 8px; margin-right: 2px; }

/* .list */
.list { border-top: 1px solid #e0e0e0; margin-bottom: 20px; }
.list li { border-bottom: 1px solid #e0e0e0; padding: 5px 0; }
.list .active { color: #000; }

/* form */
.form { width: 100%; margin-bottom: 10px; }
.form div { margin: 0 0 10px 0; }
.form fieldset { border: 1px dotted #b0b0b0; padding: 10px; margin-bottom: 5px; }
.form legend { color: #333333; font-size: 1.1em; font-weight: bold }
.form label { background-color: #f5f5f5; color: #333333; display: block; font-size: 1.1em; padding: 4px; }
.form label small { color: #555555; font-size: 12px; margin-left: 10px; }
.form input, .form textarea { background-color: #ffffff; border: 1px solid #999999; display: inline-block; margin-bottom: 10px; padding: 2px; }
.form input:focus, .form textarea:focus { background-color: #f9f9f9; }
.form select { background-color: #ffffff; border: 1px solid #999999; display: block; margin-bottom: 10px; margin-top: 4px; padding: 2px; }
.form .button { background-color: #e5e5e5; border: 1px solid #b0b0b0; color: #555555; display: inline-block; margin-top: 5px; padding: 2px; }
.form .medium { width: 50%; }
.form .long { width: 70%; }
.form .valid { border: 1px solid green; }
.form .invalid { border: 1px solid red; }
form .addMore { margin-top: -10px; margin-bottom: 5px; }
form .addMore a { color: green; }

/* pageTitle */
#pageTitle { background-color: #e9e9e9; border-bottom: 1px solid #b0b0b0; color: #222; font-size: 1.2em; margin-bottom: 10px; padding: 5px; }