/*
Theme Name: UP Vanguard Incorporated Template
Theme URI: http://www.jamediasolutions.com/
Description: UP Vanguard Incorporated
Version: 1.0
Author: Aldwin Llacuna Galapon
Author URI: http://www.jamediasolutions.com/
*/

/* Global */
* {margin: 0; padding: 0;}
a {text-decoration: none;}
a {color: #34660C;}
a:hover {}
a img {border: none;}
body {font-family: Arial, Helvetica, sans-serif; background: #ccc;}
p, h1, h2, h3, h4, h5, h6, li {color: #000;}
h1 a, a h1, a h2, h2 a, a h3, h3 a, a h4, h4 a, a h5, h5 a, a h6, h6 a, li a {color: #34660C;}
h3 a:hover, a:hover h3, h4 a:hover, a:hover h4, h5 a:hover, a:hover h5, li a:hover {color: #800000;}
ul {margin: 5px 0 15px 0; list-style: none;}
ol {margin: 5px 0 15px 25px;}
ul li {padding-left: 35px;}
ol li {padding-left: 0px;}
ul.normal li {display:block; padding-left:10px; list-style-type:none; background: url(images/bullet_ftr_mods_001.gif) 0 .3em no-repeat;}
img {border: none; background-color: #fff;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
img.avatar, .alignleft {float: left; padding-right: 5px; margin-right: auto;}
.alignright {float: right; padding-left: 5px; margin-left: auto;}
.alignnone{padding: 2px 5px;}
.wp-caption {border: none; margin-bottom: 10px; text-align: center; background-color: transparent;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {color:#800000; text-align: center; font-size:8px; padding: 4px; margin-bottom: 5px;}

/* Header */
#site_services {width: 1000px; margin: 0px auto; height: 20px; font-size: 11px; color: #34660C; padding: 10px 15px 5px; background: #ccc url(images/body_top.png) bottom center no-repeat;}
#site_services a {color: #34660C;}
#site_services a:hover {color: #da1a21;}
#site_services a.extras {font-weight: bold !important; color: #800000 !important;}
#site_services a.extras:hover {text-decoration: underline;}

#container_outer {margin: 0 auto; width: 1030px; padding: 0;}
#container_inner {position: absolute; padding: 10px 30px; width: 970px; background: #fff url(images/body_bg.png) top center repeat-y;}
#header {position: relative; height: 160px; width: 100%; margin-bottom: 15px;}
#logo {width: 450px; height: 100px; position: absolute; top: 0; left: 0;}
#logo a {display: block; width: 450px; height: 100px; text-indent: -50000px; background: url(images/logo.gif) 0 0 no-repeat; padding-bottom: 5px;}
#header-image {width: 500px; height: 100px; position: absolute; top: 0; right: 0;}

/* Navigational Bar */
.nav, .nav * {margin: 0; padding: 0; list-style: none;}
.nav {position: absolute; top: 110px; left: 0; line-height: 30px; float: left; height: 30px; padding-bottom: 0; width: 970px;}
ul.nav {  padding-bottom: 30px; background: url(images/nav.jpg);}
.nav a {padding: 0 1.0em; text-decoration:none; display: block; position: relative;   cursor: pointer; -webkit-transition: none;}
.nav a, .nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color: #FFD700 !important; font-size: 11px; text-transform: uppercase;}
.nav li {float: left; position: static;}
.nav li:hover, .nav li.sfHover {background: #34660C; height: 30px;}
.nav li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.nav a {height: 30px; float: left;}
.nav a:hover {background: #34660C;}
.nav ul {position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */}
.nav ul li {width: auto; float: left;}
.nav li:hover ul, .nav li.sfHover ul {left: 0; top: 30px; /* match top ul list item height */	z-index: 99;}
ul.nav li:hover li ul, ul.nav li.sfHover li ul {top: -999em;}
.nav li ul {width: 	970px;} /*IE6 soils itself without this*/
.nav li li {position: relative;}
.nav ul li:hover, .nav ul li.sfHover, ul.nav ul li:hover li, ul.nav ul li.sfHover li, .nav ul a:hover {background: #800000;}
ul.nav ul li:hover ul, ul.nav ul li.sfHover ul {left: 0; top: 30px; /* match top ul list item height */}

/* Content area */
#content_container {position: relative; float: left; width: 614px; background-color: #fff; margin-bottom: 20px;}
.subscribe_link a {margin-top: 10px; font-size: 12px; font-weight: bold; line-height: 14px; list-style-type: none; color: #34660C;}
#wrapper_breadcrumbs {clear:both; margin:0px 0px 10px 0px; padding:5px 5px; width:600px; border-bottom: 1px solid #ccc; padding-top: 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:120%; text-align:left;}
.timestamp, p span.timestamp a {color: #800000 !important; display: inline !important; font-weight: normal; font-size: 10px; white-space: nowrap; -webkit-transition: none;}
.updates, .breaking {padding: 0; background: transparent; vertical-align: middle;}
li .updates, li .breaking {vertical-align: top;}
p.cutline {line-height: 13px; font-size: 12px; color: #555; border-bottom: 1px solid #ddd; padding: 5px 0;}
div.sociable {float: right; margin: 10px 0;}
span.sociable_tagline {position: relative;}
span.sociable_tagline span {display: none; width: 14em;}
span.sociable_tagline:hover span {position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em;}
.sociable span {display: block;}
.sociable ul {display: inline; margin: 0 !important; padding: 0 !important;}
.sociable ul li {background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px;}
.sociable ul li:before {content: "";}
.sociable img {float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0;}
.sociable-hovers {}
.sociable-hovers:hover {}

#lead_story {float: left; width: 365px; margin: 10px 0;}
#lead_story a {display: block;}
#lead_story a h3, #lead_story h3 a {font-size: 16px; line-height: 22px; margin: 0 0 10px 0;}
#lead_story p {font-size: 11px; line-height: 14px; color: #555; margin: 10px 0;}
#lead_story p.copyright {line-height: 12px; font-size: 10px; text-align: right; color: #666;}
#lead_story p a {color: #555;}

#secondary_stories {width: 228px; float: right; margin: 10px 0;}
#secondary_stories a {display: block;}
#secondary_stories li a {display: inline;}
#secondary_stories a h3, #secondary_stories h3 a {font-size: 16px; line-height: 22px; margin-bottom: 0px;}
#secondary_stories p {font-size: 11px; line-height: 14px; color: #555; margin-bottom: 15px;}
#secondary_stories p a {color: #555;}
#secondary_stories .more_titlebar {border-top: 1px solid #ccc;}

blockquote{display:block; padding:5px; margin:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight: bold; background:#FFFBCC; border-top:dashed 1px #999; border-bottom:dashed 1px #999;}
blockquote p{margin:0px;}
blockquote cite{color:#000000; display:block; text-align:right; padding:5px; border-top:solid 1px #F4F4F4;}

/* Article */
#story_header {margin-bottom: 10px;}
#story_header h1 {font-size: 20px; line-height: 22px; color: #000; font-weight: bold; margin-bottom: 5px;}
#story_header h2 {font-size: 16px; font-weight: bold; line-height: 18px; color: #666; margin-bottom: 5px;}
#story_header h3, #story_header h4 {font-size: 12px; font-weight: bold; line-height: 14px; margin-bottom: 4px; color: #666;}
#story_header h3 {color: #666;}
#story_header h2 a:hover {color: #800000; text-decoration: none;}

#story_body {font-size: 12px; line-height: 14px; color: #34660C; margin-bottom: 10px;}
#story_body h3 {margin-top: 10px;}
.body_list li {margin-left: 20px;}
#story_body dt {font-weight: bold;}
#story_body dd {margin-bottom: 9px;}
#story_body p {line-height: 14px; font-size: 11px; margin: 10px 0;}
#story_body p a {background: url(images/dotted_line.gif) repeat-x bottom;}
#story_body {page-break-after:always;}
.dateline {font-weight: bold; text-transform: uppercase;}

.byline {border-bottom: 1px solid #ccc; padding: 5px 0;}
.byline a {font-weight: bold;}
.byline a:hover {text-decoration: underline;}

h1.headline {font-size: 14px; margin: 5px 0;}
h2.headline {font-size: 12px; margin: 5px 0;}
h2.subhead {font-size: 12px; margin: 5px 0;}
h3.byline {font-size: 14px; line-height: 18px; margin: 5px 0; font-style: italic;}
h4.pubdate {font-size: 9px !important; margin: 5px 0 20px;}
.inline {display: none; float: right; position: relative; clear: both; margin: 0 0 20px 50px; width: 150px;}
.inline img{width: 150px;}

/* Gutter */
#gutter {float: right; clear: none; width: 336px; position: relative;}
#gutter .bucket {float: left; width: 316px;}
.bucket {padding: 10px; background: #f5f5f5; font-size: 11px; clear: both; position:relative; margin-bottom: 10px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.bucket-green {padding: 10px; background: #8DC54C; color:#fff; font-size: 11px; clear: both; position:relative; margin-bottom: 10px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.bucket-maroon {padding: 10px; background: #800000; color:#fff; font-size: 11px; clear: both; position:relative; margin-bottom: 10px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#gutter ul {margin: 0; list-style: none;}
#gutter ul li {padding-left: 5px;}

#gutter .titlebar h4 {font-size: 14px; font-weight: bold; text-transform: capitalize; color: #34660C; padding: 0; line-height: 14px;}
.titlebar {width: 100%; margin-bottom: 5px; background: #fff; position: relative; clear: both;}



/* Top Footer */
#top-footer{clear: both; border-top: 2px solid #A4B7BB;}
#top-footer h3, #top-footer h4 {font-size: 16px; font-weight: bold; line-height: 17px; margin-bottom: 4px; color: #215300;}
#top-footer ul {margin:0px 0px 10px 0px; padding:0px; list-style: none; background: url(images/dotted_h.gif) top repeat-x;}
#top-footer ul li {padding: 0 0 2px 0; margin: 0 0 2px 0; background: url(images/dotted_h.gif) bottom repeat-x;}
#top-footer ul li.last {padding: 0; margin: 0; background-image: none;}
#top-footer ul li a,
#top-footer ul li a:link,
#top-footer ul li a:visited,
#top-footer ul li a:hover,
#top-footer ul li a:active {font-size:12px; display:block; padding-left:10px; list-style-type:none; background: url(images/bullet_ftr_mods_002.gif) 0 .3em no-repeat;}
#top-footer #left_column {position: relative; float: left; width: 49%; margin: 20px 0 10px 0;}
#top-footer #right_column {position: relative; float: right; width: 49%; margin: 20px 0 10px 0;}

/* Footer */
#footer {clear: both; width: 970px; margin: 30px auto 0 auto; padding: 15px 0; background: #800000; font-size: 11px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#footer div {border: none !important;}
#footer a:link, #footer a:visited {color:#ffffff; font-weight:bold; text-decoration:none;}
#footer a:hover {color:#fff; font-weight:bold; text-decoration:underline;}
.vertical_ad {width: 210px; height: 90px; position: absolute; right: 10px; top: 10px; font-size: 11px;}
#logo_links {margin-top: 10px;}
.logo_links {padding-top: 15px; text-align: center; width: 319px; padding-left: 15px; border: 1px solid #CCCCCC; padding-bottom: 15px;}

.gallery {  
      text-align: center;  
}  
.gallery img {  
      padding: 2px;  
      height: 100px;  
      width: 100px;  
}  
.gallery a: hover {  
      background-color: #ffffff;  
}  
.attachment {  
      text-align: center;  
}  
.attachment img {  
      padding: 2px;  
      border: 1px solid #999999;  
}  
.attachment a: hover {  
      background-color: #FFFFFF;  
}  
.imgnav {  
      text-align: center;  
}  
.imgleft {  
      float: left;  
}  
.imgleft a: hover {  
      background-color: #FFFFFF;  
}  
.imgleft img {  
      padding: 2px;  
      border: 1px solid #999999;  
      height: 100px;  
      width: 100px;  
}  
.imgright {  
      float: right;  
}  
.imgright a: hover {  
      background-color: #FFFFFF;  
}  
.imgright img {  
      padding: 2px;  
      border: 1px solid #999999;  
      height: 100px;  
      width: 100px;  
}