/*******************************************


Useful Tools Wordpress Theme

Designed by Sichon Domrongchai
Developed by Ben Hofer

Boalt Interactive
www.boalt.com


********************************************/



/*

Eric Meyer's CSS 
Reset (tweaked a little)

*/

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: 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
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: "" "";
}


/**************************

Other Settings

**************************/

body, html {  }

.hidden, .email-confirm {display: none;}

a {text-decoration: none;}

.details .post .entry p {margin-bottom: 20px;}

.clear {clear: both;}
.clearleft {clear: left}
.clearright {clear: right;}


/***************************

general styles

****************************/

.post .entry img { margin: 22px 0 11px; border: 6px solid #fff; }
.post .entry .excerpt p, .post .entry .excerpt  {
	display: inline;
}
.post .entry .ngg-gallery-thumbnail img { margin-top: 0; }
.details .post .entry p.posttags { margin: 0; }
.post .entry .read-more {
	font-size: 12px;
}

/***************************

layout

****************************/
* html { }

body {	
	background: #fff url('images/bg_body.gif');
	position: relative;
}

.background {
	background: #dbd8db url('images/bg.gif') repeat-x;
	min-width: 1120px;
}


	#searchform {width: 284px; height: 55px; background: url('images/search_bg.gif') no-repeat;}
	#searchform #s {
		background: none;
		border: none;
		font-size: 12px;
		font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		position: relative;
		left: 10px;
		top: 12px;
		width: 231px;
		display: block;
	}
	#searchform #searchsubmit {background: none;border:none; cursor:pointer; height:30px; margin:0; position:relative; left: 256px; padding: 0;bottom:15px; width:28px;}

	
.email form {background: #fff; padding: 10px; width: 240px; height: 25px;}
.email form input {font-size: 12px;}
.email form input.s {width: 170px; left:10px; position:absolute; width:170px;}
.email form input.searchsubmit {margin-left:180px; height: 23px;}

#headerUpper .twitter {background: url(images/twitterbg.png);}
#headerUpper .twitter a {background: url(images/twittericon.png) 12px 12px no-repeat; display: block; width: 206px; overflow: hidden;}

#wrapper {width: 1120px; margin: auto; position: relative;}

#header {
	width: 1048px;
	background: url('images/header.gif') no-repeat;
	padding-left: 72px;
	margin: auto; 
	float: left;
	height: 179px;
	overflow: hidden;
	position: relative;
}
#header h1 { margin: 0; float: left; padding: 32px 0 0 0;width: 326px;height: 108px; }
#header h1 a {
	background: url('images/spacer.gif');
	width: 326px;height: 108px; display: block;
}
#header h1 a strong {text-indent: -9999px; width: 326px;height: 108px; display: block; cursor: pointer;background: url('images/logo.gif') 0 0 no-repeat;}
#header[id] h1 a strong {
	background: url('images/logo.png') 0 0 no-repeat;
}
#header ul { display: block; clear: both; padding: 11px 0 0 0; }
#header ul li {float: left; font-size: 18px; margin-right: 10px; color: #fff; position: relative;}
#header ul li a {color: #fff; text-decoration: none; font-weight: 100; }
#header ul li a:hover, #header ul li a:focus {color: #ffc; }

.header-wrap {
	background: url('images/menu_bg.gif') left bottom no-repeat;
	height: 179px;
}

#header .button-review {
	display: block;
	width: 120px;
	height: 38px;
	background: url('images/button_review.gif') no-repeat;
	position: absolute;
	top: 141px;
	left: 735px;
	font-size: 11px !important;
	font-weight: 100 !important;
	color: #ffffcc;
	padding: 7px 40px 0 144px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 12px;
	letter-spacing: -1px;
}

#header .button-review strong {
	display: none;
}

#header .header-right {
	float: right;
	width: 385px;
	height: 89px;
	border-left: 1px solid #454443;
	margin-top: 18px;
	padding-top: 15px;
}

#header .header-right fieldset {
	border: none;
	margin: 0;
	padding: 0 0 0 20px;
	height: 45px;
}

#header .header-right fieldset input#from {
	display: block;
	width: 141px;
	padding: 6px 0 5px 7px;
	border: 1px solid #ccc;
	border-right: none;
	overflow: hidden;
}

