/*
    Document   : styles
    Created on : Mar 13, 2013, 10:59:52 AM
    Author     : Networking Magic, Inc.
    Description: Purpose of the stylesheet for Crane Lakes HOA.
*/

.initial {font-family: 'Open Sans', sans-serif;}
h1 {font-family: 'Lovers Quarrel', cursive;font-weight:normal;}
h2, h3, h4, h5, h6 {font-family: 'Open Sans Condensed', sans-serif;}
h3, h4 {font-size:24px;}
h5, h6 {font-family: 'Open Sans', sans-serif;}
.fleft{float:left;margin-right:20px;}
.fright{
	float:right;
	margin-left:20px;
}

.nolist, .nolist li {list-style:none;margin-left:0;margin-bottom:0;}
.apps {width:80%;margin:0 auto;}
.apps li {
    font-size: 14px;
    font-weight:bold;
	border: 1px solid #999999;
	padding: 6px;
	margin-bottom: 6px;
	background-color: rgba(0,0,0,0.1);
}
.apps li i {
    font-size: 20px;
    margin-right: 6px;
}
.bordered{border:1px solid #6079bf;}
.nolist.bordered{margin:10px auto;border-top:none;}
.nolist.bordered li a {color: #6079bf;}
.nolist.bordered li a:hover {text-decoration:none;}
.bordered li{
	border-top: 1px solid #6079bf;
	display:block;
	width:280px;
	padding:10px;
}
#header {
    position:relative;
    margin:0px;
    background-color:#6079bf;
}
#header .logo a {}
#header .logo a span{display:block;text-indent: -999px;}

#navcontainer .navlist { }
#navcontainer .navlist, #navcontainer .navlist li {list-style:none;margin:1px auto;width:100%;}
#navcontainer a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:700;
    display:inline;
    float:left;
    padding:10px 1.5em;
    text-align:center;
    text-decoration: none;
    text-transform: uppercase;
    background-color:transparent;
    border-top-color:#ffffff;
    border-top-style:solid;
    border-top-width:4px;
    color:#6079bf;
}
#navcontainer a.active, #navcontainer a:hover {
    border-top-color:#6079bf;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f0ead6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0ead6));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f0ead6 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f0ead6 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f0ead6 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f0ead6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0ead6',GradientType=0 );
    text-shadow:0 1px 0 #ffffff;
    min-height:40px;
}
#middle {background-color:#F0EAD6;}
#container {padding-top:20px;padding-bottom:20px;}
#content article {}
#content img {border:1px solid #6079bf;}
#container h1 {
    font-size:64px;
    color:#6079bf;
    border-bottom:1px solid #6079bf;
}
#content.grid_16 h1 {width:940px;}
#content h2 {text-align:center;}

.board ul {list-style:none inside;}
.board ul li{border-bottom:1px solid #cccccc;margin-left:0;padding:5px;}
.board ul li em {display:inline-block;width:100px;}
.board ul li span {float:right;}

#sideLeft {}
#sideLeft h3 {
    background-color:#6079bf;
    text-align:center;
    margin:5px auto;
}
#sideLeft p {}
#sideLeft ul li {}
#sideLeft ul li a {}

footer {
    font-size:12px;
    font-family:'Open Sans Condensed', sans-serif;
    font-weight:700;
    text-align:center;
    line-height:1em;
    background-color:#6079bf;
    padding:5px 0 10px;
}
#footer, #footer a {color:#ffffff;}
#copyright {padding:10px;}

/**************************/
/* Document Upload Styles */
/**************************/
#doc_display {
    margin:0 auto;
    width:80%;
}
#doc_display .item_link {
    border:1px solid #999999;
    padding:6px;
    margin-bottom:6px;
    background-color:rgba(0,0,0,0.1);
}
#doc_display .item_link a {
    text-decoration:none;
}
.viewers {float:right;}
.viewers a img {border:0 none !important;}
#pplist {font-size:18px;}
#pplist ol li {cursor: pointer;}
#pplist a {color:#204FBC;}
#pplist ol li b {
    cursor: pointer;
    color:#0000CC;
}
#pplist ol li b:hover {
    text-decoration: underline;
}
#pplist ol li:hover b {color:#0000CC;}
#pplist ol li ol {display:none;}
#pplist ol li.open ol {display:block;}

ul.button, ul.button li{list-style:none;margin:0;padding:0;display:inline;}
.button li a{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	text-indent:0;
	white-space:nowrap;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	margin:0.4em;
	padding:0.4em 1em;
	text-decoration:none;
}
.button li a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}