/* 
style.css
 */
 
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

*{margin:0;padding:0;} 
html, body {
	margin: 0; padding: 0;
	font-size: 85%; /* enables you to easily size text with ems */
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	background: #f2f2f2 url(back-body.gif) repeat-x;
	color: #555555; /* default font color */
	position: relative;
  	width: 100%; 
}
h1{font-size:22px;width:300px;margin-bottom:15px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;margin:10px 0;}
a{
	color:#0087CC;
	text-decoration:none;
	outline: none;
}
:focus
{
  -moz-outline-style: none;
}

a:hover{text-decoration: underline;
color:#0087CC;}
#wrapper{
	margin:0px auto;
	text-align:left; 
	width:980px;
	/*background: transparent url(back-floral.png) no-repeat 297px 5px;*/
} 
/* Universal */
.clear {
	clear: both;
}

/* ClearFix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.float-right{
		float: right;
		padding-left: 5px;
		padding-bottom: 5px;
	}
	
	.box-mid img{
			float: left;
		padding-right: 10px;
		padding-bottom: 0px;
		width:64px; 
		height:64px;
	}
	
	
	
.float-left{
		float: left;
		padding-right: 10px;
		padding-bottom: 0px;
	}
/* Header */
#header {
	margin: 0px;
	height: 124px;
}
	#logo {
		margin: 12px 25px 0 0;
		float: left;
		width:955px;
	}
	#logo #b_id{
	float:right;
	width:468px;
	height:60px;
	}
	
	#logoimg{
	width:430px;
	height:78px;
	float:left;
	}
	
	#logoimg img{
	margin-top:-22px;
	_margin-top:0px;
	}
	
	#beta {
		width: 0px;
		height: 0px;
	}
		#beta img{
		margin: -22px 0 0 14px;
	}
	#header h1 {
		text-indent: -9999px;
		height: 0px;
}
	#menu .nav {
		float: left;
		width: 400px;
		margin-top: 60px;
	}
	#menu li {
		display: inline;
		float: left;
	}
	#menu li a {
		display: block;
		width: 80px;
		height: 56px;
		text-indent: -9999px;
	}
	#menu #active {
		border: none;
}
		#menu .nav-home, #menu .page-item-243 {
			background: url(menu.png) 0px -80px;
		}
		#menu .nav-browse, #menu .page-item-762 {
			background: url(menu.png) -80px -80px;
		}
		#menu .nav-search, #menu .page-item-246 {
			background: url(menu.png) -160px -80px;
		}
		#menu .nav-addapp, #menu .page-item-241{
			background: url(menu.png) -240px -80px;
		}
		#menu .nav-myapps, #menu .page-item-236 {
			background: url(menu.png) -320px -80px;
		}
		#menu .nav-home a:hover, #menu .page-item-243 a:hover{
			background: url(menu.png) 0px -160px;
		}
		#menu .nav-search a:hover, #menu .page-item-762 a:hover{
			background: url(menu.png) -80px -160px;
		}
		#menu .nav-search a:hover, #menu .page-item-246 a:hover{
			background: url(menu.png) -160px -160px;
		}
		#menu .nav-addapp a:hover, #menu .page-item-241 a:hover{
			background: url(menu.png) -240px -160px;
		}
		#menu .nav-myapps a:hover, #menu .page-item-236 a:hover{
			background: url(menu.png) -320px -160px;
		}
		
		#menu .current-page-item-243 {
			background: url(menu.png) 0px 0px;
		}
		#menu .current-page-item-762 {
			background: url(menu.png) -80px 0px;
		}
		#menu .current-page-item-246{
			background: url(menu.png) -160px 0px;
		}
		#menu .current-page-item-241 {
			background: url(menu.png) -240px 0px;
		}
		#menu .current-page-item-236{
			background: url(menu.png) -320px 0px;
		}
	/* Search */
	#search {
		float: right;
		background: url(search.png);
		width: 288px;
		height: 36px;
		margin-right:25px;
		_margin-right:12px;
	}
		#search form input{
			background: #f3f3f3 url(mag.png) no-repeat 5px 5px;
			width: 245px;
			vertical-align: middle;
			height: 17px;
			border: 1px solid #a8a8a8;
			margin: 6px 0 0 10px;
			padding-left: 20px;
			padding-top: 3px;
		}
	.register-login {
		margin-left: -207px;
		float: left;
		margin-top: 9px;
		width: 200px;
		text-align: right;
	}

