/* BEGIN GLOBAL RESET *************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h4,h5,h6{font-size:100%;font-weight:normal;}
h3{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

/* END GLOBAL RESET *************************************************/
.clear {
	clear: both;
}

body {
	width: 100%;
    overflow: hidden;
	-webkit-user-select: none;
    -webkit-text-size-adjust: none;
}
#site {
	width: 100%;
	position: relative;
}

#page-1 {
	width: 100%;
	float: left;
	position: absolute;
}
#page-2 {
	position: absolute;
	float: left;
	width: 100%
}
#header {
}

.iphone-breaking-news {
	height: 85px;
	list-style: none;
	position: relative;
	padding: 5px;
	overflow: hidden;
	max-height: 85px;
}

.iphone-breaking-news h2 {
	font-size: 140%;
	padding: 2px 0px;
	display: inline;
	font-weight: bold;
}
.iphone-breaking-news p.sub-head {
	font-size: 110%;
	display: inline;
	font-weight: bold;
}
.iphone-breaking-news p.brief-hidden {
	display: none;
}
.iphone-breaking-news p.brief {
	font-size: 105%;
	width: 100%;
	display: block;
	max-height: 10px;
	text-overflow: ellipsis;
}

.iphone-breaking-news .more a {
	position: absolute ;
	bottom: 0px;
	right: 10px;
	font-size: 108%;
	padding: 2px 0px;
	text-decoration: none;
	width: 25%;
	text-align: right;
	margin-top: 10px;
	font-weight: bold;
}


.story-block {
	height: 85px;
	list-style: none;
	position: relative;
	padding: 5px;
}

.thumb {
	margin: 1px 5px 1px 1px;
	float: left;
}
.story-block h2 {
	font-size: 140%;
	padding: 2px 0px;
	display: inline;
	font-weight: bold;
}
.story-block p.sub-head {
	font-size: 110%;
	font-weight: bold;
    overflow: hidden;
	text-overflow: ellipsis;
}
.story-block p.brief-hidden {
	display: none;
}
.story-block p.brief {
	font-size: 105%;
	width: 100%;
	display: block;
	max-height: 10px;
	text-overflow: ellipsis;
}

.more a {
	position: absolute ;
	bottom: 0px;
	right: 10px;
	font-size: 108%;
	padding: 2px 0px;
	text-decoration: none;
	width: 25%;
	text-align: right;
	margin-top: 10px;
	font-weight: bold;
}

#topNav {
	width: 100%;
	height: 30px;
	overflow: hidden;
}
#topNav-slider {
	position: relative;
}
#topNav li {
	float: left;
	width: 25%;
	padding-top: 9px;
	text-align: center;
	height: 30px;
}
#navigation li a {
	margin-top: 1000px;
	text-decoration: none;
	height: 30px;
	font-size: 90%;
}
#subNav-slider {
	position: relative;
}
#subNav {
	width: 100%;
	height: 30px;
	overflow: hidden;
}
#subNav li {
	float: left;
	width: 25%;
	padding-top: 9px;
	text-align: center;
	height: 30px;
}
#breadcrumb {
	font-size: 77%;
	height: 16px;
	padding: 8px 0px 5px 5px;
}
#breadcrumb a {
	text-decoration: none;
}
#ad-space {
	height: 64px;
	padding: 5px 0px 5px 0px;
}
#ad-containter {
	width: 234px;
	margin: 0px auto;
	padding-top: 2px;
}
#footer {
	font-size:85%;
	height: 22px;
	padding-top: 5px;
	text-align: center;
}
#footer a {
	text-decoration: none;
	font-weight: bold;
	z-index: 50;
}
#five-more {
	float: left;
	padding-left: 5px;
}
#home {
	float: right;
	padding-right: 5px;
}

#footer #copyright {
    
}

#story h1, #columnist h1, #storygallery h1 {
    font-size: 200%;
    font-weight: bold;
}

#story h2, #columnist h2, #storygallery h2 {
    font-size: 140%;
    font-weight: bold;
}

#story-body, #columns {
    margin-top: 5px;
    font-size: 110%
}

#story {
    padding:3px;
}

#story p {
    margin-bottom: 10px;
    font-size: 105%;
}

#story .iphone-lead-photo, #columnist .iphone-lead-photo, #storygallery .iphone-lead-photo {
    padding: 10px 0px 10px 10px; 
    width: 150px; 
    float: right;
}

#story .iphone-lead-photo p.caption {
    margin-top: 5px;
    font-size: 90%;
}

#story .byline {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size:90%;
    font-style:italic;
}

#story .story-dateline  {
    font-size:90%;
    font-style:italic;
}

h1#columnist-name {
    margin-bottom: 5px;
}

h2#column-title {
    margin-bottom: 5px;
}

#columnist p#columnist-biography {
    font-size:90%;
    font-style:italic;
    margin-bottom: 10px;
}

.rail {
    width: 50%;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.rail #module-related-links {
}

.rail #module-related-links h4 {
    font-size:110%;
    font-weight:bold;
    padding:3px;
    text-align:center;
}

.rail #module-related-links ul {
    padding: 5px;
    line-height: 3px;
}

.rail #module-related-links ul li {
    list-style: disc;
    margin-left: 15px;
}    

.rail #module-related-links ul li h5 {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 100%;
}

.multimedia-item-type {
    text-decoration: none;
    margin-left: 5px;
    padding: 1px;
    font-size: 90%;
}

a span.multimedia-item-type {
    text-decoration: none !important;
}

#email-story {
    margin: 10px 0px 10px 0px;
    padding: 3px;
}

#email-story span#email-headline {
    font-style: italic;
}

#email-story img {
    margin-left: 3px;
    margin-right: 3px;
}

div.wide-text-ads {
    font-size:100%;
    text-align:left;
}

div.li-gradient {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 25px;
}

div.li-gradient img {
    width: 100%;
}

#iphone-photo {
    width: 100%;
}

#displayPhoto {
    width:100%;
    overflow: visible;
    text-align:center;
}

#displayPhoto img.iphone-pic {
    text-align:center;
    vertical-align: middle;
}

#displayPhoto #photocredit {
    background: transparent url("http://www.gtowntimes.com/images/mobile/credits.png") repeat top left;
    padding: 1px;
    width: 100%;
    min-height: 50px;
}

#displayPhoto #photoheader {
    background:transparent url("http://www.gtowntimes.com/images/mobile/credits.png") repeat scroll 0% 50%;
    height:50px;
    width:100%;
}

#displayPhoto .credit {
    position:relative;
    bottom: 3px;
    left: 2px;
    color:white;
    font-size: 14px;
    margin-left: 5%;
    width: 90%;
}

#displayPhoto .caption {
    position:relative;
    bottom: 5px;
    left: 2px;
    color:white;
    font-size: 18px;
    margin-top: 5px;
    margin-left: 5%;
    width: 90%;
}

#displayPhoto #back {
    float:left;
    width: 5%;
}

#displayPhoto #placeholder {
    float: left;
    width: 5%;
}

#displayPhoto .hidden {visibility: hidden;}
#displayPhoto .visible {visibility: visible;}

#storygallery h1#title {
    margin-bottom: 5px;
}

#storygallery p#credit {
    margin: 5px 0px;
    font-style: italic;
}

#storygallery #description {
    margin: 5px 0px;
}