@charset "utf-8";

/*------------------------------------------------------------------------------
	CSS smooth operator
	Style Sheet for Basic Setting
	Date: 2009-04
	All content (c) CSS smooth operator
------------------------------------------------------------------------------*/

/* =reset
--------------------------------------------------------- */
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,
address,img,
legend,fieldset {
	font-style: normal;
	font-size: 1em;
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	list-style-type: none;
	}


/* =page structure
--------------------------------------------------------- */
body {
	font: 10px/1 Helvetica,Arial,Sans-serif;
	text-align: center;
	color: #000;
	background-image: url("../imglib/upperend.png");
	background-repeat: repeat-x;
	}

#skip {
	position: absolute;
	top: -10000px;
	}

#masthead {
	width: 93.5em;
	margin: 0 0 8em;
	overflow: hidden;
	}

#wrapper {
	width: 93.5em;
	text-align: left;
	margin: 0 auto;
	}

#showcase {
	width: 80em;
	float: right;
	overflow: hidden;
	padding: 1em 0 0;
	background: url("../imglib/base.png") repeat-x 0 -29px;
	}

#pages {
	width: 10.5em;
	padding: 1em;
	float: left;
	color: #000;
	background: url("../imglib/base.png");
	text-transform: lowercase;
	}

#footer {
	width: 78em;
	padding: 1em;
	margin: 0 0 0 13.5em;
	color: #CCC;
	background: url("../imglib/base.png");
	overflow: hidden;
	}


/* =heading
--------------------------------------------------------- */
h1 {
	height: 37px;
	
	margin: 8em 0 4em;
	font: 1.2em/1 "Times New Roman", Times, serif;
	}

h2 {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.5;
	text-transform: uppercase;
	margin: 0 0 1.9em;
	}

#message #showcase h2,
#result h2#rMessage,
#webpages #showcase h2,
#archives #showcase h2,
#contact #showcase h2,
#submit #showcase h2 {
	width: 22em;
	float: left;
	}

h3 {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.5;
	}

h4 {
	display: none;
	}


/* =article
--------------------------------------------------------- */
p {
	line-height: 1.5;
	margin: 0 0 2em;
	}

#masthead p {
	font-size: 1.1em;
	line-height: 1.6;
	margin: 0;
	}

#masthead p strong {
	font-weight: normal;
	}

p span {
	text-transform: lowercase;
	}

p.nav {
	font-size: 1.1em;
	position: absolute;
	margin: -3.5em 0 0 26em;
	}

p#goTop {
	clear: both;
	line-height: 1.2;
	font-size: 1em;
	text-align: right;
	text-transform: uppercase;
	margin: 0 0 .8em;
	}

p#goTop a {
	padding: 0 10px 0 0;
	background: url("../imglib/arrow.png") no-repeat 100% 50%;
	}

p#goTop a:hover {
	color: #000;
	}

p#host {
	position: absolute;
	top: 10px;
	}

address {
	float: right;
	text-align: right;
	width: 22em;
	font-size: 1.1em;
	}

blockquote {
	font-size: 1.2em;
	}


/* =link
--------------------------------------------------------- */
a {
	color: #000;
	}

h1 a {
	text-decoration: none;
	}


/* =#showcase
--------------------------------------------------------- */
#formPkg {
	width: 50.2em;
	margin: 0 15px 3em 0;
	float: right;
	}

#formPkg h2 {
	margin: 0 0 2em;
	}

#formPkg h2#leaveAcomment {
	margin: 3em 0 2em;
	}

#formPkg p.comment {
	font-style: italic;
	font-size: 1.1em;
	margin: 0;
	}

#formPkg p.comment strong {
	font-style: normal;
	}

#textPkg {
	width: 53em;
	float: right;
	}

#textPkg p {
	font-size: 1.1em;
	}

#message #textPkg p,
#result #textPkg p,
#contact #textPkg p,
#submit #textPkg p {
	font-size: 1.2em;
	margin: 0;
	}

#contact #textPkg form p,
#submit #textPkg form p {
	margin: 0 0 .5em;
	}

#contact #textPkg blockquote p,
#submit #textPkg blockquote p {
	font-size: 1em;
	}

