/*  
Theme Name: Pioneer Security
Theme URI: http://www.othersidemedia.com
Description: The "Pioneer Security" WordPress theme has been custom built by <a href="http://www.othersidemedia.com" title="Custom WordPress Blogs">Otherside Media</a>.
Version: 1.0
Author: Otherside Media
Author URI: http://www.othersidemedia.com
*/

/*+++++++ COMMON +++++++*/
* {
border: 0 none;
margin: 0;
outline: none;
padding: 0; }

body {
background-color: #f7f7f7;
color: #555;
font-family: "Sego UI", Calibri, Arial, Helvetica, sans-serif;
font-size: 14px; }

address, blockquote, ol, p, ul {
line-height: 175%;
padding-bottom: 10px; }

a {
color: #2d592e;
text-decoration: underline; }

a:hover {
color: #719872;
text-decoration: underline; }

h1 {
color: #2e5b2f;
font-family: "Sego UI", Calibri, Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
letter-spacing: -1px;
padding-bottom: 12px; }

h2 {
color: #2e5b2f;
font-family: "Sego UI", Calibri, Arial, Helvetica, sans-serif;
font-size: 21px;
font-weight: bold;
padding-bottom: 8px;
letter-spacing: -1px; }

/*+++++++ MAIN +++++++*/
#wrapper { width: 1000px; margin:auto; }
#frame,#content { width: 975px; margin:auto; }

/*+++++++ SEARCH +++++++*/
#searchbox { width: 200px; height: 36px; background: url(images/s.gif) no-repeat; margin:20px 5px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 160px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 3px 4px 0 0; width:18px; height:18px;  }

/*+++++++ ENTRY +++++++*/
.entry { margin-bottom:20px; }
.entry h2 { color: #2e5b2f;
font-family: "Sego UI", Calibri, Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
padding-bottom: 8px;
letter-spacing: -1px; }
.entry h2 a {  color:#2e5b2f; text-decoration: none; }
.entry h2 a:hover {color:#719872; text-decoration: underline; }
.entry p { padding-bottom:10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ol { padding:0; margin:0;}
.entry ol li { background:#fafafa; }
.entry img {margin:0 10px 10px 10px;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
.allinfos { font-size:11px; height:20px; padding-bottom:10px;}
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }
.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }


/*+++++++ COMMENTS +++++++*/
.postmetadata { padding:5px; background:#feffe5; }
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:500px;}
.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}

/**************** FROM SITE *********************/

#wrap {
margin: auto;
width: 951px; }

.top {
background-image: url(/images/bg/top.png);
height: 19px; }

.top2 {
background-image: url(/images/bg/hptop2.png);
height: 15px;
margin-top: 10px; }

.main {
background-image: url(/images/bg/body.png);
padding-left: 16px;
padding-right: 15px; }

#mainsub {
background-image: url(/images/bg/bodysub.png);
padding-left: 16px;
padding-right: 15px; }

.mainsub {
background-image: url(/images/bg/bodysub.png);
padding-left: 16px;
padding-right: 15px; }

.mainbtm {
background-image: url(/images/bg/mainbtm.png);
font-size: 0;
height: 4px;
line-height: 0;
width: 920px; }

.btm {
background-image: url(/images/bg/btm.png);
height: 19px; }

.btm2 {
background-image: url(/images/bg/hpbtm2.png);
height: 14px; }

.btmhp {
background-image: url(/images/bg/btmhp.png);
height: 15px; }

#rotator {
background-image: url(/images/bg/rotator.png);
float: left;
height: 330px;
margin-top: 10px;
width: 625px; }

#formhp {
float: left;
height: 330px;
margin-top: 10px;
padding-left: 20px;
width: 275px; }

#btnmedalert {
background-image: url(/images/btnmedalert.jpg);
float: left;
height: 148px;
margin-top: 20px;
margin-right: 20px;
width: 293px; }

#btnmedalert:hover {
background-image: url(/images/btnmedalert-alt.jpg); }

#btnfire {
background-image: url(/images/btnfire.jpg);
float: left;
height: 148px;
margin-top: 20px;
margin-right: 20px;
width: 294px; }

#btnfire:hover {
background-image: url(/images/btnfire-alt.jpg); }

#btnsurveillance {
background-image: url(/images/btnsurveillance.jpg);
float: left;
height: 148px;
margin-top: 20px;
width: 293px; }

#btnsurveillance:hover {
background-image: url(/images/btnsurveillance-alt.jpg); }

#btnmedalert a, #btnfire a, #btnsurveillance a {
display: block;
height: 148px;
width: 293px; }

#hpcommercial {
float: left;
padding-left: 10px;
padding-right: 15px;
margin-top: 15px;
width: 275px; }

#hpresidential {
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
float: left;
padding-left: 15px;
padding-right: 15px;
margin-top: 15px;
padding-bottom: 40px;
width: 280px; }

#hpoptin {
float: left;
padding-left: 15px;
margin-top: 15px;
width: 285px; }

#hpoptin input {
background-color: #f2f2f2;
border: 1px solid #dedede;
color: #777;
font-size: 13px;
padding: 4px 1px;
width: 280px; }

#formhp input {
background-color: #f2f2f2;
border: 1px solid #dedede;
color: #777;
font-size: 13px;
padding: 4px 1px;
width: 250px; }

