/*   
Theme Name: Lasoo Blogs
Theme URI: http://www.lasoo.com.au
Description: Custom Theme for Lasoo Blogs
Author: Salmat DigitalForce Pvt Ltd
Author URI: http://www.digitalForce.com.au 
Template: 
Version: 0.1
.
General comments/License Statement if any.
.
*/

/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =global */

body {font: 100.01%/1.4 arial, verdana, sans-serif}

a {}
a:link {}
a:visited {}
a:focus, a:hover, a:active {text-decoration: none}

.hidden {display: none}

/* =layout */

#site {font-size: 75%; width: 993px; margin: 0 auto 30px; background: url(images/site-bg.gif) 0 0 repeat-y; position: relative}
#site-outer {background: transparent url(images/site-top-bg.gif) 0 0 no-repeat}
#site-inner {background: transparent url(images/site-bottom-bg.gif) 0 100% no-repeat; padding: 0 0 21px 0}

#header {width: 245px; height: 126px; position: absolute}
	#header .logo {text-indent: -9999em}
		#header .logo a {display: block; width: 260px; height: 126px; background: transparent url(images/header-blog.gif) 100% 100% no-repeat}

#navigation {padding: 100px 9px 0 9px; height: 110px; background: transparent url(images/navigation-bg.gif) 9px 100px no-repeat}
	#navigation ol {width: 684px; height: 36px; float: right; margin: 1px 1px 0 0}
		#navigation li {float: left; text-indent: -9999em}
		#navigation a {display: block; height: 36px; background: transparent url(images/navigation.gif) 0 0 no-repeat}
			#navigation .cat-item-3 a {width: 84px; background-position: 0 0}
			#navigation .cat-item-4 a {width: 108px; background-position: -84px 0}
			#navigation .cat-item-5 a {width: 113px; background-position: -192px 0}
			#navigation .nav-preshopnews a {width: 157px; background-position: -305px 0}
			#navigation .nav-ulasoo a {width: 108px; background-position: -462px 0}
			#navigation .nav-lasoo a {width: 112px; background-position: -570px 0}
			
			#navigation .cat-item-3 a:focus, #navigation .cat-item-3 a:hover, #navigation .cat-item-3 a:active, 
			.home #navigation .cat-item-3 a, .blog #navigation .cat-item-3 a {background-position: 0 -36px}
			
			#navigation .cat-item-4 a:focus, #navigation .cat-item-4 a:hover, #navigation .cat-item-4 a:active, 
			.reviews #navigation .cat-item-4 a {background-position: -84px -36px}
			
			#navigation .cat-item-5 a:focus, #navigation .cat-item-5 a:hover, #navigation .cat-item-5 a:active, 
			.comps #navigation .cat-item-5 a {background-position: -192px -36px}
			
#content {float: right; margin: 0 9px 0 0; width: 775px; min-height: 600px; background: #fff url(images/content-bg.gif) 0 100% no-repeat}
#content-inner {padding: 0 45px 45px}

#sidebar {float: left; width: 153px; margin: 0 0 0 23px; color: #fff}
	#sidebar a {color: #fff}
	#sidebar .module {background: transparent url(images/sidebar-bg.gif) 0 0 repeat-y; padding: 10px}
		#sidebar .module-header {margin: 0 0 8px}
			#sidebar .module-header .heading {color: #fff; font-size: 1.3em}

#footer {clear: both; width: 839px; height: 48px; margin: 100px auto 0; background: transparent url(images/footer-bg.gif) 0 0 no-repeat}
	#footer a {color: #fff}
	#footer ul {text-align: center; padding: 5px 0}
	#footer li {display: inline}
		#footer li:first-child a {background: none}
		#footer li a {padding: 0 8px; text-decoration: none; background: transparent url(images/footer-separator.gif) 0 50% no-repeat}
		#footer li a:focus, #footer li a:hover, #footer li a:active {text-decoration: underline}
	#footer p {color: #fff; text-align: center; font-size: .9em}

/* =headings */

.heading-image {position: relative}
	.heading-image span {position: absolute; top: 0; left: 0}

/* =module */

.module {margin: 0 0 1.8em}
	.module-header .heading {font-size: 1.583em}
	.module-content .heading {font-size: 1.167em}

/* =search */

.heading-search {width: 61px; height: 19px}
	.heading-search span {width: 61px; height: 19px; background: transparent url(images/heading-search.gif) 0 0 no-repeat}

.module-search #s {width: 100px}
.module-search button {display: block; width: 40px; height: 20px; background: transparent url(images/button-search-blue.gif) 0 50% no-repeat; border: none; text-indent: -9999em; cursor: pointer}

#lasoo-search {position: absolute; top: 35px; right: 20px; width: 295px; background: #b4b3b9 url(images/lasoo-search-bg.gif) repeat-y scroll 0 0; color: #fff}
	#lasoo-search legend {display: none}
	#lasoo-search fieldset {padding: 10px}
	#lasoo-search label {font-weight: bold; font-size: 1.167em}
	#lasoo-search button {display: inline; vertical-align: middle; width: 29px; height: 17px; background: transparent url(images/lasoo-go.gif) 0 50% no-repeat; border: none; text-indent: -9999em; cursor: pointer}
	#lasoo-search input {width: 125px; margin: 0 2px 0 10px; vertical-align: middle}

#sidebar .module-search input {width: 85px; float: left; margin-right: 2px}
#content .module-search .module-header {display: none}
#content .module-search button {text-indent: 0; background: none; display: inline; width: auto
}
/* =reviews */

.reviews #header .logo a {background-image: url(images/header-reviews.gif)}

/* =comps */

.comps #header .logo a {background-image: url(images/header-comps.gif)}

/* =post */

.post {background: transparent url(images/post-bg.gif) 0 0 no-repeat; overflow: hidden; margin: 0 0 4em}
	.post .post-creation {padding: 1px 0 0; font-size: 1.167em}
	.post .post-edit {float: right}
	.post .module-header {float: right; width: 670px}
		.post .module-header .heading {margin: .5em 0; font-weight: bold}
			.post .module-header .heading a {color: #000; text-decoration: none}
			.post .module-header .heading a:focus,
			.post .module-header .heading a:hover,
			.post .module-header .heading a:active {text-decoration: underline}
	.post .module-media {width: 218px; float: left}
		.post .module-media img {border: 1px solid #ff8b30; xbackground: #fff}
	.post .module-content {font-size: 1.083em; float: right; width: 670px; clear: right}
		.post .module-content p {margin: .5em 0 .8em}
	.post .module-footer {width: 218px; float: left; clear: left}
	.post .module-meta {float: right; clear: right; width: 670px}
		.post .post-author {font-weight: bold; font-size: 1.167em; margin: .2em 0}
		.post .post-comments {font-size: 1.083em}
			.post .post-comments a {color: #000}
		.post .post-tags {font-size: 1.083em}
			.post .post-tags a {color: #000}

/* =comments */

#comments {clear: both}

textarea {width: 200px}