/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{height:100%;}

body{font-size:62.5%; background:url(http://www.beaconmilestone.com/wp-content/themes/BM9/images/bg_wood.jpg) repeat; color: #485056; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0 auto; text-align:center}

#shadow-wrap{width:100%; background:url(images/shadow_bg.png) center repeat-y; margin:0 auto; padding-top:1px; margin-top:50px;}

#full-wrap{width:1020px; background:url(images/bg.jpg) repeat-x #f2f2f2; padding-top:1px; margin:0 auto;}

#page-wrap{width:960px; min-height:100%; height:auto !important; height:100%; margin:0 auto; position:relative; top:-20px; padding-left:10px; padding-right:10px; text-align:justify;}

.content{width:680px; float:left}

/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/
p{font-size:1.2em; line-height:1.8; margin-top:1.5em; margin-bottom:1.5em; text-align:justify; font-family: Verdana, Arial, Helvetica, sans-serif;}

p a, p a:visited{border-bottom:1px solid #c9c9c9; color:#0B96D0; text-decoration:none}

p a:hover{border-bottom:1px solid #c9c9c9; color:#000; text-decoration:none}

h1, strong{font-size:1.4em; font-weight:bold}

.post h2{text-transform:none; padding-bottom:0; border-bottom:0; margin-top:0; margin-bottom:0}

h4, h2{font-size:11px; letter-spacing:1px; color:#222; text-transform:uppercase; padding-top:4px; border-top:2px solid #777; margin-top:28px; margin-bottom:28px; font-weight:bold; text-align:left;}

.featured-title h2{border:none; padding-top:0;}


h3{border-top:1px solid #C9C9C9; color:#222; font-size:11px; font-weight:bold; margin-top:27.3px; text-transform:uppercase; letter-spacing:1px; padding-top:4px}

h3 a{text-decoration:none; color:#222}

.post ul li, 
.post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px; line-height:1.7em;  font-family: Verdana, Arial, Helvetica, sans-serif;}

#respond{border-bottom:1px solid #C9C9C9; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px}

/*POST TYPOGRAPHY*/

.post h1{ font-size:2.2em; line-height:1.5em; margin-top:14px; margin-bottom:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#777; text-align:left;}

.post h2{font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#222; letter-spacing:-.05em; padding-top:4px; border-top:2px solid #ccc; margin-top:28px; margin-bottom:28px; font-weight:normal; }

/*
-----------------------------------------
TOP
----------------------------------------- 
*/

#toppernav{position:relative; top:50px; height:35px; border-bottom:4px double #ccc; border-top:3px solid #ccc; line-height:35px; width:100%; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; text-align:center; text-transform:uppercase; letter-spacing:3px; color:#999999;}

#top{margin-top:85px; padding-bottom:35px;}

h1.logo a{float:left; font-size:2.6em; font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none}

#nav{float:right; margin-top:1.2em}

#nav ul{list-style-type:none; width:100%}

#nav li{display:block; display:inline}

#nav a:link, 
#nav a:visited{padding:5px 10px; display:block; color:#353434; margin-left:0px; float:left; text-decoration:none; font-size:1.4em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}

#nav a:hover{color:#000; border-top:3px solid #9bcb7f; margin-top:-3px;}

ul#nav li.current_page_item a:link, 
ul#nav li.current_page_item a:visited, 
ul#nav li.current_page_item a:hover, 
ul#nav li.current_page_item a:active{color:#000; text-decoration:none; border-top:3px solid #9bcb7f; margin-top:-3px;}

/*
-----------------------------------------
FEATURED
----------------------------------------- 
*/
.front-post{width:303px; margin-right:25px; float:left}

.front-post-last{width:303px; float:left}

.featured-content{position:relative; width:303px;}

.featured-content p{margin-top:1em; text-align:left; color:#485056;}

.featured-post{position:relative; width:303px; height:231px; margin-bottom:1.2em}

.featured-title h2{margin:8px 0 7px 0; line-height:1.8em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0; font-weight:normal;}

.featured-title h2 a{font-size:1.1em; display:block; text-decoration:none; border-bottom:0; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-.05em; margin-left:10px;}

.featured-title h2 a:hover{color:#cf333e;}

.featured-title{background-color:#363534; color:#fefefe;display:block; z-index:101; width:100%; bottom:0; position:absolute; z-index:2; border-top:1px solid #fefefe; font-size:11px;}
.featured-title a{color:#fefefe;}

.featured-image{position:absolute; z-index:1;}

.featured-content h2{margin-top:15px}
.featured-content h2 a{color:#363534; text-decoration:none}
.featured-content h2 a:hover{color:#000}

/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/
#sidebar{float:right; width:260px; padding-left:20px; overflow:hidden}

#sidebar li a{display:block; width:260px; margin:0; padding:8px 2px; list-style:none; border-bottom:1px solid #c9c9c9; font-size:1.2em; list-style-type:none; text-decoration:none; color:#222; line-height:1.7em;}

#sidebar li  {text-align:left;}

#sidebar a{color:#e6e6e6; text-decoration:none}

#sidebar a:hover{color:#fff; background-color:#282828}

#sidebar h2{font-size:11px; color:#70b9c2; text-align:right; text-transform:uppercase; margin-top:28px; padding-bottom:4px; letter-spacing:1px; margin-bottom:0}

/*
-----------------------------------------
SIDEBARDUO
----------------------------------------- 
*/
#sidebarduo{float:right; width:218px; padding:20px; margin-left:20px; margin-top:27px; overflow:hidden; border:1px solid #c9c9c9;}

#sidebarduo #s{width:162px;}

#sidebarduo li a{display:block; width:260px; margin:0; padding:8px 2px; list-style:none; border-bottom:1px solid #c9c9c9; font-size:1.4em; list-style-type:none; text-decoration:none; color:#222}

#sidebarduo a{color:#e6e6e6; text-decoration:none}

#sidebarduo a:hover{color:#fff; background-color:#282828}

#sidebarduo h2{font-size:11px; color:#70b9c2; text-align:right; text-transform:uppercase; margin-top:28px; padding-bottom:4px; letter-spacing:1px; margin-bottom:0}

/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#front-bottom{margin-top:36px}

#latest-wrap{float:left; width:680px}

.latest-post-wrap{float:left; width:162px; margin-right:8px}

.latest-post{position:relative; width:162px; height:118px}

.latest-image{position:absolute; z-index:1}

.latest-title h2{margin:8px 0 7px 0; line-height:1.4em; letter-spacing:-0.02em; font-size:1em; text-transform:none; padding-bottom:0; border-top:0; padding-top:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

.latest-title h2 a{display:block; color:#363534; text-decoration:none; margin-left:4px;}

.latest-title h2 a:hover{color:#cf333e;}

.latest-title{background-color:#f2f2f2; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; color:#111; display:block; z-index:101; width:100%; bottom:0; position:absolute; z-index:2; border-top:1px solid #c9c9c9; border-bottom:2px solid #363534; }

.latest-title:hover{color:#cf333e;}

.latest-content{position:relative; width:162px; height:200px; margin-bottom:20px}

.latest-content h2{margin-top:15px}
.latest-content h2 a{color:#0b96d0; text-decoration:none}
.latest-content h2 a:hover{color:#000}

.latest-content p{color:#485056; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left}

/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#push{height:80px}

#footer{padding-top:20px; border-top:1px solid #C9C9C9; width:960px; margin:150px auto 0; height:80px; color:#4d4d4d}

#footer p{font-size:1.2em; color:#4d4d4d; line-height:1.5em; margin-bottom:0; margin-top:0.6em}

#footer p a{border-bottom:1px solid #c9c9c9; color:#4d4d4d; text-decoration:none}

#footer p a:hover{border-bottom:1px solid #c9c9c9; color:#0b96d0; text-decoration:none}

/*
-----------------------------------------
POSTMETA
----------------------------------------- 
*/
.postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9}

.postMeta-featured{margin-top:8px; font-size:1.2em; width:303px}

.postMeta-front{margin-top:8px; font-size:1.2em}

.postMeta-post{font-size:1.2em; margin-bottom:18px; margin-top:8px; border-bottom:4px solid #363534; padding-bottom:10px}

.postMeta span.date, 
.postMeta-post span.date, 
.postMeta-featured span.date, 
.postMeta-front span.date{color:#8a8a8a; float:left}

.postMeta span.comments a, 
.postMeta span.date a, 
.postMeta-post span.comments a, 
.postMeta-post span.date a, 
.postMeta-featured span.comments a, 
.postMeta-featured span.date a, 
.postMeta-front span.comments a, 
.postMeta-front span.date a{float:left; color:#8a8a8a; text-decoration:none}

.postMeta span.comments, 
.postMeta-featured span.comments, 
.postMeta-post span.comments, 
.postMeta-front span.comments{float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px}

/*
-----------------------------------------
POSTS
----------------------------------------- 
*/
.post-category{color:#8a8a8a; float:left; margin-bottom:8px}

.post-tags{color:#8a8a8a; float:right}

.post-category p, 
.post-tags p{color:#8A8A8A; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:none}

.topimg{margin:0.5em 0 0 1.2em; float:right}

.post blockquote p{margin:0 2.6em; font-style:italic}

/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/
.comment-heading{margin-bottom:16px; text-transform:none}

.commentwrap{border-bottom:1px solid #C9C9C9; padding-bottom:15px; padding-top:15px}

 .commentpost{float:right; width:510px}

.commentpost p{margin-top:0}

.commentmetadata{float:left; width:150px; color:#2F2B23; line-height:1.5em; padding-right:20px; color:#999; font-size:1.1em}

.commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0}

.commentmetadata li a{border-bottom:1px solid #c9c9c9; color:#0B96D0; text-decoration:none}

.warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px}

#comments label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:160px}

#comments label span{line-height:27px; padding-left:10px}

#comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em}

#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}

#comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px}

#comments .textarea{margin-top:10px; padding:6px 7px 5px 7px; width:660px; border:1px solid #E5E5E5}

.button{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px; text-transform:uppercase}

/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/
#searchform{float:left; margin-top:1em; height:2.3em}

#searchsubmit{border:1px solid #777; font-size:1.1em; font-weight:bold; height:2.1em; padding:2px 8px; text-transform:uppercase; float:right; background-color:#F0F0F0;}

#searchsubmit:hover{background-color:#111; color:#FFFFFF;}

#s{float:left; width:204px; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:1px solid #777; font-size:1.1em}

/*
-----------------------------------------
COLORNAV
----------------------------------------- 
*/
#colornav  a{text-decoration:none; color:#111;}
#colornav ul{width:960px; float:left; display:block; margin-top:35px;}
#colornav ul li{width:172px; display:inline; float:left; padding:10px 10px 0px  10px;}
#colornav .label{font-family:Georgia, "Times New Roman", Times, serif; color:#333333; font-size:1.6em; display:block;}
#colornav .description{ font-family:Arial, Helvetica, sans-serif; color:#485056; font-size:1.1em; display:block; text-align:left; border:0;  line-height:1.5em; text-align:left;}

.cn-one{border-top:5px solid #9bcb7f;}
.cn-one:hover, #colornav .cn-one .description:hover{background-color:#9bcb7f; color:#111;}

.cn-two{border-top:5px solid #f3924e;}
.cn-two:hover, #colornav .cn-two .description:hover{background-color:#f3924e; color:#111;}

.cn-three{border-top:5px solid #70b9c2;}
.cn-three:hover, #colornav .cn-three .description:hover{background-color:#70b9c2; color:#111;}

.cn-four{border-top:5px solid #fee05a;}
.cn-four:hover, #colornav .cn-four .description:hover{background-color:#fee05a; color:#111;}

.cn-five{border-top:5px solid #e34d57;}
.cn-five:hover, #colornav .cn-five .description:hover{background-color:#e34d57; color:#111;}

#colornavbottom  a{text-decoration:none; color:#111;}
#colornavbottom ul{width:960px; float:left; display:block; margin-top:2px;}
#colornavbottom ul li{width:192px; display:block; float:left;}
#colornavbottom ul li a{width:172px; display:block; float:left; margin:8px 10px 10px 10px; padding-bottom:10px;}
#colornavbottom .date{font-family:Georgia, "Times New Roman", Times, serif; color:#111; font-size:1.1em; display:block;}
#colornavbottom .title, .titleone, .titletwo, .titlethree, .titlefour, .titlefive{font-family:Arial, Helvetica, sans-serif;  color:#485056; font-weight:bold; font-size:1.3em; display:block; text-align:left; padding-top:4px;}
#colornavbottom .description{ font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:1.0em; display:block; text-align:left; border:0; margin-top:0;}

.cnb-one a{border-bottom:2px solid #9bcb7f;}
.titleone:hover{color:#9bcb7f;}

.cnb-two a{border-bottom:2px solid #f3924e;}
.titletwo:hover{color:#f3924e;}

.cnb-three a{border-bottom:2px solid #70b9c2;}
.titlethree:hover{color:#70b9c2;}

.cnb-four a{border-bottom:2px solid #fee05a;}
.titlefour:hover{color:#fee05a;}

.cnb-five a{border-bottom:2px solid #e34d57;}
.titlefive:hover{color:#e34d57;}

/*
-----------------------------------------
HELLO
----------------------------------------- 
*/

#hello {font-family:Georgia, "Times New Roman", Times, serif; font-size:2.4em; line-height:1.5em; width:960px; float:left; margin-top:14px; padding-top:30px; margin-bottom:20px; border-top:1px solid #c9c9c9; color:#777;}

/*
-----------------------------------------
Action Footer
----------------------------------------- 
*/

#action  a{text-decoration:none; color:#111;}
#action ul{width:960px; float:left; display:block; margin-top:30px;  margin-bottom:30px;}
#action ul li{width:219px; display:inline; float:left; padding:10px; border-right:1px solid #fff; height:70px; background-color:#eee; border-top:1px solid #222; border-bottom:7px solid #222;}
#action ul li.last{width:220px; display:inline; float:left; padding:10px; border-right:0;}
#action .label{font-family:Georgia, "Times New Roman", Times, serif; color:#333333; font-size:1.6em; display:block;}
#action .description{ font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:1.2em; display:block; text-align:left; border:0;}

/*Button*/

a.button {
    background: transparent url('button_a.png') no-repeat scroll top right;
    filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; 
    color: #777;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 20px; /* sliding doors padding */
    text-decoration: none;
    border:0;
    position:relative;
    left:-10px;
    top:-10px;
    text-transform:capitalize;
    font-weight:bold;
}

a.button:hover{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }

a.button span {
    background: transparent url('button_span.png') no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 18px;
    border:0;
    text-decoration:none;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    border:0;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
    border:0;
}


a.buttonsmaller {
    background: transparent url('button_span_smaller.png') no-repeat scroll top right;
    filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; 
    color: #444;
    display: block;
    float: left;
    font: normal 10px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
    border:0;
    position:relative;
    text-transform:capitalize;
}

a.buttonsmaller:hover{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }

a.buttonsmaller span {
    background: transparent url('button_a_smaller.png') no-repeat;
    display: block;
    line-height: 12px;
    padding: 5px 0 5px 12px;
    border:0;
    text-decoration:none;
}

a.buttonsmaller:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    border:0;
}

a.buttonsmaller:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
    border:0;
}

/*
-----------------------------------------
Spread Two
----------------------------------------- 
*/
ul.spreadtwo {width:100%; float:left; display:block; margin:10px 0 0 0; padding:0;}
ul.spreadtwo li{width:310px; display:inline; float:left; margin:0; padding:10px; margin-right:10px; border-top:5px solid #9bcb7f;}
ul.spreadtwo li h2{border:0; margin-top:0; border-bottom:1px solid #9bcb7f; margin-bottom:0; padding-bottom:10px;}
ul.spreadtwo li p{color: #485056; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left;}

#ninesix ul.spreadtwo li{width:450px; display:inline; float:left; margin:0; padding:10px; margin-right:10px; border-top:5px solid #9bcb7f;}

span.leadin { color:#000; text-align:left; font-size:120%; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:.01em;}

/*
-----------------------------------------
Top Bar
----------------------------------------- 
*/

#topbar{border-bottom:1px solid #aaa; width:100%; background-color:#ddd; margin:0 auto; height:24px; line-height:24px; color:#777;}
#topninesix{width:960px; margin:0 auto;}
#topbar ul{float:right; display:block;}
#topbar li{float:left; display:inline; height:24px;}
#topbar li a{color:#777; padding:6px 10px; line-height:24px; height:24px; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:.01em;}
#topbar li a:hover{background-color:#9bcb7f; color:#111; border-bottom:5px solid #9bcb7f;}

#toppernav a{text-decoration:none; color:#777; height:24px; padding:7px;}
#toppernav a:hover{text-decoration:none; color:#111; background-color:#fee05a; height:24px;}
#toppernav span.moveleft a:hover{border-left:7px solid #777;}
#toppernav span.moveright a:hover{border-right:7px solid #777;}
#toppernav span.moveleft{display:inline; width:250px; float:left; text-align:left; font-size:10px; height:24px;}
#toppernav span.movecenter{display:inline; width:460px; text-align:center; float:left; height:24px;}
#toppernav span.moveright{display:inline; width:250px; float:left; text-align:right; font-size:10px;  height:24px;}


/*PNG*/
img, div, input { behavior: url("iepngfix.htc") }