/*
Theme Name: LiveSpeakR
Theme URI: http://livespeakr.com
Description: Custom Wordpress Theme Design for LiveSpeakR by Chris Spooner - SpoonGraphics
Version: 1.0
Author: Chris Spooner
Author URI: http://www.spoongraphics.co.uk

*/

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}

html { height: 100%; margin-bottom: 1px; }

body {
	background: #e7e7e7 url(images/body-bg.png) repeat-x top;
	font: 13px Arial, Helvetica, sans-serif;
}

#container {
	width: 968px; margin: 0 auto;
}

#header {
	background: url(images/content-top.png) no-repeat bottom; padding: 0 0 20px 0;
}
	#header h1 a {
		display: block; width: 271px; height: 54px; float: left;
		background: url(images/livespeakr-logo.png); text-indent: -9999px;
		margin: 34px 0 0 24px;
	}
	#header ul {
		list-style: none; float: right; margin: 60px 24px 0 0;
	}
		#header ul li {
			float: left; background: url(images/nav-separator.png) no-repeat left;
			padding: 0 0 0 15px; margin: 0 15px 0 0;
		}
		#header ul li:first-child { background: none; }
		
		#header ul li a:link, #header ul li a:visited {
			color: #474747; text-decoration: none; text-transform: lowercase; font-size: 14px; padding: 0 0 5px 0; display: block;
		}
		#header ul li a:hover, #header ul li a:active {
			color: #000; background: url(images/nav-underline.png) bottom repeat-x;
		}
	
	#header h2 {
		display: block; clear: both; text-indent: -9999px; margin: 65px 0 0 30px; float: left; padding-bottom: 25px;
	}
		#header h2.home-header {
			width: 846px; height: 59px; background: url(images/home-header.png) no-repeat; margin: 65px 0 0 56px; padding: 0;
		}
		#header h2.product-overview {
			width: 415px; height: 45px; background: url(images/product-overview.png) no-repeat;
		}
		#header h2.buzz {
			width: 110px; height: 44px; background: url(images/buzz.png) no-repeat;
		}
		#header h2.store {
			width: 126px; height: 44px; background: url(images/store.png) no-repeat;
		}
		#header h2.where-to-buy {
			width: 317px; height: 59px; background: url(images/where-to-buy.png) no-repeat;
		}
		#header h2.company {
			width: 222px; height: 59px; background: url(images/company.png) no-repeat;
		}
		#header h2.blog {
			width: 102px; height: 59px; background: url(images/blog.png) no-repeat;
		}
		
		
		
		
	.header-images { clear:both; }
	#header img.ls-image { float: left;	}
		#header img.ls-image.center { margin: 0 29px 0 29px; }


#content-container {
	background: url(images/content-repeat.png) repeat-y; color: #474747;
}

	#content {
		width: 564px; padding: 10px 30px 30px 30px; float: left;
	}
	
		#content.store-structure {
			width: 728px;
		}
	
#content-container h3 {
	color: #474747; font-weight: normal; font-size: 26px; letter-spacing: -1px; line-height: 30px; margin-bottom: 15px;
}
	#content-container h3 strong { color: #000; }

#content-container h4 {
	color: #474747; font-weight: normal; font-size: 18px; letter-spacing: -1px; margin-bottom: 15px;
}

#content-container p {
	margin-bottom: 15px; clear: both; line-height: 18px;
}

#content-container blockquote {
	margin-bottom: 15px; clear: both; line-height: 18px;
	background: #f7f7f7;
	padding: 15px 15px 1px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content-container ul {
	margin: 0 0 15px 0; list-style: none;
}
	#content-container ul li {
		background: url(images/list-bg.png) no-repeat left; padding: 0 0 0 20px; margin-bottom: 15px;
	}

#content-container ul.features {
	font-size: 18px;
}

#content-container a:link, #content-container a:visited {
	color: #000; text-decoration: none; 
}
#content-container a:hover, #content-container a:active {
	color: #3b608d; border-bottom: 1px dotted #c3c1c2;
}

#content-container #sidebar .buy-now-btn a {
	border: none;
}

#content-container .buy-now-btn a:link, #content-container .buy-now-btn a:visited {
	margin: 0 0 20px 20px; 
	display: block; width: 242px; height: 79px;
	background: url(images/buy-now.png) top;
	text-indent: -9999px;
}
	#content-container .buy-now-btn a:hover, #content-container .buy-now-btn a:active {
		background: url(images/buy-now.png) bottom;
}


#sidebar {
	width: 314px; padding: 10px 30px 0 0; float: right; position: relative;
}

	#sidebar.store-structure {
		width: 150px;
	}

#sidebar .survey {
	/*background: url(images/panel-bg.png) no-repeat bottom left;*/
	min-height: 219px; padding: 10px 10px 10px 0;
}
	#sidebar .survey ul li {
		background: none;
	}
	#sidebar .survey p strong {
		font-weight: normal;
	}
	#sidebar p:first-child {
		text-align: left !important;
	}

