/*STATIC STYLES THAT ARE SPECIFIC TO THIS LAYOUT*/
body{
	margin:0;
	text-align:center;
}

/*main container is fixed with and centered on page with static borders*/
#portContainer{
    width:900px;
	margin:0 auto;
    border-right:1px solid #000;
    border-left:1px solid #000;
	text-align:left;
}

#portBody{
}

/*nav just sits on top of the text with a fixed width*/
#portNav{
    padding:5px;
	border-bottom:1px solid #000;
    overflow:auto;
    display:inline-block;
}

#portNav ul{
	margin:0 auto;
	padding:0;
	text-align:center;
}

/*links are floated so the will be horizontal, they are all same width so they wrap nicely*/
#portNav ul li{
	float:left;
	padding:0 0 0 9px;
	margin:0px 0 5px 0;
	list-style-type:none;
	
}

/*this clear is needed to insure that the nav background doesn't shrink under the buttons*/
#portNav br{
	clear:both;
}

/* settings for the links centered in nav div background repeat */
/* is turned of for users that use an image for the linkst*/
#portNav ul li a {
    float:left;
	padding:6px 4px 6px 4px;
    text-decoration:none;
	text-align:center;
	background-repeat:no-repeat;
	border-top:1px dotted #7b9dbf;
	 color:#ededed;
}

#portNav ul li a:hover {
    color:#fff;
}


#portNav ul li.extras{
	float:right;
	padding:0;
	margin:0px 0px;
	text-align:right;
}
#portNav ul li.extras a{
	float:right;
	padding:4px 6px 4px 0;
	border:none;
	vertical-algin:middle;
	text-align:right;
	border-top:1px solid #fff;
	width:100px;
	font-weight:normal;
}
#portNav ul li.extras br{
display:none;
}
#portNav ul li.extras a:hover{
	color:#fff;
}

/*this style won't be needed since the header will be populated with user data*/
#portHeader{
	margin:0;
    padding:0;
	overflow:hidden;
	background:#fff;
	border-bottom:1px solid #000;
}

#portText{
	padding:2px 24px 12px 36px;
	background:#fff;

}
#portText h2, #porttext h1{
   margin-left:-20px;
}

/*this style won't be needed since the footer will be populated with user data*/
#portFooter{
	font-size:90%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background:#fff;
	overflow:hidden;
	text-align:center;
}

/*style just for demo, this can be removed*/
#stylelist{
	font-size:90%;
	padding:10px;
}

/*hides the navigation label for accessiblity*/
#navLabel {
	display:none;
	align-block:center;
}
	/* This is a fix which solves floating issues. To be used when containing div allows childeren to hang outside */
	.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
    .clearfix{display:inline-block;}
	/* Hides from IE-mac \*/
	.clearfix {display:block;}
	/* End hide from IE-mac */

	
	
	
#addcomment{
	padding:0 0 10px 0;
	width:680px;
	margin:0 0 20px 0px;
}
#addcomment h2{margin:0; padding:8px 0 20px 10px;}
#addcomment p{margin:10px 0;}
#addcomment textarea{
	border:1px solid #999;
}
#viewcomments{
	margin-top:5px;
}
#viewcomments li{
	border-top:1px solid #efefef;
	padding:12px 0;
}