#thumbnails h3 {
	font-size: 1.2em;
	margin: 0 0 2em .5em;
	}

.feature {
	width: 80em;
	overflow: hidden;
	margin: 0 0 3em;
	}

.capture {
	width: 530px;
	height: 366px;
	float: right;
	background: url("../imglib/shadow.png") no-repeat 0 0;
	}

.capture img {
	margin: 7px 0 0 14px;
	display: block;
	width: 502px;
	height: 338px;
	}

.capture a {
	outline: none;
	text-decoration: none;
	}

.capture a:hover img,
.capture a:active img {
	outline: 1px dotted #333;
	}

.details {
	width: 26em;
	margin: 7px 0 0;
	float: left;
	}

.details p {
	margin: 0;
	}

.details p.feedBack {
	text-transform: uppercase;
	font-size: 1.2em;
	margin: 2.2em 0 0;
	}

.details h3 {
	font-size: 1.2em;
	}

.details h3 span {
	font-size: 1.2em;
	}

.details dl {
	font-size: 1.1em;
	line-height: 1.5;
	}

#thumbnails {
	width: 53.5em;
	float: right;
	}

#thumbnails ul {
	overflow: hidden;
	margin: 0 0 2em;
	}

#thumbnails ul li {
	width: 6.125em;
	height: 6.125em;
	float: left;
	margin: 0 0 .5em .5em;
	overflow: hidden;
	}

#pageNav {
	overflow: hidden;
	}

#pageNav li {
	text-transform: lowercase;
	float: left;
	margin: 0 .1em 0 0;
	}

#pageNav li a {
	padding: .9em 1em;
	display: block;
	background: url("../imglib/base.png");
	text-decoration: none;
	}

#pageNav li a:hover {
	color: #FFF;
	}

#pageNav strong a {
	font-weight: normal;
	color: #FFF;
	background: #000;
	}

#pageNav li span {
	padding: .9em .5em;
	display: block;
	}


/* =#pages
--------------------------------------------------------- */
#pages h2 {
	font-size: 1.1em;
	line-height: 1.2;
	margin: 0;
	}

#pages a:hover {
	color: #FFF;
	}

#pages ul,
#pages dl {
	font-size: 1.1em;
	line-height: 1.1;
	text-transform: lowercase;
	margin: 0 0 3em;
	}

#pages ul#global {
	text-transform: uppercase;
	line-height: 1.4;
	margin: 0 0 2.75em;
	}

#pages ul li a {
	display: block;
	}

#pages ul.inherit {
	text-transform: none;
	}

#pages ul#entryList {
	margin: .5em 0 2.5em;
	overflow: hidden;
	}

#pages ul#entryList li {
	width: 4.5em;
	height: 4.5em;
	float: left;
	margin: 0 .5em .5em 0;
	overflow: hidden;
	}

#pages ul#entryList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li,
#pages ul#entryList li + li + li + li,
#pages ul#entryList li + li {
	margin-right: 0;
	}

#pages ul#entryList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li + li + li,
#pages ul#entryList li + li + li + li + li,
#pages ul#entryList li + li + li {
	margin-right: .5em;
	}

#pages ul#share li {
	min-height: 1.6em;
	line-height: 1.4;
	margin: 0;
	}

#pages ul#share li.feeds {
	background: url("../imglib/feeds.png") no-repeat 0 .1em;
	margin: 0 0 .2em;
	padding: 0 0 0 18px;
	}

#pages ul#share li + li + li + li { margin-top: .3em; }

#pages .sdmenu dl {
	overflow: hidden;
	}

#pages .sdmenu dl.collapsed {
	height: 1.1em;
	}

#pages .sdmenu dl dt {
	display: block;
	background: url("../imglib/expanded.png") no-repeat 5em .1em;
	cursor: pointer;
	font-size: 1.1em;
	line-height: 1.1;
	text-transform: uppercase;
	}

#pages .sdmenu dl.collapsed dt {
	background-image: url("../imglib/collapsed.png");
	}

#pages .sdmenu dl dd a {
	display: block;
	}


/* =#footer
--------------------------------------------------------- */
#footer p {
	width: 47em;
	float: left;
	margin: 0;
	line-height: 1;
	color: #000;
	}