#contactform input {
background-color: #f2f2f2;
border: 1px solid #dedede;
color: #777;
font-size: 13px;
padding: 4px 1px;
width: 300px; }

#contactform textarea {
background-color: #f2f2f2;
border: 1px solid #dedede;
color: #777;
font-size: 13px;
height: 125px;
padding: 4px 1px;
width: 300px; }

#formhp label {
font-size: 12px;
font-weight: bold }

/* Header CSS */

#header {
height: 130px; }

#logo {
background-image: url(/images/bg/logo.png);
float: left;
height: 90px;
margin-left: 20px;
margin-top: 25px;
width: 470px; }

#logo a {
display: block;
height: 90px;
width: 355px; }

#get-started {
background-image: url(/images/bg/get-started.png);
float: right;
height: 90px;
margin-right: 20px;
margin-top: 25px;
width: 220px; }

#get-started a {
display: block;
height: 90px;
width: 220px; }

/* Nav CSS */

#nav {
background-image: url(/images/bg/nav.png);
height: 40px;
margin: 0 4px;
width: 912px; }

#home {
background-image: url(/images/nav/home.png);
float: left;
height: 40px;
width: 89px; }

#home:hover {
background-image: url(/images/nav/home-alt.png); }

#home a {
display: block;
height: 40px;
width: 89px; }

#residential {
background-image: url(/images/nav/residential.png);
float: left;
height: 40px;
width: 136px; }

#residential:hover {
background-image: url(/images/nav/residential-alt.png); }

#residential a {
display: block;
height: 40px;
width: 136px; }

#commercial {
background-image: url(/images/nav/commercial.png);
float: left;
height: 40px;
width: 138px; }

#commercial:hover {
background-image: url(/images/nav/commercial-alt.png); }

#commercial a {
display: block;
height: 40px;
width: 138px; }

#medalert {
background-image: url(/images/nav/medalert.png);
float: left;
height: 40px;
width: 156px; }

#medalert:hover {
background-image: url(/images/nav/medalert-alt.png); }

#medalert a {
display: block;
height: 40px;
width: 156px; }

#videofied {
background-image: url(/images/nav/videofied.png);
float: left;
height: 40px;
width: 156px; }

#videofied:hover {
background-image: url(/images/nav/videofied-alt.png); }

#videofied a {
display: block;
height: 40px;
width: 156px; }

#company {
background-image: url(/images/nav/company.png);
float: left;
height: 40px;
width: 116px; }

#company:hover {
background-image: url(/images/nav/company-alt.png); }

#company a {
display: block;
height: 40px;
width: 116px; }

#blog {
background-image: url(/images/nav/blog.png);
float: left;
height: 40px;
width: 121px; }

#blog:hover {
background-image: url(/images/nav/blog-alt.png); }

#blog a {
display: block;
height: 40px;
width: 121px; }

.snarrow {
background-image: url(/images/bg/snarrow.png);
height: 30px;
margin-top: 22px;
wdth: 240px; }

.subnav {
background-image: url(/images/bg/subnav.png);
height: 30px;
width: 220px; }

.subnav:hover {
background-image: url(/images/bg/subnav-alt.png);
height: 30px;
width: 220px; }

.snblog {
background-image: url(images/subnav-blog.png);
height: 30px;
width: 220px; }

.snblog h2 {
color: #fff;
display: block;
left: 10px;
height: 30px;
font-size: 15px;
position: relative;
top: 7px;
text-decoration: none;
width: 220px; }

.snblogdyno li {
background-image: url(/images/bg/subnav.png);
height: 30px;
width: 220px; }

.snblogdyno a {
text-decoration: none;
display: block;
height: 30px;
position: relative;
font-size: 14px;
top: 3px;
left: 10px;
text-decoration: none;
margin: 0;
padding: 0;
width: 220px; }

.snarrow a, .subnav a {
color: #2d592e;
display: block;
left: 10px;
height: 30px;
position: relative;
top: 7px;
text-decoration: none;
width: 220px; }

.snarrow a {
color: #fff;
font-weight: bold;
width: 240px; }

/* Footer CSS */

#footer {
font-size: 11px;
padding: 8px 0 30px 0;
text-align: center; }

#footer a {
color: #666;
text-decoration: none; }

#footer a:hover {
color: #719872;
text-decoration: underline; }

#links {
font-size: 12px; }

#links a {
margin: 0 2px; }

#icons {
margin: auto; }

#icons a {
margin: 0 3px; }

/* Body CSS */

#bnr-blog {
background-image: url(images/bnr-blog.jpg);
height: 100px;
margin: 3px 4px 0 4px;
width: 912px; }

#subwrap {
background-image: url(/images/bg/subwrap.png);
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
margin: 3px 4px 0 4px;
width: 912px; }

#subwrapwide {
padding: 15px; }

#left {
float: left;
width: 240px; }

#right {
float: right;
padding: 22px 30px 25px 10px;
width: 632px; }

/* Misc CSS */

.dots {
background-image: url(/images/bg/dots.png);
font-size: 0;
height: 1px;
line-height: 0;
margin-bottom: 8px;
margin-top: 15px; }

.clear {
clear: both;
font-size: 0;
height: 0;
line-height: 0;
width: 0; }