/*
Theme Name: CMS Design Resource
Description: Jesse's design created for the CMS Design Resource.
Version: 1.0
Author: Jesse Sutherland
Author URI: http://www.jessesutherland.com/
*/


/* MuseoSlab: A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
	font-family: 'MuseoSlab500';
	src: url('fonts/museo_slab_500-webfont.eot');
	src: local('☺'), url('fonts/museo_slab_500-webfont.woff') format('woff'), url('fonts/museo_slab_500-webfont.ttf') format('truetype'), url('fonts/museo_slab_500-webfont.svg#webfontu4Vm6E5v') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSlab500';
	src: url('fonts/museo_slab_500italic-webfont.eot');
	src: local('☺'), url('fonts/museo_slab_500italic-webfont.woff') format('woff'), url('fonts/museo_slab_500italic-webfont.ttf') format('truetype'), url('fonts/museo_slab_500italic-webfont.svg#webfontkjGYxn9G') format('svg');
	font-weight: normal;
	font-style: italic, oblique;
}



* {
	margin:0;
	padding:0
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	min-width:976px;
	line-height: 20px;
	color: #444444;
	background-color: #EEEEEE;
}
html {
	margin: 0px;
	padding: 0px;
}
img {
	border:0px;
}
a:link {
	color: #445878;
	text-decoration: underline;
}
a:visited {
	color: #445878;
	text-decoration: underline;
}
a:active {
	color: #445878;
	text-decoration: underline;
}
a:hover {
	color: #222222;
	text-decoration: none;
}
#home {
	background-image: url(images/bgpattern.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-position: center top;
}
#interior {
	background-image: url(images/bgpattern.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-position: center -113px;
}
#container {
	position:relative;
	width: 976px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	margin: 0px;
	padding: 0px;
	background-image: url(images/bgtop.jpg);
	background-repeat: no-repeat;
	width: 976px;
	background-position: center bottom;
}
#home #header {
	height: 239px;
}
#interior #header {
	height: 126px;
}
#logomark {
	background-image: url(images/header_logo.png);
	height: 55px;
	width: 423px;
	float: left;
	background-repeat: no-repeat;
	display: inline;
	overflow: hidden;
	cursor: hand;
	cursor: pointer;
}
#home #logomark {
	margin-top: 155px;
}
#interior #logomark {
	margin-top: 38px;
}
#searchbar {
	float: right;
	display: inline;
	overflow :hidden;
	background-image: url(images/searchbar.jpg);
	height: 31px;
	width: 233px;
}
#home #searchbar {
	margin-top: 20px;
}
#interior #searchbar {
	margin-top: 49px;
}
.submitbutton {
	background: transparent url(images/searchbutton.jpg) no-repeat center top;
	height: 20px;
	width: 52px;
	text-indent: -1000em;
	border: 0;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
.input {
	background-color: #202328;
	border:0px;
	color: #CCCCCC;
	height: 21px;
	width: 165px;
	float: left;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
}

#aboutquote {
	float: right;
	clear: right;
	margin-top: 105px;
	background-image: url(images/aboutquote.png);
	height: 58px;
	width: 347px;
	display: inline;
	overflow :hidden;
}
#aboutquote p {
	display: none;
}

#logomark span {
	display:none;
}
h1 {
	display: none;
}
h2 {
	font-size: 22px;
	font-weight: normal;
	color: #445878;
	font-family: 'MuseoSlab500', Geneva, Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	color: #3c597f;
	font-family: 'MuseoSlab500', Geneva, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	margin-bottom: 10px;

}
h3.front {
	color: #445878;
	margin-top: 16px;
}
h4 {
	font-size: 16px;
	font-weight: normal;
	color: #445878;
	margin-top: -3px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
	font-family: 'MuseoSlab500', Geneva, Arial, Helvetica, sans-serif;
}
#search h4 {
	font-size: 16px;
	font-weight: normal;
	color: #445878;
	margin-bottom: 5px;
	margin-top: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
h5 {
	font-size: 16px;
	font-weight: normal;
	color: #3c597f;
	font-family: 'MuseoSlab500', Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
a.storytitle {
	text-decoration: none;
}



#menuarea {
	clear: both;
	height: 42px;
	width: 976px;
}
#menuarea ul {
	margin:0;
	list-style:none;
	padding-bottom: 0;
	display:block;
}
#menuarea li {
	display:inline;
	height: 42px;
	padding: 0px;
	margin: 0px;
}
#menuarea a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 42px;
	display: block;
	float: left;
	text-indent: -999em;
	padding: 0px;
	margin-right: 5px;
	overflow :hidden;
}
#menuarea .news a {
	background-image: url(images/nav_news.jpg);
	width: 85px;
}
#menuarea .news a:hover {
	background-position: 0px -42px;
}
#menuarea .cmsreviews a {
	background-image: url(images/nav_cmsreviews.jpg);
	width: 144px;
}
#menuarea .cmsreviews a:hover {
	background-position: 0px -42px;
}
#menuarea .showcase a {
	background-image: url(images/nav_showcase.jpg);
	width: 157px;
}
#menuarea .showcase a:hover {
	background-position: 0px -42px;
}
#menuarea .community a {
	background-image: url(images/nav_community.jpg);
	width: 132px;
}
#menuarea .community a:hover {
	background-position: 0px -42px;
}
#menuarea .articles a {
	background-image: url(images/nav_articles.jpg);
	width: 99px;
}
#menuarea .articles a:hover {
	background-position: 0px -42px;
}
#menuarea .resources a {
	background-image: url(images/nav_resources.jpg);
	width: 122px;
}
#menuarea .resources a:hover {
	background-position: 0px -42px;
}
#menuarea .helpout a {
	background-image: url(images/nav_helpout.jpg);
	width: 113px;
}
#menuarea .helpout a:hover {
	background-position: 0px -42px;
}




#contentarea {
	clear: both;
	width: 976px;
}
#smallsidebar {
	float: left;
	width: 60px;
	margin-right: 25px;
	margin-top: 55px;
	display: inline;
	overflow: hidden;
	margin-bottom: 55px;
}
#smallsidebar h5 {
	color: #626262;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 5px;
}
#smallsidebar ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#smallsidebar li {
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(images/arrowbullet.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 12px;
	margin-right: 0px;
	line-height: 15px;
}

#smallsidebar a {
	font-size: 12px;
	color: #818181;
	text-decoration: none;
	line-height: 14px;
}
#smallsidebar a:hover {
	color: #333333;
}
#smallsidebar p {
	margin-bottom:17px;
}
a.suggestcms {
	display:block;
	width:100px;
	height:39px;
	background:url(images/suggestcms.png);
	background-repeat: no-repeat;
	background-position:0px 0px;
}
a.suggestcms:hover {
	background-position:0px -39px;
}
a.suggestcms span {
	display:none;
}
a.submitwebsite {
	display:block;
	width:100px;
	height:39px;
	background:url(images/submitwebsite.png);
	background-repeat: no-repeat;
	background-position:0px 0px;
}
a.submitwebsite:hover {
	background-position:0px -39px;
}
a.submitwebsite span {
	display:none;
}


#maincontent {
	float: left;
	width: 591px;
	margin-top: 55px;
	display: inline;
	overflow: hidden;
	margin-bottom: 55px;
}
.maintextbox {
	width: 566px;
	margin-right: 25px;
	margin-bottom: 20px;
}
.maintextbox p {
	margin-top: 12px;
	margin-bottom: 12px;
}
.biggerintro {
	font-size: 14px;
	line-height: 22px;
}
.labels {
	float: left;
	width: 276px;
	margin-right: 14px;
	margin-bottom: 5px;
	display: inline;
	overflow: hidden;
}
.frontpagelabels h5 {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3c597f;
}
.labels2 {
	float: left;
	width: 276px;
	margin-right: 14px;
	margin-bottom: 20px;
	margin-top: -15px;
	display: inline;
	overflow: hidden;
}
.labels2 a {
	font-size: 11px;
	font-style: italic;
	color: #3c597f;
	text-decoration: none;
}


#bigsidebar {
	float: left;
	width: 300px;
	margin-top: 55px;
	display: inline;
	overflow: hidden;
	margin-bottom: 55px;
}
.greybox {
	background-repeat: no-repeat;
	background-image: url(images/sidebarbottom.png);
	background-position: bottom;
	margin-bottom: 10px;
	padding-bottom: 22px;
}
.greyboxinside {
	background-position: top;
	background-image: url(images/sidebartop.png);
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 8px;
}
.greysidehead {
	color: #FFFFFF;
	margin-bottom: 8px;
	font-size: 16px;
	margin-top: 4px;
}
.greyboxinside ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.greyboxinside li {
	font-size: 12px;
	background-image: url(images/arrowbullet.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 13px;
	margin-top: 6px;
}
.greyboxinside li a {
	color: #CCCCCC;
	text-decoration: none;
}
.greyboxinside li a:hover {
	color: #EEEEEE;
}

div.designblock {
	background-color: #EEEEEE;
	width: 276px;
	background-image: url(images/designblocktop.png);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin-right: 14px;
	margin-bottom: 20px;
	display: inline;
	overflow: hidden;
}
#maincontent div.designblock:hover {
	background-color: #DDDDDD !important;
}
/*
.normal {
	background-color: #EEEEEE;
}
.overall {
	background-color: #CCCCCC;
	color: #323232;
}
*/

