/*
Theme Name: Kwaito.com
Theme URI: the-theme's-homepage
Description: Theme build for kwaito.com an online music magazine
Author: Samkelo Ngwenya
Author: www.kesloo.com
Template:
Version:
*/
/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content:'' }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
* { outline: none; }

/***********************************************************
 Let the games begin...
************************************************************/


html {
	background:#1a1c1d;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	/*background: ;
	font: .72em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;*/

}

body {
	background: #fff;
	font-size: 12px;
	color:#333333;
	line-height: 170%;
	width: 960px;
	/*max-width: 1300px;*/
	margin: 0 auto;
	border:0px solid #FF0000;
}

/* headers */
h1, h2, h3, .h1, .h2, .h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
}
h1, .h1 { font-size: 2em; color: #000000; } 
h2, .h2 { font-size: 1.4em; text-transform:none;}

h3, .h3 { font-size: 1.3em; }

#wrap {
	width: 960px;
	height:100%;
	margin: 0 auto;
	padding-bottom:0;
}

#innerwrapper {
	background:#FFFFFF;
	width: 960px;
	height:auto;
	margin: 0;
	float:left;
	padding-bottom:5px;
}
/***********************************************************
 HEADER SECTION
************************************************************/
#header {
	height:auto;
	width:950px;
	background: #333366;
	padding-left:5px;
	padding-right:5px;
	float:left;
	color:#FFFFFF;
}

#header a {
	color:#FFFFFF;
	}

#login  {
	height:28px;
	width:100%;
	text-align:right;
	padding-yop:3px;
	border:0px solid #FF0000;
}

		#login #login-form{
			float: right;
			position:relative;
			margin-right:115px;
		}

		#logout-link {
			position:relative;
			right:0;
			width:auto;
		} 

		#logout-link .avatar img {
			vertical-align: middle;
			border: 3px solid #ddd;
			position:relative;
			top:0;
			margin-right:5px;
		}
		#logout-link img {
			vertical-align: middle;
			border: 3px solid #ddd;
			position:relative;
			top:0;
			margin-right:5px;
		}#header_section {
		height:90px;
		float:left;
		width:100%;
		margin-top:5px;
}
	#header_section span{
		border:0px solid #FF0000;
		display:block;
		width:50%;
		}
	#header_section #logo {
		float:left;
		}
		
	#header_section #advert {
		float:right;
		border:0px solid #3333FF;
		}
		
		#header_section #advert img {
			border:1px solid #000000;
			float:right;
			}
	
#navigation {
	width: 960px;
	height: auto;
	float: left;
	background: #333366;
	border-top: 1px solid #000033;
	}
	

#mainnav a {
	height: 25px;
	width:auto;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background: #333366 url(images/nav-divider.gif) right top no-repeat;
	float:left;
	left:0;
	/*border-right: 1px solid #101041;*/
	}
#mainnav li {
	float:left;
	padding-left: 0px;
	display: inline;
	display:block;
	}
	
	
#shopnav {
	/*display:none;*/
	float:left;
	height:20px;
	width:950px;
	border-bottom:1px dotted #333333;
	text-align:right;
	margin:5px;
	margin-bottom:0px;
	margin-top:1px;
	font-family:Arial, Helvetica, sans-serif;
	}
#shopnav a {
	color:#333333;
}
#shopnav a:hover {
	text-decoration:underline;
}	


/***********************************************************
 BASIC HOMEPAGE STRUCTURE
************************************************************/