#footer p span {
	text-transform: uppercase;
	}

#footer p a {
	text-decoration: none;
	}

#footer p a:hover {
	color: #FFF;
	}


/* =form
--------------------------------------------------------- */
form {
	margin: 4em 0;
	padding: 8em 0 4em;
	background: url("../imglib/whiteBase.png");
}

#contact #showcase form,
#submit #showcase form {
	margin: 2em 0 0;
}

form h3 {
	text-transform: uppercase;
	}

form p {
	margin: 0 0 .5em;
	}

form p.description {
	margin: 0 0 2em;
	}

form strong {
	position: absolute;
	margin: 0 0 0 6em;
	}

fieldset {
	width: 26em;
	margin: 0 auto;
	}

legend {
	position: absolute;
	font-size: 1.2em;
	line-height: 1.5;
	text-transform: uppercase;
	padding: 0 .25em;
	margin: -4em 0 0;
	background: url("../imglib/whiteBase.png");
	}

input#comment-author,
input#comment-email,
input#comment-url,
input#mail_author,
input#mail_email,
input#WebsiteName,
input#WebsiteURL,
input#mail_yoursitename,
input#mail_yoursiteurl {
	width: 21.0em;
	padding: .5em .75em;
	border: 1px solid #000;
	background: transparent;
	}

input#captcha_code {
	width: 130px;
	padding: 5px 7px;
	}

input#comment-bake-cookie {
	margin: 0 .5em 0 0;
	vertical-align: middle;
	}

textarea {
	width: 18.25em;
	height: 10em;
	line-height: 1.4;
	padding: 5px 7px;
	margin: 0 0 .5em;
	border: 1px solid #000;
	overflow: auto;
	background: transparent;
	}

#formPkg input:focus,
#textPkg input:focus,
textarea:focus {
	background: #FFF;
	}

#masthead form {

	width: 311px;
	height: 39px;
	margin: 0 0 0 62.5em;
	padding: 0;
	background: url("../imglib/uppertab.png") no-repeat 100% 0;
	}

#masthead form p {
	width: 311px;
	margin: 0;
	}

#masthead fieldset {
	width: 311px;
	margin: 0;
	padding: 0;
	background: none;
	}

#masthead legend {
	display: none;
	}

#masthead input {
	width: 235px;
	height: 18px;
	margin: 3px 0 0 25px;
	padding: 4px 5px 0 20px;
	border: none;
	background: url("../imglib/searchbox.png") no-repeat 0 0;
	}


/* =#error
--------------------------------------------------------- */
#error {
	color: #FFF;
	background: #000;
	}

#error h1 {
	float: none;
	width: auto;
	margin-top: 11.5em;
	}

#error p {
	color: #FFF;
	margin: 0 0 3em;
	}

#error a {
	color: #000;
	padding: 0 .3em;
	background: #FBBB11;
	}


/* =.rating
--------------------------------------------------------- */
.ratings {
	margin: 2.2em 0 0;
	}

.ratings ul {
	margin: 0 0 .5em;
	}

.ratings p {
	margin: 0;
	}

.ratingblock {
	width: 50%;
	display:block;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 20px;
	background: url('http://csssmoothoperator.com/mt-static/plugins/AjaxRating/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 20px;
	position: relative;
	background: url('http://csssmoothoperator.com/imglib/starrating.png') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('http://csssmoothoperator.com/imglib/starrating.png') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}	
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating a.r6-unit{left: 100px;}
.unit-rating a.r6-unit:hover{width: 120px;}
.unit-rating a.r7-unit{left: 120px;}
.unit-rating a.r7-unit:hover{width: 140px;}
.unit-rating a.r8-unit{left: 140px;}
.unit-rating a.r8-unit:hover{width: 160px;}
.unit-rating a.r9-unit{left: 160px;}
.unit-rating a.r9-unit:hover{width: 180px;}
.unit-rating a.r10-unit{left: 180px;}
.unit-rating a.r10-unit:hover{width: 200px;}

.unit-rating li.current-rating {
	background: url('http://csssmoothoperator.com/imglib/starrating.png') left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}

.below-threshold {display: none}

.thanks span {display: none}

/* EOF
--------------------------------------------------------- */