/* @override http://174.121.246.162/~cosmopol/assets/css/style.css */

Copyright (c) 2011, Jared Loman Creative. All rights reserved.
Code based on Eric Meyer's CSS Reset and YUI Base:
http://www.jaredloman.com
version: 0.0.4
*/
/* v.0.0.2 - Added Fonts Reset and Float to Layout Elements */
/* v.0.0.3 - Changed Reset to Reflect Eric Meyer's CSS Reset */
/* v.0.0.4 - Fixed weird spacing issues by defining width and 
height for html and body element */
/******************************************************
 CSS Reset - Sets Browser Defaults to Defined values. 
******************************************************/

*, 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
}

q:before, q:after {
	content: ''
}

/* Start Base CSS */
html, body {width: 100%; height: 100%;margin: 0;}
body {position: absolute;top: 0;left: 0;}
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
h5 {font-size: 12px;}
h1,h2,h3,h4,h5 {margin:.75em 0;}
h1,h2,h3,h4,h5,h6,strong {color: #285266;}
strong {font-weight: bold;}
.strong {font-weight: bold;}
abbr,acronym {border-bottom:1px dotted #000;cursor:help;} 
em {font-style:italic;}
.em {font-style: italic;}
del {text-decoration:line-through;}
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:2em;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
dl dd {margin-left:1em;}
th,td {border:1px solid #000;padding:.5em;}
th {font-weight:bold;text-align:center;}
caption {margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre {margin-bottom:1em;}
hr {
	width: 100%;
	border-top: 1px dotted #173964;
	border-right: none; 
	border-bottom: none;
	border-left: none; 
	margin-bottom: 10px;
	float: left;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/* End Base CSS */

/* Fonts */

/* Default Body Elements */
html {background: #fff url(../images/tpl/body-bg.png) repeat-x center top;}
body {
	color: #102f3f;
	font: .75em "Trebuchet MS", Georgia;
	background: url(../images/tpl/header-bg.jpg) no-repeat center top;
}

/* Headings */
h1, h2, h3, h4, h5 {
	font-family: "Times New Roman", Georgia, Times, serif;
}

h1.main, h2.main, h3.main, h4.main, h5.main {
	margin-bottom: 0;
}

h2.sub, h3.sub, h4.sub, h5.sub {
	margin-top: 0;
}

/* Elements */

ul {
	margin: 0;
	padding-left: 1em;
}

ol {
	text-align: left;
	font-size: 14px;
	line-height: 30px;
}

p {
	margin-top: .25em;
}

blockquote {
	margin: 10px 50px 15px 0;
	padding-left: 10px;
	border-left: 5px solid #003658;
}

blockquote:hover {
	border-left: 5px solid #0b2439;
}
/* Link Styling */
a:link {
	color: #285266;
	text-decoration: underline;
	font-weight: normal;
}
a:visited {
	color: #285266;
}
a:active {
	font-weight: normal;
}
a:hover {
	text-decoration: none;
	background: #285266;
	color: #fff;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited {
	color: #285266;
	font-weight: bold;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration: underline;
	background: transparent;
}

/* Form Elements */
input.text {
	width: 200px;
	height: 18px;
	color: #1e4961;
	padding-left: 6px;
	background-color: #fef8f0;
	border: 1px solid #f7d8ad;
}

input.text:hover, textarea.textarea:hover {
	border: 1px solid #f6b77f;
}

textarea.textarea {
	width: 200px;
	height: 100px;
	padding-left: 6px;
	color: #1e4961;
	background-color: #fef8f0;
	border: 1px solid #f7d8ad;
}

/* Grid CSS */
.jwrapper {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

.jleft {
	width: 606px;
	float: left;
}

.jright {
	width: 314px;
	float: left;
	background: url(../images/tpl/right-col-bg.jpg) no-repeat;
}

.jfull {
	width: 100%;
	float: left;
	clear: left;
}

.jsub {
	width: 580px;
	float: left;
	clear: left;
	padding: 0 10px 0 15px;
	background: url(../images/tpl/sub-bg.jpg) no-repeat;
}

.jonehalf {
	width: 46%;
	float: left;
	margin-right: 10px;
}

.jonethird {
	width: 31%;
	float: left;
	margin-right: 10px;
}

.jtop {
	width: 960px;
	height: 140px;
	float: left;
	position: relative;
}

.jfooter {
	width: 100%;
	float: left;
	clear: left;
	margin: 15px 0;
	border-top: 5px solid #acc6db;
	background: url(../images/tpl/footer-bg.png) repeat-x;
}

/* Main Layout */
#logo {
	width: 263px;
	height: 82px;
	background: url(../images/tpl/logo.png) no-repeat;
	position: absolute;
	margin: 0;
	top: 30px;
	left: 0;
	text-indent: -999999px;
}

#jsearch {
	position: absolute;
	top: 60px;
	right: 0;
}

#jsearch .s-text {
	width: 200px;
	text-indent: 4px;
	color: #4a6684;
}

.jcontent {
	width: 920px;
	float: left;
	clear: left;
	margin-left: 20px;
	background: #fff;
}

.jcontent .jleft {
	width: 596px;
	margin-right: 10px;
}

.jfooter .sitemap  {
	height: 225px;
	margin-top: 15px;
	margin-right: 10px;
	padding-left: 10px;
	float: left;
	border-left: 1px solid #d4e4eb;
}

.jfooter .sitemap ul {
	padding: 0;
}

.jfooter .sitemap ul li {
	list-style-type: none;
}

#jcopyright {
	float: left;
	clear: left;
	margin: 15px 0 100px;
}

/* Navigation */
#jnav {
	width: 920px;
	height: 46px;
	position: relative;
	margin-left: 20px;
	padding: 0;
	float: left;
	clear: left;
	background: url(../images/tpl/nav-bg.png) repeat-x;
	border-bottom: 2px solid #001221;
}

#jnav li {
	display: block;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#jnav li a {
	display: block;
	float: left;
	padding: 0 20px;
}

#jnav li a:link, #jnav li a:visited {
	color: #ffffff;
	font: 14px "Times New Roman", Times, serif;
	text-decoration: none;
	line-height: 46px;
	background: url(../images/tpl/nav-li-bg.png) left top;
}