/* Body */
#mid{
	margin: 17px 0 0 0;
}
.main {
	float: left;
	width: 435px;
}
.main-2col {
	float: left;
	width: 695px;
}
.second {
	float: left;
	width: 243px;
	margin-left: 17px;
}
.third {
	float: left;
	width: 258px;
	margin-left: 17px;
}
.col {
	
}
.box {
	width: 243px;
	margin-bottom: 15px;
}
.box-top {
	background: url(box-top.png) no-repeat;
	height: 8px;
	overflow:hidden;
}
.box-mid {
	background: #fff;
	border-left: 1px solid #d8dbd6;
	border-right: 1px solid #d8dbd6;
	padding: 0 10px 0 10px;
	overflow:hidden;
	width:221px;
}
	.box-mid h2{
border-bottom:1px dotted;
font-size:16px;
font-weight:bold;
margin-bottom:15px;
padding-bottom:5px;
padding-top:5px;
	}
	
		.box-mid h2.tabble{
border-bottom:1px solid #E5E5E5;
font-size:16px;
font-weight:bold;
margin-bottom:0;
margin-left:14px;
padding-bottom:5px;
padding-top:5px;
margin-right:5px;
background:url(5cards.jpg) no-repeat right;
	}
	
			.box-mid h2.tabble2{
border-bottom:1px solid #E5E5E5;
font-size:16px;
font-weight:bold;
margin-bottom:0;
margin-left:14px;
padding-bottom:5px;
padding-top:5px;
margin-right:5px;
background:url(4cards.jpg) no-repeat right;
	}
	
	
	.box-mid h2 span{
		font-size: 12px;
		font-weight: normal;
	}
	.box-mid p{
		font-size: 11px;
		line-height: 16px;
		margin-left: 10px;
		padding-bottom: 10px; 
		margin-bottom:10px;
		background: url(divider-white.gif) no-repeat 80% 100%;
		color: #797c80;
	}

#announcements { 
	width: 223px; 
	background: #fff;
	margin-top: 5px;
}

#announcements h2 { margin-left: 22px; font-size: 16px; line-height: 18px; color: #616366; }
#announcements li {
	padding-bottom: 11px;	
}
#announcements li a{ position: relative; display: block; color: #08c; background: url(fn_arrow_grey.gif) no-repeat 208px 50%; font-size:12px;}
#announcements li a img { vertical-align: middle; margin-top: -1px; margin-right: 6px; }
#announcements li a:hover { color: #08c; text-decoration: underline; background-image: url(fn_arrow_blue.gif); }

#announcements .announcements-main li, #announcements .announcements-main { line-height: 12px; }
#announcements p{
	font-size: 10px;
	line-height: 12px;
	margin: 5px 16px 0 10px;
	padding-bottom: 7px; 
	color: #797c80;
	text-align: justify;
}
#announcements p a{
	text-align: right;
	color: #93C35F;
}
#announcements p a:hover{
	text-align: right;
	color: #93C35F;
}
/* Stats table - third column*/
.box-mid .details { 
	margin:0 -1px 0em 10px; 
	padding:0 1px; 
	font-size:11px;
	padding-bottom: 0px;
	color: #797c80;
}
	.box-mid .details h4 { font-size: 11px; }
	.box-mid .details dl { display:inline;}
	.box-mid .details dt, .box-mid .details dd { 
		float:left; 
		border-bottom:1px solid #e5e5e5;
		line-height: 22px;
	}
	.box-mid .details dt { 
		clear:left; 
		width: 60%; 
		border-right: 1px solid #e5e5e5;
		margin-left:-1px; 
		padding-left:5px;
		
	}
	.box-mid .details dd { 
		width: 30%; 
		margin-right:-1px; 
		padding-left:10px;  
		text-align:left; 
		font-weight:bold;
	}
