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

Title: Profile.html Master StyleSheet

Designer: Jason White
Client Name: NBC's Community

Notes: Search for "!change" for change notes

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

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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, .section
{
	margin:0;
	padding:0;
}

address, caption, cite, code, dfn, em, strong, th, var
{
	font-style:normal;
	font-weight:normal;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img
{
	border:0;
}

ol, ul
{
	list-style:none;
}

caption, th
{
	text-align:left;
}

h1, h2, h3, h4, h5, h6
{
	font-size:100%;
	font-weight:normal;
}

q:before, q:after
{
	content:'';
}

abbr, acronym
{
	border:0;
}

/*------------------------------------- 
 General Declarations
---------------------------------------*/

#profile
{
	margin:0;
	padding:0;
	background:#0f4a84;
}

#wrap
{
	margin:0 auto;
	padding:0;
	text-align:center;
	width:100%;
	overflow:hidden;
}

#mainLayout
{
	margin:0 auto !important;
	padding:0;
overflow:hidden;
}

.organic
{
	display: none;
}


.profileWidth, #mainLayout, #profileBottom, #friendContainer, #forumContainer, #commentContainer, #commentContent, #footer
{
	width:800px !important;  /* !change - sets the width of the profile, and main DIVs inside it */
}

#profile, #profile td, a.friendtext:link, a.friendtext:hover
{
	color:#fff;  /* !change - sets the default font styles*/
	font-family: 'Arial', 'Helvetica', sans-serif 11px normal normal;
}

/* master links */
a, a:link, a:active, a:visited, a.friendlink:link, #footer a
{
	color:#fff;  /* !change */
	text-decoration:none;
}

a:hover
{
	color:#fff; /* !change */
	text-decoration:underline;
}

#profile_comments th img, .friend img
{
	border: 1px solid #fff; /* !change - keep the borders around the profile images consistent */
}

/*------------------------------------- 
 Top Nav General Styles 
---------------------------------------*/


 #topnav/*,
div#headerWrap*/
{
	height:29px;
	margin:0 auto;
	width:800px;
	background:#0f4a84;
}

div#header.profileWidth
{
	width:800px;
}

table#headerTable
{
	width:800px !important;
}

#headerTable td
{
	background: #0f4a84;
}

#header, #header a, #topnav a
{
	color: #fff;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.cols th, .cols td, .btext, .redtext, a:link, a:active, a:visited, a.redlink, a.friendtext:link, a.friendlink:link, .heading, .redbtext {
color: #fff !important
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#header, #header a, #topnav a {
color: #fff !important
}
}

#topnav ul li a:hover, #topnav ul li a.open, #topnav ul li a.open:hover
{
	background: #fff;
	color: #0f4a84;
}

#topnav ul li a.open small
{
	color: #fff
}

#topnav ul li a.open:hover small
{
	color: #0f4a84
}

#subnav a
{
	color: #0f4a84 !important;
}

#subnav a:hover
{
	color: #0f4a84 !important;
}

#subnav ul li a:hover
{
	background: #fff;
	color: #0f4a84;
}

div#profile_url h5.heading
{
	display:none;
}

div#profile_url a:link, div#profile_url a:visited, div#profile_url a:active, div#profile_url a:hover
{
	color:#fff !important;
}

/*------------------------------------- 
 Profile URL
---------------------------------------*/

