/*colors defined:
#f0f - pink
#80f - lavender
#30f - blue
#08f - lt. blue
#0f8 - green
#f80 - orange
#000 - black
#fff - white
#f00 - red
#333 - dk. gray
#666 - md. gray
#999 - lt. gray

*/

body{
	/*background-image:url('../images/pinstripe.jpg');*/
	background-image:url('../images/bg_main.png');
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#BAC1C3;
	color:#999;
	width:966px;
	/*width:100%;
	height:700px;
	min-width:1040px;
	margin:0;*/
	margin:0 auto auto;
	font-family:"Times New Roman",Georgia,Serif;
	font-size:16px;
}
.font-stack-verdana{
	font-family:Verdana,"Times New Roman",Serif;
}
.font-stack-Lucida-sans-unicode{
	font-family:“Lucida Sans Unicode”,"Times New Roman",Serif;
}
.font-stack-impact{
	font-family:Impact,"Times New Roman",Serif;
}
.font-white{
	color:white;
}
.font-red{
	color:red;
}
.font-gray{
	color:#999;
}
.font-bold{
	font-weight:bold;
}
.push-left-10{
	position:relative;
	float:left;
	margin-left:10px;
}
.push-top-30{
	position:relative;
	margin-top:30px;
}
.clear-right{
	clear:right;
}
.clear-left{
	clear:left;
}
.remove{
	display:none;
}
.hide{
	visibility:hidden;
}
.box-red{
	border:1px solid red;
}
.box-white{
	border:1px solid white;
}
.box-gray{
	border:1px solid #999;
}
.large-font{
	font-size:50px;
}
.medium-font{
	font-size:18px;
}
a{
	color:blue;
}
#header-wrapper{
	width:960px;
	height:190px;
	position:relative;
	float:left;
	background-color:#000;
	border:4px solid #fff;
	border-bottom:2px solid #fff;
	background:#000 url('../images/header_bg.png') no-repeat top left;

}
#navigation-wrapper{
	width:960px;
	/*height:38px;*/
	position:relative;
	float:left;
	background:red url('../images/nav_bg.png') repeat-x top left;
	/*background-color:red;*/
	border:4px solid #fff;
	border-top:2px solid #fff;
	padding:0 0 .15em 0;
	font-size:24px;
}
#navigation-wrapper ul{
	margin: 0 auto;
	margin-left:15px;
    padding: 0;
}
#navigation-wrapper li{
    text-align: left;
    float: left;
    list-style: none;
    padding: 0 10px;
    margin: 5px;
    /*border: 1px solid #CCC;*/
}
#content-container{
	width:968px;
	position:relative;
	float:left;
	background-color:#fff;
}
.content-wrapper{
	width:620px;
	/*height:190px;*/
	position:relative;
	float:left;
	background-color:#fff;
}
.content-box{
	position:relative;
	width:598px;
	margin-left:10px;
	margin-top: 40px;
	
}
.content-box-header{
	position:relative;
	float:left;
	width:584px;
	padding:6px 0 6px 6px;
	color:#fff;
	
	background-color:#0af;
	font-size:24px;
	font-family:Georgia,"Times New Roman",Serif;
	/*font-family:"Trebuchet MS", Helvetica, sans-serif;*/
	font-weight:bold;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0cf), to(#0af));
	background: -moz-linear-gradient(top, #0cf, #0af);
}
.background-red{
	background-color:red;
}
.content-box-subheader{
	position:relative;
	float:left;
	width:584px;
	padding:3px 0 3px 6px;
	/*background-color:#666;*/
	background:#ffffff url('../images/designtopx_home_subtitle.png') no-repeat top left;
	
}
.content-box-content{
	position:relative;
	float:left;
	width:566px;
	height:263px;
	padding:6px 6px;
	background:#ffffff url('../images/designtopx_home_content.png') repeat-x bottom left;
	border-bottom:1px solid #999;
	border-right:1px solid #e6e6e6;
	color:#777;
}
.content-box-content-article, .content-box-content-article-comment{
	position:relative;
	float:left;
	width:566px;
	padding:30px 6px;
	background:#ffffff url('../images/designtopx_home_content.png') repeat-x bottom left;
	border-bottom:1px solid #999;
	border-right:1px solid #e6e6e6;
	color:#777;
}
.content-box-content-article-comment{
	padding:6px 6px;
}
.content-box-content img{
	/*position:relative;
	float:left;*/
}
.content-summary{
	position:absolute;
	right:20px;
	top:20px;
	width:280px;
}
.read-more{
	position:absolute;
	bottom:40px;
	right:20px;
}
#sidebar-left-wrapper{
	width:340px;
	height:190px;
	position:relative;
	float:left;
	background-color:#fff;
}
#sidebar-right-wrapper{
	width:348px;
	min-height:1340px;
	position:absolute;
	top:50px;
	right:0;
	/*float:left;*/
	background-color:#fff;
	z-index:1000;
}
#footer-wrapper{
	width:968px;
	height:85px;
	position:relative;
	float:left;
	background-color:#fff;
	
}
/***ROUND UP CSS BEGIN********/
/*************************************/
.roundup-container{
	clear:left;
}

