@import "reset.css";

body {
	background-color: #F2EDDF;
	color: #333;
	font: 1em/1.4 Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

a:link		{ color: #069; }
a:visited	{ color: #654; }
a:hover,
a:active	{ color: #2B8; }

h1 {
	margin: 1em 0 .4em;
	border-bottom: 0;
	color: #642;
	font-weight: normal;
	font-size: 1.4em;
}
	h1 a {
		color: #642 !important;
	}
	h1 a:hover {
		color: #321 !important;
	}
h2 {
	margin: 1em 0 .4em;
	color: #642;
	font-weight: bold;
	font-size: 1.2em;
}
	h2 a {
		color: #642 !important;
	}
	h2 a:hover {
		color: #321 !important;
	}
h3 {
	margin: 1.2em 0 .2em;
	font-weight: bold;
	font-size: 1.15em;
}
p {
	margin: .4em 0 .8em;
}
ul,
ol {
	margin: .4em 0 .8em 2.1em;
}
	ul li,
	ol li {
		padding-bottom: .2em;
	}
	ul li { list-style: disc; }
	ol li { list-style: decimal; }



/* Misc styles
------------------------------ */

.sep {
	margin: 0 .5em;
}
.meta {
	font: .9em/1.4 Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #999;
}


/* Header
------------------------------ */

.header {
	min-width: 980px;
	padding: 0 10px;
	background: #6B5E50 url(../img/bg-head-pattern.gif) repeat-x 0 0;
}
	.header .wrapper {
		min-width: 980px;
		max-width: 1200px;
		height: 140px;
		margin: 0 auto;
		background: transparent url(../img/bg-head.jpg) no-repeat 50% 0;
		overflow: hidden;
	}

	/* Custom photos */

	#page-home .header .wrapper		{ background-image: url(../img/bg-head.jpg); }
	#page-newyork .header .wrapper	{ background-image: url(../img/bg-head-newyork.jpg); }
	#page-brooklyn .header .wrapper	{ background-image: url(../img/bg-head-brooklyn.jpg); }
	#page-forums .header .wrapper	{ background-image: url(../img/bg-head-forums.jpg); }
	#page-services .header .wrapper	{ background-image: url(../img/bg-head-services.jpg); }
	#page-error .header .wrapper	{ background-image: url(../img/bg-head-beach.jpg); }

	/* Logotype */

	.header h1 {
		float: left;
		width: 182px;
		height: 117px;
		margin: 18px 0 0 5%;
		background: url(../img/logo-brooklyn.png) no-repeat 0 0;
		text-indent: -9999em;
		overflow: hidden;
	}
		.header h1 a {
			display: block;
			height: 90px;
			margin: 6px 0 0;
		}

	/* Navigation */

	.header .nav {
		float: left;
		margin: 90px 0 0 5%;
		padding: 0 10px 0 0;
		background: url(../img/bg-nav-r.png) no-repeat 100% 0;
	}
		.header ul {
			float: left;
			height: 45px;
			margin: 0;
			padding: 5px 0 0 6px;
			background: url(../img/bg-nav-l.png) no-repeat 0 0;
		}
			.header ul li {
				float: left;
				padding: 0;
				list-style: none;
			}
				.header ul li a,
				.header ul li strong {
					float: left;
					text-transform: uppercase;
					font-size: .75em;
				}
				.header ul li a {
					height: 33px;
					padding: 12px 26px 0 25px;
					background: url(../img/bg-nav-sep.png) no-repeat 100% 100%;
					color: #FFF !important;
					text-decoration: none;
				}
					.header ul li a:hover span {
						border-bottom: 1px solid #61A4B4;
					}
				.header ul li strong {
					height: 45px;
					margin: 0 1px 0 -1px;
					padding: 0 5px 0 0;
					background: url(../img/bg-nav-active-r.png) no-repeat 100% 0;
					color: #065;
					font-weight: normal;
				}
					.header ul li strong span {
						float: left;
						height: 33px;
						padding: 12px 20px 0 25px;
						background: url(../img/bg-nav-active-l.png) no-repeat 0 0;
					}
					.header ul li strong a {
						float: none;
						height: auto;
						padding: 0;
						background: transparent none;
						color: #065 !important;
						font-size: 1em;
					}
						.header ul li strong a:hover span {
							border: 0;
						}

			.header ul li.last {
				margin-right: -6px;
			}
				.header ul li.last a {
					background-image: none;
				}


	/* Date and time */

	.header p.date-and-time {
		float: right;
		margin: 0;
		padding: .5em 20px;
		background: #6B5E50 url(../img/bg-head-pattern.gif) repeat-x 0 0;
		color: #FFF;
		font-size: .75em;
	}


/* Layout
------------------------------ */

.page-wrap {
	padding: 0 10px;
}
	.page {
		min-width: 978px;
		max-width: 1198px;
		margin: 0 auto;
		border: 1px solid #D7D4C9;
		border-top: 0;
		background: #F9F6EF url(../img/bg-page.gif) repeat-y 0 0;
		overflow: hidden;
	}
		.main {
			float: right;
			width: 100%;
			margin-right: -179px;
		}
			.main .wrapper {
				margin-right: 179px;
				padding-left: 179px;
				background: #FFF url(../img/bg-page-r.gif) repeat-y 100% 0;
				overflow: hidden;
			}

				.main .wrapper .content-wrapper {
					float: left;
					width: 100%;
					margin-left: -179px;
				}
					.main .wrapper .content-wrapper .content {
						padding: 20px 20px 40px;
						background-color: #FFF;
						font-size: .9em;
					}

				.main .wrapper .column {
					float: right;
					width: 179px;
					padding: 10px 0 20px;
					font-size: .8em;
					overflow: hidden;
				}

		.sidebar {
			float: left;
			width: 179px;
			font-size: .8em;
			overflow: hidden;
		}

	/* Wide layout */

	.page-wrap.wide {
	}
		.wide .main .wrapper {
			margin-right: 0;
			background: #FFF none;
		}


	/* Home page */

	#page-home .page {
		background: transparent none;
	}
		#page-home .main {
			float: none;
			width: auto;
			margin-right: 0;
		}
			#page-home .main .wrapper {
				margin-right: 0;
				padding-left: 399px;
				background-image: url(../img/bg-page-home.gif);
			}
				#page-home .main .wrapper .content-wrapper {
					margin-left: -399px;
				}
				#page-home .main .wrapper .content-column {
					float: left;
					width: 220px;
					padding: 10px 0 20px;
					font-size: .8em;
				}

	/* Error pages (404, 500, etc) */

	#page-error .header .wrapper,
	#page-error .page {
		min-width: 0;
		max-width: none;
		width: 878px;
	}
	#page-error .footer {
		min-width: 0;
		max-width: none;
		width: 838px;
	}
	#page-error .page {
		background: transparent none;
	}
		#page-error .main {
			float: none;
			width: auto;
			margin-right: 0;
		}
			#page-error .main .wrapper {
				margin-right: 0;
				padding-left: 0;
				background-image: none;
			}
				#page-error .main .wrapper .content-wrapper {
					float: none;
					width: auto;
					margin-left: 0;
				}
				#page-error .main h1 {
					border-color: #900;
					color: #900;
				}

	/* Footer */

	.footer {
		min-width: 940px;
		max-width: 1160px;
		margin: 0 auto;
		padding: 20px;
		color: #99958A;
		font-size: .7em;
	}
		.footer a {
			color: #99958A !important;
		}
		.footer .sep {
			color: #C5C1B4;
		}


	/* Containers */

	.sidebar .block-container {
		padding: 0 20px 20px 19px;
	}
	.column  .block-container {
		padding: 0 19px 20px 20px;
	}
	.content-column .block-container {
		padding: 0 20px 20px;
	}