.app .bot{
	background: #fff;
	height: 5px;
}

	
.featuresnav { 
	width: 223px; 
	background: #fff;
	margin-top: 5px;
}
	.featuresnav span {
		text-align: right;
		margin-right: 5px;
		font-size: 10px;
		padding-bottom: 7px;
	}
	.featuresnav span a, .featuresnav span a:visited{
		color: #bbb;
	}
	.featuresnav span a:hover{
		color: #08c;
	}
 .featuresnav.featuresnav h2 { margin-left: 22px; font-size: 16px; line-height: 18px; color: #616366; }
 .featuresnav li a { position: relative; display: block; color: #797c80; background: url(fn_arrow_grey.gif) no-repeat 208px 50%; }
 .featuresnav li a img { vertical-align: middle; margin-top: -1px; margin-right: 6px; }
 .featuresnav li a:hover { color: #08c; text-decoration: none; background-image: url(fn_arrow_blue.gif); }

 .featuresnav .features_main li, #main .featuresnav .features_main { line-height: 36px; }
 .featuresnav #features_supp { margin-bottom: 0; padding-bottom: 18px; }
 .featuresnav #features_supp li, #main .featuresnav #features_supp li a { line-height: 30px;}

.box-bot {
	background: url(box-bottom.png) no-repeat;
	height: 6px;
}
/* Footer */
#footer2 {
	width: 100%;
	border-top: 2px solid #c8ed9d;
	background: #95c35f;
	padding-top: 20px;
	padding-bottom: 20px;
}
	#footer2 p {
		text-align: center;
		font-size: 10px;
		color: #c8ed9d;
		padding-bottom:10px;
	}
	#footer2 a {
		color: #ecf5e3;
	}
	#footer2 .bot-grass {
	float: right;
	margin: -215px 15px 0 0;
}
#footer {
	width: 100%;
	border-top: 2px solid #95c35f;
	background: #b1de7c;
	/*margin-top: 50px;*/
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer-area {
	width: 980px;
	margin: 0 auto;
}
	.footer-area .footer-info {
		margin-right: 0px;
		float: left;
		width: 245px;
	}
	.footer-area ul {
		width:208px;
	}
	.footer-area li a{
		color: darkgreen;
		line-height: 18px;
		text-decoration:underline;
	}
		.footer-area .fresh-sort {
			
		}
	.footer-area h3 {
		padding: 0 0 15px 0;
		margin: 0px 0 10px 0;
		font-size: 1.4em;
		font-weight: normal;
		color: #ffffcc;
		border-bottom: 1px dotted #ffffcc;
		width: 220px;
	}
	
	.footer-area h3.stars55{
	background:url(stars55.jpg) no-repeat right;
	}
	
		.footer-area h3.stars44{
	background:url(stars44.jpg) no-repeat right;
	}
	
	
	.footer-area span {
		font-size: 11px;
		color: #e9ffce;
		float: left;
		margin-top: 0px;
}

.footer-area a span{
font-size:15px !important;
color:darkgreen;
}


/* Author */
.profile {
	border: 4px solid #fff;
	padding: 12px 12px 40px 12px;
	margin-bottom: 12px;
	min-height: 200px;
	background: #B1DE7C url(txt-read-my-reviews.png) bottom no-repeat;
}
	.profile h2 {
		font-size: 30px;
		color: #ffffaa;
		padding-bottom: 10px;
	}
	.profile h2 span{
		color: #fff;
		text-decoration: underline;
	}
.profile .post-specs {
	font-size: 10px;
	background: #94C35F;
	padding: 3px;
	color: #ffffff;
	margin-bottom: -5px;
	font-weight: bold;
}
	.profile .post-specs a{
	font-size: 10px;
	background: #94C35F;
	padding: 3px;
	color: #ffffff;
	margin-bottom: -5px;
	font-weight: bold;
	text-decoration: underline;
	
}
.profile .entry {
	color: #fff;
}
.avatar-150 {
	float: left;
	margin-right: 15px;
	background: #efefef;
	padding: 10px;
	border: 1px solid #D7DBD6;
}
/* Blog */
.post {
	background: #fff;
	border: 1px solid #d8dbd6;
	padding: 12px;
	margin-bottom: 12px;
	min-height: 200px;
}
.post .feature{
	float: left;
	margin-right: 15px;
}
	.post h2 {
		font-size: 24px;
		padding-bottom: 10px;
		font-weight: bold;
		letter-spacing: -1px;
		color: #0070AB;
	}