#jnav li a:hover {
	background-position: left bottom;
}

#jnav ul { 
	width: 220px;
	margin: 0;
	padding: 0;
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0;
	z-index: 100; 
}

#jnav ul li { 
	float: none;
}
									  
/* IE 6 & 7 Needs Inline Block */
#jnav ul.sub-nav li a:link, #jnav ul.sub-nav li a:visited { 
	width: 100%; 
	background-color: #0c273a;
	display: inline-block;
	background-image: none;
	border-bottom: 1px solid #263c50;
}

#jnav ul.sub-nav li a:hover {
	background-color: #0e1e2c;
}

/* Breadcrumbs */
ul.B_crumbBox {
	margin: 15px 10px 0 0;
	padding: 0 0 15px;
	border-bottom: 1px solid #e0e7ec;
}

ul.B_crumbBox li {
	display: inline;
}

ul.B_crumbBox li a:link, ul.B_crumbBox li a:visited {
	color: #004061;
}

ul.B_crumbBox li a:hover {
	color: #004061;
	background: transparent;
}

a.B_homeCrumb, a:link.B_homeCrumb:link, a:visited.B_homeCrumb, a:hover.B_homeCrumb {
	background: transparent url(../images/tpl/bc-home.png) no-repeat left center;
	padding-left: 15px;
}

/* Right Column */

#facebook {
	text-indent: 35px;
	background: url(../images/tpl/facebook.png) no-repeat 15px;
	font-weight: normal;
	font-style: normal;
}

#facebook span {
	font-style: italic;
}

#cfb-feed {
	margin: 15px;
}

#cfb-feed .cfb-post {
	margin-top: 10px;
	border-bottom: 1px dashed #bfd4d9;
	font-style: italic;
}

#cfb-feed .cfb-post a:link, #cfb-feed .cfb-post a:visited {
	color: #48657c;
	text-decoration: none;
}

#cfb-feed .cfb-post a:hover {
	text-decoration: underline;
	background: transparent;
}

#cfb-feed .cfb-post-date {
	display:block;
	color: #48657c;
	font-weight: bold;
}

/* Sub Nav */
#sub-nav {
	margin: 0;
	padding: 0;
}

#sub-nav li {
	margin: 10px 0;
	padding: 5px 15px;
	list-style-type: none;
	background: url(../images/tpl/sub-nav-bg.png) repeat;
	text-align: center;
	border-bottom: 3px solid #232e4a;
	border-top: 3px solid #232e4a;
}

#sub-nav li h2 {
	margin: 5px 0 0 0;
}

#sub-nav li a:link, #sub-nav li a:visited {
	color: #fff;
	font-weight: normal;
}

#sub-nav li p {
	color: #b4ced8;
}

/* Contact Info */

#contact-info h2 {
	text-indent:25px;
}

#contact-info .ct-head {
	color: #495f70;
}