.roundup-intro{
	position:relative;
	clear:right;
	margin-bottom:30px;
}

.roundup-subtitle{
	position:relative;
	clear:right;
	margin-top:30px;
	margin-bottom:15px;
	font-size:22px;
	color:#355A6C;
	font-weight:bold;
}

.roundup-content{
	position:relative;
	clear:right;
}

.roundup-img{
	position:relative;
	clear:right;
	margin-top:30px;
}

/************************************/
/***ROUND UP CSS END ****************/


/***AUTHOR CSS BEGIN********/
/*************************************/

.author-border{
	border: 1px solid #999;
}
.push-top-60{
	position:relative;
	margin-top:60px;
}
.height-170{
	height:170px
}
/************************************/
/***AUTHOR CSS END ****************/

/***COMMENTS CSS BEGIN********/
/*************************************/
.comment-poster-box{
	position:absolute;
	width:150px;
	height:150px;
	top:5px;
	left:0;
	/*border:1px solid red;*/
}
.poster-box-push{
	margin-left:30px;
}
.poster-color{
	color:#355A6C;
}
.author-color{
	color:#08f;
}
	
.admin-color{
	color:#999;
}
.comment-content-box{
	position:relative;
	margin-left:180px;
	min-height:105px;
}
.author-content-push{
	position:relative;
	margin-left:180px;
}
.poster-comment-box{
	color:#355A6C;
}
.author-comment-box{
	color:#08f;
}
.admin-comment-box{
	color:#999;
}
/************************************/
/***COMMENTS CSS END ****************/
/***SIDEBAR CSS BEGIN********/
/*************************************/
#ul-sidebar {
  float: left;
  width: 18em;
  margin: 0;
  margin-left:1.25em;
  padding: .5em;
  padding-top:.6em;
  list-style: none;
  border:1px solid #aaa;
}
 
#ul-sidebar li {
  float: left;
  width: 6em;
  margin: 0;
  padding: 0;
}

#popular-posts-sidebar{
	/*border:1px solid #aaa;*/
}

.sidebar-title{
	
	position:relative;
	clear:right;
	
}
.sidebar-title2, .sidebar-title3, .sidebar-title4{
	text-transform:uppercase;
	position:relative;
	margin-left:1.75em;
	margin-bottom:-.5em;
	padding:.25em;
	background-color:#aaa;
	color:#fff;
	font-weight:bold;
	width:150px;
}
.sidebar-title3, .sidebar-title4{
	margin-top:50px;
}
.sidebar-title4{
	background-color:#f00;
}
.sidebar-text{
	position:relative;
	clear:right;
	width:290px;
	width: 17.5em;
	text-align:justify;
	padding:1em;
	padding-top:1em;
	border:1px solid #aaa;
    margin-left:1.25em;
}
.sidebar-text.advertisement{
	height:410px;
}
.sidebar-text-sponsor{
	border:1px solid #f00;
	font-weight:bold;
 }
 .sidebar-text-sponsor a{
	font-weight:normal;
 }
.sidebar-text img{
	position:relative;
	float:left;
	margin:7px;
	border:none;
}
.sidebar-text-special{
	text-align:left;
}
.hr-last{
	position:relative;
	margin-top:20px;
}
/************************************/
/***SIDEBAR CSS END ****************/

