body {
background: url("../img/header_bg.jpg") repeat-x scroll 0 0 transparent;
}
h1,h2,h3,h4,h5 {
font-family: "Open Sans", verdana, Sans-serif;
font-weight: normal;
margin-bottom: 15px;
}
h2 {
margin-top: 20px;
}
/* #docs h2 {display:none} */
#docs h3 {font-size:24px;line-height:36px;}
ol ol {
list-style: lower-latin;
}
a.code {
color: #848c48;
}
a.code:hover {
color: #6c733c;
}
.lined-header {
background: url("../img/header_line.png") repeat-x scroll center center transparent;
}
.lined-header span {
background: #fff;
padding-right: 15px;
}
#page-head {
background: url("../img/header_bg_center.jpg") no-repeat scroll center top transparent;
height: 75px;
width: 100%;
}
.home #page-head {
height: 104px;
}
#topbar {
height: 60px;
padding-bottom: 8px;
}
#logo {
margin-bottom: 0;
}
#logo a {
background: url("../img/logo.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 45px;
margin: 10px 0;
text-indent: -5000px;
width: 84px;
}
#side-header li {
display: inline-block;
}
#side-header {
height: 44px;
padding: 25px 0 0;
text-align: right;
}
#side-header nav a {
border-radius: 6px 6px 6px 6px;
color: #333333;
font-family: "Open Sans",Verdana,Sans-serif;
font-size: 17px;
margin: 0 5px;
padding: 8px;
}
#side-header nav li.active a {
background: none repeat scroll 0 0 #1D5C70;
color: white;
text-shadow: 0.1em 0.1em 0.05em #333333;
}
#side-header nav li.active a:hover {
background: none repeat scroll 0 0 #144858;
text-decoration:none;
}
#side-header nav, #side-header #social {
display: inline-block;
margin-left: 5px;
}
#social li {
vertical-align: sub;
}
#social .dropdown-menu li {
display: block;
text-align: left;
}
.dropdown.open .dropdown-toggle {
background: none;
}
#page-head .navbar {
height: 36px;
font-family: "Open Sans",Verdana,Sans-serif;
}
#page-head .navbar-inner {
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
}
#page-head .navbar .nav li a {
background: none repeat scroll 0 0 transparent;
color: #555555;
font-size: 15px;
padding: 8px 12px;
text-shadow: none;
}
#page-head .navbar .nav li a:hover {
text-decoration:underline;
}
#page-head .navbar .nav li.active a {
background: none repeat scroll 0 0 #1D5C70;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
height: 18px;
margin: 4px 0;
padding: 4px 12px;
text-shadow: 0.1em 0.1em 0.05em #333333;
}
#page-head .navbar .nav li.active a:hover {
background: none repeat scroll 0 0 #144858;
text-decoration:none;
}
#page-head .navbar .nav {
height: 35px;
}
#page-head .brand {
padding: 9px 10px;
color: #333;
font-weight: bold;
font-size: 16px;
font-style: normal;
}
#contents ul {
margin-left: 0px;
}
#contents ul li, #contents ol li {
line-height: 1.4em;
margin-bottom: 15px;
}
#contents ul.extra_margin li, #contents ol.extra_margin li {
margin-bottom: 30px;
}
#contents ul li {
background: url("../img/big_bullet.png") no-repeat scroll 0 center transparent;
list-style: none outside none;
padding-left: 30px;
}
#contents .row > div {
padding-bottom: 35px;
}
#home-carousel {
background: url("../img/home/carousel_light_effect.png") no-repeat scroll center bottom transparent;
color: #FFFFFF;
height: 298px;
margin-bottom: 0;
padding-top: 1px;
text-shadow: 0.1em 0.1em 0.05em #333333;
}
#home-carousel h1 {
font-size: 40px;
margin-bottom: 20px;
margin-top: 35px;
}
#home-carousel h1, #home-carousel h2, #home-carousel h3 {
color: #FFFFFF;
font-weight: normal;
margin: 20px 0;
}
#home-carousel p {
margin: 20px 0;
font-size: 15px;
}
#home-carousel .carousel-inner {
height: 299px;
}
.cowboy-logo {
margin-top: 5px;
}
.ranch-logo {
margin-left:20px;margin-top: -2px;
}
.bullet-logo {
margin-left: 200px;
}
.sheriff-logo {
margin-left:100px;margin-top: -10px;
}
.right-buttons {
text-align: right;
}
#contents.home {
background: url("../img/home/carousel_bg_blue.png") repeat-x scroll 0 -1px transparent;
}
#company-description {
height: 76px;
margin-bottom: 15px;
overflow: hidden;
}
#company-description div.paragraph {
background: url("../img/header_line.png") repeat-x scroll center center transparent;
color: #333333;
font-style: italic;
line-height: 1.3em;
margin: 14px 0;
text-align: center;
}
#company-description p {
background: none repeat scroll 0 0 #FAFAFA;
display: inline-block;
width: 70%;
font-size: 18px;
}
#services .span4 {
width: 295px;
margin-left: 25px;
}
#services header p {
color: #777;
}
#services p {
font-size: 13px;
}
#services header h2 {
font-size: 27px;
color: #333;
margin-bottom: 4px;
}
#services header {
margin-bottom: 10px;
padding-left: 90px;
padding-bottom: 6px;
}
#services .support {
border-bottom: 5px solid #d8e3a0;
background: url("../img/home/support_ico.jpg") no-repeat left center;
}
#services .consulting {
border-bottom: 5px solid #fdd2dd;
background: url("../img/home/consulting_ico.jpg") no-repeat left center;
}
#services .training {
border-bottom: 5px solid #7fc1d0;
background: url("../img/home/training_ico.jpg") no-repeat left center;
}
#services .service-description {
text-align: justify;
margin-bottom: 15px;
height: 150px;
}
#events {
margin-top: 15px;
}
#events .grey {
background: #FAFAFA;
}
#events h2 {
margin: 10px 0 10px 0px;
background: url("../img/header_line.png") repeat-x scroll center center transparent;
}
#events p {
font-style: italic;
font-size: 14px;
}
#events h3 {
margin-bottom: 10px;
}
#events h3 a {
color: #848C48;
font-size: 15px;
}
#events h3 a:hover {
color: #717839;
text-decoration: underline;
}
#events h3 {
line-height: 1.2em;
}
#events h3, #events p {
padding-left: 80px;
}
#events .event .date .day, .blog_item .date .day {
font-size: 24px;
display: block;
}
#events .event .date .day { margin-bottom: 4px;}
#events .event .month, .blog_item .date {
font-size: 16px;
}
#events .event .date, .blog_item .date {
background: #acb75c;
height: 50px;
width: 60px;
border-radius: 34px;
border: 4px solid #c5d573;
color: #ffffff;
float: left;
text-align: center;
padding-top: 10px;
padding-left: 0;
font-style: normal;
}
.blog_item .date {
margin-left: -60px;
margin-top: -68px;
position: absolute;
}
.blog_item header h1, .blog_item header h2 {
margin-left: 20px;
}
.blog_item {
border-bottom: 1px solid #EEEEEE;
}
.blog_item a.read_more {
color: #fff;
background: none repeat scroll 0 0 #ACB75C;
border-radius: 5px;
padding: 5px 10px;
display: inline-block;
margin-top: 5px;
font-weight: bold;
font-size: 12px;
}
.blog_item a.read_more:hover {
background: none repeat scroll 0 0 #C5D573;
}
.blog_item a.read-more:hover {
}
.blog_old_new .old_posts {
float: right;
}
.blog_old_new a {
font-size: 18px;
}
.blog_old_new {
margin-top: 15px;
}
#events .eventslist h2 span {
background: white;
padding-right: 5px;
}
#events .newsitems h2 span {
background: #fafafa;
padding-right: 5px;
}
.home .eventslist, .newsitems {
height: 385px;
}
#events .article-container {
padding: 0 14px;
}
.newsitems article {
background: url("../img/big_bullet.png") no-repeat scroll 11px 25px transparent;
}
.eventslist article, .newsitems article {
border-bottom: 1px solid #EEEEEE;
height: 150px;
margin-bottom: 10px;
}
#events .newsitems h3, #events .newsitems p {
padding-left: 50px;
}
#events .eventslist h3, #events .eventslist p {
padding-left: 80px;
}
footer {
background: url("../img/footer_bg.png") repeat-x scroll 0 0 transparent;
color: #FFFFFF;
}
footer .container {
background: url("../img/footer_bg_light.png") repeat scroll 0 0 transparent;
padding-top: 15px;
}
footer .credits {
text-align: right;
}
footer nav li a, footer nav li a:hover {
color: #fff;
}
footer nav li:first-child {
padding-left: 0;
}
footer nav li:last-child {
border-right: none;
}
footer nav li {
display: inline-block;
border-right: 1px solid;
margin: 0;
padding: 0 10px;
}
footer nav ul {
margin-left: 8px;
margin-top: 15px;
}
footer #scroll-top a:hover {
background: rgba(0, 0, 0, 0.1);
text-decoration: none;
}
footer #scroll-top a {
background: rgba(255, 255, 255, 0.1);
padding: 5px 10px;
border-radius: 6px;
color: #fff;
}
footer .credits p {
margin-bottom: 5px;
}
/* Two column content pages */
#contents {
background: url("../img/body_bg.jpg") repeat-x scroll 0 -1px #f9f9f9;
}
#contents .sidecol a:hover {
color: #005580;
}
#contents .sidecol a {
color: #1e5c70;
}
#contents .sidecol ul li {
background: url("../img/big_bullet.png") no-repeat scroll -7px center transparent;
padding-left: 15px;
}
#contents .container .sidecol {
width: 220px;
padding-top: 20px;
font-size: 13px;
}
#contents .container .sidecol p {
font-size: 13px;
}
#contents .sidecol li a.active {
line-height: 19px!important;
}
#contents .sidecol ul li a, #contents .sidecol ol li a {
display: block;
padding-left: 10px;
}
#contents .sidecol ul li, #contents .sidecol ol li {
margin-bottom: 7px;
}
#contents .container .maincol {
background: url("../img/container_bg.png") repeat-x scroll 0 -1px #FFFFFF;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding-right: 40px;
padding-top: 25px;
}
.docs #contents .container .maincol.span9 {
margin-left: -10000px;
padding-left: 10040px;
width: 618px;
}
#docs-nav+ul, #articles-nav, .sidecol h3{
width: 500px;
}
#contents .container .maincol.span9 {
margin-left: 0px;
padding-left: 40px;
width: 618px;
}
#contents .container .maincol.span12.wide {
margin-left: 0;
padding-left: 20px;
}
#contents .container .maincol.span12 {
margin-left: 100px;
margin-right: 100px;
padding-left: 40px;
padding-right: 40px;
width: 660px;
}
#contents .sidecol li a.active, #contents .sidecol li.active a {
background: none repeat scroll 0 0 #1D5C70;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
margin: 4px 0;
padding: 4px 12px;
text-shadow: 0.1em 0.1em 0.05em #333333;
}
#contents .doc-list .active:hover {
background: none repeat scroll 0 0 #144858;
text-decoration:none;
color:#fff;
}
/* Big text alt layout */
body {
font-size: 15px;
}
body p {
font-size: 15px;
}
body .item_title {
display: block;
font-style: italic;
}