/* news.css */

/* Table of Contents
------------------------------------
	1. Reset
    2. Elements (a, body, p, etc.)
	3. ID's (#container, etc.)
	4. Classes (.red, .clear, etc.)
	5. Print
	6. Handheld
	7. Debug

------------------------------------*/

/* 1. Reset (included in root.css)
------------------------------------*/


/* 2. Elements
------------------------------------*/
h1 {
    font-size: 1.4em;
}
h3 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 0.3em;
}
p {
    margin-bottom: 0.6em;
}

/* 3. ID's
------------------------------------*/
#armyNow {
    margin-bottom: 1em;
}
#armyNow p a {
    display: block;
    font-size: 1em;
    margin: 0.4em 0 0.4em 5px;
}
#armyNow img {
    border: none;
}
#breadCrumbs {
	width: 593px;
}
#mainContent {
    background: #f7f7f7;
    padding-bottom: 0;
    width: 604px;
}
#mainContent .block {
    font-size: 10px;
    height: 24px;
    line-height: 24px;
}
#moreTops {
    background: #fff;
    float: left;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 0.6em;
}
#moreTops img {
    margin-left: 5px;
    position: absolute;
    bottom: 5px;
}
#moreTops li, #otherStories li {
    border-left: 1px solid #c3c3c3;
    display: inline;
    float: left;
    height: 22em;
    margin: 0.4em 0;
    padding: 0.5em 10px;
    position: relative;
    width: 180px;
}
#moreTops p, #otherStories p {
    font-size: 1em;
}
#moreTops li#first {
    border: none;
}
#newsReleasesList {
    padding: 0 20px;
}
#newsReleasesList li {
    border-bottom: 1px solid #cecece;
    margin: 1em 0;
}
#newsReleasesList h3 {
    font-size: 1.4em;
}
#otherStories img {
    float: right;
    margin: 0.3em 0 0.3em 0.3em;
}
#otherStories li {
    border: none;
    height: 17em;
}
#otherStories, #topStory {
    float: left;
}
#topStory img {
    float: left;
}
#topStoryRight {
    float: left;
    padding: 0 10px;
    width: 235px;
}
#sectionStories {
	background: #efefef;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
	float: left;
	width: 604px;
}
#sectionStories ul {
    display: inline;
    float: left;
	margin: 1em 0 1em 2.2em;
	width: 270px;
}
#sectionStories li {
	background: url(https://webarchive.library.unt.edu/eot2008/20090827044325oe_/http://usarmy.vo.llnwd.net/e1/rv4_images/diamond_bullet.gif) no-repeat 0 4px;
	float: left;
	line-height: 1.4em;
	margin: 0 0 1.6em;
	padding-left: 15px;
	width: 245px;
}
#sectionStories li a {
	font-weight: normal;
}

/*no-flash feed Army Now Player*/
#armyNow #noFlashFeedBox p.noFlashText a {
    margin: 0px;
}
#armyNow #noFlashFeedBox .noFlashVideo p {
    float:left;
}
#noFlashFeedBox {
	padding-left:2px;
}

/* 4. Classes
------------------------------------*/
.clear {
	clear: both;
}
.gray-text {
    color: #3d3d3d;
}
.newsReleaseDate {
    display:block;
    font-size:11px;
    font-weight:normal;
    margin:0.6em 0;
}

/* 5. Print
------------------------------------*/
@media print {
    
}

/* 6. Handheld
------------------------------------*/
@media handheld {
    
}

/* 7. Debug
------------------------------------*/
/* Un-comment for site testing

*[style], font, center {outline: 5px solid red;}
img[alt=""] {border: 3px solid red;}
img[title=""] {border: 3px dotted fuchsia;}
img:not([alt]) {border: 5px solid red;}
img:not([title]) {outline: 5px solid fuchsia;}
table[summary=""] {outline: 3px solid red;}
table:not([summary]) {outline: 5px solid red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}
a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href=""] {background: fuchsia;} */