.designblockinside {
	background-image: url(images/designblockbottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 12px;
}
.p1 {
	clear: both;
	margin: 0px;
	padding-top: 3px;
	line-height: normal;
}
.p2 {
	clear: both;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 12px;
	line-height: normal;
}
.viewscreenshots a {
	background-image: url(images/viewscreenshots.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 123px;
	margin-top:5px;
	margin-right:5px;
	display:block;
	float:left;
	overflow: hidden;
}
.viewscreenshots span {
	display:none;
}
.tryoutdemo a {
	background-image: url(images/tryoutdemo.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 123px;
	margin-top:5px;
	display:block;
	float:left;
	overflow: hidden;
}
.tryoutdemo span {
	display:none;
}
#demoinfo {
	background-color:#FFFFFF;
}
.designblockimage {
	border: 1px solid #BBBBBB;
}

.designname {
	font-size: 14px;
	color: #323232;
	float: left;
	display: inline;
	overflow: hidden;
}
.designname a {
	color: #445878;
	text-decoration:none;
}
.designdate {
	font-size: 11px;
	color: #9b9b9b;
	float: left;
	display: inline;
	overflow: hidden;
}
.designcomments {
	font-size: 11px;
	color: #9b9b9b;
	float: right;
	display: inline;
	overflow: hidden;
}
.designcomments a {
	color: #9b9b9b;
	text-decoration: none;
}
.columnleft {
	float: left;
	width: 276px;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	margin-right: 14px;
}
.columnleft li {
	list-style-type: disc;
	display: list-item;
	padding-left: 0px;
	margin-left: 15px;
	line-height: 16px;
	margin-bottom: 5px;
}
.columnleft p {
	margin-bottom: 15px;
}
.columnright {
	float: left;
	width: 276px;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}
.columnright ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.columnright li {
	list-style-type:none;
	font-size: 13px;
	background-image: url(images/arrowbullet.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	line-height: 18px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-left: 12px;
	margin-top: 6px;
	color: #555555;	
}
.columnright li a {
	display: block;
	margin-bottom: 2px;
}
pre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 28px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
pre.last {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

.scorestotal {
	font-size: 12px;
	float: right;
	margin-bottom:10px;
}

.bigratings {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 276px;
	display: block;
}


.ratings {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top:4px;
}
.cmsnames {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top:2px;
}
.bigratings li {
	width: 276px;
	height: 29px;
	background-image: url(images/bigratings.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: 14px;
	margin-bottom: 4px;
	margin-top:0px;
	margin-left:0px;
	display: block;
	background-color:#EEEEEE;
	padding:0px;
	list-style-position: outside;
	list-style: none;
	line-height: 15px;
}
.bigratings li:first-child {
	background-color: #CCCCCC;
	color: #323232;
}
.bigratings li .rating_label {
	float: left;
	display: inline;
	overflow: hidden;
	padding-top: 7px;
	padding-left:10px;
}
.bigratings li .rating_value {
	float: right;
	display: inline;
	overflow: hidden;
	padding-top: 9px;
	padding-right:10px;
}

.smallratings {
	float: right;
	width: 202px;
	margin-left: 14px;
	margin-bottom:5px;
}
.smallratings li {
	font-size:12px;
	width: 202px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-top:0px;
	margin-left: 0px;
	display: block;
	overflow: hidden;
	height: 23px;
	padding:0px;
	list-style-position: outside;
	list-style: none;
}
.entry li {
	background-color:#D5D5D5;
	background-image: url(images/smallratingsgrey.png);
	background-repeat: no-repeat;
	background-position: top;
}
.comments li {
	background-color:#EEEEEE;
	background-image: url(images/smallratings.png);
	background-repeat: no-repeat;
	background-position: top;
}
.entry li:first-child {
	background-color: #b5b5b5;
	color: #323232;
}
.comments li:first-child {
	background-color: #CCCCCC;
	color: #323232;
}
.smallratings li .rating_label {
	float: left;
	display: inline;
	overflow: hidden;
	padding-top: 2px;
	padding-left:6px;
}
.smallratings li .rating_value {
	float: right;
	display: inline;
	overflow: hidden;
	padding-top: 6px;
	padding-right:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
.rating_value a {
	background: url(images/greydot.png) no-repeat;
	width: 10px;
	height: 10px;
	display: block;
	float: left;
	_background: url(images/greydot_ie6.gif) no-repeat;
}

.rating_value .on {
	background: url(images/bluedot.png) no-repeat;
	_background: url(images/bluedot_ie6.gif) no-repeat;
}




.clearer {
	clear: both;
}
.nextlast {
	display: block;
	margin-bottom: 20px;
	margin-right: 25px;
	clear: left;
}

.floatright {
	float: right;
	display: inline;
	overflow: hidden;
}
.floatleft {
	float: left;
	display: inline;
	overflow: hidden;
}
.rightpadding {
	padding-right: 8px;
}
.leftpadding {
	padding-left: 8px;
}



.newsdate {
	float: left;
	height: 55px;
	width: 48px;
	background-image: url(images/datebg.png);
	background-repeat: no-repeat;
	display: inline;
	overflow: hidden;
	text-align: center;
	padding-top: 12px;
}
.newsdate p {
	padding: 0px;
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.month {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 13px;
	font-family: 'MuseoSlab500', Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top:2px;
}
.day {
	font-size: 30px;
	color: #a7a7a7;
	line-height: 32px;
}

.newscopy {
	float: left;
	width: 503px;
	margin-left: 15px;
	display: inline;
	overflow: hidden;
}
.newscopy p {
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #555555;
}
.newscopy ul {
	margin-bottom:20px;
}
.newscopy li {
	list-style-type:disc;
	color: #555555;
	list-style-type:none;
	font-size: 13px;
	background-image: url(images/arrowbullet.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 12px;
	margin-top: 6px;
}
#search p {
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	color: #555555;
}
body p.newsmeta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top:-20px;
	color:#666666;
	
}
body #search p.newsmeta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
}
.newsmeta a {
	color:#666666;
}
.newsmeta a:hover {
	color:#888888;
}
#normaltext {
	font-size: 13px;
	line-height: 20px;
	color:#555555;
}
#normaltext li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 30px;
	margin-bottom:4px;
}
.biggertext {
	font-size: 13px;
	line-height: 19px;
	color:#555555;
}
#interior #demoinfo {
	display:none;
}
#demotext {
	font-size: 12px;
	line-height: 18px;
	color:#555555;
}
#demotext p {
	margin-bottom:15px;
}
#demotext span {
	margin-bottom:15px;
}
#demotext .username {
	margin-top:20px;
	margin-bottom:5px;
}
#demotext .password {
	margin-top:0px;
}
.articleimage {
	display:block;
	width:128px;
	height:128px;
	margin-right:15px;
	float:left;
	border:0px;
}
.articleblock {
	display:block;
	width:420px;
	float:right;
}

