body {
    margin: 0;
    font-family: Helvetica;
    background: #FFFFFF;
    color: #000000;
    overflow-x: hidden;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
}

body > .toolbar {
    border-top: 1px solid #2d3642;
    border-bottom: 1px solid #2d3642;
    padding: 0px;
    height: 51px;
	position: relative;
    background: url(http://www.faceoff.com/iphone/images/toolbar_background.gif) #6d84a2 repeat-x;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ccn_header {
	background: url(http://www.faceoff.com/iphone/images/ccn_network_bg.gif) top left repeat-x;
	padding-left: 5px;
	padding-top: 2px;
}

.ads_location {
	height: 75px;
	padding: 3px 0;
}

h1 { padding: 0; margin: 0; }

body > .toolbar > h1.newspaperTitle {
	position: relative;
	left: 5px; 
	width: 219px;
	height: 49px;
	background: url(http://www.faceoff.com/iphone/images/faceoff_logo.gif) top left no-repeat;
}
	
.menuButton {
	position:absolute;
	overflow:hidden;
	top:9px;
	right:6px;
	margin:0;
	border-width:0 5px;
	padding:0 5px 0 5px;
	width:auto;
	height:32px;
	line-height:31px;
	font-family:Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-shadow:rgba(0, 0, 0, 0.6) 0 1px 2px;
	text-overflow:ellipsis;
	text-decoration:none;
	white-space:nowrap;
	background:none;
	-webkit-border-image:url(http://www.faceoff.com/iphone/images/toolButton_revis.gif) 0 5 0 5;
}

.menuHome {
	position:absolute;
	display: block;
	top:0px;
	right:62px;
	margin: 0; padding: 0;
	height: 49px;
	width: 35px;
	background: url(http://www.faceoff.com/iphone/images/toolbar_home.gif) top left no-repeat;
}


/* Content Block */

body > .contentBlock {
	width: 100%;
	padding: 0;
	margin: 0;
}

.contentBlock > .blockHeader_raw {
	height: 40px;
	background: url(http://www.faceoff.com/iphone/images/section_grey.gif) top left repeat-x;
	border-bottom: 1px solid #c2c2c2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


.contentBlock > .blockHeader, .contentBlock > .blockHeader_raw.exmpHeader, .contentBlock > .blockHeader  {
	color: #fff;
	height: 40px;
	background: url(http://www.faceoff.com/iphone/images/section_title.gif) top left repeat-x;
	border-bottom: 1px solid #2d3642;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.blockHeader_raw > .sectionButton {
	float: right;
	margin: 8px 5px 0 0;
	background: url(http://www.faceoff.com/iphone/images/section_g_down.gif) top left no-repeat;
	height: 26px;
	width: 27px;
}

.blockHeader_raw.blockHeader > .sectionButton, .blockHeader_raw.exmpHeader > .sectionButton {
	float: right;
	margin: 8px 5px 0 0;
	background: url(http://www.faceoff.com/iphone/images/section_g_up.gif) top left no-repeat;
	height: 26px;
	width: 27px;
}

.blockHeader > .sectionTitle, .blockHeader_raw > .sectionTitle {
	float: left;
	margin: 9px 0 0 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 18px;
	padding-left: 10px;
}

.blockHeader_raw > .sectionTitle {
	color: #777;
}

.blockHeader > .sectionTitle, .blockHeader_raw.exmpHeader > .sectionTitle {
	color: #fff;
}

/* Menu List */

.contentBlock > .ocBox > .menuList {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
	
.menuList > li {
	font-family: Helvetica;
	border-bottom: 1px solid #ccc;	
	background: url(http://www.faceoff.com/iphone/images/section_left.gif) 100% 50% no-repeat;
}

.menuList > li > a {
	display: block;
	height: 20%;
	padding: 10px 75px 10px 20px;
	text-decoration: none;
	color: #000;
}


/* CONTENT BOX */

.contentBlock > .contentStoryBox {
	width: 95%;
	min-height: 100px;
	margin: 0 auto;
	padding: 15px 0px 5px 0px;
	font-size: 14px;
	line-height: 18px;
	color: #666666;
}

.contentStoryBox > p {
	width: 95%;
}

.contentboxcopy h4, .article_title h4 {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	padding: 0 0 8px 0; 
	margin: 0; 
	font-weight: normal;
}

.contentboxcopy p.first { margin: 0; padding: 0; }

.contentboxcopy h4 a {
	color: #000000;
	text-decoration: none;
}


.contentboxcopy > .mediumimage {
	float: left; 
	padding: 0 15px 15px 0;
}

.subLinksBox {
	width: 100%;
	background: #f4f4f4;
}

.subLinksBox > ul.contentSubLinks {
	margin: 0 auto;
	padding: 5px 0px 7px 0px;
	list-style-type: none;
	width: 95%;
	font-size: 14px;
}

ul.contentSubLinks > li {
	padding: 5px 0 5px 0;
}


ul.contentSubLinks > li > a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #174385;
}

.contentboxcopy { 
	width: 95%;
	margin: 0 auto;
	padding: 0 0 5px 0 ;
}

.clear { font-size: 1px; height: 1px; overflow: none; margin-top: -1px; clear: both; }


/*CONTENT BOX in ATOM PAGE */

.storyBox .clear { border-bottom: 1px solid #ccc; height: 2px; margin-top: 10px; margin-bottom: 10px;  }

.storyBox .contentboxcopy { padding: 5px 0 5px 0; }

.storyBox .contentboxcopy ul.bullet { display: none; }

/* .storyBox .contentboxcopy p.first { display: none; }

.storyBox .contentboxcopy h4 { padding-top: } */

.contentBlock_atom > .contentStoryBox {
	width: 100%;
	margin: 0 auto;
	min-height: 100px;
	padding: 15px 0px 5px 0px;
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	border-bottom: 1px solid #ccc;
}


.contentStoryBox > .contentStoryBox_sng {
	width: 95%;
	margin: 0 auto;
	padding: 0 0 5px 0 ;
}

.contentStoryBox > .contentStoryBox_sng > .contentboxcopy > h4 {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight: normal;
}

.contentStoryBox > .contentStoryBox_sng > .contentboxcopy > h4 > a {
	color: #000000;
	text-decoration: none;

}

.contentStoryBox_sng > .imageArea {
	float: left; 
	padding: 0 15px 15px 0;
}


/* SUB TOOL BAR */

body > .subToolbar {
	height: 35px;
	padding: 5px 0 0 3px;
	background: url(http://www.faceoff.com/iphone/images/subtoolbar_bg.gif);
	border-bottom: 1px solid #d1d1d1;
	}

.subToolbar > .activeTitle {
	padding: 0 16px 0 6px;
	width:auto;
	font-family:Helvetica;
	font-size:12px;
	font-weight:normal;
	color:#666;
	text-transform: uppercase;
	background: url(http://www.faceoff.com/iphone/images/currentTitle.gif) 100% 50% no-repeat;
}
	
.subToolbar > .subButton, .subToolbar > .subButton2 {
	overflow:hidden;
	margin: 10px 0 0 3px;
	border-width: 0 5px;
	padding: 7px 5px;
	width:auto;
	height: 20px;
	line-height:30px;
	font-family:Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-shadow:rgba(0, 0, 0, 0.6) 0 -1px 0;
	text-overflow:ellipsis;
	text-decoration:none;
	white-space:nowrap;
	background:none;
	-webkit-border-image:url(http://www.faceoff.com/iphone/images/subtoolbar_toolButton.gif) 0 5 0 5;
}


/*    MAIN MENU    */

#mainMenu, #subMenu { position: absolute; height: 100%; overflow: hidden; width: 100%; z-index: 100; color: #fff; margin:0; padding: 0;}
#mainMenubg, #subMenubg { background-color: #000; opacity: 0.5; height: 100%; margin: 0; padding: 0; }
#subMenu { z-index: 90;}

#menuList, #menuList2 { background-color:#fff; width: 100%; padding: 0; margin: 0; list-style-type: none; opacity: 1;  }
#menuList li, #menuList2 li {  font-family: Helvetica; border-bottom: 1px solid #ccc; background: url(http://www.faceoff.com/iphone/images/section_left.gif) 100% 50% no-repeat; }
#menuList li a, #menuList2 li a { display: block; height: 20%; padding: 10px 75px 10px 20px; text-decoration: none; color: #000; }