/*
Theme Name: Legend Home
Theme URI: http://legendthemes.com
Description: The legend site.
Author: Nathan Barry
Version: 0.1

This theme is released under GPL: http://www.gnu.org/licenses/gpl.html
*/


/* CSS Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/* General Styles
-------------------------------------------------------------- */


body {
	margin: 0px;
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 75%;
	background: #fff url('img/inside-background.jpg') repeat-x;
	}
		
	body.home {
		background: #fff url('img/page-background.jpg') repeat-x;
		}
	
a {
	border-bottom: dotted 1px #aaa;
	color: #024472;
	text-decoration: none;
	}
			
	a:visited {
			color: #245170;
			border-bottom: dotted 1px #aaa;
			}
	
	a:hover {
			color: #195884;
			border-bottom: dotted 1px #245170;
			}
	
	
	#header {
		background: url('img/logo-background.png') no-repeat;
		height: 370px;
		}

                .home #header { height: 624px; }
		
		#header-inside { 
				margin: 0 auto; 
				width: 950px;
				min-height: 135px;
				padding: 0px 0px 0px;
				}
		
		#logo {
				width: 150px;
				float: left;
				}
		
		#logo a {
				background: #000 url('img/logo.jpg') no-repeat left top;
				text-indent: -9999px;
				display: block;
				margin: 0px;
				width: 150px;
				height: 180px;
				-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
				-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
				border: none;
				position:relative;
				z-index: 10;
				}
			
				#logo a:hover { background-position: right top; }
				
		#logo .description {
				text-transform: uppercase;
				color: #ccc;
                                padding: 5px 0px;
				color: #e4e4e4;
				text-shadow: 0px -1px 0px rgba(0,0,0,.3);
				}
	
				
		#nav {
				padding: 0px 0px 0px 300px;
				width: 500px;
				float: right;
				margin: 0px;
				height: 47px;
				background: #fff;
				}
				
				
				#nav li {
						float: left;
						list-style: none;
						position: relative;
						}
						
				#nav li a {
						display: block;
						float: left;
						padding: 14px 10px 10px;
						margin: 0px 5px;
						border: none;
						font-size: 14px;
						color: #1a1919;
						}	


                                                #nav > li:hover > a {
                                                                color: #000;
                                                                }

                                                #nav > li.current_page_item > a {
                                                                color: #000;

                                                                }


                                                        #nav li ul {
                                                                position: absolute;
                                                                left: -1000em;
                                                                top: 38px;
                                                                margin: 0;
                                                                padding: 0px 0px 0px 0px;
                                                                z-index: 100;
                                                                background: #ddd;
                                                                -moz-border-radius: 10px;
                                                                -webkit-border-radius: 10px;
                                                                border: solid #fff 1px;
                                                                width: 150px;
                                                                padding: 0px;
                                                                -moz-box-shadow: 5px 5px 15px rgba(0,0,0,.3);
                                                                -webkit-box-shadow: 5px 5px 15px rgba(0,0,0,.3);
                                                                }
						
					#nav li:hover ul, #nav li.sfhover ul { left: 0px; }
					#nav li ul li {
						float: none;
						display: block;
						padding: 0;
						margin: 0;
						}
							#nav li ul li a {
								display: block;
								height: 30px;
								padding: 0 15px;
								line-height: 30px;
								font-weight: normal;
								margin: 0;
								border-top: solid #fff 1px;
								border-bottom: solid #bbb 1px;
								float: none;
                                                                color: #444;
                                                                text-shadow: 0px 1px 0px #fff;
								}
								
								#nav > li > ul > li:first-child a { border-top: none;
													-moz-border-radius-topleft: 10px;
													-moz-border-radius-topright: 10px;
													-webkit-border-top-left-radius: 10px;
													-webkit-border-top-right-radius: 10px; }
								#nav > li > ul > li:last-child a { 
													border-bottom: none;
													-moz-border-radius-bottomleft: 10px;
													-moz-border-radius-bottomright: 10px;
													-webkit-border-bottom-left-radius: 10px;
													-webkit-border-bottom-right-radius: 10px;
													}
								
								#nav li ul li a:hover { background: #eee; }
								
			
			#title {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 72px;
					text-shadow: 0px 1px 0px #fff;
					color: #1a1919;
					float: left;
					margin: 10px 0px 0px 40px;
					}
			
			#header-content {
					width: 950px;
					color: #4e7bad;
					text-shadow: 0px 1px 0px #fff;
					font-size: 48px;
					clear: both;
					text-align: center;
                    line-height: 48px;
					font-family: Georgia, "Times New Roman", Times, serif;
                    padding: 60px 0px 10px;
					}
					
			.home #header-content {
                    padding: 140px 0px 10px;
					}
	
	#wrapper {
		width: 950px;
		margin: 20px auto;
                clear: both;
		}
		
	#content {
		float: left;
		margin: 0px 30px 0px 0px;
		width: 640px;
		}
		
		#content.full-width {
				width: 950px;
                                margin: 0px;
				}
		
	#sidebar {
		width: 270px;
		float: left;
		margin: 0px 0px 0px 0px;
		}


		#sidebar li {
				list-style: none;
				}
				
				#sidebar li li {
						list-style-type: square;
						}
						
				li.widget {
                                    padding: 10px 0px;
				}
						
						
						
					li.widget p {
							margin-bottom: 10px;
							}
		
						
					li.widget h4 {

							}
		
		#footer {
				margin-top: 10px;
				background: #2b2828;
				color: #aaa;
                                -moz-box-shadow: 0px -1px 0px #000;
                                -webkit-box-shadow: 0px -1px 0px #000;
                                border-top: solid 1px #4d4d4d;
				}

		
		#footer-inside {
				padding: 15px 0px;
				margin: 0 auto;
				width: 950px;
				}
				
			#footer a {
					border-bottom: none;
					color: #adacac;
                                        padding-bottom: 1px;
					}

                                        #footer a:hover {
                                                border-bottom: dotted 1px #d0dce7;
                                                padding-bottom: 0px;
                                                color: #bbb;
                                        }
                        
                        .footer-columns {
                                width: 950px;
                                margin: 0px;
                                padding: 0px;
                                list-style: none;
                                }

                                .footer-columns .widget {
                                    width: 227px;
                                    margin-right: 10px;
                                    float: left;
                                    color: #adacac;
                                }

                                .footer-columns h4 {
                                    background: none;
                                    padding: 0px 0px;
                                }

                         .copyright {
                                   width: 950px;
                                    -moz-box-shadow: 0px -1px 0px #191717;
                                    -webkit-box-shadow: 0px -1px 0px #191717;
                                    border-top: solid 1px #4d4d4d;
                                    padding: 15px 0px 0px;
                                    clear: both;
                                    margin: 0px;
                                    color: #5b5b5b;
                                    text-shadow: 0px -1px 0px #000;
                                }
                                #footer .copyright a {
                                           color: #999;
                                        }

