/* Done by Joonas Pihlajamaa

Default stylesheet
*/

/***************************************
* Document structure
***************************************/

#sidebanner {
    float: left;
    width: 150px;
    height: 600px;
    margin-left: 2px;
    padding: 0;
}

#banner_side {
	margin-top: 10px;
	width: 150px;
	height: 200px;
	background-color: #eee;
}

#content {
    width: 960px;
    text-align: left;
}

#footer {
    clear: both;
}

#MainPage {
    width: 960px;
    text-align: left;
}

#EventPage {
	width: 960px;
	text-align: left;
}

#EventPage p {
	margin: 1em 0px;
}

#EventPage h1, #EventPage h3 {
	font-size: 1.17em;
	margin: 1em 0px;
}

#SearchResults {
	width: 960px;
	text-align: left;
}

#PlacesPage {
	width: 960px;
	text-align: left;
}

#PlacePage {
	width: 960px;
	text-align: left;
}

#ArticlePage {
	width: 960px;
	text-align: left;
}

#wrapper {
	margin: 10px auto;
	background-color:#FFFFFF;
}

#columnLeft {
	float: left;
	width: 465px;
	margin: 0;
	padding: 1em;
}

#columnRight {
	margin-left: 485px;
	border-left: 1px solid gray;
	padding: 1em;
	max-width: 36em;
}

.columnWrapper {
	margin: 10px;
}

/***************************************
* Side newsfeed (RSS) styling
***************************************/
#sidecorner {
    width: 152px;
    height: 140px;
    background: white url(/images/corner.png) no-repeat top left;
}

.sidecornerlink {
	margin-left: 5px!important;
}

.white {
	color: white;
}

.sidecornerlink.small {
	font-size: 9px;
}

#sidecornerheader {
	padding-top: 5px;
	padding-bottom: 5px;
}

#sidecornerwrapper {
	width: 142px;
    height: 110px;	
	margin: auto;
	padding: 0;
	background-color: #717db1;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;	
}

.sidecornercontent {
	padding-top: 5px;
}

#sidecorner form {
    display: inline;
    margin: 0;
    padding: 0;
}

#sidecorner input {
    font-size: 10px;
    margin: 0;
    padding: 0;
    border: none;
}

.sidenews {
    width: 152px;
}

.sidenews .top {
    width: 152px;
    height: 26px;
    background: white url(/images/news_group_top.png) no-repeat top left;
}

.sidenews .content {
    width: 152px;
    background: white url(/images/news_group_middle.png) repeat-y top left;
}

.sidenews .bottom {
    width: 152px;
    height: 14px;
    background: white url(/images/news_group_bottom.png) no-repeat top left;
}

.sidenews .content .inner {
    text-align: left;
    font-size: 10px;
}

.sidenews ul {
    list-style: circle url(/images/rss_arrow.gif) outside;
    margin: 0 0 0 1.5em;
    padding: 0 0 0 1.0em;
}

.sidenews li {
    margin: 0 0 0 -0.5em;
    padding: 2px 0;
    font-size: 10px;
}

.src {
    font-size: 9px;
    color: #969595;
}

/***************************************
* Popup styling
***************************************/
#mini_header {
    width: 100%;
    height: 22px;
    background: rgb(36,64,152) url(/images/header_mini.png) repeat-x top left;
    text-align: right;
}

#mini_header h1 {
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    padding: 0;
    color: white;
}

#mini_content {
    margin: 0;
    padding: 8px 8px 24px 8px;
    text-align: left;
    background: white url(/images/popup.png) repeat-y top left;
}

#mini_content h1, #mini_content h2 {
    font-weight: normal;
}

#mini_content a, strong a {
    color: rgb(36,64,152);
}

/***************************************
* Header styling
***************************************/

#header_left_corner {
	float: left;
	height: 140px;
	width: 120px;
	background: white url(/images/left_corner.png) no-repeat top center;
}

#header_wrapper {
	float: left;
	width: 840px;
	margin: 0;
	padding: 0;
}

#header_content_left {
	float: left;
	width: 7px;
	height: 140px;
	background: white url(/images/header_left.png) no-repeat top center;
}

