/* New Styles ---------------------------------------------------------- */

.easylist {
	border-bottom:solid 1px lightgrey; 
	padding-top:12px;
	width:100%;
}

.easylist a img {
	float:left; 
	padding:0 14px 0 0;
}

.easylist .desc {
	width:330px; 
	float:left;
	margin:0px;
	padding-bottom:6px;
}

.easylist .desc a {
	font-weight:bold;
	font-size:16px;
}

.easylist .button {
	width:80px; 
	float:right; 
	padding-top:5px;
}

.more {
	width: 100%;
	font-weight: bold;
	margin-top:8px;
}

.sidelist {
	width:180px; 
	padding-bottom:7px; 
	padding-top:7px; 
	border-bottom:dotted 1px lightgrey;
}

.sidelist .desc a {
	float:left; 
	width:130px; 
	line-height:14px;
}

.sidelist a img {
	padding-right:7px; 
	float:left;
}

.sidelist .button {
	width:20px; 
	float:right;
}

/* Klip Info ---------------------------------------------------------- */


.klipinfo {
	width: 100%;
}

.klipinfo .button {
	width:80px; 
	float:right; 
	padding-top:3px;
}

.klipinfo .klipicon {
	width: 40px;
	float:left; 
}

.klipinfo .title {
	width:320px;
	float:left;
	padding:5px 20px 5px 0px;
}

.klipinfo p {
	margin-top: 0px;
	margin-bottom:10px;
}

.klipinfo td {
	padding-top:6px;
}

.klipinfo table {
	margin-bottom: 10px;
}

.klipinfo .strong {
	font-weight:bold;
}

.newuserbox {
	background: #F7F7F7;
	padding: 7px 20px 10px 9px;
	margin-bottom:25px;
	position:relative;
	border: solid 1px #C2C2C2;
}

.growControl {
	font-weight:bold;
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	top:7px;
	width:80px;
}

.getStep {
	width:30%;
	float:left;
}

.step {
	width:30px;
	color:#B70000;
	float:left;
	padding:0px;
}

.step .tiny {
	font-size:10px;
	line-height:10px;
}

.step .huge {
	font-size:40px;
	font-weight:bold;
	line-height:1em;
}

.getStep p {
	padding: 10px 25px 0px 0px;
	margin:0;
	font-size:13px;
	height:40px;
	line-height:14px;
}



/* Klips Set-Style List ---------------------------------------------------------- */

.kliplisting {
	width:100%;
	padding-top:18px;
	border-bottom:solid 1px lightgrey;
	padding-bottom:15px;
}

.kliplisting a img {
	float:left; 
	padding:3px 14px 0 0;
}

.kliplisting .desc {
	width:72%; 
	float:left;
	margin:0px;
	padding-bottom:8px;
}

.kliplisting .desc p {
	padding-top:4px;
}

.kliplisting .desc a {
	font-weight:bold;
	font-size:18px;
}

.kliplisting .button {
	width:80px; 
	float:right; 
	padding-top:5px;
}

#sortby {
	width:auto; 
	float:right; 
	padding:20px 0px 4px 0;
}

.listingPageBar {
	background-color:#fafafa;
	border:1px solid #e1e1e1;
	padding:8px;	
	margin:0 0 15px 0;
}

/* Klips Simple List ---------------------------------------------------------- */


.title-desc p {
	margin-top: 0px;
	margin-bottom: 10px;
	width: 100%;
	line-height: 1.4em;
	padding-top:0px;
	padding-bottom:10px;
	clear: both;
	border-bottom:1px solid #E7E7E7;
}
.listtop {
	position:relative;
	clear:both; 
	float:left;
	margin-bottom:4px;  
	width:100%;
}
.klipicon {
	float:left;
	margin:0;
	margin-right:8px;
	width:16px;
}
.listtop h3 {
	font-size: 1.1em;
	margin: 0px;
	display: inline;
	padding: 0px;
}
.micro-list .klipicon, .addklip {
	padding-top:2px;
}
.micro-list .listtop {
	border-bottom:1px solid #E7E7E7;
	margin-bottom:7px;
	padding-bottom:7px;
}
#rightcontent h3 {
	font-size: 1.0em;
}
.titleblock {
	float:left; 
	margin:0px;
	width:500px;
	padding:0px;
}
.addklip {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px;
	float: right;
}
.plus-icon {
	margin-left: 4px;	
}

.klip-mini-info {
	color:#5C5C5C;
	font-weight:bold;
	margin-top:0px;
	line-height: 1.6em;
}


/* Comments ---------------------------- */

#commentFormPane { 
	clear:both;
}
#commentFormPane td { 
	padding-bottom:6px;
}
.commentItem	{ 
	margin-bottom:10px; 
	border-bottom:1px solid #d8d8d8;
	padding-bottom: 20px;
	padding-top:10px;
	clear:both;
}
.commentItem .textcontainer {
	margin-left:75px;
}
.commentItem .textcontainer p {
	margin-top:10px;
	margin-bottom:5px;
	position:relative;
}
.commentItem h3 {
	font-size:15px;
	margin:0px;
	padding:0px;
}
.commentItem .postedby {
	font-size:11px;
	padding:0px;
	margin-top:-2px
}

.commentBody{
	line-height:1.2;
	margin-top:8px;
}

.avatar {
	margin-top:4px;
	padding-top:0px;
	width:70px;
	float:left;
}



/* Sets ---------------------------------------------------------- */

.set { 
	background-image: url('/images/ui/icon/bullet-folder.gif'); 
	background-repeat:no-repeat;
	background-position: left;
	padding-left:20px;  
	padding-right:10px;
	font-size:1.1em;
	white-space:nowrap;
	margin:0px;
	display:block;
	float:left;
}

/* Non-Klip List Styles ---------------------------- */

ul.tags {
	list-style-image:url(/images/ui/icon/bullet-tag.gif);
}
ul.tags li {
	margin-left:19px;
	line-height:1.3;
	padding-bottom:7px;
}
ul.sets {
	list-style-image:url(/images/ui/icon/bullet-folder.gif)
}
ul.sets li {
	margin-left:19px;
	line-height:1.3;
	padding-bottom:7px;
}

/* Developer section List Styles ---------------------------- */
ul.guides {
	margin-bottom:25px;
	}
ul.guides li {
	background: url("/images/content/dev/doc-icon.gif") no-repeat left top; 
	padding-left: 20px;
	margin-bottom: 0.3em;
	font-weight: bold;
	font-size:14px;
}