/* Home Page Styles
-------------------------------------------------------------- */

.blog-header {
		margin: 15px 0px 20px;
		}

.home-feature {
	width: 280px;
	float: left;
	margin: 10px 50px 10px 0px;
	padding-top: 200px;
	background: url('img/feature-icons.png') no-repeat left top;
	}

	.home-feature.design { background-position: left top; }
	.home-feature.setup { background-position: center top; }
	.home-feature.support { background-position: right top; margin-right: 0px; }


.home .post {
		width: 950px;
		}
		
	.home .post-content {
			width: 640px;
			}


	.call-to-action {
			padding: 10px 0px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 30px;
			color: #575757;
			border: solid #aaa 1px;
			border-left: 0px;
			border-right: 0px;
			clear: both;
			margin: 10px 0px;
			}
			
			.call-to-action strong {
					color: #000;
					}
			
			.call-to-action a {
					float: right;
					color: #000;
					font-size: 36px;
					border: none;
					margin-top: -3px;
					}


/* Layout
-------------------------------------------------------------- */

.container {
  width: 950px;
  margin: 0 auto;
}

.clear { display: inline-block; }   
.clear:after, .container:after, .comment-details:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


/* Content Formatting
-------------------------------------------------------------- */

p { margin-bottom: 15px; }
	