#content {
	float:left;
	width:950px;
	height:auto;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	}
	
	#content #maincontent {
		width:775px;
		/*background:#00FF00;*/
		float:left;
		height:auto;
		}

		.mainhorizontal {
			display:block;
			width:100%;
			clear: left;
			height:auto;
			margin-bottom:15px;
			float:left;
			border-top:0px solid #00FF00;
		}
		
		#top {
			float:left;
			height:auto;
			border-bottom: 0px solid #006600;
			}
			
		#middle {
			float:left;
			height:auto;
			border-bottom:0px solid #3300FF;
			}
		
		#bottom {
			float:left;
			height:auto;
			border-bottom:0px solid #66FFFF;
			}
			
			#headline {
				position:absolute;
				float:left;
				width:469px;
				height:auto;
				}
				
			#mainadvert {
				width:300px;
				height:380px;
				border:0px solid #FF0000;
				float:right;
				}

				#belowmainad {
					margin-top:5px;
					height:auto;
				}
				#ad150one, #ad150two{
					float:left;
					margin-right:5px;
				}
				#adinfo {
					float:left;
				}
				
				
	.subheadline {
		width:190px;
		height:130px;
		float:left;
		margin-right:5px;
		border-top:0px solid #FF0000;
		}
	.subheadline h2,.sidebarcontent h2, #articlerelated h2, #comments_template h3,.videorelated h2 {
		font-size:12px;
		color:#0066cc;
		border-bottom:2px solid #b5c4fd;
		margin-bottom:5px;
		padding-left:5px;
		text-transform:uppercase;
			font:bold 1.2em 'helvetica neue',sans-serif;
			letter-spacing:1px;
			text-transform:uppercase;
	}
		.subheadimage {
		position:absolute;
		width:188px;
		height:102px;
		float:left;
		margin-right:5px;
		border-top:0px solid #FF0000;
		border-bottom:0px solid #FF0000;
		background:#000000;
		}
			.subwording {
				color:#FFFFFF;
				width:184px;
				height:auto;
				position:absolute;
				background:#000000;
				bottom:0;
				display:block;
				padding:2px;
			}
				.dot {
					padding-left:8px;
					margin:2px;
					background:url(images/squaredot.jpg) no-repeat 0 8px;
					width:176px;
					height:auto;
				}
		.communityactivities {
			float:left;
			width:385px;
			height:auto;
			margin-right:5px;
			border-top:0px  solid #FF0000;
			}
	
	#content #homesidebar {
		width:168px;
		/*background:#e9edfd;*/
		float:right;
		height: auto;
		border:0px solid #b5c4fd;
		}
		.sidebarcontent {
			width:160px;
			margin:2px;
			margin-bottom:15px;
			margin-top:0;
			color:#000000;
			}
		.sidebarcontent img{
			border:1px solid #e5e5e5;
			padding:2px;
			}
			
#footer {
	padding:5px;
	height:auto;
	width:950px;
	border-top:0px solid #1a1c1d;
	float:right;
	text-align:right;
	/*background:#272727;*/
	margin:0 auto;
	margin-top:2px;
	color:#454545;
}

#footer a {
	color:#444444;
	}
#footer a:hover {
	color:#555555;
	}