#sidebar p.cepro-star {
	width: 104px; height: 89px; position: absolute; top: -39px; right: -22px;
	background: url(images/cepro-star.png); text-indent: -9999px; z-index: 10;
}

#sidebar .video {
	margin: 0 0 20px 0; z-index: 1;
}

#sidebar .social {
	width: 310px; height: 75px; margin: 0 0 20px 0; padding: 10px 0 0 0;
	background: url(images/social-icons/social-bg.png) no-repeat;
}
	#sidebar .social ul {
		list-style: none;
	}
		#sidebar .social ul li {
			float: left; margin: 0 7px 0 7px;
		}
			#sidebar .social ul li a {
				display: block; width: 63px; height: 63px;
				text-indent: -9999px;
			}
				#sidebar .social ul li a.twitter {
					background: url(images/social-icons/twitter.png);
				}
				#sidebar .social ul li a.facebook {
					background: url(images/social-icons/facebook.png);
				}
				#sidebar .social ul li a.youtube {
					background: url(images/social-icons/youtube.png);
				}


#footer {
	background: url(images/content-bottom.png) no-repeat top; padding: 30px;
}
	#footer p {
		text-align: right; color: #a0a0a0; font-size: 11px;
	}
		#footer p sup { font-size: 7px; }
		
		#footer p a {
			color: #a0a0a0; text-decoration: none;	
		}
			#footer p a:hover { text-decoration: underline; }
		
	#footer p.dg-logo a {
		display: block; width: 60px; height: 40px; background: url(images/dg-logo.png); text-indent: -9999px; text-align: left;
		float: right; margin: -3px 0 0 8px;
	}
	
	
/* Buzz */

p.twitter {
	background: url(images/twitter.png) no-repeat left top;
	padding: 0 0 17px 60px;
}	

p.facebook {
	background: url(images/facebook.png) no-repeat left top;
	padding: 0 0 17px 60px;
}	


p.youtube {
	background: url(images/youtube-icon.png) no-repeat left top;
	padding: 0 0 17px 60px;
}	
	

h4.twitter {
	background: url(images/twitter-logo.png) no-repeat left;
	padding: 5px 0 8px 47px;
}
	
	
/* Blog */

#content-container p.date {
	display: block; width: 40px; height: 40px; padding: 6px; float: left; 
	background: url(images/date-bg.png);
	text-align: center; color: #a4a4a4; text-transform: uppercase; margin: 0 5px -5px 0;
}
	#content-container p.date span {
		font-size: 28px; margin-top: -5px; display: block;
	}

#content-container .title {
	float: left; margin-bottom: 15px; width: 500px;
}
#content-container .title h3 {
	margin: 0;
}

#content-container .title ul li {
	padding: 0; 
}

#content-container .title ul.post-info li {
	list-style: none; background: none; display: inline;
}
#content-container .title ul.post-info li.category a {
	float: left; color: #a4a4a4; background: none; padding: 0; margin: 0; border: none;
}
#content-container .title ul.post-info li.comments a {
	float: left; color: #a4a4a4; background: url(images/nav-separator.png) no-repeat left; padding: 0 0 0 10px; margin: 0 0 0 8px; border: none;
} 

#content-container .post {
	margin-bottom: 35px;
}

#content-container #comments {
	margin: 25px 0 25px 0;
}

#content-container #comments ol {
	list-style: none;
}
	#content-container #comments ol li {
		padding: 15px; background: #f7f7f7; margin: 0 0 15px 0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

#comments label, .form label {
	display: block; width: 80px; float: left; clear: left; margin: 0 10px 0 0;
}
	
#comments input, .form input {
	width: 250px; height: 19px; margin: 0 0 10px 0; background: #fbfbfb url(images/input-bg.png) bottom repeat-x; border: 1px solid #e3e3e3;
	padding: 3px; float: left; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#comments textarea, .form textarea {
	width: 250px; height: 111px; margin: 0 0 10px 0; background: #fbfbfb url(images/textarea-bg.png) bottom repeat-x; border: 1px solid #e3e3e3;
	padding: 3px; float: left;
	font: 13px Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#comments input.submit, .form input.submit {
	width: 140px; height: 30px; background: #fbfbfb url(images/input-bg.png) bottom repeat-x; border: 1px solid #e3e3e3;
	padding: 3px; clear: left; margin: 0 0 0 90px;
	cursor: pointer;
}