.post-specs {
	font-size: 10px;
	background: #b1de7c;
	padding: 3px;
	color: #ffffff;
	margin-bottom: -5px;
	font-weight: bold;
}
	.post-specs a{
	font-size: 10px;
	background: #b1de7c;
	padding: 3px;
	color: #ffffff;
	margin-bottom: -5px;
	font-weight: bold;
	text-decoration: underline;
	
}
.entry {
	padding: 10px;
	font-size: 11px;
	line-height: 18px;
	margin-top: 10px;
}
	.entry h3 {
		font-weight: bold;
		font-size: 1.6em;
		line-height: 23px;
		padding-bottom: 3px;
		color:  #0070AB;
	}
	.entry ul {
		margin-bottom: 2.0em;
	}
	.entry li {
		margin-bottom:4px;
		margin-left: 27px;
		padding-left: 13px;
		background: url(li.gif) no-repeat 0 8px;
	}
	.entry p {
		font-family: verdana;
		padding-bottom: 2.0em;
		font-size: 11px;
		line-height: 16px;
	}
	.entry strong {
		font-weight: bold;
	}
	.entry p a{
		color:#0087CC;
		text-decoration:none;
	}
	.entry p a:hover{
		text-decoration: underline;
	}
	.entry img {
		background-color:#f0f0f0;
		border:1px solid #cecfd0;
		text-align:center;
		margin-bottom:10px;
		padding: 10px;
		margin: auto;
	}
	.entry .alignright {
		float: right;
		margin: 0 0 0 20px;
	}

/* App Display - iPhone */
.app {
	margin-bottom: 10px;
}
.app .top{
	background: #fff;
	height: 5px;
}
.app .mid{
	background: #1E1B14;
	border-left: #fff 5px solid;
	border-right: #fff 5px solid;
	height: 160px;
	padding-top:5px;
}
	.app .app-left {
		float: left;
		/*width: 74px;
		height: 72px;*/
		margin:10px;
	}
	
	.app .app-left img{
border:1px solid #EFDDB3;
	}

	
	.app .app-center {
		float: left;
		width: 258px;
		margin-left:5px;
		_margin:0px;
	}
	.app .mid .icon {
		float: left;
		margin: 10px 10px 0 10px;
		width: 54px;
	}
			.app .mid .icon-over {
				width: 0px;
				height: 0px;
				margin-right: -59px;
			}
			.app .mid .icon-over img{
				position: relative;
				top: 4px;
				left: 2px;
			}
	.app .mid .title {
		float: left;
		margin: 8px 0px 0 0;
		/*height: 50px;*/
	}
		.app .mid h2 {
background:transparent url(5stars.JPG) no-repeat scroll right center;
height:22px;
width:283px;
		}
		.app .mid h2 a{
			color: #ffffff;
			font-size: 17px;
		}
		.app .mid ul {
			float: left;
			color: #8f8f8f;
			font-size: 11px;
			margin-top: 10px;
			width: 315px;
		}
			.app .mid li {
				display: inline; 
			}
			.app .mid li strong{
				font-size: 9px;
			}
		.app .mid a {
			color: #a3a3a3;
		}
.app .mid span {
color:#EFDDB3;
font-size:14px;
font-weight:bold;
margin-top:-2px;
text-align:left;
}
	.app .mid .freshness {
		height: 160px;
		float: right;
		width: 146px;
		text-align: right;
		padding-right: 5px;
	}
	.app .mid .p1{
		background: #1e1b15 url(1.png) no-repeat bottom left;
	}
	.app .mid .p2{
		background: #1e1b15 url(2.png) no-repeat bottom left;
	}
	.app .mid .p3{
		background: #1e1b15 url(3.png) no-repeat bottom left;
	}
	.app .mid .p4{
		background: #1e1b15 url(4.png) no-repeat bottom left;
	}
	.app .mid .p5{
		background: #1e1b15 url(5.png) no-repeat bottom left;
	}
		.app .mid .freshness img {
			margin: 7px 0px 5px 0;
			height:  18px;
			padding: 0;
		}

		.app .mid .freshness h3{
			font-size: 16px;
			height: 16px;
			line-height: 16px;
			color: #fff;
			font-weight: bold;
			padding: 0;
		}
		.app .mid .freshness h3 a{
			color: #fff;
		}
		.app .mid .freshness .mf{
			line-height: 4px;
			color: #fff;
			font-family: Verdana;
			font-size: 10px;
			text-decoration: none;
			padding: 0;
		}
		.app .mid .freshness .mf a{
			line-height: 24px;
			height: 24px;
			color: #fff;
			font-family: Verdana;
			font-size: 10px;
			text-decoration: none;
		}
		.app .mid .freshness .mf a:hover{
			
			text-decoration: underline;
		}

	.app .mid .expand-button {
		float: right;
		height: 73px;
		border-right: 15px solid #1E1B14;
		margin-left: -8px;
	}
		.app .mid .expand-button span {
			background: url(arrow.png) no-repeat bottom left;
			margin: 28px -10px 0 0;
			padding: 0px;
			height: 18px;
			width: 18px;
		}
	.app .mid .expand-button-down {
		float: right;
		height: 73px;
		border-right: 15px solid #1E1B14;
		margin-left: -8px;
	}
		.app .mid .expand-button-down span {
			background: url(arrow-down.png) no-repeat bottom left;
			margin: 28px -10px 0 0;
			height: 18px;
			width: 18px;
		}
		