#header .header-right fieldset input#from, #header .header-right fieldset input.submit {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #333;
}

#header .header-right fieldset input.submit {
	display: block;
	float: left;
	width: 58px;
	height: 28px;
	border: none;
	padding: 0;

}

#header .header-right form {
	display: inline;
}

#header .header-right strong {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #999;
}

#header .header-right .app-top {
	display: block;
	height: 18px;
	overflow: hidden;
}

#header .header-right .error, .error, #header .header-right .thank-you, .thank-you {
	display: none;
}

#header .header-right .links {
	font-size: 11px;
	padding: 13px 0 0 20px;
}

#header .header-right .links a {
	color: #ffffcc;
	padding-left: 20px;
	height: 16px;
	line-height: 16px;
	display: block;
}

#header .header-right .links span {
	display: block;
	float: left;
	width: 60px;
}

#header .header-right .links .email {
	display: none;
}

#header .header-right .links .feed a {
	background: url('images/icon_rss.gif') no-repeat;
}

#header .header-right .links .twitter a {
	background: url('images/icon_twitter.gif') no-repeat;
}

#content {
	background: url(images/vertBorder.png) right 0 repeat-y;
	width: 737px;
}

.details #content, .page #content {
	margin-top: 45px;
}

#mainContent, #singleContent {width: 643px; margin: 0; position: relative; top: 0; left: 72px; float: left; }

*+html #mainContent {margin-top: 0px;}
* html #mainContent {margin-top: 0px;}

.home h3, .archive h3, .search h3 {height: 45px; line-height: 45px; margin-left: 72px}
.home h3 strong a, .archive h3 strong a, .search h3 strong a {color: #000;}
#mainContent #tofday, #tofday {width: 643px; height: 22px; background: url(images/tofday.png); margin-bottom:17px;}
	#tofday p span {float: left; font-size: 10px; display: inline; margin-left: 9px; text-transform:capitalize; color: #900; line-height: 22px;}
	#tofday p {text-align: right; font-size: 10px; color: #666; margin-right: 9px; line-height:22px;}

#content .entry .ngg-clear {
	display: block;
	text-align: center;
	height: 30px;
}

#content .entry .ngg-clear .sitelink {
	background: url('images/sitelink.png') 100% 0 no-repeat;
	display: block;
	margin: auto;
	width: 80px;
	padding-right: 10px;
}

#content .entry span.ngg-clear .sitelink {
	background: url('images/sitelink.png') 100% 2px no-repeat;
}

#content .entry .ngg-clear .sitelink a {
	font-size:12px !important;
	font-weight: 100;
}

.page-title, .text fieldset p.submit a {
	display: block;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}

.page-title {
	background: url('images/title_review.gif') no-repeat;
	height: 45px;
	position: relative;
	top: -10px;
	left: -5px;
}

.page-title[class] {
	background: url('images/title_review.png') no-repeat;
}