/* Sidebar
------------------------------ */

/* Sub-navigation */

ul.subnav {
	margin: 0 0 20px;
	border-bottom: 1px solid #9F9686;
	padding: 10px 0 0;
	background-color: #8C8170;
	font-size: .9em;
}
	ul.subnav li {
		border-top: 1px solid #9F9686;
		padding: 0;
		list-style: none;
	}
		ul.subnav li a,
		ul.subnav li strong {
			display: block;
			padding: .6em 5px .6em 20px;
			white-space: nowrap;
		}
		ul.subnav li a {
			background: transparent url(../img/bg-subnav.gif) repeat-y 100% 0;
			color: #FFF !important;
			text-decoration: none;
		}
		ul.subnav li a:hover {
			background-color: #807566;
			background-image: url(../img/bg-subnav-active.gif);
		}
		ul.subnav li strong {
			background-color: #FFF;
			font-weight: normal;
		}
			ul.subnav li strong a,
			ul.subnav li strong a:hover {
				margin: -.6em -5px -.6em -20px;
				background: transparent none;
				color: #333 !important;
			}


/* Webcam */

.webcam {
	border-bottom: 1px solid #E8E5DC;
}
	.webcam a img {
		width: 134px;
		border: 1px solid #B3A18F;
		padding: 2px;
		background-color: #FFF;
	}
	.webcam a:hover img {
		border-color: #642;
	}


/* Weather */

.weather {
	overflow: hidden;
}

	/* On home page */

	#page-home .weather img {
		display: block;
	}


	/* Gismeteo informer */

	.weather #informer {
		margin: 0 -10px;
	}
	table.gmtbl {
	}
		table.gmtbl td {
			vertical-align: top;
		}
		table.gmtbl td.gmtdtext {
			padding: .5em 0 1em;
			line-height: 1.2;
			font-size: .9em;
		}
		table.gmtbl td img {
			display: block;
			margin: .3em .75em 0 0;
		}
		table.gmtbl td.gmtdttl {
			display: none;
		}

		.tddiv {
			text-align: left !important;
		}
			div#cntdiv {
				position: absolute;
				display: block;
			}
				div#infselectlist {
					position: relative;
					top: 1px; right: 0; left: 0;
					width: 100%;
					height: 100%;
					border: 1px solid #D7D4C9;
					background-color: #FFF;
					visibility: hidden;
					cursor: pointer;
				}
				div#hiddentl {
					position: relative;
					top: 1px; right: 0; left: 0;
					visibility: hidden;
				}