.app .expand{
	background: #fff url(grass.gif) no-repeat bottom;
	border-left: #fff 5px solid;
	border-right: #fff 5px solid;
	padding-bottom: 30px;
}
.app .description-vert {
	min-height: 340px;
}
.app .description-horz {
	min-height: 340px;
}
.app .expand-left{
	
}

	.app .expand a {
		color:#236FA6;
		text-decoration:none;
	}
	.app .expand a:hover {
		color:#333;
		text-decoration:none;
	}
	.app .expand p{
		padding: 10px 10px 5px 10px;
		font-size: 11px;
	}
	.app .expand .screenshot-vert{
		float: right;
		margin: 10px 10px 0px 10px;
		background: url(iphone-156x340.png) no-repeat top right;
		width: 156px;
		height: 340px;
	}
	.app .expand .screenshot-horz{
		background: url(iphone-184x340.png) no-repeat top right;
		width: 184px;
		height: 340px;
	}
	.app .expand .screenshot-vert img{
		margin: 48px 0 0 15px;
	}
	/* details table */
.app .expand .details { 
	margin:0 -1px 1.8em 10px; 
	padding:0 1px; 
	font-size:11px; 
	border-bottom: 1px solid #e5e5e5; 
}
	.app .expand .details h4 { font-size: 11px; }
	.app .expand .details dl { display:inline;}
	.app .expand .details dt, .app .expand .details dd { 
		float:left; 
		padding-top:.5em; 
		border-top:1px solid #e5e5e5; 
	}
	.app .expand .details dt { 
		clear:left; 
		width: 20%; 
		margin-left:-1px; 
		padding-left:1px; 
	}
	.app .expand .details dd { 
		width: 80%; 
		margin-right:-1px; 
		padding-right:1px; 
		text-align:right; 
	}
.app .bot{
	background: #fff;
	height: 5px;
}
.app-video {
	background: #F3F3F3;
	width: 250px;
	padding: 10px;
	margin: 10px auto;
	display: none;
}
	.app-video img{
		float: left;
		margin-right: 10px;
	}
	.app-video h4{
		font-weight:bold;
		font-size:12px;
		color:#000;
		line-height:1.4em;
		margin-top:12px;
		margin-bottom:0px;
	}
	.app-video p a {
		background: transparent url(morearrow_08c.gif) no-repeat scroll 100% 60%;
		padding-right: 10px;
		font-size: 12px;
		color: #08c;
	}
/* Stats */
.stats {
	background: #94C35F;
	padding: 8px;
	margin-bottom: 12px;
	border: 4px solid #fff;
}
.stats h2 {
	font-size: 16px;
	border-bottom: 1px dotted #ffffcc;
	color: #ffffcc;
	padding-bottom: 3px;
}
	.stat {
		margin-top: 10px;
	}
	.stat {
		margin-left: 10px;
	}
	.stat h3{
		font-size: 12px;
		color: #fff;
		font-weight: bold;
	}
	.stat p {
		margin-left: 10px;
	}
	.stat p a{
		font-size: 11px;
		color: #fff;
		text-decoration: underline;
	}
	.stat p a:hover{
		font-size: 11px;
		color: #ffffcc;
		text-decoration: none;
	}