.cmsfinder {

}
.cmsfinderheader {
	background-image: url(images/cmsfinder.png);
	height: 39px;
	width: 566px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.cmsfinderheaderactive {
	background-image: url(images/cmsfinder.png);
	height: 39px;
	width: 566px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0px -39px;
}
.cmsfinderheader h2 {
	display: none;
}
.cmsfinderdrop {
	width: 566px;
	background-color: #EEEEEE;
	background-image: url(images/findcmstop.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: 14px;
	margin-top: 6px;
	margin-bottom: 20px;
	display: none;
	float: left;
	overflow: hidden;
}

.cmsfinderdropinside {
	background-image: url(images/findcmsbottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 18px;
	display: block;
}
.cmsfinderdropinside p {
	font-size: 12px;
}

.textalignright {
	text-align: right;
}

.cmsfindertable {
	border-top-width: 0px;
	border-top-style: none;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	font-size: 12px;
	margin-bottom: 6px;
	width: 530px;
	text-align: left;
}
.cmsfindertable td {
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.finderlabel {
	font-size: 13px;
	color: #323232;
	width: 105px;
}
#findcmsbutton {
	height: 22px;
	width: 69px;
	background: transparent url(images/findcmsbutton.jpg) no-repeat center top;
	text-indent: -1000em;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	cursor: hand;
}
#finddesignbutton {
	height: 22px;
	width: 87px;
	text-indent: -1000em;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	cursor: hand;
	background: transparent url(images/finddesignsbutton.jpg) no-repeat center top;
}
.designfinder {

}
.designfinderheader {
	background-image: url(images/designfinder.png);
	height: 39px;
	width: 566px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.designfinderheaderactive {
	background-image: url(images/designfinder.png);
	height: 39px;
	width: 566px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0px -39px;
}
.designfinderheader h2 {
	display: none;
}
.designfinderdrop {
	width: 566px;
	background-color: #EEEEEE;
	background-image: url(images/findcmstop.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: 14px;
	margin-top: 6px;
	margin-bottom: 20px;
	display: none;
	float: left;
	overflow: hidden;
}

.designfinderdropinside {
	background-image: url(images/findcmsbottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 18px;
	display: block;
}
.designfinderdropinside p {
	font-size: 12px;
}
body .checklist label {
	float:none;
	margin:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 20px;
}
.checklist {
    border: 1px solid #ccc;
    list-style: none;
    height: 150px;
    overflow: auto;
    width: 530px;
}
.checklist, .checklist li { margin: 0; padding: 0; }
.checklist label {
    display: block;
    text-indent: -25px;
}

* html .checklist label { height: 1%; }

.checklist label:hover { background: #777; color: #fff; }

#submitreview {
	height: 22px;
	width: 97px;
	background: transparent url(images/submitreview.jpg) no-repeat center top;
	text-indent: -1000em;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	cursor: hand;
}
#submit {
	height: 22px;
	width: 69px;
	background: transparent url(images/submitbutton.jpg) no-repeat center top;
	text-indent: -1000em;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	cursor: hand;
}
#commentform input, #submitforms input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	padding: 6px;
	margin-bottom: 15px;
	border: 1px solid #BBBBBB;
}
#commentform textarea, #submitforms textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	padding: 6px;
	margin-bottom: 15px;
	border: 1px solid #BBBBBB;
}
#submitforms p {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

p.littlemarginbottom {
	margin-bottom: 25px;
}

.comment {
	margin-bottom: 25px;
}

.reviewsdropheader {
	background-image: url(images/userreviews.png);
	height: 39px;
	width: 566px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.reviewsdropheaderactive {
	background-image: url(images/userreviews.png);
	height: 39px;
	width: 566px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0px -39px;
}
.reviewsdropheader h2 {
	display: none;
}
.commentsdropheader {
	background-image: url(images/usercomments.png);
	height: 39px;
	width: 566px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.commentsdropheaderactive {
	background-image: url(images/usercomments.png);
	height: 39px;
	width: 566px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0px -39px;
}
.commentsdropheader h2 {
	display: none;
}
.commentheader {
	margin-top: 0px;
	display: block;
	width: 566px;
	background-color: #395980;
	background-image: url(images/commentscorners.png);
	background-repeat: no-repeat;
	height: 29px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: both;
}
.commentheader p {
	color: #FFFFFF;
	float:left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.commentheader p a:link {
	color: #CCCCCC;
}
.commentheader p a:visited {
	color: #CCCCCC;
}
.commentheader p a:active {
	color: #CCCCCC;
}
.commentheader p a:hover {
	color: #FFFFFF;
}


.commentdescription {

}

.commentscopy {
	color: #555555;
}
.avatar {
	float:left;
	padding:5px;
}

.spacer {
	height:20px;
}

.contentjumpnumber, .contentjumplink, .wp-pagenavi span, .wp-pagenavi a {
	text-align:center;
	font-size:12px;
	width:25px;
	height:25px;
	display:block;
	float:left;
	margin-right:3px;
	margin-bottom:25px;
	line-height:22px;
	border:0px;
}
span.contentjumpnumber, .wp-pagenavi .current {
	background-image:url(images/nextpagegrey.jpg);
	color:#666666;
}
span.contentjumplink {
	display:none;
}
a.contentjumpnumber, a.contentjumplink, .wp-pagenavi a {
	text-decoration:none;
	background-image:url(images/nextpageblue.jpg);
	color:#FFFFFF;
}
a.contentjumpnumber:hover , a.contentjumplink:hover, .wp-pagenavi a:hover {
	text-decoration:none;
	background-image:url(images/nextpagedarkgrey.jpg);
	color:#CCCCCC;
}
#advertising {
	margin-right: 0px;
	margin-bottom:10px;
	float: right;
	width: 300px;
	display: inherit;
	overflow: hidden;
}
.adexample260 {
	background-color: #EEEEEE;
	height: 95px;
	width: 258px;
	float: left;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	color: #666666;
	line-height: 18px;
	padding-top:30px;
}
.ad260 a {
	height: 125px;
	width: 260px;
	float: left;
	margin-bottom: 10px;
}
.ad260 a.placeholder {
	height: 123px;
	width: 258px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	text-align: center;
	color: #666666;
	line-height: 120px;
	text-decoration: none;
	float: left;
	margin-bottom: 10px;
}
.adexample125 {
	background-color: #EEEEEE;
	height: 95px;
	width: 125px;
	float: left;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	color: #666666;
	line-height: 18px;
	padding-top:30px;
}
.ad125 a {
	height: 123px;
	width: 123px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;

}
.ad125 a.placeholder {
	height: 123px;
	width: 123px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	text-align: center;
	color: #666666;
	line-height: 120px;
	text-decoration: none;
	float: left;
	margin-bottom: 10px;
}
a.placeholder:hover {
	background-color: #DDDDDD;	
	border: 1px solid #AAAAAA;
}









#footer {
	clear: both;
	background-color: #EEEEEE;
	text-align: center;
	overflow: hidden;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-top: 50px;
}
#footerbox {
	position:relative;
	width: 976px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	height: 100px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 13px;
	color: #999999;
}
#footerbox p {
	width: 475px;
	margin-bottom: 15px;

}

/* Pretty checkboxes styles */

label.checkbox span.holder {
	height: 47px; /* Total height of your checkbox image */
	background: url(images/checkbox.gif) 0 -1px no-repeat; /* Path to your checkbox image */
}

label.radio span.holder {
	height: 47px; /* Total height of your radio buttons image */
	background: url(images/radio.gif) 0 -1px no-repeat; /* Path to your radio button image */
}

html>/**/body label.checkbox:hover span.holder,
html>/**/body label.radio:hover span.holder { top: -15px; } /* Background position on mouseover, ugly hack to hide it from the IEs */

label.checked span.holder,
label.checked span.holder { top: -30px !important; } /* Background position when checked */

label.list {
	float: left; clear: left;
	margin: 0 0 5px 0;
}

label.inline {
	float: left; margin: 0 10px 0 0;
}
	
input.hiddenCheckbox {
	position: absolute; left: -10000px; /* Hide the input */
}

label.prettyCheckbox span.holderWrap {
	display: block; float: left;
	position: relative;
	margin-right: 5px;
	overflow: hidden;
}

label.prettyCheckbox span.holder {
	display: block;
	position: absolute;
	top: 0; left: 0;
}

@media all and (min-width: 1001px) {
  #smallsidebar {
	width: 100px;
  }
  #container, #contentarea, #header, #menuarea {
  	width:1016px;
  }
  #contentarea {
  
  }
}