#header_content {
	float: left;
	width: 826px;
	height: 140px;
	background: white url(/images/header_slice.png) repeat top center;
}

#header_content_right {
	float: left;
	width: 7px;
	height: 140px;
	background: white url(/images/header_right.png) no-repeat top center;
} 

.padder {
    padding: 3px;
}

#header_topleft {
    float: left;
    text-align: left;
    width: 300px;
    height: 54px;
}

#header_topleft h1 {
	margin: 0;
	padding: 0;
    clear: none;
    line-height: 36px;
    font-size: 32px;
    color: rgb(156,169,221);
    font-weight: normal;
}

#header_topleft h1 a {
    color: rgb(156,169,221);
}

#header_topleft h1 a:hover {
    text-decoration: none;
}

#header_topleft .links {
    font-size: 12px;
}

#header, #header a {
    color: white;
}

#header_topright {
    float: left;
    text-align: right;
    width: 526px;
    height: 24px;
}

#header_topright p {
    font-size: 12px;
}

.headerlink {
    margin: 0 0 0 32px;
}

/***************************************
* Footer styling
***************************************/

#footer {
    padding-top: 1em;
    font-weight: bold;
    font-size: 11px;
    color: #888;
    height: 80px;
}

/***************************************
* Basic elements
***************************************/

a {
    text-decoration: none;
    color: rgb(36,64,152);
}

a:hover {
    text-decoration: underline;
}

img {
    border: none;
}

table {
}

/* ALLA: Yleinen pääotsikon koko */
h1 {
    font-size: 16px;
}

/***************************************
* Editor and popup tables
***************************************/

table.values {
    border-collapse: collapse;
}

/* ALLA: Popupin otsakkeen tyyli */
.values th {
    text-align: left;
    width: 80px;
}

.values td {
    width: 300px;
}

/* ALLA: Popupin otsake- ja sisältösolujen yhteiset ominaisuudet  */
.values th, .values td {
    vertical-align: top;
    padding: 2px;
}

/***************************************
* Admin editor
***************************************/

table#events {
  width: 450px;
  padding: 3em;
}


#events th {
  background-color: rgb(0, 122, 240);
  border: 1px solid #DCDCDC;
  font-size: 1.0em;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
}

#events th a {
  color: white;
}

#events th a:hover {
  color: white;
  text-decoration: underline;
  background-color: inherit;
}

#events td {
  background-color: #FFFFF0;
  border: 1px solid #DCDCDC;
  font-size: 0.9em;
  font-weight: normal;
  color: #000000;
}

#events td.sidenote, #events th.sidenote {
  background-color: white;
  border: none;
  text-align: center;
  font-weight: bold;
  vertical-align: top;
}

#events td.sidenote {
  border-top: 1px solid #DCDCDC;
}

#events a:hover {
  text-decoration: none;
  background-color: black;
  color: white;
}

/* Editor table */
table.editor {
	border-collapse: collapse;
}

.editor th {
  text-align: left;
  font-weight: bold;
  background-color: #eee;
}

.editor td, .editor th {
  border: 1px solid #ddd;
  vertical-align: top;
}

/* Toggle-able boxes in popup */
#onthemap, #getthere, #tellafriend {
	border: 1px solid #888;
	background-color: #ccc;
	margin: 0;
	padding: 0.5em;
}

div.notification {
    width: 400px;
    padding: 1em;
    margin: 1em;
    border: 2px solid black;
    font-size: 12px;
    font-weight: bold;
    background-color: #eef;
}

.notification a {
    color: #008;
}

/* Search results */
.results {
    margin: 0 0.3em;
    padding: 2.9em 0.5em;
    background-color: #eee;
    border: 1px solid #ddd;
}

.results p {
   padding: 0;
   margin: 0;
}

.results h1 {
   padding: 0;
   margin: 0 0 5px 0;
   font-size: 14px;
}

.results a {
    color: rgb(134,34,21);
}

.clearer {
	clear: both;
}

/* Errors and messages */
.error, .message {
	font-weight: bold;
}

.error { color: red; }
.message { color: green; }