/******BEGIN FORM CSS*******************/
/********************************************************/
#comment-form{
	background:url(../images/formdesign_minus-header-text.png) no-repeat top left;
	font:13px Trebuchet MS, Arial, Helvetica, Sans-Serif;
	width:469px;
	height:332px;
	position:relative;
	float:left;
	margin-top:55px;
	margin-left:15px;
	border-bottom:1px solid #999;	
	border-right:1px solid #999;
}
#comment-form form{
	position:relative;
	float:left;
	margin-top:55px;
	margin-left:15px;
}
#comment-form fieldset{
	border:none;
	width:330px;
}
#comment-form div{
	padding:0 0 5px;
}
#comment-form span#form-header,#comment-form span.form-header{
	position:absolute;
	top:0;
	left:15px;
	color:#fff;
	font-size:28px;
	font-weight:bold;
}
#comment-form span.form-header{
	top:1px;
	color:#3399FF
}
#comment-form input.title, #comment-form input.aws{
	position:relative;
	clear:right;
	color:#3399FF;
	font-size:14px;
	font-weight:bold;
	width:200px
}
#comment-form input.aws{
	width:30px;
}
#comment-form input.readonly{
	color:#999;
}
#comment-form label span{
	color:blue;
}
#comment-form textarea{
	color:#3399FF;
	width:420px;
	height:160px;
}
.comment-form-clear{
	position:relative;
	clear:left;
}
.comment-form-pad-left{
	padding-left:35px;
}
.comment-form-push-30{
	position:relative;
	float:left;
	margin-left:30px;
}
/********************************************************/
/******END FORM CSS*******************/

/***FOOTER CSS BEGIN********/
/*************************************/
.footer-bottom{
	position:absolute;
	left:15px;
	bottom:15px;
}
/************************************/
/***FOOTER CSS END ****************/

/***HOME THUMBNAILS CSS BEGIN********/
/*************************************/

.clipwrapper{
  position:relative;
  float:left;
  height:256px;
}
.clip {
	position:relative;
	float:left;
	height:256px;
}
.clip img{
  position:absolute;
  clip:rect(0px 256px 256px 0px);
}

/************************************/
/***HOME THUMBNAILS CSS END ****************/
.desktop-remove{
	display:none;
}
.desktop-code{
	width:500px;
}
.result{
	padding:30px;
	margin-top:10px;
}
.results-headline{
	color:#06f;
	font-size:22px;
	font-weight:bold;
}	

img[alt='zip-icon'],
img[alt='View Live Demo']{
	border:none;
}

/**** FEATURES SELECT FOR NAV ********/

.nav-feature-select select{
	padding:5px;
	padding-right:10px;
	color:#0af;
	width:150px;
}

	.nav-feature-select input.submit{
		background: transparent url('../images/001_21.png') no-repeat center left;
		border:0;
		cursor:pointer;
		padding:10px;
		margin-left:5px;
		color:#fff;
		
	}

/***** FEATURES SELECT FOR NAV END *****/

/****** DEMO CSS *************/

/*****************************/
.demo #navigation-wrapper ul li a{
	color:#fff;
}

/****************************************/
.demo #content-container #content-wrapper{
	position:relative;
	float:left;
}
.demo #content-container #content-wrapper .content-box .content-box-content{
	height: auto !important;
	height: 600px;
	min-height:600px;
	width:670px;
	border:none; 
	padding-bottom:30px
}
.demo #content-container #content-wrapper  .content-box.content-box-header{
	background-color:#0af;
}

/*********************************************/
.demo #content-container #sidebar-left-wrapper{
	position:relative;
	float:left;
	width:200px;
	padding:15px;
	padding-top:50px;
}
.demo #content-container #sidebar-left-wrapper ul li a{
	color:#999;
	text-decoration:none;
}
.demo #content-container #sidebar-left-wrapper ul li a:hover{
	color:#999;
	text-decoration:underline;
}


/*** HALF PAGE DEMO CSS *******************************/

/****************************************/
.demo.halfpage #content-container #content-wrapper{
	position:relative;
	float:left;
}
.demo.halfpage #content-container #content-wrapper .content-box .content-box-content{
	width:940px;
}


.demo.halfpage #content-container #sidebar-left-wrapper{
	display:none;
}


/*** FULL PAGE DEMO CSS *******************************/

/****************************************/

/****************/
body.demo.fullpage{
	margin:0;
}
body.demo.fullpage,
body.demo.fullpage #header-wrapper,
body.demo.fullpage #navigation-wrapper,
body.demo.fullpage #content-container,
body.demo.fullpage #footer-wrapper{
	width:1204px;
	border:none;
}

.demo.fullpage #content-container #content-wrapper .content-box .content-box-content{
	width:1192px;
}

.demo.fullpage #content-container #sidebar-left-wrapper{
	display:none;
}

.demo.fullpage #header-wrapper{
	display:none;
}

/******* END DEMO CSS **************/