/* 
Theme Name: Watts Design
Theme URL: http://www.wattsdesign.com.au
Description: The theme for Watts Design
Author: Anem Design
Author URI: http://www.anem.com.au
Version: 1.0
*/





/* reset */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align: left;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}





/* basic styling */

html, body {
	overflow: hidden;
	height: 100%;
	width: 100%;
}

body {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 11px;
	color: #6e6e6e;
	background: url('images/backgrounds/1.jpg') fixed no-repeat;
}

p {
	padding: 0 0 8px 0;
	line-height: 16px;
}

ul, ol {
	padding: 0 0 16px 0;
	line-height: 16px;
	margin: 0 0 0 25px;
	border-bottom: dotted 1px #fff;
}

li {
	margin: 3px 0;
}

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

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0 0 8px 0;
	line-height: 1.4;
}

h1 {
	font-size: 20px;
	color: #d42b2c;
}

h2 {
	font-size: 14px;
	color: #d42b2c;
}

h3 {
	font-size: 12px;
	color: #d42b2c;
}

h4 {
	font-size: 11px;
	font-weight: 900;
	color: #222;
}

h5 {
	font-size: 24px;
	color: #6e6e6e;
}

h6 {
	font-size: 20px;
	color: #6e6e6e;
}

strong {
	font-weight: 900;
}

em {
	font-style: italic;
}

blockquote {
	padding: 8px 0 16px 25px;
	color: #999;
	background: url(images/blockquote.gif) top left no-repeat;
}

.clear {
	clear: both;
}

.rounded {
	   -moz-border-radius-topright: 20px;
  	-webkit-border-top-right-radius: 20px;
  			border-top-right-radius: 20px;
}





/* bolt */

#bolt {
	position: absolute;
	top: 22px;
	right: 55px;
	width: 26px;
	height: 48px;
	padding: 0;
	margin: 0;
	z-index: 29;
	background: url(images/bolt.png) no-repeat;
}





/* container */

#container {
	width: 905px;
	height: 100%;
	min-height: 472px;
	position: relative;
}





/* logo */

h1.logo {
	position: absolute;
	top: 22px;
	left: 55px;
	width: 200px;
	height: 48px;
	padding: 0;
	margin: 0;
	z-index: 30;
}

h1.logo a {
	display: block;
	width: 200px;
	height: 48px;
	text-indent: -10000px;
	background: url(images/logo.gif) top no-repeat;
}

h1.logo a:hover {
	background-position: 0 bottom;
}





/* sidebar */

#sidebar {
	position: absolute;
	width: 240px;
	height: 100%;
	margin: 0;
	padding: 100px 15px 0;
	background: #000;
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	filter:alpha(opacity=85);
}

#sidebar ul {
	float: right;
	clear: right;
	width: 130px;
	margin: 0;
	padding: 6px 0;
	text-align: right;
	list-style: none;
	text-transform: lowercase;
}

#sidebar ul li {
	line-height: 14px;
}

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

#sidebar ul li.current-cat a, #sidebar ul li.current_page_item a {
	color: #d42b2c;
}





/* content */

#content {
	position: absolute;
	width: 620px;
	height: 100%;
	margin: 90px 0 0 270px;
	padding: 15px 15px 0 0;
	background: #fff;
}


/* single post content */

#content .post {
	float: right;
	position: relative;
}

#content .post h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 19px;
	text-align: right;
}

#content .post h2 a {
	display: block;
	padding: 0 28px 0 0;
	color: #d42b2c;
	text-decoration: none;
	background: url(images/arrow.gif) top right no-repeat;
}

#content .post h2 a:hover {
	background-position: bottom right;
}

#content .post .post-content h2 {
	display: block;
	width: 150px;
	padding: 0 28px 14px 0;
	font-size: 12px;
	line-height: 19px;
	text-align: right;
	color: #fff;
}

.post-content {
	display: none;
	overflow: hidden;
	position: absolute;
	top: -15px;
	right: -15px;
	width: 210px;
	margin: 0;
	padding: 0;
	color: #fff;
	z-index: 20;
}

.post-content-inner {
	overflow: hidden;
	padding: 15px 16px 16px;
	background: #181717;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
	   -moz-border-radius-topright: 20px;
	   -moz-border-radius-bottomleft: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
			border-top-right-radius: 20px;
			border-bottom-left-radius: 20px;
}

.post-content-inner p {
	text-align: right;
}


/* clients list */

#content ul.clients {
	float: left;
	width: 410px;
	margin: 0;
	padding: 0 0 0 8px;
	list-style: none;
	border: none;
}

#content ul.clients li {
	float: left;
	margin: 0;
	padding: 0;
}

#content ul.clients li a {
	display: block;
	width: 19px;
	height: 19px;
	line-height: 19px;
	color: #d7d7d7;
	text-decoration: none;
	text-align: center;
}

#content ul.clients li a:hover {
	color: #9c9c9c;
}

#content ul.clients li.selected a {
	color: #d42b2c;
}

.tooltip {
	display: none;
	padding: 4px 10px;
	font-size: 12px;
	text-align: left;
	color: #fff;
	background: #181717;
	   -moz-border-radius-topright: 5px;
  	-webkit-border-top-right-radius: 5px;
  			border-top-right-radius: 5px;
}


/* scrollable images */

#content .scrollable {
	position: relative;
	clear: left;
	overflow: hidden;
	width: 570px;
	height: 1200px;
	padding: 0 0 0 15px;
}

#content .scrollable .items {
	position: absolute;
	height: 1200px;
}

#content .scrollable .items .attachment-large, #content .scrollable .items .attachment-medium {
	padding: 0 0 20px;
}


/* scrollable with text */

#content .inline {
	clear: none;
	float: right;
	width: 320px;
	padding: 0 16px 0 0;
}


/* scrollable navigation */

#content .navi {
	float: left;
	clear: left;
	width: 410px;
	padding: 0 0 8px 8px;
}

#content .navi a {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	background: url(images/dot.gif) top center no-repeat;
}

#content .navi a:hover {
	background-position: center center;
}

#content .navi a.active {
	background-position: bottom center;
}

a#next, a#prev {
	position: absolute;
	display:block;
	left: 873px;
	width: 16px;
	height: 16px;
	cursor:pointer;
}

a#prev {
	bottom: 42px;
	background: url(images/prev.gif) top left no-repeat;
	z-index: 10;
}

a#next {
	bottom: 17px;
	background: url(images/next.gif) top left no-repeat;
	z-index: 11;
}

a#prev:hover, a#next:hover {
	background-position: bottom left;
}

a.disabled {
	visibility:hidden !important;		
}


/* single post with text view */

#content .inline-post {
	clear: left;
	float: left;
	width: 260px;
	padding: 0 0 0 15px;
}


/* category view */

#content .category-post {
	padding: 0 0 16px;
}

#content .cat-heading {
	padding: 0 0 8px 15px;
}


/* forms */

form div {
	padding: 0 0 8px;
}





/* footer */

#footer {
	position: absolute;
	bottom: 6px;
	width: 255px;
	color: #fff;
	text-align: right;
	text-transform: lowercase;
}

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