blockquote  { margin: 20px; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 15px 0; white-space: pre; }
pre,code,tt { font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 50px 0; line-height: 1.5; }

ul, ol      { margin:0 15px 15px 15px; }
ul          { list-style-type: square; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 15px 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 15px;}

.post img { border: none; margin: 10px 10px 10px 0px; }
			
.navigation {
		clear: both;
		height: 20px;
		}

			
.alignleft { float: left; }
.alignright { float: right; }

#breadcrumbs {
		padding: 5px 0px 15px 20px;
		background: url('img/icons/home.png') no-repeat 0px 6px;
                display: none;
		}


a.single-rss {
		display: block;
		width: 575px;
		height: 75px;
		background: url('img/rss-subscribe.png') no-repeat 0px 0px;
		text-indent: -9999px;
		border: none;
		margin-bottom: 20px;
		}
		
		a.single-rss:hover {
				background-position: left bottom;
				}	
				
.single-action.call-to-action {
		width: 575px;
		font-size: 18px;
		}
		
		.single-action.call-to-action a {
				font-size: 24px;
				}

/* Post List formatting
-------------------------------------------------------------- */

.post {
        border-top: dotted #aaa 1px;
        padding: 20px 0px 5px;
        clear: left;
        float: left;
        }

     .post-thumbnail {
		padding: 0px 0px;
		background: #fff;
		border: solid #dfdfdf 1px;
		width: 270px;
		text-align: center;
		height: 125px;
		display: block;
		padding: 5px;
		}

                .post-thumbnail img {
                        padding: 0px;
                        margin: 0px;
                        }
						
                .post-thumbnail .no-image {
						background: #dfdfdf;
						display: block;
						width: 270px;
						height: 125px;
                        }

        .post h2 a {
                color: #4e7bad;
                border-bottom: 0px;
                margin-top: -10px;
                display: block;
				font-size: 48px;
        		}

        h2.page-title {
                color: #4e7bad;
                border-bottom: 0px;
                margin-top: -10px;
                display: block;
				font-size: 48px;
        		}

        .post h2 a b {
                color: #aaa;
				font-weight: normal;
        		}

		
		.post-meta {
				width: 280px;
				float: left;
				font-family: Georgia, "Times New Roman", Times, serif;
				margin: 0px 0px;
				}
				
				.post-date {
						color: #4e7bad;
						width: 80px;
						float: left;
						border-right: solid #4e7bad 1px;
						text-align: center;
						margin: 10px 10px 0px 0px;
						}
						
						.day {
								font-size: 48px;
								display: block;
								line-height: 36px;
								margin-bottom: 10px;
								height: 35px;
								}
				.post-meta .details {
						float: left;
						color: #999;
						margin: 20px 0px 0px 0px;
						}
						
						.details span {
							display: block;
							}
						
						.details strong {
							color: #444;
							font-weight: normal;
							}
						
						
				
		.post-content {
				float:left;
				margin-left:30px;
				width:330px;
				}	
				
		.single { border: none; }
		
		.single .post-content {
				width: 640px;
				}
				
		/*.single .post-content p:first-child { Increases font size for the first paragraph
				font-size: 16px;
				font-family: Georgia, "Times New Roman", Times, serif;
				}*/
				
		.single-container #post-comments {
				width: 640px;
				margin-left: 310px;
		}
				
		.single-container .navigation {
				width: 640px;
				margin-left: 310px;
		}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h5,h6 { font-weight: normal; color: #141313; font-family: Georgia, "Times New Roman", Times, serif; }

h1 { font-size: 32px; line-height: 1; margin-bottom: 10px; font-weight: bold; }
h2 { font-size: 28px; margin-bottom: 10px; }
h3 { font-size: 20px; line-height: 1; margin-bottom: 10px; }
h4 { font-size: 16px; line-height: 1.25; margin-bottom: 8px; color: #fff; padding: 2px 5px; background: #db4105; text-transform: uppercase; display: inline-block; }
h5 { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
h6 { font-size: 14px; font-weight: bold; }
	
	

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

#post-comments {
	width: 950px;
	margin: 10px auto;
	}
	
#comments {
		padding: 10px 0px;
}

	#comments textarea {
			width: 480px;
			}