/********** SINGLE.PHP **************/
	/*SINGLE PAGE*/
	#content #singlecontent {
		width:950px;
		/*background:#00FF00;*/
		float:left;
		height:auto;
		}
	/*END SINGLE PAGE*/

			/*SINGLE PAGE */
			#articlebody, #eventbody{
				float:left;
				width:620px;
				height:auto;
				text-align: left;
				/*border-right:1px solid #FF0000;*/	

				}
				
			.promo {
				font-family: Georgia, "Century Schoolbook", "Times New Roman", Times, serif;
				font-size: 1.3em;
				line-height: 1.4em;
				display:block;
				border:1px dotted #0066cc;
				padding:5px;
				background:#EDEDFD;
				color:#0066cc;
			}
			
			ul.promo {
				list-style-type:square;
				list-style-position:inside;				
			}
			
				
			#eventbody ul {
			list-style:square;
			margin:5px;
			list-style-position:inside;				
			}
			
			#eventbody ul li {
				line-height:1.2em;
			}
				
			#articlebody h2 {
				font-weight:normal;
				padding-bottom:5px;
							}
			#articlebody p, .articlebody p {
				padding-bottom: 5px;
				padding-top:5px;
				margin:none;
				font-family: Georgia, "Century Schoolbook", "Times New Roman", Times, serif;
				font-size: 1.3em;
				line-height: 1.4em;
				}

				
			/*END SINGLE PAGE*/
			


				/*SINGLE PAGE*/
			#articlerelated {
				width:310px;
				/*background:#e9edfd;*/
				float:right;
				height: auto;
				/*border:1px solid #b5c4fd*/
				margin-right:0px;
				margin-left:5px;
				padding:5px;
				float:right;
				}

			.boxinfo{
				/*background:#e9edfd;
				border:1px solid #c3d9ff;*/
				padding:5px;
				width:288px;
				margin-top:10px;
				}
				
				.boxad {
					border:1px solid #c3d9ff;
				}

				#articlerelated ul {
					margin:5px; padding: 0;
					list-style:none;
					right: 0; 
					bottom: 6px !important; bottom: 5px;
					/*font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;*/
					line-height:normal;
					text-align:justify;
					}
				#articlerelated ul img {
					float:left;
					padding:2px;
					margin:2px;
					border:1px solid #CCCCCC;
					}
				#articlerelated ul {
					margin-left:20px; padding: 0;
					list-style:square;
					right: 0; 
					bottom: 6px !important; bottom: 5px;
					}
				#articlerelated ul, #articlerelated ol {
					margin: 0px 0px;
					padding: 0 15px;
					color: #4284B0;
				}
				#articlerelated ul span, #articlerelated ol span {
					color: #666666; 
				}
				
	#page-links a{
					border:1px solid #b5c4fd;
					padding:3px;
					padding-top:1px;
					padding-bottom:1px;
					font-weight:normal;
					}
			
				/*END SINGLE PAGE*/
	
	/* SINGLE PAGE */
	#content #sidebar {
		width:130px;
		background:#e9edfd;
		float:right;
		height: auto;
		border:1px solid #b5c4fd;
		padding:4px;
		}
	/* END SINGLE PAGE */

/*SINGLE*/
#articlebody span.float-left, #articlebody span.float-right {
	margin: 15px;
	padding: 0px;
	border:0px solid #CCC;
	/*background:#b5c4fd;*/
	color:#999999;
	font-size:x-small;
	/*float:right;*/
	font-family:Arial, Helvetica, sans-serif;
	}

#articlebody blockquote {
font-family: Georgia, 'Times New Roman', serif;
/*font-weight:bold;*/
font-style:italic;
font-size:1.35em;
padding-left:1em;
border-left:4px solid #CCCCCC;
padding-right:1em;
margin:20px;
margin-top:5px;
margin-bottom:5px;
/*background:#efefef;*/
}
	
.artimage {
	margin: 5px;
	padding: 0px;
	border:0px solid #CCC;
	/*background:#b5c4fd;*/
	color:#999999;
	font-size:x-small;
	}

img.float-right {
  margin: 5px 0px 5px 15px;
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
.float-right {	float: right; }
.float-left {	float: left; }
#articlebody span img {
	border: 1px solid #CCC;
}

.by {
	color:#999999;
	text-transform:uppercase;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	/*background:#EDEDFD;*/
	display:block;
	width:100%;
}

