/** Reset
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html, body, ul, ol, li, th, td {
	padding:0;
	margin:0;
}

td {
	vertical-align:top;
}

p {
	margin:0 0 10px 0;
}

/** Main container
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	font-family:verdana, arial, sans-serif;
	background-color:#fff;
	font-size:12px;
}

/** Layout
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#container {
	width:890px;
}

body > header {
	border-bottom:1px solid #000;
	background-color:#fff;
	height:135px;
	display:block;
	position:fixed;
	width:1000px;
	z-index:3;
	left:0;
  top:0;
}

body > header h1 {
	font-family:Cantarell, arial;
	text-transform:none;
	font-weight:normal;
	position:absolute;
	font-size:55px;
	left:160px;
	top:32px;
}

body > header h1 a {
	background-color:#fff;
	padding:2px 4px;
	margin-left:5px;
	font-size:12px;
}

body > header .active {
	background-color:#000 !important;
	color:#fff;
}

#subscribe {
	text-transform:uppercase;
	position:fixed;
	text-align:right;
	width:950px;
	z-index:99;
	top:10px;
	left:560px;
	width:430px;
}

#subscribe .txt {
	text-transform:uppercase;
	padding-right:4px;
	padding-left:4px;
	width:130px;
}

#subscribe .btn {
	background-color:transparent;
	text-transform:uppercase;
	cursor:pointer;
	border:0;
}

#logo {
	background:url(../img/logo-mask.png) #000;
	position:absolute;
	display:block;
	height:100px;
	width:85px;
	top:25px;
	left:40px;
}

nav {
	display:block;
	position:fixed;
	height:300px;
	width:115px;
	z-index:3;
	top:150px;
	left:40px;
}

#content {
	margin-left:160px;
	padding-top:150px;
	position:relative;
	min-height:300px;
	z-index:1;
}

/** Top menu
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#topmenu {
	list-style:none;
	position:absolute;
	left:160px;
	top:110px;
}

#topmenu li {
	display:inline;
}

#topmenu a {
	background-color:#fff;
	padding:2px 4px;
}

/** Overall settings
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1 {
	text-transform: uppercase;
	font-weight:normal;
	margin:0 0 20px 0;
	font-size:24px;

}

img {
	border:0;
}

br.clear, div.clear {
	font-size:1px;
	height:1px;
	clear:both;
}

a {
	text-decoration:none;
}

a:hover, a:active {
	color:#000;
}

/** Sidemenu
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

nav ul {
	list-style:none;
}

/** Forms
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

form label {
	display:block;
}

.input {
	margin-bottom:5px;
}

/** Content
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content ul,
#content ol {
	margin-left:20px;
}

article {
	display:block;
	width:480px;
}

article article {
	margin-bottom:25px;
}

article a {
	text-decoration:underline;
}

article h1 a {
	text-decoration:none;
}

#postimg {
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
	height:234px;
	width:480px;
}

#postimg img {
	background-repeat:no-repeat;
	position:absolute;
	height:234px;
	width:480px;
	z-index:99;
	left:0;
	top:0;
}

#postimg .active {
	z-index:101;
}

#postimg .last-active {
	z-index:100;
}

.location {
	text-transform:uppercase;
	padding-left:3px;
}

.dot {
	font-weight:bold;
	font-size:14px;
}

.date span {
	font-size:24px;
}

aside {
	line-height:100%;
	display:block;
	float:right;
	width:160px;
}

aside h3{
	text-transform:uppercase;
	margin:0 0 5px 0;
	font-size:13px;
}

aside p {
	margin:0;
}

aside .links a:link, aside .links a:visited {
	display:block;
	margin:6px 0;
}

aside .project-summary {
	background:url(../img/summary.jpg) no-repeat top center;
	text-indent:-2000px;
	overflow:hidden;
	margin-top:30px;
	display:block;
	height:102px;
	width:230px;
}

aside .project-summary:hover {
	background-position:bottom center;
}

.slide {
	margin-bottom:5px;
}

.more {
	text-transform:uppercase;
}

/** Gallery
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.gallery {
	margin-bottom:10px;
	float:left;
}

.gallery a {
	position:relative;
}

.gallery span {
	background-color:#fff;
	position:absolute;
	text-align:right;
	display:none;
	width:105px;
	bottom:0;
	right:0;
}

.gallery a:hover span {
	display:inline;
}

/** Footer
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

footer {
	margin:80px 0 10px 160px;
	position:relative;
	display:block;
	width:624px;
}

footer img {
	background:url(../img/footer.png) #000 no-repeat top left;
	height:87px;
	width:624px;
}

footer img.hover {
	background-position:bottom left;
}

#calendar-menu {
	position:absolute;
	line-height:140%;
	height:126px;
	z-index:101;
	left:440px;
	top:12px;
	right:0;
}

#calendar-menu div {
	margin-bottom:11px;
}

#calendar-menu a {
	background-color:#fff;
	padding:2px 3px;
}

#calendar-cities {
	position:absolute;
	line-height:160%;
	width:330px;
	bottom:0;
	right:0;
}


/** Palette
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#palette {
	font-weight:bold;
	line-height:20px;
	margin-top:15px;
	width:55px;
}

#palette a {
	padding-right:6px;
}

#palette .color0 { color:#000000; }
#palette .color1 { color:#d71d5c; }
#palette .color2 { color:#0096fd; }
#palette .color3 { color:#87febe; }
#palette .color4 { color:#6e1dfe; }
#palette .color5 { color:#f902ff; }
#palette .color6 { color:#9a817c; }
#palette .color7 { color:#00c800; }
#palette .color8 { color:#e7e7e7; }

/** Paginator
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#paginator {
	margin-top:10px;
}

#paginator a, #paginator .current, .nav {
	padding:2px 4px;
}

.current {
	font-weight:bold;
	color:#000;
}