div#profile_url
{
	margin:0 0 0 600px;
	padding:0;
	width:auto;
	text-align:left;
	color:#fff;
	position:absolute;
	top:37px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#profile_url h5
{
	display: none;
}

/*------------------------------------- 
 Add This
---------------------------------------*/

#addthis
{
	margin: 0 0 0 380px; 	/* !change - adjust depending on wrapper width and profile_url width */
	position: absolute;
	top: 37px;
}

/*------------------------------------- 
Panel 1
---------------------------------------*/


div#panel_01
{
	height:40px;
	text-align:center;
	width:800px;
	margin-top:50px;
}

a#addToFriends, a#addToFavorites, a#forwardToFriends, a#addToGroups
{
	display:inline-block;
	float:left;
	margin:0 0 0 5px;
	padding:10px 0;
	text-align:center;
	width:190px;
}

div#panel_01 a:link, div#panel_01 a:active, div#panel_01 a:visited
{
	color:#fff;
}

div#panel_01 a:hover
{
	text-decoration:underline;}

/*------------------------------------- 
Panel 1
---------------------------------------*/
/* !change */
#panel_02
{
	height:750px;
}

/*------------------------------------- 
Profile Bottom
---------------------------------------*/


#profileBottom
{
	margin:0 auto;
	overflow:hidden;
}

/*------------------------------------- 
 Friends
---------------------------------------*/

#friendContainer
{
	/* set the background image for the friends section
	background: url() no-repeat top left;
	width: 0px;
	height: 0px;
*/
	margin: 50px 0 0 0;
	overflow:hidden;
}

#friendContainer .heading
{
	display:none;
}

#friendTop
{
	background: url('../images/ffcModuleHeaders.jpg') no-repeat 0 0;
	height: 50px;
	margin: 0;
	padding: 0;
}

#friendContainer img
{
	margin-top: 3px;
}

#friendContent
{
	text-align: center;
}

#friendContent .heading
{
	text-align:left;/*display:none; hides the xxxx's Friend Space */
}

#profile_friends
{
	width:790px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#profile_friends span
{
	float:left;
	margin-right:3px;
	_float:none;
}

#profile_friends_0
{
	clear:left;
	_clear:none;
}

.friend
{
	margin: 15px 3px 0 0;
	display:inline-block;
}

.friend a img
{
	width:75px;
	height:75px;
}

#friendFooter
{
	height:50px;
}

/*------------------------------------- 
 Forums
---------------------------------------*/


#forumContainer
{
	/* set the background image for the friends section
	background: url() no-repeat top left;
	width: 0px;
	height: 0px;
*/
overflow:hidden;
}

#forumTop
{
	background: url('../images/ffcModuleHeaders.jpg') no-repeat 0 -58px;
	height: 50px;
	margin: 0;
	padding: 0;
}

#profile_forums
{
	width: 790px;
	margin: 20px;
	padding: 0;
}

/* forum - post topic | view all topics */
#profile_forums .right a:link, #profile_forums .right a:active, #profile_forums .right a:visited
{
	text-decoration:none;
	font-size:10px;
}

#profile_forums .right a:hover
{
	text-decoration:underline;
}

#profile_forums .left
{
}

#profile_forums th
{
	font-weight: bold;
	font-size: 13px;
}

#profile_forums td
{
	padding: 7px;
}

#forumContent .left
{
	display:none;
}

/* forum layout fix */
.cols th
{
	width: auto;
 *width: 100px;
	padding-right: 5px;
}

#forumFooter
{
	height:50px;
}

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

#commentContainer
{
	/* set the background image for the friends section
	background: url() no-repeat top left;
	width: 0px;
	height: 0px;
*/
overflow:hidden;
}

#commentTop
{
	background: url('../images/ffcModuleHeaders.jpg') no-repeat 0 -116px;
	height: 50px;
	margin: 0;
	padding: 0;
}

#commentContent
{
	height:375px; /* !change - optional */
	overflow-x:hidden;
	overflow-y:auto;
}

#commentContent .heading
{
	display:none;
}

/* comments: view/edit all comments */
#profile_comments a:link, #profile_comments a:active, #profile_comments a:visited
{
	text-decoration:none;
}

#commentContent .cols th
{
	text-align:center;
}

#profile_comments
{
	margin: 20px;
	text-align:left;
	width: 760px; /* !change - depending on container */
}

.commentdate
{
	font-weight: bold;
}

#commentFooter
{
	height:50px;
}

/*------------------------------------- 
Footer
---------------------------------------*/

#footer
{
	font:  10px Arial, Helvetica, sans-serif normal;
	height: 60px;
	color:#fff; /* !change - set the color of the link dividers */
}

#footer a
{
	text-decoration:none;
	font-weight:normal;
}

#footer a u
{
	text-decoration: none;
}