/*------MAINARTICLE-----*/
	#eventbody .mainarticle {
		width:622px;
		height:252px;
		float:left;
		margin-right:5px;
		border-top:0px solid #e9edfd;
		}
		
		.mainimage {
		position:absolute;
		width:620px;
		height:250px;
		float:left;
		margin-right:5px;
		border-top:0px solid #FF0000;
		border:0px dotted #b5c4fd;
		background:#0033FF;
		}
		
		#headline .mainimage {
		position:absolute;
		width:469px;
		height:380px;
		float:left;
		margin-right:5px;
		border-top:0px solid #FF0000;
		border:0px dotted #b5c4fd;
		background:#0033FF;
		overflow:hidden;
		}
		
			#headline .mainimage .mainwording {
				color:#ffffff;
				width:465px;
				height:auto;
				position:absolute;
				right:0;
				background:#000000;
				top:0;
				display:block;
				padding:0px;
				border:none;
				padding:2px;
				opacity:0.6;filter:alpha(opacity=60);
				overflow:hidden;

			}
			
			#headline .mainimage .mainwording a{
				color:#FFFFFF
				}
		
			.mainwording {
				color:#003366;
				width:181px;
				height:246px;
				position:absolute;
				right:0;
				background:#e9edfd;
				top:0;
				display:block;
				padding:2px;
				border-left:1px dotted #b5c4fd;
				padding-left:5px;
				overflow:hidden;
			}
			
			.mainwording a {
				color:#003366;
				}
				
			.articlesub {
				border:1px solid #cccccc;
				width:290px;
				padding:5px;
				float:left;
				height:100px;
				margin-top:5px;
				}
				
			.articlelist {
				border-top:1px dotted #cccccc;
				width:290px;
				padding:5px;
				float:left;
				height: auto;
				margin-top:5px;
				}
				
				
			.alth{
					float:right;
					border-top:1px dotted#cccccc;
				}
			.articlesub h2{
					background:#e9edfd;
					padding:2px;
					border:1px dotted #b5c4fd;
					color:#003366;
					border-left:5px solid #b5c4fd;
					/*opacity:0.4;filter:alpha(opacity=40);*/
					z-index:5;
					}

/********** COMMENT TEMPALTE **************/

#comments_template {
	border-top:0px solid #e3e3e3;
	margin:0;
	padding:0;
	padding-top:15px;
}

#comments_template ul li p{
	font:normal;
	font-size:12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
}

#comments_template .nocomments {
	border-bottom:1px dotted #cccccc;
	border-top:1px dotted #CCCCCC;
	text-transform:uppercase;
	margin-bottom:5px;
	padding:2px;
	/*background:#EDEDFD;
	color:#0066cc;*/
	font-family:font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	}
#comments_template h3 {
	text-transform:none;
	font-weight:bold;
	padding-bottom:1px;
	border-bottom:5px solid #e5e5e5;
	border-top:0px solid #333366;
	font-size:1.7em;
	background:#0066cc;
	color:#FFFFFF;
	font-family:font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
}
ol#comments {
	margin:0px;
	padding:0px;
	margin-top:20px;
}
ol#comments li {
	margin:0px;
	padding:0px;
	position:relative;
	padding-left:60px;
	list-style:none;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}
ol#comments .avatar , {
	position:absolute;
	top:0px;
	left:0px;
}
ol#comments small a {
	font-weight:normal;
	color:#999999;
}



ul.commentlist {
	margin:0px 0px 0px 0px;
	padding:0px;
	border:0px solid #dedede;
}
ul.commentlist li, ul.children li.even{
	margin:2px;
	padding:10px 5px 20px 70px;
	position:relative;
	list-style:none;
	border:1px dotted #b5c4fd;
	background:#e9edfd;
}
ul.commentlist .avatar img , img.avatar{
	position:absolute;
	top:10px;
	left:10px;
	border:1px solid #dedede;
}
ul.commentlist .commentmetadata {
	position:absolute;
	top:10px;
	right:5px;
	margin:0;
	padding:0;
	color:#999999;
}
ul.commentlist ul  {
	margin:20px 0px 20px 0px;
	padding:0px;
}
ul.commentlist ul li {
	border:0px;
	background-color:#ffffff;
	overflow:auto;
	background-image:none;
	padding-bottom:0px;
}

.says {
	display:none;
	}
.fn {
	font-variant:small-caps;
	font-weight:bold;
			}
			
.comment-author {
		font-variant:small-caps;

}

