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

Title: Profile.html Master StyleSheet

Designer: Jason White
Client Name: Models on the Runway

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

/*------------------------------------- 
 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
{
	background:#f3f0f7;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	font-weight:normal;
	font-style:normal;
}

#wrap
{
	margin:0 auto;
	padding:0;
	text-align:center;
	width:984px;
	overflow:hidden;
	background:url('../images/bg_profile.gif') 0 0 repeat-y;
	
}

#mainLayout
{
	margin:0 auto !important;
	padding:0 0 30px 0;
	overflow:hidden;
	background:#fff;
}

.organic
{
	display: none;
}

.profileWidth, table#headerTable, #mainLayout, #footer, #topnav, div#headerWrap
{
	width:970px;  /* !change - sets the width of the profile, and main DIVs inside it */
}

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

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

/*------------------------

 Header
 
------------------------*/

#headerWrap{text-align:center;width:992px;margin:0 auto; background:#2358b8 url(http://creative.myspacecdn.com/design/myspace/cokeSummerFun/images/fakeMSHeader.gif) 0 0 no-repeat; overflow:hidden;}
div#header{margin:45px auto 0 auto;display:block !important;}

/* deffault nav, footer styling*/
div#header,
div#topnav {
	color:#fff;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none !important;
	background-image:none !important;
	background-color:#771442 !important;
}



/*div#headerWrap * {
	background: #771442 !important;
	margin-top:1px;
}
*/
div#topnav { _margin-top:-1px; filter: none !important; }

div#header a, 
div#topnav a
{
	color: #fff;
	text-decoration:none !important;
	background-color:#771442 !important;
	background-image:none !important;
}

a#nav1000002,
a:hover#nav1000002,
#topnav ul li a.open .mailCountNav,
#topnav ul li a.open .mailCountNav:hover{color:#fff !important;}


div#header a:hover, 
div#topnav a:hover
{
	color: #fff !important;
	text-decoration:none !important;
	background-color:#771442 !important;
	background-image:none !important;
}

div#footer .clear {
	margin-top:5px;
	color:#fff !important;
	margin-bottom:10px;
	font-size:10px !important;
	font-weight:300 !important;
}

div#footer,
div#footer span {
	word-spacing:4px;
}

div#footer a,
div#footer a.text {
	text-decoration:none !important;
	font-size:10px !important;
	font-weight:300 !important;
}



/* Controls overall Top Navigation div */
div#header,
div#topnav {
	width:970px;
	background-color:#771442 !important;
	background-image:none !important;
}

#headerWrap {
	margin:0 auto;
	
}

div#topNav {
	margin-left:0px;
	font-size:10px;
	background-image:url(http://x.myspacecdn.com/modules/common/static/img/header/bkg_menubar.png) !important;
}

/* Controls the table within Top Nav (change bg color to match 'div#topnav'; the only css should be background-color */
table#headerTable,
table#headerTable tr,
table#headerTable td {
	background-color:transparent !important;
	background-image:none !important;
	margin:0;
	padding:0;
}

/* Controls the text (must leave in 'important' */
ul#leftNav li a,
ul#leftNav li a:hover,
ul#rightNav li a,
ul#rightNav li a:hover,
ul#leftNav li a#nav0,
ul#leftNav li a#nav0:hover,
ul#leftNav li a#nav0 small,
ul#leftNav li a.open,
ul#subNav0 li a {
	color:#fff!important;
	background-color:transparent !important;
	background-image:none !important;
}

/* Controls the color of highlighted/hovering nav items */
/* Keep the bg color the same as regular topnav bg color for best subtle effect */
ul#leftNav li a:hover,
ul#rightNav li a:hover,
ul#subNav0 li {
	background-color:transparent !important;
	background-image:none !important;
}

/* Makes the "More" button match other buttons (match bg color to above 'ul' style */
ul#leftNav li a#nav0,
ul#subNav0 li {
	background-color:transparent !important;
	/*background-image:none !important;*/
	background-image:url(http://x.myspacecdn.com/modules/common/static/img/header/bkg_menubar.png);
	/*border:none;*/
}

/* Hides the gradient overlay when the 'More' button is in a hover state */
ul#leftNav li a#nav0:hover,
ul#subNav0 li a:hover {
	background-color:transparent !important;
	background-image:none !important;
}

#subnav ul, #subnav ul li, #subnav a { 
	color:#fff !important;
	background: #771442 !important; 
}

#subnav ul {
	border:1px solid #FFFFFF !important;
}

#subnav ul li, #subnav a { 
	border:none !important;
}  

small {
	color:#fff!important;
}


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

#profile_url
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 0 0 745px;
    padding:0;
	position:absolute;
	width:auto;
	top:78px;
	display:inline-block;
}

#profile_url a
{
	color:#fff !important;
}

#profile_url h5
{
	display: none;
}

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

#addthisContainer
{
	margin:0;
	text-align:right;
	overflow:hidden;
	padding:5px 8px;
	background-color:#771442;
	border-top:1px solid #85214f;
	}




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


#panel_01
{
	display: block;
	height: 50px;
	border-bottom: 1px solid #4f0e2c;
	background: #2b0919;
	overflow:hidden;
}