/* Login in sidebar */

.sidebar form.login {
	border-bottom: 1px solid #E8E5DC;
	padding-bottom: 10px;
}
	.sidebar form.login legend {
		padding-top: 0;
	}


/* Column
------------------------------ */

/* Login in column */

.column form.login {
	border-bottom: 1px solid #E8E5DC;
	padding-bottom: 10px;
}


/* Column on home page
------------------------------ */

/* Photo of the week */

.content-column .weekly-photo {
	border-bottom: 1px solid #E8E5DC;
}
	.content-column .weekly-photo a img {
		width: 174px;
		border: 1px solid #B3A18F;
		padding: 2px;
		background-color: #FFF;
	}
	.content-column .weekly-photo a:hover img {
		border-color: #642;
	}


/* Site news */

.content-column .news h3 {
	margin-top: 1.5em;
	text-transform: uppercase;
	font-size: .85em;
	color: #666;
}
.content-column .news p {
	color: #444;
	font-size: .9em;
	line-height: 1.2;
}


/* Currency exchange */

.currency-exchange {
}

	.currency-exchange table {
		width: 200px;
		margin: 0 -10px;
		border-collapse: collapse;
		border: 0;
		padding: 0;
		font-size: .85em;
	}
		.currency-exchange table td {
			margin: 0;
			padding: 0 .2em .2em 0;
		}
		.currency-exchange table a {
			white-space: nowrap;
		}



/* Content
------------------------------ */

.content h1 {
	margin: 0 0 1.2em;
	border-bottom: 1px solid #005D8C;
	color: #005D8C;
	font-weight: bold;
	font-size: 1.6em;
}

/* News listing */

.content .news p {
	font-family: Georgia, 'Times New Roman', Times, serif;
}
.content .news p.meta {
	margin: 0 0 .4em;
	font-size: .75em;
}


/* Photography
------------------------------ */

/* Photo or webcam image */

.block-photo {
	overflow: hidden;
}
	.block-photo img {
		display: block;
		margin: 0 auto 20px;
	}

/* Photo navigation */

ul.photo-nav { 
	margin: 0 0 20px;
	font-size: .8em;
	overflow: hidden;
}
	ul.photo-nav li {
		float: left;
		width: 33%;
		padding: 0;
		list-style: none;
	}
	ul.photo-nav li.go-back {
		text-align: left;
	}
	ul.photo-nav li.go-up {
		width: 34%;
		text-align: center;
	}
	ul.photo-nav li.go-forward {
		text-align: right;
	}


/* Photo gallery */

ul.photo-gallery {
	margin-left: 0;
}
	ul.photo-gallery li {
		padding-bottom: .6em;
		list-style: none;
	}
		ul.photo-gallery li .meta {
			margin-left: .75em;
			color: #AAA;
			white-space: nowrap;
		}

/* New gallery */

ul.photo-gallery li.new {
	margin-left: -.4em;
}
	ul.photo-gallery li.new a {
		padding: .2em .4em;
		background-color: #FEA;
		color: #A33;
	}
	ul.photo-gallery li.new a:hover {
		color: #800;
	}


/* Advertisement
------------------------------ */

.column .ad-160x600 {
	width: 160px;
	padding: 2px 9px 20px 10px;
}

.sidebar .ad-160x600 {
	width: 160px;
	padding: 20px 10px 20px 9px;
}

.footer .ad-728x90 {
	text-align: center;
}
	.footer .ad-728x90 iframe {
		margin: 0 auto 20px;
	}


/* Columns
------------------------------ */

.two-columns {
	overflow: hidden;
}
	.two-columns .column-1st {
		float: left;
		width: 65%;
	}
	.two-columns .column-2nd {
		float: right;
		width: 30%;
	}


/* Forms
------------------------------ */

fieldset {
	margin: .4em 0 1em;
}
	fieldset legend {
		padding: .7em 0 .4em;
		color: #642;
		font-weight: normal;
		font-size: 1.4em;
	}
		fieldset legend a {
			color: #642 !important;
		}
		fieldset legend a:hover {
			color: #321 !important;
		}

/* Form row */

.form-row {
	margin: .4em 0 .6em;
	overflow: hidden;
}
	.form-label {
		float: left;
		width: 200px;
	}
	.form-field {
		margin-left: 220px;
	}

/* Form in column and sidebar */

.sidebar .form-row,
.column  .form-row {
}
	.sidebar .form-row .form-label,
	.column  .form-row .form-label {
		float: none;
		width: auto;
	}
	.sidebar .form-row .form-field,
	.column  .form-row .form-field {
		margin-left: 0;
	}

/* Misc */

textarea.fullsize {
	width: 99%;
}
input.fullsize {
	width: 98%;
}
	.sidebar input.fullsize,
	.column  input.fullsize {
		width: 95%;
	}

.nav-cam {
	padding: 7px 5px;
	background-color: #F2F2F6;
	font: 70% Verdana, sans-serif;
}