ul.commentlist li.thread-odd, ul.children li.alt {
	background:#FFFFFF;
	border:1px  dotted #b5c4fd;
}
/*----- ALBUM SAMPLES----*/
table#albumsamples {
	border:0px solid #0000FF;
	font-size:small;
	}
table#albumsamples tr#heading {
	border-bottom:2px solid #B5C4FD; 
	border-right:0px solid #B5C4FD;	
	background-color:#E9EDFD;
	}
table#albumsamples tr {
	border-bottom:1px solid #E9EDFD;
}

table#albumsamples tr:hover {
		background:#EDEDFD;
}
table#albumsamples td.title{
}

table#albumsamples td.time{

}

table#albumsamples td.price {

}

table#albumsamples td.buy {

}
table#albumsamples td.listen {

}

/*widgets*/

/*** WIDGETS **********/

.widget {
	margin: 0 0 25px 0;
}

.communityactivities h2.widgettitle {
	padding: 3px 8px;
	margin-bottom: 0px;
	height: 36px;
	font-weight: bold;
}

	.communityactivities h2.widgettitle a {
		text-decoration: none;
		color: #555;
	}

	.communityactivities h2.widgettitle img {
		vertical-align: middle;
		margin-right: 4px;
	}

	.communityactivities .bp_core_widget_welcome h2 {
		background: url(images/welcome_header_back.gif) top left no-repeat !important;
		color: #fff !important;
	}

.communityactivities .widget ul.item-list li, .communityactivities .activity-list {
	background: url(images/item_list_back.gif) top left repeat-x;
	padding: 15px;
}
	.communityactivities .activity-list { padding: 0; border: 1px solid #fff; margin-top: -1px; }
	
	.communityactivities .widget ul.item-list {
		margin-top: 5px !important;
	}
	
	.communityactivities .widget ul.item-list li .item-avatar img, img.avatar {
		border: 3px solid #ddd;
	}
	
	.communityactivities .widget ul.item-list li h4.item-title {
		font: normal 1.4em "Georgia", Times, serif;
		margin: 0 0 7px 0;	
	}
	
	.communityactivities .bp_blogs_widget_recent_posts img.avatar {
		width: 50px !important;
		height: 50px !important;
	}	
	
	.communityactivities .widget ul.item-list li .item {
		margin-left: 71px;
	}
		.communityactivities .bp_blogs_widget_recent_posts ul.item-list li .item {
			margin-left: 31px;
		}
	
	.communityactivities .widget ul.item-list li .item-meta {
		font: normal 1em "Georgia", Times, serif;
		margin: 10px 0;
	}
	
	.communityactivities .widget .item-options {
		text-align: right;
		font-size: 0.9em;
		margin: -15px 0 0 0;
	}
	
	.communityactivities .bp_core_widget_whos_online .item-avatar {
		float: left;
		margin-right: 10px;
	}
	
.communityactivities .widget-error {
	padding: 10px;
	background: #e9edfd;
}

.communityactivities span.activity {
	color: #888;
	background: #e9edfd;
	padding: 4px 6px;
		border-right: 1px solid #b5c4fd;
		border-bottom: 1px solid #b5c4fd;
	display: inline-block;
	font-size: 9px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	margin: -5px 0 0 0;
}

.communityactivities div.avatar-block {
	padding: 0 15px;
	margin-bottom:15px;
}

.communityactivities .bp_core_widget_whos_online img {
	margin-bottom: 15px !important;
}
.bp_core_widget_whos_online {
	clear:both;
	height:auto;
	border:0px solid #FF0000;
	padding-bottom:10px;
}
.communityactivities .widget table#wp-calendar {
	width: 100%;
}

.communityactivities .widget table#wp-calendar caption {
	text-align: center;
	font-size: 1.2em;
	font-family: georgia, times, serif;
	padding-bottom: 10px;
}

.communityactivities .widget table#wp-calendar th {
	text-align: center;
	font-weight: bold;
}