#contact-info .ct-nfo {
	font-size: 14px;
	color: #22394b;
}

#contact-info .ct-row:nth-child(even) {
	background: #f8fafa;
}

.ct-row {
	width: 90%;
	float: left;
	padding: 0 15px;
}

.ct-col {
	width: 40%;
	float: left;
	margin: 0 10px;
}

/* Cosi - Home Page */
#welcome-message {
	width: 600px;
	height: 270px;
	position: relative;
	background-image: url(../images/tpl/mayor_welcome.jpg);
}

#welcome-message #welcome {
	margin: 0;
	text-indent: -999999px;
}

#welcome-message #welcome-txt {
	width: 325px;
	height: 150px;
	margin-left: 15px;
	position: absolute;
	top: 120px;
}

/* Cosi - Home Page - Columns */
.jonehalf .jheader {
	height: 50px;
	margin-bottom: 0;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	background: url(../images/tpl/col-header-bg.png) no-repeat left top;
}

#home-cols .jonehalf {
	width: 48%;
}

#home-cols .jonehalf .inner {
	padding: 0 0 0 15px;
}

#home-cols ul.jgrid {
	margin: 0;
	padding: 0;
}

#home-cols ul.jgrid li {
	list-style-type: none;
	padding: 10px 0;
}

#home-cols ul.jgrid li a:link, #home-cols ul.jgrid li a:visited {
	text-decoration: none;
	font-weight: bold;
}

.jfull .jheader {
	height: 45px;
	line-height: 35px;
	background: url(../images/tpl/col-full-header-bg.png) no-repeat center top;
	font-style: italic;
	font-weight: normal;
	text-align: center;
}

/* Cosi - Home Page - Gallery */

#cm-gallery {
	width: 100%;
	height: 125px;
	position: relative;
	margin-bottom: 15px;
	
}

#cm-gallery #cm-images {
	width: 550px;
	height: 115px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 25px;
	
}

#cm-gallery ul {
	margin: 0;
	padding: 0;
}

#cm-gallery li {
	width: 545px;
	height: 115px;
	list-style-type: none;
}

#cm-gallery li a {
	background: transparent;
}

#cm-gallery a:link img, #cm-gallery a:visited img {
	border: 1px solid #265476;
	margin: 4px;
}

#cm-gallery a:hover img {
	border: 1px solid #a3bed4;
}

#prevBtn a, #nextBtn a {
	width: 22px;
	height: 57px;
	line-height: 100px;
	float: left;
	font-size: 48px;
	color: #cadde2;
	cursor: pointer;
	text-indent: -999999px;
}

#prevBtn a {
	position: absolute;
	top: 25px;
	left: 0;
	background: url(../images/tpl/prev-next.png) no-repeat left top;
}

#nextBtn a {
	position: absolute;
	top: 25px;
	right: 0;
	background: url(../images/tpl/prev-next.png) no-repeat right top;
}

#prevBtn a:hover {
	background-position: left bottom;
}

#nextBtn a:hover {
	background-position: right bottom;
}

/* Cosi - City Council - Members */
.cs-council {
	width: 100%;
	float: left;
	clear: left;
	margin-bottom: 10px;
	border-bottom: 1px solid #e0e6ed;
	font-size: 12px;
	color: #20304c;
}

.cs-council .cs-left {
	width: 250px;
	float: left;
}

.cs-council .cs-right {
	width: 320px;
	float: left;
}

.cs-council img {
	background-color: #eff3f6;
	padding: 5px;
	border: 1px solid #cedfe5;
}

.cs-name {
	display: block;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
}

.cs-email {
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
}

/* Forms */
.form label {
	font-weight: bold;
	display: block;
	margin: 10px 0 5px 0;
}

/* Cosi - Blog Style */
.cs-blog {
	padding-bottom: 10px;
	background: url(../images/tpl/wa-seal.jpg) no-repeat right 40px;
	border-bottom: 1px solid #f0f3f5;
}

.cs-blog h2 {
	border-bottom-style: ridge;
	border-bottom-width: 3px;
}

/* Grid */
ul.jgrid li:nth-child(even) {
	background: url(../images/tpl/grid-bg.png) repeat-y center;
}


ul.cgrid {
	margin: 10px 0;
}

ul.cgrid li {
	padding: .25em;
}

ul.cgrid li:nth-child(even) {
	background-color: #f3f7f9;
}

.cs-large {
	font-size: 1.1em;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f3f5;
}

.cs-large h2 {
	border-bottom-style: ridge;
	border-bottom-width: 3px;
}