.commentlist {
	margin: 0px;
	padding: 0px;
	}
	
	.commentlist li {
			clear: left;
			padding: 10px 0px;
			list-style: none;
	}
	
	.comment-details {
			}
	
	.vcard {
			display: block;
			float: left;
			width: 130px;
			background: url('img/avatar-bg.jpg') no-repeat;
			}
			
			.vcard a {
					border: none;
					}	
			
			.vcard img.avatar {
					margin: 0 40px 0 0;
					-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.4);
					-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.4);
					border:5px solid #FFFFFF;
					margin:0 40px 5px 0;
			}
	
		.vcard .fn {
				font-weight: bold;
				text-shadow: 1px 1px 0px #fff;
				font-style: normal;
				white-space: nowrap;
				display: block;
				}
	
		.vcard .says {
				display: none;
				}
				
		.commentmetadata {
				display: block;
				float: left;
				width: 130px;
				}
			
	.comment-text {
			display: block;
			float: left;
			width: 400px;
			background: #cacaca;
			border: solid #fff 1px;
			padding: 20px;
			position: relative;
			margin: 0px 0px 10px;
			text-shadow: 0px 1px 0px #ddd;
			border: solid #fff 1px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-box-shadow: 1px 1px 0px #bbb;
			-webkit-box-shadow: 1px 1px 0px #bbb;
			}
			
			#talk-image {
					position: absolute;
					left: -20px;
					top: 10px;
					}
			
	#comment-reply {
			margin-left: 150px;
			clear: left;
			padding: 10px 0px;
			}
					
					.commentlist .children {
						border-left: solid #999 1px;
						margin-left: 0px;
						}
						
						.commentlist .children li {
							padding-left: 25px;
							background: url('img/child-comment-line.gif') no-repeat 0px 25px;
							}
							
/* Respond Styles */

#respond {
		background: #cacaca;
		padding: 20px 20px 10px;
		width: 530px;
		position: relative;
		margin: 20px 0px 10px;
		border: solid #fff 1px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-box-shadow: 1px 1px 0px #bbb;
		-webkit-box-shadow: 1px 1px 0px #bbb;
		}
		
		#respond h3 {
				text-shadow: 0px 1px #fff;
				}
		
		#respond-image {
				position: absolute;
				top: -20px;
				left: 10px;
				}
		
			
			#comment {
					width: 508px;
					padding: 10px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border: solid #999 1px;
					-moz-box-shadow: 0px 1px 0px #fff;
					-webkit-box-shadow: 0px 1px 0px #fff;
					}
					
		#respond #gravatar-preview {
				width: 128px;
				height: 128px;
				float: left;
				border: solid #fff 5px;
				-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
				-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
				margin: 0px 25px 0px 0px;
				}						
		
		#comment-details {
				width: 367px;
				float: left;
				}

			#respond label {
					width: 80px;
					font-weight: bold;
					text-shadow: 0px 1px 0px #fff;
					display: block;
					float: left;
					text-align: right;
					padding: 8px 10px;
					}
						
			#respond input.text {
					border: solid #999 1px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					padding: 8px;
					width: 249px;
					-moz-box-shadow: 0px 1px 0px #fff;
					-webkit-box-shadow: 0px 1px 0px #fff;
					}
					
			#respond #submit {
					width: 293px;
					height: 40px;
					background: url('img/submit-comments.png') no-repeat left top;
					border: none;
					text-indent: -9999px;
					margin: 10px 0px 0px 235px;
					cursor: pointer;
					}
							
					#respond #submit:hover {
							background-position: left center;
							}

							
					#respond #submit:active {
							background-position: left bottom;
							}