.communityactivities .widget table#wp-calendar td {
	background: #e9edfd;;
	border: 2px solid #fff;
	text-align: center;
}
	.communityactivities .widget table#wp-calendar td:hover {
		background: #ccc;
		cursor: pointer;
	}
	
	.communityactivities .widget table#wp-calendar td#today {
		background: #fff9df;
	}
	
	.communityactivities .widget table#wp-calendar td.pad {
		background: none;
	}

.communityactivities .widget #ajax-loader-members, .communityactivities .widget #ajax-loader-groups {
	padding-right: 5px;
	float: none !important;
}

/** ACTIVITY FEED **********/

.communityactivities .activity-list {
	padding: 0 5px;
}

.communityactivities .activity-list li {
	margin: 15px 0;
	padding-left: 21px;
}
	.communityactivities .activity-list li.blogs {
		background: url(images/blog_bullet.gif) 0 4px no-repeat;		
	}
	
	.communityactivities .activity-list li.profile {
		background: url(images/profile_bullet.gif) 0 4px no-repeat;
	}

	.communityactivities .activity-list li.friends {
		background: url(images/friends_bullet.gif) 0 4px no-repeat;
	}
	
	.communityactivities .activity-list li.groups {
		background: url(images/groups_bullet.gif) 0 4px no-repeat;
	}
	
	.communityactivities .activity-list li.wire {
		background: url(images/wire_bullet.gif) 0 4px no-repeat;
	}

.communityactivities .activity-list li blockquote {
	padding: 7px 15px 7px 40px;
	background: url(images/quotes_background.gif) 10px 9px no-repeat #e9edfd;
	margin: 5px 0;
}

.communityactivities .activity-list li span.time-since {
	font-size: 0.8em;
	color: #999;
}


/*** LEFT COLUMN **********/

.communityactivities #left-column {
	/*margin-right: 560px;*/
}
	#left-column.span-two {
		/*margin-right: 280px;*/
	}

	.communityactivities #left-column .widget h2, .communityactivities  h2.widgettitle {
		background: url(images/centercol_header_back.gif) top left no-repeat;
	}
	
.communityactivities #center-column {
	float: right;
	/*width: 260px;*/
	margin-right: 20px;
}

	.communityactivities #center-column .widget h2 {
		background: url(images/centercol_header_back.gif) top left no-repeat;
		color: #fff;
	}

#right-column {
	float: right;
	width: 260px;
}

	.communityactivities #right-column .widget h2, .communityactivities h2.widgettitle {
		background: url(images/centercol_header_back.gif) top left no-repeat;
		color: #fff;
	}

.widget ul, .widget_rss ul, .widget_pages ul, .widget_links ul,
.widget_meta ul, .widget_categories ul, .widget_archive ul {
	padding-left: 15px;
}
	.widget ul.item-list {
		padding: 0;
	}

	.widget li, .widget_rss ul li, .widget_pages ul li, .widget_archive ul li,
	.widget_links li, .widget_meta li, .widget_categories li {
		list-style-type: square;
		margin-left: 16px;
		padding-left: 5px;
		margin-bottom: 5px;
	}
		.widget ul.item-list li {
			list-style-type: none;
			margin: 0;
			padding: 15px;
		}

/***** SIGNUP FORM *******/

#setupform, #subscribeform {
	padding: 10px;
	float: left;
}
	#setupform h3 {
		margin-top: 20px;
	}

#setupform input, #setupform textarea, #activateform input, #subscribe input, #subscribe textarea, {
	width: 95%;
	padding: 7px 5px;
	font-size: 1.2em;
}

#respond input,#respond textarea {
	padding:0px;
	border:1px solid #b5c4fd;
	background:#e9edfd;
	margin:0;
	padding:0;
}

#respond label{
	margin:0;
	padding:0;
	margin-top:5px;
	height:auto;
	font-size:12px;
}