ul.contact_links
{
	padding: 10px 0 0 88px;
}

ul.contact_links li
{
	display:inline;
}

a#addToFriends, a#addToFavorites, a#forwardToFriends, a#addToGroups
{
	display:inline-block;
	float:left;
	padding:0;
	text-align:center;
	height:34px;
	outline:none;
	text-indent:-9999px;
}

a#addToFriends
{
	background: url('../images/b_addtofriends.gif') 0 0 no-repeat;
	margin-right: 5px;
	width:176px;
}

a#addToGroups
{
	width: 176px;
	background: url('../images/b_addtogroup.gif');
	margin-right: 5px;
}

a#addToFriends:hover,
a#addToGroups:hover
{
	background-position: -176px 0;
}

a#addToFavorites
{
	width: 213px;
	background: url('../images/b_addtofav.gif');
	margin-right: 5px;
}

a#addToFavorites:hover
{
	background-position: -213px 0;
}

a#forwardToFriends
{
	
	width: 213px;
	background: url('../images/b_forwardfriend.gif');
}

a.forwardToFriends:hover
{
	background-position: -213px 0;
}



/*------------------------------------- 
Panel 2
---------------------------------------*/

#panel_02
{
	overflow:hidden;
	width:970px;
	height:500px;
	background:url('../images/bg_panel_02.jpg');
}

#panel_02 .col_left{ float:left; overflow:hidden; margin-left:130px; display:inline;}

#videoPlayer{margin-top:215px;}


#panel_02 .col_right{ float:left; overflow:hidden; display:inline; font-weight:700; text-transform:uppercase; color:#112D60;}
#panel_02 .col_right .row {margin-top:25px;}
.linkholder01 {margin-left:50px;}
.linkholder02 {margin-left:80px;}
#panel_02 .col_right a{}
#linkModelsOfTheRunway {margin:0px;}
#linkProjectRunway {margin:0;}
/*------------------------------------- 
Panel 3
---------------------------------------*/

#panel_03
{
	overflow:hidden;
	text-align:left;
	
}

iframe.motrIframe
{
	height: 1800px;
	width: 970px;
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
}

iframe.motrIframe div#tmplInner
{
	margin:0 !important;
}

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


#profileBottom
{
	margin:0 auto;
	overflow:hidden;
	width:930px;
}

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

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

#friendContainer .heading
{
	display:none;
}

.friends a
{
	color:#1964c1 !important;
}

#friendHeader
{
	height: 30px;
	margin: 0;
	padding: 0;
	background:#d6ddef url('../images/ffc_header.jpg') no-repeat 10px 0;
	text-indent:-9999px;
}

#friendContainer img
{
	border:2px solid #1964c1;
}

#friendContent
{
	text-align: center;
	color:#fff;
}

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

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

#profile_friends span
{
	float:left;
	margin-right:3px;
	_float:none;
	color:#112D60 !important;
}

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

.friend
{
	display:inline-block;
	width:107px;
	margin-top:10px;
	margin-right:20px;
}

#friendFooter
{
	height:25px;
}

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


#forumContainer
{
	overflow:hidden;
	color:#666 !important;
}

#forumHeader
{
	height: 30px;
	margin: 0;
	padding: 0;
	background:#d6ddef url('../images/ffc_header.jpg') no-repeat 10px -30px;
	text-indent:-9999px;
}

#profile_forums
{
	margin:0;
	padding: 0;
}

#profile_forums .heading
{
		
	color:#1964c1;
	padding:4px 20px 12px;
	font-size:14px;
	margin-bottom:20px;
}

#profile_forums .heading .right a
{
	text-decoration:underline;
	font-size:12px;
	color:#1964c1 !important;
}

#profile_forums th
{
	font-weight: normal;
	font-size: 11px;
	text-transform:uppercase;
	border-bottom:1px solid #d6ddef;
	padding-bottom: 0 5px 3px 0;
	width:25%;
}

#profile_forums .heading span.left
{ display:none;}

#profile_forums span.left a, 
#profile_forums span.right a
{ display:inline-block;}
#profile_forums td
{
	padding: 10px 7px;
	border-bottom:1px solid #d6ddef;
}

 img.left
{
	margin:3px;
	border:1px solid #1964c1;

}

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

#forumFooter
{
	height:5px;
	clear:left;
	margin-top:27px;
}

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

#commentContainer
{
	overflow:hidden;
	margin:0;
}

#commentHeader
{
	height: 30px;
	margin: 0;
	padding: 0;
	background:#d6ddef url('../images/ffc_header.jpg') no-repeat 10px -60px;
	text-indent:-9999px;
}

#commentContent
{
	overflow-x:hidden;
	overflow-y:auto;
	height:330px;
	text-align:left;
	margin-top:20px;
	padding:0 20px;
}

#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
{
	margin-top:10px;
}

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

#profile_comments
{
	text-align:left;
}

.commentdate
{
	font-weight: bold;
}

#commentFooter
{
	height:25px;
}

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

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

#footer a
{
	text-decoration:none !important;
	font-weight:normal;
	color:#666;
}

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

div#footer .clear
{
	color:#fff !important;
	font-size:10px !important;
	font-weight:300 !important;
	margin-bottom:10px;
	margin-top:5px;
}