.post .site {float: left;}	
.post .site a {display: block;}
.post .site .sitelink a:hover, .post .site .sitelink a:focus  {color: #333;} 
.post .site .sitelink a{
	background:url(images/sitelink.png) no-repeat right center;
	color:#900;
	display:block;
	font-size:12px;height:15px;margin:15px 0 0 76px;width:80px;}
				 		 .postimage {display: block; width: 210px; height: 210px; overflow: hidden; border: 6px solid #fff;}

.post h2 {margin-left: 235px;}
.post h2 a {font-size: 13px; font-weight: bold; color: #900; float: left;}
	p.date {text-align: right; height: 13px; line-height: 15px; font-size: 10px; color: #000;}

.post .entry { margin-bottom: 11px;}
.home .post .entry, .archive .post .entry, .search .post .entry { margin-left: 235px; }
.post .entry h2 {font-size: 20px; line-height: 25px; margin: 6px 0;}
.post .entry h2 a {float: none; color: #000; background: none; padding: 0; font-weight: normal; font-size: 18px;}

.post .entry .facebook-share {
	background: url('images/icon_facebook_share.gif') no-repeat;
	width: 60px;
	height: 18px;
	float: right;
	margin: 3px 0 0 5px;
	overflow: hidden;
	position: relative;
}

.post .entry .facebook-share .FBConnectButton, .post .entry .facebook-share .FBConnectButton_Text, .post .entry .facebook-share .fb_share_size_Small {
	background: none;
}

.post .entry .facebook-share .FBConnectButton_Text {
	color: #fff;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 60px;
	border: none;
}

.post .entry .topsy-link {
	float: right;
	margin: 3px 0 0 10px;
}

.details .post .entry .topsy-link, .details .post .entry .facebook-share {
	margin-top: -15px;
}

.text {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
}

.text fieldset {
	padding: 5px 0 0 0;
}

.text fieldset input {
	background: #e8e8e8;
	border: 1px solid #999;
	padding: 5px;
	width: 290px;
}

.text fieldset input, .text fieldset label, .text fieldset textarea {
	font-size: 12px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.text fieldset label {
	display: block;
	padding-bottom: 3px;
}

.text fieldset textarea {
	background: #e8e8e8;
	border: 1px solid #999;
	padding: 5px;
	overflow: auto;
	width: 630px;
	height: 138px;
}

.text fieldset p {
	margin: 0;
}

.text fieldset p.submit a {
	width: 189px;
	height: 32px;
	background: url('images/button_submit_tool.gif') no-repeat;
}

.text fieldset .section {
	padding-bottom: 7px;
	background: url('images/hr.gif') 0 100% repeat-x;
	margin-bottom: 20px;
}

.text fieldset .section strong, .text fieldset strong {
	display: block;
	padding-bottom: 20px;
}

.text p {
	line-height: 22px;
	padding: 0 0 15px 0;
}

.post .ratings {width: 409px; height: 86px; background: url(images/ratingsbg.png); float: right; margin-bottom:30px;}
.post .ratings p {margin: 0;}
.details .post .ratings p {margin: 0;}
.post table {width: 207px; height: 66px; margin-top: 9px; text-indent: -9999px; border-right:1px solid #9ba09f; float: left;}
.post table tr {height: 22px;}
.post table tr td.interface {background: url(images/userinterface.png) no-repeat; width: 118px; border-right: 1px solid #9ba09f;}
.post table tr td.usefulness {background: url(images/usefulness.png) no-repeat; border-right: 1px solid #9ba09f;}
.post table tr td.innovation {background: url(images/innovation.png) no-repeat; border-right: 1px solid #9ba09f;}

.entry .share-links {
	width: 500px;
	height: 65px;
}

.entry .share-links a {
	display: block;
	float: left;
	margin: -8px 6px 0 0;
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 50000;
}

.entry .share-links .title-share {
	display: block;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

.entry .share-links img {
	border: 0;
}


/* star ratings */

.stars0 {background: url(images/starsprite.png) 0 -220px; width: 86px;}
.stars1	{background: url(images/starsprite.png) 0 -198px ;width: 86px;}
.stars2	{background: url(images/starsprite.png) 0 -176px ;width: 86px;}
.stars3	{background: url(images/starsprite.png) 0 -154px ;width: 86px;}
.stars4 {background: url(images/starsprite.png) 0 -132px;width: 86px;}
.stars5 {background: url(images/starsprite.png) 0 -110px ;width: 86px;}
.stars6 {background: url(images/starsprite.png) 0 -88px;width: 86px;}
.stars7 {background: url(images/starsprite.png) 0 -66px ;width: 86px;}
.stars8 {background: url(images/starsprite.png) 0 -44px;width: 86px;}
.stars9 {background: url(images/starsprite.png) 0 -22px;width: 86px;}
.stars10 {background: url(images/starsprite.png) 0 0;width: 86px;}

/* end star ratings */

.post .cost {width: 100px; height: 66px;float: left; margin: 13px 9px;}
.post .cost p {font-size: 11px; line-height: 14px;}
.post .cost p strong { display: block;}
.post .cost p em {color: #900;}
				   .avgrating {width: 74px;height: 74px; background:url(images/avgratingbg.png); float: left;}
.post .avgrating {margin-top: 6px; margin-left: 3px;}
				   .avgrating h4 {text-indent: -9999px;}
				   .avgrating p {text-align: center; color: #fff; font-size: 30px; line-height: 30px; margin-top:10px!important;}
.post .ratings .avgrating p {text-align: center; color: #fff; font-size: 30px; line-height: 30px; margin-top:10px;}
/*  .post .readmore {position: relative; top: 102px;display: block; width: 100px;} ------ > puts read more under ratings (also must give #ratings {margin-top: -20px}) *********************/
	.post .readmore img, .sitelink img {position: relative; top: 3px; left: 3px;}
	.post a:hover .readmore , .post a:focus .readmore  {color: #333;}
	
				 
body .post .postmetadata {bottom:10px;clear:both;height:15px;line-height:15px;position:relative; }	
* html body .post .postmetadata {line-height: 30px;}
	
	.postmetadata a {color: #900; font-size: 12px; margin-top: -8px;}
	.postmetadata a:hover, .postmetadata a:focus {color: #333;}
	.postmetadata .sharelink { float: right;}
	* html .postmetadata .sharelink {margin-top: 0px;}
	.postmetadata .sharelink img {margin-right: 5px;}
	.postmetadata .commentlink {float: right; margin-left: 15px;}
	
	
.sponsored {
	background: url(images/sponsoredbg.gif) right bottom no-repeat;
	height:198px;
	margin-bottom: 11px;
	padding: 1px;
	position: relative;
}
.sponsored.ad {
	height: 180px;
	overflow: hidden;
}

.sponsored.ad .ad-text {
	color: #333;
	font-size: 9px;
	text-align: center;
	display: block;
	padding-bottom: 5px;
	text-transform: uppercase;
}

.sponsored .postimage.spon {display: block;width: 295px; height: 172px; float: left;}
.sponsored .entry { 
	margin-left: 307px; 
	width: 315px;
	height: 184px;
	padding-left: 20px;
	background: url('images/sponsoredbg.png') no-repeat;
	position: absolute;
	left: 0;
}
.sponsored .entry h3 {color:#333333;font-size:10px;height:20px;line-height:10px;margin-top:14px;text-align:right;text-transform:uppercase;padding-right: 10px;}
.sponsored .entry h2 {margin-bottom: 10px; line-height: 20px;}
.sponsored .entry p {margin-bottom: 11px;}

.sponsored .entry a {color: #900; font-size:12px; padding-right: 16px; background: url(images/arrows.png) center right no-repeat;}
.post .entry a span  {color: #900;  padding-right: 18px; background: url(images/readmore.png) right no-repeat;}
.sponsored .entry a:hover, 
.sponsored .entry a:focus {color: #333;} 
.post .entry a:hover,
.post .entry a:focus {color: #333;}

.details { }
*+html #singleContent {}
* html #singleContent {}
.details .entry {padding-bottom: 11px;}
.details .avgrating {margin-bottom: 11px; position: relative; float: none;}
.details .avgrating p {margin-top: -5px;}
.details a.singlehomelink, a.singlehomelink {font-size:11px; color: #900; height:42px; line-height:42px;position: absolute; margin-left: 70px;}
.details a.singlehomelink:hover, a.singlehomelink:hover {color: #333;}
.details h1 {font-size: 20px;color: #900; margin:0 0 5px 85px;}
.details .post {margin-top: -86px;}
.details h2 {font-size:24px;left:12px;margin:0 0 10px 85px;}
.details a.date {font-size:10px;left:15px;margin-left:85px;}
.details .posttags, .details .posttags a, .details .postcats, .details .postcats a  {color: #900;}
.details .postcats {margin-bottom: 11px;}

.details .post .ratings {margin: 0 0 23px 120px; float: none; width: 409px; height: 86px; background: url(images/ratingsbg.png);}
.details .avgrating  p {margin-top: -5px!important;}

.details h3 {font-size: 12px; font-style:italic; color: #333; text-align: center; margin: 28px 0 11px;}
.details h3 a {color: #900;}
.details h3 a:hover, .details h3 a:focus {color: #333;}

.details h4 {margin-bottom: 15px;}
.details h4 span {color: #900;}
.details .post .avgrating {float: left;}


#error{margin-top: 80px;}

ol.commentlist { list-style:none; margin:0 0 18px; padding:0; text-indent:0; background: url(images/horizborder.png) repeat-x bottom; }
ol.commentlist #respond p {background: none; padding: 0;}
ol.commentlist li {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #d5d5d5; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {float:left; margin-bottom:23px;}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li div.comment-text { margin: 0; padding: 15px 0 0 0; }
ol.commentlist li div.comment-text .comment-text-wrap .clear { padding-bottom: 15px; }
ol.commentlist li p {font:normal 12px/1.4 helvetica,arial,sans-serif;margin-bottom:8px; }
ol.commentlist li ul {font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply {color:#990000; font-size:12px; text-align:right;  }
ol.commentlist li div.reply:hover { }
ol.commentlist li div.reply a { background:transparent url(images/replylink.png) no-repeat scroll left 4px;color:#990000;padding-left:12px;}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 div {margin:0 0 10px 110px;}
ol.commentlist li ul.children li.depth-2.even div .comment-text {background: #cac8c8 url(images/comment_bg_top_Dark_sm.gif) no-repeat; margin: 0;}
ol.commentlist li ul.children li.depth-2.odd div .comment-text {background: #e9e9e9 url(images/comment_bg_top_Light_sm.gif) no-repeat; margin: 0;}
ol.commentlist li ul.children li.depth-2.even div .comment-text .comment-text-wrap {background: url(images/commentnestbgDark.png) bottom no-repeat; margin: 0;}
ol.commentlist li ul.children li.depth-2.odd div .comment-text .comment-text-wrap {background: url(images/commentnestbgLight.png) bottom no-repeat; margin: 0;}
ol.commentlist li ul.children li.depth-2 div a {font-family: 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;}
ol.commentlist li ul.children li.depth-2 div.commentmetadata {margin:0;}
ol.commentlist li ul.children li.odd {}
ol.commentlist li p {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 0 15px 15px 15px;}
ol.commentlist li.even .comment-text {background: #cac8c8 url(images/comment_bg_top_Dark.gif) no-repeat; margin: 0; position: relative;}
ol.commentlist li.odd .comment-text {background: #e9e9e9 url(images/comment_bg_top_Light.gif) no-repeat; margin: 0; position: relative;}
ol.commentlist li.even .comment-text .comment-text-wrap {background: url(images/commentbgDark.png) left bottom no-repeat; margin: 0;}
ol.commentlist li.odd .comment-text .comment-text-wrap {background: url(images/commentbgLight.png) left bottom no-repeat; margin: 0;}
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/* Hofer comment styles */

ol.commentlist .commentmetadata  {color: #333; font-size: 11px;}
ol.commentlist .commentmetadata cite {color: #900;}

.details #respond h4 {font-size: 14px}

/* Leave a Reply */

#commentform p input.commentdata {width: 187px; height: 16px; padding: 3px; float: left; font-size: 12px; margin:0 5px 7px 0; border: 1px solid #999; background: #e8e8e8;}
#commentform p.input {height: 35px;}

#commentform p textarea {width: 100%; padding: 3px; font-size: 12px; border: 1px solid #999; background: #e8e8e8; margin-bottom: 18px; float: none;}
#commentform input#submit {position: relative; top: 45px; font-size: 12px; background: #900; width: 136px; height: 32px;  margin-bottom:44px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color: #fff; border: none;}
#commentform input#notify {position: relative; top:8px; margin-bottom: 25px;}

.depth-1 .cancel-comment-reply {margin-bottom: 20px; }
.depth-1 .cancel-comment-reply small{display: block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;text-align:center; background:#990000 none repeat scroll 0 0;font-size: 12px;height:32px;width:195px;}
.depth-1 a#cancel-comment-reply-link {color: #fff; line-height: 32px; text-align: center; display:block;}

.depth-1 .subscribe-to-comments {top:-80px}
.subscribe-to-comments {position: relative; top:-67px;}
.subscribe-to-comments input {}


/* sideBar */

#sideBar { width: 324px; margin: 45px 0 0 0; padding-left: 20px; position: relative; left: -43px; float: right;  }
#sideBar h2 {margin: 0 0 12px 0; padding-bottom: 12px; border-bottom: 1px solid #999; color: #696969; font-size: 12px; font-weight: bold;}
#sideBar h2.tags-title { margin-bottom: 5px; padding-top: 5px; }
#sideBar ul {position: relative; display: inline; font-size: .8em;}
#sideBar ul.wp-tag-cloud li {float: left; padding-right: 20px; background: url(images/doubleslash.png) right no-repeat; display: inline;}
#sideBar ul.wp-tag-cloud li.last, #sideBar ul.wp-tag-cloud li:last-child { background: none; }
* html #sideBar ul.wp-tag-cloud li {background-image: url(images/doubleslash1.png); }
* html #sideBar ul.wp-tag-cloud li.last { background: none; }
#sideBar ul.wp-tag-cloud li a {font-size: 12px !important; line-height: 22px; color: #900;}
#sideBar ul.wp-tag-cloud li a:hover, #sideBar ul.wp-tag-cloud li a:focus {color: #333;}
#sideBar h3 { margin:0; padding: 20px 0 10px 0; text-align:center; width:284px; color: #333; font-size: 9px; text-transform: uppercase; font-style: normal; clear: both;}
.home #sideBar h3 { padding: 2px 0 0 0; }
#sideBar img {margin:0 5px 10px 0; border: 5px solid #fff;}

#sideBar .ad-link {
	padding-left: 18px;
	padding-bottom: 10px;
	clear: both;
}

#sideBar .ad-link a {
	font-size: 11px;
}

#sideBar #ads {
	width: 300px;
	clear: both;
}
.home #sideBar #ads {
	float: left;
	margin: -8px 0 0 0;
}
#sideBar .company-notes {
	font-size: 10px;
	clear: both;
}
#sideBar .company-notes .note-box {
	background: url('images/note_bg.gif') repeat-y;
	width: 284px;
	margin-bottom: 8px;
}
#sideBar .company-notes .note-box i {
	display: block;
	padding-top: 5px;
	height: 15px;
	line-height: 15px;
	font-size: 9px;
}
#sideBar .company-notes .note-box img {
	border: none;
	float: left;
	margin: 8px 5px 8px 9px;
}
#sideBar .company-notes .note-box .note-bottom {
	background: url('images/note_bottom.gif') 0 100% no-repeat;
}
#sideBar .company-notes .note-box .note-top {
	background: url('images/note_top.gif') no-repeat;
}
#sideBar .company-notes .note-box.lt {
	background: url('images/note_bg_lt.gif') repeat-y;
}
#sideBar .company-notes .note-box.lt .note-bottom {
	background: url('images/note_bottom_lt.gif') 0 100% no-repeat;
}
#sideBar .company-notes .note-box .note-text {
	width: 200px;
	float: left;
	padding: 12px 10px 10px 0;
	color: rgb(102, 102, 102);
	line-height: 16px;
	overflow-x: hidden;
}
#sideBar .company-notes .note-box .note-text, #sideBar .company-notes .note-box .note-text a, 
#sideBar .company-notes .note-box .note-text a b, #sideBar .company-notes .note-box .note-text b {
	font-size: 10px;
}
#sideBar .company-notes .note-box.lt .note-top {
	background: url('images/note_top_lt.gif') no-repeat;
}
#sideBar .company-notes .title {
	display: block;
	padding: 18px 0 18px 90px;
	background: url('images/bird.gif') no-repeat;
	font-size: 22px;
	color: #990000;
	line-height: 28px;
	margin: 20px 0 8px 0;
}
#sideBar .company-notes .title span {
	display: block;
	font-size: 13px;
	color: #999;
	line-height: normal;
}

#sideBar a.nominate-link img {
	border: none;
}

#sideBar #twittertop {background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-left:1px solid #BBBBBB;border-right:1px solid #BBBBBB;border-top:1px solid #BBBBBB;margin-top:20px;width:282px;}
		 #twittertop p {margin: 15px 15px 0; padding-bottom: 10px; }
		 #twittertop p span {display: block; font-size: 10px; color: #666; font-style:italic;}
#sideBar #twitterbottom {width: 284px; height: 105px; background: url(images/twitterbottom.png);margin-top:-3px; position: relative;}
		 #twitterbottom p {float:right;margin-top:50px;width:190px; font-weight: bold; color: #999; font-size: 12px;}
		 
#sideBar #twitterbottom .follow {
	display: block;
	width: 185px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	font-size: 11px;
	white-space: nowrap;
	position: absolute;
	top: 95px;
	left: 95px;
	padding-left: 20px;
	background: url('images/icon_twitter.gif') no-repeat;
}

#footerOuter {min-width: 1120px; margin-top: 20px; background: #fff url('images/footer.png') repeat-x; }

#footer {
	clear: both;
	position: relative;
}

#footer .code-box {
	position: absolute;
	width: 340px;
	display: none;
	top: 45px;
	left: 575px;
	background: #ffffcd;
	border: 2px solid #cdccc8;
	padding: 10px;
}

#footer .code-box .banner {
	display: block;
	height: 70px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}

#footer .code-box .banner.banner1 {
	background: url('/banners/banner1.gif') 50% 0 no-repeat;
}

#footer .code-box .banner.banner2 {
	background: url('/banners/banner2.gif') 50% 0 no-repeat;
}

#footer .code-box .close {
	float: right;
	font-size: 11px;
	text-decoration: underline;
	display: block;
	text-align: right;
	width: 80px;
	height: 20px;
}

#footer .code-box .code {
	font-size: 12px;
}

#footer .code-box .red {
	color: #9b0002;
}

#footer .footercol {width: 300px; float: left;}

.footer-spacer {
	width: 1120px;
	text-align: center;
	margin: auto;
	padding: 48px 0 0 0;
}

.footer-spacer .page-navigation {
	text-align: center;
	width: 665px;
	padding-left: 60px;
	float: left;
}

#footer {width: 972px; margin: auto;}
#footer h3, body #footer h3 {
	width: 300px;
	border-bottom: 1px solid #cbcbca;
	color: #aaa;
	padding-bottom: 7px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 12px;
	height: 16px;
	line-height: normal;
	text-align: left;
	font-style: normal;
}

#footer h3 span, body #footer h3 span {
	font-weight: 100;
}

#footer .recent {float: left; width:142px; text-align:left }
#footer .recent1 {text-align: right; width: 142px; margin-left: 155px;}
#footer ul li a, #footer table tr td a  {color: #900; font-size: 12px; line-height: 22px;}
#footer ul li a:hover, #footer ul li a:focus, #footer table tr td a:hover, #footer table tr td a:focus  {color: #333;}
#footer #highestrated {background: url(images/footerBorder.png) right 0 repeat-y; width: 339px; margin: 0 0 0 40px; height: 220px;}
#footer table tr {height: 22px; line-height: 22px;}
#footer table tr .appnames {width: 180px;}
#footer table tr td.appratings {width: 120px; text-align: right;}

#footer #about {width: 284px;margin: 0; }
#footer #about h3 {width: 284px;}
#footer #about p {margin-top: 20px; margin-bottom: 15px; }
#footer #about p.small-pad { margin-top: 0; margin-bottom: 10px; }
#footer #about p span.footerlogo {width:146px; display: block; float: left; height: 23px; margin:-9px 5px 0 0; text-indent: -9999px; background: url(images/aboutlogo.png) no-repeat; }
#footer #about p span.text, #footer #about .text {
	margin-top: 10px;
	display: block;
	text-align: left;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 18px;
}

#footer #about form { 
	width: 100%; 
	position: relative;
}
#footer #about form fieldset {
	position: relative;
	z-index: 5;
}
#footer #about .banners {
	position: relative;
	float: left;
}
#footer #about .banners a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 140px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
}
#footer #about .banners a.banner1 {
	background: url('/banners/banner1.gif') no-repeat;
}
#footer #about .banners a.banner2 {
	background: url('/banners/banner2.gif') no-repeat;
	margin-left: 144px;
}
fieldset.app-submit input {
	width: 141px;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	border-right: none;
	margin:0;
	padding-left: 3px;
	width:213px; 
}

fieldset.app-submit .app-spinner {
	background: url('images/spinner.gif') 50% 50% no-repeat;
	width: 286px;
	height: 29px;
	position: absolute;
	z-index: 1;
}
#footer #about form .thank-you {
	display: block;
	font-size: 11px;
	color: #999;
	background: #fff;
	height: 29px;
	line-height: 29px;
	text-align: center;
	font-weight: 100;
}
#footer #copyright {
	width: 100%; padding: 15px 0 0 0; margin: 0; font-size: 10px; text-align: center; color: #999999;
	height: 30px;
	clear: both;
}

.post {background: url(images/horizborder.png) bottom repeat-x; margin-bottom: 11px;}


/********************************

typography

*********************************/

* {font-size: 62.5%;}

body {font-family: 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;}

strong {font-weight: bold;}

p {font-size: 12px; line-height: 19px; color: #333;}

a {color: #900;}

a:hover, a:focus {color: #333;}