#respond table,#respond tr,#respond td {
	margin:0;
	padding:0;
}
	#setupform input[type='radio'], #setupform input[type='checkbox'],#subscribe input[type='radio'], #subscribe input[type='checkbox']  { width: auto; }
	#setupform select, #subscribe select {
		padding: 3px;
	}
	
	input#submit {
		width: auto;
		margin-top: 20px;
		font-size: 1.2em;
	}
#subscribe [type='submit'] {
		width: 200px;
		margin-top: 20px;
		font-size: 1.2em;
	}	

#setupform label, div.radio span.signup-label, 
div.checkbox span.signup-label, form label, #subscribe td, #subscribe div{
	display: block;
	font-family: Georgia, times, serif;
	font-size: 1.3em;
	margin: 15px 0 5px 0;
}

p#intro-text, p#extra-fields-help, p#avatar-help-text, p#blog-help-text, p#blog-details-help {
	margin-bottom: 15px;
}

p.help-text, span.desc {
	font-size: 11px;
	color: #888;
	padding-top: 5px;
}

div.field-box, div.mu_alert, div#account-fields, div#extra-form-fields, 
div.avatar-field, div#blog-or-username-fields, div#blog-details-fields,#subscribeform, #subscribe {
	background: #e9edfd;;
	padding: 5px 15px 15px 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	div.field-box { padding-top: 15px; }
	
	#signup-welcome {
		width: 420px !important;
		margin: 20px 0;
	}
#subscribe {
	width:610px;
}

div.avatar-field {
	padding-top: 1px;
}

div#blog-or-username-fields {
	padding: 18px 15px 5px 15px;
}
	div#blog-or-username-fields p {
		padding-bottom: 10px;
	}
	
	div#blog-or-username-fields label {
		margin-left: 3px;
	}

div#extra-fields, div#avatar-form-fields, div#blog-or-username {
	margin-top: 30px;
}

div.mu_alert {
	padding-top: 15px;
	margin-bottom: 15px;
}

p.error, div.error {
	padding: 7px 10px;
	margin: 0 0 10px 0;
}
	div.error {
		margin: 10px 0 4px 0 !important;
	}

div#extra-fields select {
	width: 280px;
	font-size: 1.4em;
}

div#extra-fields div.datefield select {
	width: auto;
}

div#extra-fields div.radio label,
div#extra-fields div.checkbox label,
div#blog-or-username-fields label {
	display: inline !important;
	font-weight: normal;
	float: none;
	padding: 0 !important;
	margin-right: 15px;
	font-size: 1.1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
}

div#signup-welcome {
	font: normal 1.2em georgia, times, serif;
}
	div#signup-welcome span.label {
		font-weight: bold;
	}

div.crop-img, div.crop-preview img {
	padding: 4px;
	background: #f0f0f0;
	border: 1px solid #ddd;
}
	div.crop-img {
		float: left;
		margin-right: 15px;
	}

#avatar-cropper h4 {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
	margin-top: 20px;
}

#avatar_v1 p, #avatar_v2 p {
	margin-bottom: 20px;
}

#avatar_v1 p.submit, #avatar_v2 p.submit {
	margin-top: 20px;
}

p.crop-preview {
	font-size: 1.2em;
}

/**** PAGINATION ******/

a.page-numbers:hover { background: #e1e1e1; }

	.pagination-links .current {
		background: #d5d5d5;
		border-bottom: 2px solid #f28935;
	}
		
.pag-count {
	font-size: 0.9em;
	color: #888;
}

/***** FEEDBACK MESSAGES ******/

#message {
	background: #ddffc4;
	margin: 0 0 2em 0;
}
	#message p {
		color: #357c00;
		padding: 1em 2.75em;
		background: url(../images/info_icon.gif) 1em 1.1em no-repeat;
	}

#message.error, p.error, div.error {
	background: #ff3a3a url(../images/error_back.gif) top left repeat-x;
	color: #fff;
}
	#message.error p {
		background-image: url(../images/error_icon.gif);
		color: #fff;
	}