/* Browse */
.browse {
	background: #94C35F;
	padding: 8px;
	margin-bottom: 12px;
	border: 4px solid #fff;
}
.browse .instructions {
	margin: -8px -8px 8px -8px;
	background: #ffffcc;
	padding: 10px;
	font-size: 11px;
	color: #797c80;
	border-bottom: 1px solid #77a841;
}
	.sortby {
		float: left;
		width: 122px;
		border-right: 1px solid #c8ed9d;
		margin-right: 7px;
		padding-right: 7px;
		height: 100px;
	}
	.sortby h4{
		font-size: 14px;
		border-bottom: 1px dotted #c8ed9d;
		color: #ffffcc;
		padding-bottom: 3px;
	}
	.sortby a{
		font-weight: none;
		color: #fff;
		font-size: 11px;
		line-height: 18px;
		margin-left: 5px;
		text-decoration: underline;
	}
		.sortby a:hover{
			color: #ddf4c3;
		}
		.sortby .current a{
			color: #ffffcc;
			text-decoration: none;
			font-weight: bold;
		}
	.browse-sentence {
		margin: 7px -8px -8px;
		background: #84b54f;
		border-top: 1px solid #77a841;
		color: #ffffcc;
		padding: 10px;
		font-size: 12px;
	}
	.sb-txt {
		font-size: 12px;
		color: #ffffcc;
	}
	.browse-sentence span{
		font-weight: bold;
		font-size: 15px;
		color: #fff;
	}
/* Comments */
#comments_wrapper {
	background: #fff;
}
#comments_wrapper h3{
	padding: 5px;
}
ol.commentlist {
	margin:0;
	padding:0;
	background: #fff;
}

.commentlist li {
	list-style:none;
	margin-bottom: 4px;
	border-bottom: 1px solid #efefef;
}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	float: left;
	width: 110px;
}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	font-size: 9px;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist .author {
	font-size: 9px;
	line-height: 32px;
	text-decoration: underline;
	color: #5f9720;
	float: left;
}
.commentlist .gravatar {
	margin-right: 8px;
	line-height: 32px;
	float: left;
}

.commentlist .time {
	font-size: 9px;
	color: #959595;
	float: left;
}
	.commentlist .date {
	font-size: 8px;
	}

.commenttext {
	color: #777;
	font-size: 11px;
	padding: 10px 10px 10px 10px;
}
	.commenttext .comment-edit {
		float: right;
		padding-left: 3px;
	}
	.commenttext .thdrpy{
		color: #fff;
	}
.commenttext .thdrpy a{
	background: url(reply.png) no-repeat left;
	padding-left: 8px;

}
.editComment, .editableComment, .textComment{
	display: inline;
}
/* Comment Childs */
.comment-childs{
	float: left;
	margin-left: 20px;
	width: 413px;
}
li.comment-childs {
	border-top: 1px solid #efefef;
	border-bottom: none;
}
#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #777;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #999;
}

/* Comment Forms */	
#commentform {
	background: #fff;
	padding: 10px;
}
#comment{
	width: 90%;
	margin: 18px;
	padding: 10px 10px 25px 10px;
	font-family: inherit;
	font-size: 11px;
}
.comment-textarea{
	padding: 10px 10px 25px 10px;
	font-family: inherit;
	font-size: 11px;
}
.comment-textarea-header {
	
}
/* PAGINATION CSS */
#pagination ul{border:0; margin:0; padding:0;}