.form-large label {
	display: block; clear: left; margin: 0 10px 0 0;
}
.form-large input {
	width: 250px; height: 19px; margin: 0 0 10px 0; background: #fbfbfb url(images/input-bg.png) bottom repeat-x; border: 1px solid #e3e3e3;
	padding: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form-large textarea {
	width: 250px; height: 111px; margin: 0 0 10px 0; background: #fbfbfb url(images/textarea-bg.png) bottom repeat-x; border: 1px solid #e3e3e3;
	padding: 3px;
	font: 13px Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form-large select {
	margin: 0 0 10px 0;
}

.form-large label.left {
	float: left;
}

.form-large input[type=radio] {
	border: none; background: none; width: auto;
}
.form-large input.submit, .form-large input[type=submit] {
	display: block; width: 250px; height: 30px; background: #fbfbfb url(images/input-bg.png) bottom repeat-x; border: 1px solid #e3e3e3;
	padding: 3px; clear: both;
	cursor: pointer;
}

input.datepicker {
	float: left;
}
div.datepicker {
	float: left; margin: 0 0 0 10px;
}

#sidebar .form input.submit {
	margin: 0;
}

.form label.radio {
	width: 150px;
	text-align: right;
}

.form input.radio {
	width: 100px; border: none; background: none;
}

.media-logo {
	background: #f7f7f7;
	padding: 30px; margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.required {
	color: red;
}

.form.signup label {
	width: 120px; clear: left;
}

#content-container .form.signup ul.field-list {
	float: left; width: 300px;
}
	#content-container .form.signup ul.field-list li { float: left; background: none; padding: 0; margin: 0 40px 0 0;}

	#content-container .form.signup ul.field-list label { width: auto; }
	
.form.signup input.radio { float: left; width: 15px; }
.form.signup input.submit { margin: 0 0 0 130px; }



.DivErrortext {
	clear: both;
}
.Errortext {
	display: none;
}

.press {
	background: #f7f7f7;
	padding: 30px; margin: 30px 0 30px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

h3.press-pack {
	background: url(images/download-icon.png) left no-repeat;
	padding: 10px 0 7px 60px;
}





.clearfix:after {
    content: ".";
    display: block; clear: both; height: 0; visibility: hidden;
}
.clearfix {
	zoom: 1;
}


.vote-ribbon {
	display: block; 
	float: right;
	margin: -26px;
}

.rss-btn {
	margin: 0 0 20px 10px;
}

p.imggallery {
	text-align: center;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}



ol {
	list-style: none;
}
ol li a {
		display: block; padding: 15px; background: #ddd url(images/btn-bg.jpg) repeat-x; margin: 0 0 15px 0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border: 1px solid #ddd; font-weight: bold;
	}



/* Store */

#content_area table td{ padding: 0 10px 10px 0; }

.colors_links {color:#0033bb}
A.colors_links:hover {color:#0033bb}

.colors_productname {color:#666; font-size: 22px;}
A.colors_productname:hover {color:#999}
.colors_productprice {color:#cc0000}
A.colors_text:hover {color:#000000}
.colors_text {color:#000000; font-size: 13px !important;}
A.colors_homepage_title{color:#666}



.bglinecolor {  }
.productnamecolor, .productnamecolorLARGE, A..productnamecolor, A.productnamecolorLARGE { font-size: 22px;  }

A.productnamecolor:hover {   }
.productnamecolorSMALL { font-size: 14px;  }

.pricecolor { font-size: 16px; font-weight: bold;  }
A.pricecolor, A.pricecolor:hover {   }
.pricecolorSMALL { FONT: bold ;  }


.smalltext { FONT: 10px Verdana;  }


/* New Homepage */

div.header-buttons { 
	clear: both; padding: 50px 0 0 0; margin: 0 0 20px 0;
}

div.header-buttons p a {
	display: block; width: 472px; height: 113px; float: left;	
	text-indent: -9999px;
}
	div.header-buttons p a.black-livespeakr {
		background: url(images/livespeakr-btn-black.jpg) top no-repeat;
		margin: 0 24px 0 0;
	}
	div.header-buttons p a.white-livespeakr {
		background: url(images/livespeakr-btn-white.jpg) top no-repeat;
	}
	div.header-buttons p a.black-livespeakr:hover {
		background: url(images/livespeakr-btn-black.jpg) bottom no-repeat;
	}
	div.header-buttons p a.white-livespeakr:hover {
		background: url(images/livespeakr-btn-white.jpg) bottom no-repeat;
	}
	
div.header-slide {
	width: 968px; height: 292px; overflow: hidden;
	position: relative; margin: 0 0 20px 0;
}
	div.banner { position: absolute; top: 3px; right: 4px; z-index: 5; }
		div.banner a { 
			display: block; width: 118px; height: 118px;
			background: url(images/on-sale-buy-today.png);
			text-indent: -9999px;
		}
	div.header-slide #slides { z-index: 1; }
	
	
.inline-logo {
	display: block; width: 132px; height: 28px; float: left; margin: 2px -11px 0 0;
	background: url(images/inline-logo.png); text-indent: -9999px;
}