#message.info {
	background-image: none;
	background-color: #fcfcd0;
	color: inherit;
}
	#message.info p {
		background-image: url(../images/info_icon.gif);
		color: inherit;
		padding-left: 3.3em;
	}

/***** BUTTONS ********/

.generic-button {
	background: url(../images/button_back.gif) top left no-repeat;
	display: inline-block;
	margin: 0 5px 8px 0;
}

.generic-button a {
	display: block;
	height: 19px;
	color: #777;
	font-size: 11px;
	padding: 0 33px 0 11px;
	margin-right: -7px;
	text-shadow: 0 1px 0 #fff;
		text-decoration: none;
}
	.generic-button a:hover {
		color: #555;
		text-decoration: none;
	}

	.generic-button a {
		background: url(../images/view_button_side.gif) top right no-repeat;
	}
/* Plugins */
/*sociable*/
div#share{
	float:left;
	width:60px;
	border-bottom:1px dotted #cccccc;
	border-top:1px dotted #CCCCCC;
	text-transform:uppercase;
	margin-bottom:5px;
	padding:2px;
	/*background:#EDEDFD;
	color:#0066cc;*/
	font-family:font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
}

.hidden {
	display:none;
}

/* Post Link */
#middle div#postpaging.navigation{
	border:0px solid #0033FF;
	width:100%;
	height:auto;
	float:left;
}

div#postpaging.navigation ul{
	top:0;
	left:0;
	padding: 0;
	margin: 0;
	list-style: none;
	}

div#postpaging.navigation li {
	float:left;
	padding-left: 0px;
	display: inline;
	display:block;
	}
	
div#postpaging.navigation li a{
	text-align: center;
	text-decoration: underline;
	font-weight:normal;
	display: block;
	float:left;
	left:0;
	/*border-right: 1px solid #101041;*/
	}
div#postpaging.navigation li{
	height: auto;
	width:auto;
	font-family: Georgia, "Century Schoolbook", "Times New Roman", Times, serif;
	text-align: center;
	text-decoration:none;
	font-weight:bolder;
	display: block;
	padding: 2px;
	float:left;
	left:0;
	/*border-right: 1px solid #101041;*/
	}
	
	
/*----------------------------------------------------------------------------------------------------------
'------------------------------------- PLUGINS -------------------------------------------------------------

/*START SOCIABLE*/
div.sociable { 
	margin: 0;
	padding:0;
	padding-top:1px;
	border-bottom:1px dotted #cccccc;
	text-transform:uppercase;
	margin-top:10px;
	font-family:font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	}
div.sociable p {
	border-bottom:1px dotted #CCCCCC;
	width:100%;
	margin-bottom:5px;
}
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	/*top: -1em;*/
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
	
	
}
.sociable ul {

	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/*END SOCIABLE*/	
	
/*START WP SNAP*/
ol.snap_nav {
	top:0;
	left:0;
	padding: 0;
	margin: 0;
	list-style: none;
	}
.snap_nav  a {
	height: auto;
	width:auto;
	font-size: 12px;
	font-weight:bold;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float:left;
	left:0;
	/*border-right: 1px solid #101041;*/
	}
.snap_nav  li {
	float:left;
	padding-left: 5px;
	padding-right:5px;
	display: inline;
	display:block;
	color:#CCCCCC;
	border-left:1px dotted #cccccc;
	}
ol.snap_nav  {
	top:0;
	left:0;
	padding: 0;
	margin: 0;
	list-style: none;
	}
/*END WP SNAP*/	
	
	
	
	
	
	/*------- IE 6 AND EARLIER HACKS ----- */
	
* html #mainnav a{
	    height: 30px;
		display: inline;
		float:left;
		clear:both;
		clear:both;
		}
* html div#postpaging.navigation li a {
	    height: 30px;
		display: inline;
		float:left;
		clear:both;
		clear:both;
		}