#pagination li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style: none;
	margin-right:2px;
}
#pagination a{
	border:solid 1px #E0D9B5;
	margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off {
	color:#927452;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
	border: none;
}
#pagination .next a,
#pagination .previous a {
	font-weight:bold;
	border: none;
}
#pagination .active{
	background:#E0D9B5;
	color:#fff;
	font-weight:bold;
	display:block;
	float:left;
}
#pagination .active a{
	color:#fff;
}
#pagination a:link,
#pagination a {
	color:#927452;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#pagination a:hover{
	border:solid 1px #E0D9B5;
}
/* RSS Icons */
.middle-links {
	margin-top:15px;
}
.rss h3{
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.rss{
	margin-top: 17px;
}
.rss li {
	background: url(rss-21x21.png) no-repeat;
	font-size: 13px;
}
.rss a{
	padding-left: 25px;
	line-height: 21px;
}
.rss p {
	margin: 10px 0 10px 10px;
	font-size: 11px;
	color: #999;
}



.fav h3{
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.rss{
	margin-top: 17px;
}
.fav li {
	background: url(fav.JPG) no-repeat;
	font-size: 13px;
}
.fav a{
	padding-left: 25px;
	line-height: 21px;
}
.fav p {
	margin: 10px 0 10px 10px;
	font-size: 11px;
	color: #999;
}




form.wufoo{
margin:0px 0px 0 0px;
padding:0 0 20px 0;
}

.hide{
display:none !important;
}
.wufoo{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
font-size:small;
}
.wufoo li{
width:62%;
}
form ul{
margin:0;
padding:0;
list-style-type:none;
width: 400px;
font-size:100%;
}
form li{
margin:0;
padding:4px 5px 2px 9px;
position:relative;
clear:both;
}
form li:after, .buttons:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}

form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

* html form li div{
display:inline-block;
}
form li div, form li span{
margin:0 4px 0 0;
padding:0 0 8px 0;
color:#444;
}
form li span{
float:left;
}

form li div.address{
padding-bottom:0;
}

form li div.left{
display:inline;
float:left;
width:47%;
}
form li div.right{
display:inline;
float:right;
width:47%;
}

.clear{
clear:both !important;
}
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* ----- INFO ----- */

.info{
display:inline-block; 
clear:both;
border-bottom:1px dotted #ccc;
margin:0 0 1em 0;
}
.info[class]{
display:block;
}
.info h2{
font-weight:normal;
font-size:160%;
margin:0 0 3px 0;
clear:left;
}
.info p{
font-size:95%;
line-height:135%;
margin:0 0 12px 0;
}

/* ----- SECTIONS ----- */

form hr{
display:none;
}
form li.section{
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
}
form ul li.first{
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}
form .section h3{
font-weight:normal;
font-size:110%;
line-height:135%;
margin:0 0 2px 0;
}
form .section p{
font-size:85%;
margin:0 0 10px 0;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
line-height:150%;
padding:0 0 1px 0;
border:none;
color:#222;
display:block;
font-size:95%;
font-weight:bold;
}
form li div label, form li span label{
margin:0;
padding-top:3px;
clear:both;
font-size:9px;
line-height:9px;
color:#444;
display:block;
}

input.text, input.file, textarea.textarea, select.select{
margin:0;
font-size:100%;
color:#333;
}
input.text, textarea.textarea, .firefox select.select{
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff url(fieldbg.gif) repeat-x top;
}
input.text, input.file{
padding:2px 0 2px 0;
}

label.choice{
font-size:100%;
display:block;
line-height:1.5em;
margin:-1.65em 0 0 25px;
padding:.44em 0 .5em 0;
color:#222;
width:90%;
}
input.checkbox, input.radio{
display:block;
line-height:1.5em;
margin:.6em 0 0 3px;
width:13px;
height:13px;
}

textarea.textarea{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
select.select{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
margin:1px 0;
padding:1px 0 0 0;
}
select.select[class]{
margin:0;
padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
margin:1px 0;
}
.safari select.select{
margin-bottom:1px;
font-size:120% !important;
}

span.symbol{
font-size:115%;
line-height:130%;
}
form li .datepicker{
float:left;
margin:.1em 5px 0 0;
padding:0;
width: 16px;
height: 16px;
cursor:pointer !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
padding:0 7px;
width:auto;
overflow:visible;
}
.buttons{
clear:both;
margin-top:10px;
}
.buttons input{
font-size:120%;
margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section p, .rtl input.btTxt{
direction:rtl;
}

/* ----- SIZES ----- */

.third2{
width:32% !important;
}
.half{
width:48% !important;
}
.full{
width:100% !important;
}

input.small, select.small{
width:25%;
}
input.medium, select.medium{
width:50%;
}
input.large, select.large, textarea.textarea{
width:100%;
}

textarea.small{
height:5.5em;
}
textarea.medium{
height:10em;
}
textarea.large{
height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
width:99%;
margin:0 auto;
background:#fff;
border:1px dotted red;
margin-bottom:1em;
text-align:center;
padding-top:4px;
padding-left:0px;
padding-right:0px;
}
#errorMsgLbl{
margin:7px 0 5px 0;
padding:0;
font-size:125%;
color:#DF0000;
}
#errorMsg{
margin:0 0 .8em 0;
color:#000;
font-size:100%;
}
#errorMsg strong{
background-color: #FFDFDF;
padding:2px 3px;
color:red;
}
form li.error{
display:block !important;
background-color: #FFDFDF !important;
margin:3px 0;
}
form li.error label{
color:#DF0000 !important;
}
form p.error{
display:none;
color:red;
font-weight:bold;
font-size:10px;
margin:-2px 0 5px 0;
clear:both;
}
form li.error p.error{
display:block;
}
.leftLabel p.error, .rightLabel p.error{
margin-left:30%;
padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
margin-left:35%;
padding-left:15px;
}

