/* layout CSS */

@import url(reset.css);
@import url(typography.css);
@import url(thickbox.css);
@import url(navigation.css);
/* ------------------------------------------------------------------------- */

html 	{ text-align : center; background:url(images/background.gif) top center repeat-x #fff; background-position: -5px; }
body	{ width:100%;}

div#header{
	width:964px;
	height:89px;
	background: url(images/masthead.gif) no-repeat;
	margin:0 0 0 -14px;
	}
	
div#fullContent{
width:950px;
margin:0 auto;
}
div#container{
	width:950px;
	}

	div#content{
		width:950px;
		}
		
		div.flashContent{
			margin-bottom:18px;
			}
			
		div#introCopy1{
			width:306px;
			float:left;
			}	
		div#introCopy2{
			width:306px;
			margin-left:324px;
			margin-bottom:6px
			}	

	div#subContent{
		width:302px;
		float:right;
		margin:0;
		}

		div#justBuild, div#learnToEdit, div#seeIt, div#featuredSites{
			border: 1px solid #fff;
			margin:0 0 10px 0;
			padding:0;
		}
			div#justBuild a, div#learnToEdit a, div#seeIt a, div#featuredSites a{
			display:block;
			padding:0;
			background:url(images/sidebars.jpg) left top no-repeat;
			height:215px;
			text-indent:-2999px;
			overflow:hidden;
			}
			div#justBuild a:hover{
			background:url(images/sidebars.jpg) right top no-repeat;
			}
	
			div#learnToEdit a{
			background:url(images/sidebars.jpg) left -235px no-repeat;
			height:106px;
			}
			div#learnToEdit a:hover{
			background:url(images/sidebars.jpg) right -235px no-repeat;
			}
			div#seeIt a{
			background:url(images/sidebars.jpg) left -360px no-repeat;
			height:106px;
			}
			div#seeIt a:hover{
			background:url(images/sidebars.jpg) right -360px no-repeat;
			}
			div#featuredSites a{
			background:url(images/sidebars.jpg) left -486px no-repeat;
			height:215px;
			}
			div#featuredSites a:hover{
			background:url(images/sidebars.jpg) right -486px no-repeat;
			}
	
		


#address{
clear:both;
width:950px;
background:url(images/foot-bg.gif) repeat-x top left;
height:55px;
margin:0 auto;
}

/*----------features coda list----*/

#slider {
    width: 870px;
    margin: 0 auto 40px;
    position: relative;
}

.scroll {
    height: 576px;
    width: 870px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF;
	border: 1px solid #BDC0C9;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 576px;
    width: 830px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.navigation li {
    display: inline;
    margin: 0 3px 0 0;
}
ul.navigation a {
    padding: 10px;
    color: #666;
	background:url(images/feature-tabs.png)  0px -50px repeat-x;
	text-decoration: none;
	width:98px;
	display:inline-block;
	margin:0;
}

ul.navigation a:hover {
	background:url(images/feature-tabs.png) top left repeat-x;

	}

ul.navigation a.selected {
	background:url(images/feature-tabs.png) bottom left repeat-x;
	color:#fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 250px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -33px;
}

.scrollButtons.right {
    right: -35px;
}

.hide {
    display: none;
}


/*-----commment section------*/

.seeComments{
font-style:italic;
}
#disqus_thread #dsq-content h3 { color:#fff; font-size:14px; margin-top:50px;}
.dsq-by, #dsq-content #dsq-options-toggle{opacity:.4;}
#disqus_thread input.form-text, #disqus_thread textarea{border:1px solid #CCC; background-color:#999; color:#333; font: 13px/18px Helvetica, Arial, sans-serif;}


/* Credit to blueprint.css for this bit. add clearfix class to floated elements that need to have a height */

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