/* Headings */

#heading { padding-left: 50px; background: transparent url(/Resources/LowDown/Sites/Lowdown/Images/Icons/news.png) no-repeat scroll left 2px; }

/* States */

.is_ie6 .state_container { margin: 20px 0px; clear: both; }

h2.state { font-size: 18px; font-weight: normal; margin: 40px -29px 30px -29px; padding-left: 23px; color: #ab1e1b; background: url('/Resources/LowDown/Sites/Lowdown/Layout/horizontal-divider.gif') top left repeat; }
h2.state span, h2.state a { background: white; padding: 4px 6px; color: #AB1E1B; }

h2.state a span { color: #333; font-size: 11px; }
h2.state a:hover span { color: black; text-decoration: underline; }

a.backTop { display: block; color: black !important; font-size: 12px; padding: 10px 15px 13px !important; background: white url('/Resources/Lowdown/Sites/Lowdown/Images/Icons/arrow-small_up.png') center center no-repeat !important; }

/* State Navigation */

#stateNav { overflow: hidden; margin-bottom: 20px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #000; clear: both; width: 100%; }
.is_ie7 #stateNav { margin-top: 20px; }
#stateNav a { display: block; float: left; padding: 2px 20px 6px 0; margin-right: 5px; color: black; }
#stateNav a:hover { padding-bottom: 3px; border-bottom: 3px solid #AB1E1B; }

/* Articles */

.is_ie h2.state { zoom: 1; z-index: 999; position: relative; clear: both; }

.articles { overflow: hidden; margin-right: -15px; }
.is_ie6 .articles { width: 100%; }

.articles .article { position: relative; overflow: hidden; float: left; width: 168px; height: 220px; padding-top: 20px; border-top: 2px solid #111; border-bottom: 1px dotted #111; margin: 0 15px 20px 0; }
.articles .article .story { margin: 10px 0; }
.articles .article .story strong { font-weight: normal; }
.articles .date { float: right; margin-top: -12px; background-color: #AB1E1B; color: white; padding: 2px 4px; font-size: 11px; }

.articles .article h4, .articles .article h4 a { color: #111; font-weight: bold; }
.articles .article h4 a:hover { color: #ab1e1b; text-decoration: underline; }
.articles .article .more { z-index: 2; position: absolute; bottom: 10px; color: #11732a; }
.articles .article img { float: left; margin: 0 10px 5px 0; padding: 4px; border: 1px solid #ddd; }
.articles .article a:hover img { padding: 3px; border: 2px solid #AB1E1B; }

.articles .article .gradient { z-index: 1; position: absolute; bottom: 0px; margin: -1px; height: 100px; width: 100%; background: url(/Resources/LowDown/Sites/Lowdown/Images/Backgrounds/white-gradient.png) bottom left repeat-x; }

/* Article List */

.article_list { position: relative; float: left; width: 168px; padding-top: 20px; border-top: 2px solid #111; margin: 0 15px 20px 0; }
.article_list h4 { color: #111; font-weight: bold; margin-bottom: 5px; }
.article_list .title { float: right; margin-top: -20px; background-color: #AB1E1B; color: white; padding: 2px 4px; font-size: 11px; }

/* Large Articles */

.articles .article.large { width: 350px; }
.articles .article.large img { width: 158px; }

/* === BREADCRUMBS === */

.is_ie6 #breadcrumbs .button { padding: 5px 10px 11px; }
#breadcrumbs .button { float: right; margin-top: -6px; background: transparent url(/Resources/LowDown/Sites/Lowdown/Images/Buttons/all.png) no-repeat scroll left -32px; }
#breadcrumbs .button:hover { background-position: left 0px; }

#breadcrumbs { font-family: Arial; color: black; margin: 0px 30px 30px 0px; padding: 2px 0 30px; border-bottom: 1px solid black; font-size: 12px; }
#breadcrumbs .intro, #breadcrumbs .level { display: block; float: left; padding: 3px 0; }
#breadcrumbs .level { padding-left: 12px; margin-left: 8px; background: url('/Resources/Lowdown/Sites/Lowdown/Images/Icons/breadcrumbs-arrow.png') center left no-repeat; }
#breadcrumbs a.level { text-decoration: underline; }
#breadcrumbs .home { opacity: 0.5; display: block; float: left; text-indent: -999em; padding: 0 0 2px 12px; margin-left: 8px; background: url('/Resources/Lowdown/Sites/Lowdown/Images/Icons/breadcrumbs-home.png') center left no-repeat; }
.is_ie6 #breadcrumbs .home { position: absolute; zoom: 1; }
#breadcrumbs .home:hover { opacity: 1; }
/*#breadcrumbs .current { font-family: Georgia, times; font-style: italic; color: #999; }*/

/* Reviews */

.review { overflow: hidden; }
.review .date { font-family: arial; font-size: 11px; }

.box-model { position: relative; zoom: 1; background-color: #f3f3f3; padding: 20px; margin-bottom: 20px; overflow: hidden; }
.box-model img { padding: 9px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); background-color: white; }

 { background-color: #f3f3f3; padding: 20px; }
.review-feature h2 { margin-bottom: 0; }
.review-feature h2 span { color: #999; font-weight: normal; }
.review-feature .story { float: left; width: 240px; }
.review-feature .image { position: relative; float: left; margin: 0 30px 0 0; width: 343px; }
.review-feature .date { margin: 0 0 20px; }
.review-feature .latest { position: absolute; right: 15px; top: -2px; background: url('/Resources/Lowdown/Sites/Lowdown/Images/Backgrounds/latest-review.png') top left no-repeat; color: white; font-weight: bold; font-family: helvetica,arial; text-align: center; width: 46px; height: 36px; padding: 10px; }

.review-short { padding-bottom: 10px; margin: 10px 20px; }
.review-short h4 span { color: #999; }
.review-short img, .reviewer img { float: left; border: 1px solid #ccc; padding: 1px; margin: 0 10px 0 0; }

/* Contributor */

.contributor { float: none; border: none; padding: 0px; width: 160px; margin: 0 0 20px; }
.is_ie6 .contributor { float: none; }
.contributor h2 { margin-bottom: 5px; }
.contributor .title { font-size: 10px; text-transform: uppercase; color: #999; }

.contributor .image { position: relative; }
.contributor .image .name { display: block; padding: 5px 10px; background-color: #ddd; font-family: arial; font-size: 11px; }
.contributor .image .name strong { display: block; }
.contributor img { float: none; margin-bottom: -3px; }

/* Comments */

#form_comment { margin-top: 20px; }
#form_comment input { margin-bottom: 4px; width: 300px; }
#form_comment textarea { width: 510px; height: 150px; }
#form_comment_success strong { display: block; padding-bottom: 15px; }

.comments { font-family: arial; }
.comments .comment { font-size: 11px; }
.is_ie .comments .comment p { font-size: 12px; }
.comments .comment .container { position: relative; zoom: 1; border: 1px solid #d9d9d9; background: #f6f6f6; padding: 0 10px 10px; margin-bottom: 10px; }
.comments .comment .arrow { position: absolute; zoom: 1; left: 10px; bottom: -11px; width: 12px; height: 11px; background: transparent url('/Resources/Lowdown/Sites/Lowdown/Images/Backgrounds/comment-arrow.png') no-repeat scroll left bottom; }
.comments .comment p { margin-bottom: 0; }
.comments .comment .name { font-weight: bold; margin: 0 0 10px 10px; }
.comments .comment .button { margin: 5px 0 0 -10px; }
.is_ie6 .comments .comment .button {
	margin-left: -5px!important;
    background: transparent !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=/Resources/LowDown/Sites/Lowdown/Images/Buttons/green.png, sizingmethod=crop);
}

/** Inset Hilight **/

.inset-hilight { position: relative; width: 179px; z-index: 10; background-color: #AB1E1B; color: white; padding: 10px; margin-bottom: 20px; font-family: Arial; -moz-box-shadow: -3px 3px 0 #ddd; }
.inset-hilight .shadow { position: absolute; right: 0; bottom: -10px; width: 10px; height: 10px; background: url(/Resources/Lowdown/Sites/Lowdown/Layout/bg_overlay.png) top right no-repeat; }

.inset-hilight h3 { color: #c8716f; margin-bottom: 5px; text-transform: none; font-size: 15px; }
.inset-hilight .divider { border-top: 1px solid #c8716f; margin-top: 10px; background: none; padding-top: 10px; margin: 10px 0px 20px 0px; }
.inset-hilight a { display: block; padding: 2px 4px; color: white; text-transform: uppercase; font-size: 15px; text-decoration: none; -moz-border-radius: 2px; }
.inset-hilight a:hover { background-color: #891816; }

/** Small Articles **/

.small-article { padding: 0 0 20px 0; border-bottom: 1px dotted #111; margin: 20px 0;  }
.small-article h4 { font-size: 15px; }
.small-article h4 a { color: black; font-weight: bold; }
.small-article p { margin: 0; }
.small-article img { float: left; margin: 0 10px 5px 0; padding: 4px; border: 1px solid #ddd; }
.small-article .date { float: right; margin-top: -12px; background-color: #AB1E1B; color: white; padding: 2px 4px; font-size: 11px; }

/* News Box Ad */

.articles .ad_newsbox { border: none;  padding-top: 0px; height: 240px; margin-bottom: 0px; text-decoration: none; }
.articles .ad_newsbox img { width: 180px; margin-left: 15px; display: block; float: none; }
.articles .ad_newsbox span { text-decoration: none; margin: 10px 0px 0px 15px; }