/* ----- REQUIRED ----- */

form .req{
float:none;
color:red !important;
font-weight:bold;
margin:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
background-color:#fff7c0;
}
form .instruct{
position:absolute;
top:0;
left:100%;
z-index:1000;
width:42%;
margin:0 0 0 8px;
padding:8px 10px 9px 10px;
border:1px solid #e6e6e6;
background:#f5f5f5;
line-height:130%;
font-size:80%;
color:#444;
visibility:hidden;
}
form .instruct small{
font-size:105%;
}
form li.focused .instruct, form li:hover .instruct{
visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
visibility:visible;
position:static;
margin:-2px 0 0 0;
padding:0 0 7px 0;
background:none;
border:none;
width:100%;
font-size:9px;
clear:left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{
width:74% !important;
padding-top:9px;
}

.leftLabel .small, .rightLabel .small{
width:17%;
}
.leftLabel .medium, .rightLabel .medium{
width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address{
width:64%;
}

* html .leftLabel .small, * html .rightLabel .small{
width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
width:97%;
}

.leftLabel label.desc, .rightLabel label.desc{
float:left;
width:30%;
margin:2px 15px 0 0;
}
.rightLabel label.desc{
text-align:right;
}
.leftLabel .address, .rightLabel .address{
float:left;
}

.leftLabel p.instruct, .rightLabel p.instruct{
width:27%;
margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
margin-left:30% !important;
padding-left:15px;
width:65%;
}

.leftLabel .buttons, .rightLabel .buttons{
margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input{
margin-left:30%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct{
display:none !important;
}
.noI form li, .noI form li.buttons{
width:97% !important;
}
.noI form li.section{
padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address{
width:60%;
}

* html .noI .leftLabel .small, * html .noI .rightLabel .small{
width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium{
width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{
width:97%;
}

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
margin-left:35%;
}

/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf{
width:46% !important;
}
li.leftHalf{
clear:left;
float:left;
}
li.rightHalf{
clear:none;
float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
width:100%;
}





/*Light Windows CSS*/
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

#social-notice{margin-top:20px; margin-bottom:20px;}
#social-response h2{margin-top:10px; margin-bottom:15px;}
#social-response{margin-top:30px; margin-bottom:30px;}
.social-background{padding:10px; border:1px solid #999; background:#F0FFFF;}
.social-reply{margin-bottom:15px;}
.social-title{margin-bottom:2px;}
.social-excerpt{}

#story{
font-size:12px;
line-height:1.4;
margin-bottom:10px;
}

#story p{
margin-bottom:5px;
}

#story h3{
margin:10px 0px 5px;
}




#visit01{
background-image:url(visit_1.GIF);
background-repeat:no-repeat;
float:right;
font-size:13px;
height:15px;
padding-left:20px;
margin-right:10px;
margin-top:10px;
}


#dwn01{
background-image:url(download_1.GIF);
background-repeat:no-repeat;
float:right;
font-size:13px;
height:15px;
padding-left:20px;
margin-right:10px;
margin-top:10px;
}


.bunny img{
width:221px;
height:120px;
margin-left:-9px;
}

#bunny img{
width:209px;
height:75px;
}


.footer-info h3 a{
color:DarkGreen;
}


.visitinner{
background-attachment:scroll;
background-color:transparent;
background-image:url(visitinner.jpg);
background-repeat:no-repeat;
cursor:pointer;
padding-left:15px;
}


#flags{
background: rgb(200, 237, 157) none repeat scroll 0%;text-align:center;padding:10px;color:DarkGreen;border-top:2px solid #78AF36;
}

#flags a{
color:DarkGreen;
}

#flags img{
border:none;
}