/* Shopp */

#content #shopp .products{
		width: 660px;
		}
		
		#content #shopp .products .frame {
				text-align: left;
				margin-bottom: 10px;
				}

#content #shopp .views { display:none; }

#content p {
		max-width: 600px;
		}
		
	#content .entrytext ul {
			}
		
	#content .entrytext ul li {
			list-style: square;
			padding-left: 10px;
			}
			
	#content .entrytext .products li {
			list-style: none;
			padding-left: 0px;
			}
			
	.purchase {
			padding: 10px;
			border: solid #edd288 1px;
			background: #fff4d6;
			float: left;
			width: 600px;
			}
			
			.purchase form { float: right; }
			.purchase .price { float: left; font-size: 16px; }
			
	#shopp .gallery .previews li { padding: 0px; border: solid #ddd 1px; }
	#shopp .gallery .previews li img { margin-top: 0px; }
	
	
	.purchase .price { padding: 10px; color: #333; }
	
	.addtocart { 
			width: 134px;
			height: 40px;
			background: url('img/purchase.png') no-repeat;
			border: none;
			padding: 0px;
			text-indent: -9999px;
					cursor: pointer;
			}
			
			.addtocart:hover {
					background-position: 0px -40px;
					cursor: pointer;
					}
	
	a.download { 
			width: 134px;
			height: 40px;
			background: url('img/download.png') no-repeat;
			border: none;
			padding: 0px;
			text-indent: -9999px;
			cursor: pointer;
			display: block;
			float: right;		
			border: none;
			}
			
			.download:hover {
					background-position: 0px -40px;
					cursor: pointer;
					border: none;
					}
					
					
	#cart big {
			}
					
	#content #shopp .xcheckout {
			clear: none;
			}
					
	.xcheckout img {
			float: none;
			}
	.xcheckout a {
			border: none;
			}
			
#shopp br {
		clear: both;
		}
		
.product .frame {
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.4);
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.4);
}
		
		
.product .frame a {
		border: none;
}
		
		.details .name {
				background: none;
				margin: 0px;
				padding: 3px 0px;
				}
		
		.details .name a {
				text-transform: none;
				border: none;
				}
		
		.details .price {
				padding: 0px;
				}

/* Checkout Styles */

#content.checkout {
		margin: -150px auto 0px;
		background: url("img/inside-background.jpg") repeat-x 0px -370px #FFFFFF;
		float: none;
		-moz-box-shadow: 0px -1px 10px rgba(0,0,0,.3);
		-webkit-box-shadow: 0px -1px 10px rgba(0,0,0,.3);
		box-shadow: 0px -1px 10px rgba(0,0,0,.3);
		}
				
		#content.checkout .post {
				border: none;
				float: none;
				padding: 30px;
				}


/* Post Styles */

.post-links {
		height: 70px;
		clear: left;
		width: 500px;
		padding-left: 100px;
		}	

a.demo-link, a.code-link { 
		background: #4c78a8; 
		background: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0, rgb(61,103,148)),
						color-stop(0.99, rgb(138,178,222))
					);

		background: -moz-linear-gradient(
						center bottom,
						rgb(61,103,148) 0%,
						rgb(138,178,222) 99%
					);
		padding: 12px 0px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin: 10px 30px;
		text-shadow: 0px -1px 0px rgba(0,0,0,.5);
		float: left;
		display: block;
		border: none !important;
		color: #eee;
		text-align: center;
		width: 150px;
		font-weight: bold;
		}
a.demo-link:hover, a.code-link:hover { 
		color: #fff;
		text-shadow: 0px -1px 0px rgba(0,0,0,.8);
		cursor: pointer;
		}
		
		
.syntaxhighlighter { overflow:auto!important; }