/*******************************************************************************
Filename:     general.css
Title         General stylesheet for www.paldiski.ee
Author:       Remy Tiitre <remy.tiitre(at)ddw.ee>
URL:          http://www.paldiski.ee/extensions/DDW_Layout/css/general.css
License:      Copyright 2009, Digital Doorway, All Rights Reserved.
              Feel free to read and learn from this, but don't steal.

Description:  This stylesheet will define www.paldiski.ee site layout and
              other general styles.
*******************************************************************************/

/* DDW default styles *********************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{border:0;width:100%;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address{margin:0.8em 0;}
li,dd,blockquote{margin-left:1em;}
blockquote{font-style:italic;}
caption,th{text-align:left;}
img,fieldset{border:0;}
table{border-collapse:collapse;}
form label{cursor:pointer;}
acronym,abbr{border-bottom:1px dashed #000000;cursor:help;}
.Clear{clear: both;}
/* Layout styles ------------------------------------------------------------ */
#Page {
  margin: auto;
  width: 960px;
}
#ContentArea {
  margin-top: 3px;
  overflow: hidden;
  padding-left: 190px;
  padding-right: 179px;
}
#ContentArea .column {
  float: left;
  margin-bottom: -20000px;
  padding-bottom: 20010px;
  position: relative;
}
#Content, #ContentHome {
  padding: 9px;
  width: 100%;
}
#Navigation {
  margin-left: -100%;
  padding-right: 3px;
  right: 210px;
  width: 187px;
}
#AddOns {
  margin-right: -179px;
  padding-left: 3px;
  width: 156px;
}
#Footer {
  clear: both;
  position: relative;
}
/* Font styles -------------------------------------------------------------- */
html, body, form, fieldset { font-family: Arial, Helvetica, sans-serif; }
body { font-size: 62.5%; }
#Page { font-size: 1.2em; }
h1 {
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
}
h2 {
  font-size: 1.2em;
  font-weight: bold;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
}
/* Color styles ------------------------------------------------------------- */
body {
  background: #ffffff url('/extensions/DDW_Layout/images/background.png') repeat-x;
  color: #666666;
}
#Page #Content, #Page #ContentHome {
  background: #ffffff;
}
h1 { color: #000000; }
h2 { color: #000000; }
h3 { color: #000000; }
a:link, a:visited {
  text-decoration: underline;
  color: #000000;
}
a:hover, a:active {
  text-decoration: underline;
  color: #000000;
}

/* Selection start ************************************************************/
#Selection {
  background: #ffffff url('/extensions/DDW_Layout/images/background_selection.png') repeat-x;
  color: #616161;
  height: 37px;
  width: 100%;
}
#Selection div {
  font-size: 1.1em;
  font-weight: bold;
  margin: auto;
  padding-top: 0.6em;
  width: 960px;
}
#Selection div a:link, a:visited {
  text-decoration: none;
  color: #616161;
}
#Selection div a:hover, a:active {
  text-decoration: underline;
  color: #616161;
}
#Selection div form {
  float: right;
  text-align: right;
  width: 300px;
}
#Selection #frmSearch #submit {
  margin-bottom: -5px;
  margin-right: 2px;
}
#Selection #frmSearch #query {
  border: none;
  border-top: 1px solid #cfcfcf;
  font-size: 13px;
  margin-right: 0.3em;
  padding: 2px;
}

/* Header start ***************************************************************/
#Header {
  background: #ffffff url('/extensions/DDW_Layout/images/background_header.jpg') no-repeat;
  height: 205px;
}
#Header ul {
  color: #7b7b7b;
  float: right;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#Header ul li {
  background: url('/extensions/DDW_Layout/images/background_top.png') repeat-x;
  float: left;
  margin: 0;
}
#Header ul li.First {
  background: url('/extensions/DDW_Layout/images/background_top_left.png') no-repeat;
  height: 30px;
  width: 27px;
}
#Header ul li.Last {
  background: url('/extensions/DDW_Layout/images/background_top_right.png') no-repeat;
  height: 30px;
  width: 126px;
}
#Header ul li a {
  background: url('/extensions/DDW_Layout/images/background_top_center.png') no-repeat 100% 50%;
  display: block;
  padding: 0.7em 0.9em 0.7em 0.5em;
}
#Header ul li.NoBorder a {
  background: none;
}
#Header ul li a:link, #Header ul li a:visited {
  text-decoration: none;
  color: #7b7b7b;
}
#Header ul li a:hover, #Header ul li a:active {
  text-decoration: none;
  color: #000000;
}

/* Footer start ***************************************************************/
#Footer {
  background: url('/extensions/DDW_Layout/images/background_footer.png') repeat-x;
  color: #aaaaaa;
  font-size: 0.9em;
  height: 25px;
  text-align: center;
}
#Footer p {
  margin: 0;
  padding: 5px;
}
#Footer div.left_corner {
  background: url('/extensions/DDW_Layout/images/background_footer_left.png') no-repeat;
  float: left;
  height: 25px;
  width: 30px;
}
#Footer div.right_corner {
  background: url('/extensions/DDW_Layout/images/background_footer_right.png') no-repeat 100% 0;
  float: right;
  height: 25px;
  width: 30px;
}
#Footer a:link, #Footer a:visited {
  text-decoration: none;
  color: #ff7200;
}
#Footer a:hover, #Footer a:active {
  text-decoration: none;
  color: #aaaaaa;
}
/* Navigation start ***********************************************************/
.Navigation {
  background-color: #e2e2e2;
  color: #7b7b7b;
  float: left;
  padding: 0;
  width: 100%;
}
.Navigation ul {
  list-style: none;
  padding-top: 0.2em;
  padding-left: 0;
}
.Navigation ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Navigation ul li {
  background: #ffffff url('/extensions/DDW_Layout/images/background_nav1.png') repeat-x;
  border-bottom: 1px solid #ababab;
  margin: 0;
}
.Navigation ul ul li {
  background: #669aa9;
  border-bottom: 1px solid #86b5c3;
  margin: 0;
}
.Navigation ul li a {
  display: block;
  padding: 0.5em 0.2em 0.4em 1.8em;
  text-decoration: none;
}
.Navigation ul li a:link, .Navigation ul li a:visited, .Navigation ul li.Selected a:active, .Navigation ul li.Selected a:hover {
  background: url('/extensions/DDW_Layout/images/arrow.png') no-repeat 12px 12px;
  color: #7b7b7b;
}
.Navigation ul li a:active, .Navigation ul li a:hover, .Navigation ul li.Selected a:link, .Navigation ul li.Selected a:visited {
  color: #ff7200;
}
.Navigation ul li.Selected a:link, .Navigation ul li.Selected a:visited {
  background: url('/extensions/DDW_Layout/images/arrow_selected.png') no-repeat 12px 12px;
}
.Navigation ul li.Selected ul li a:link, .Navigation ul li.Selected ul li a:visited, .Navigation ul li.Selected ul li.Selected a:active, .Navigation ul li.Selected ul li.Selected a:hover {
  background: none;
  color: #ffffff;
}
.Navigation ul li.Selected ul li a:active, .Navigation ul li.Selected ul li a:hover, .Navigation ul li.Selected ul li.Selected a:link, .Navigation ul li.Selected ul li.Selected a:visited {
  background: #527e8b url('/extensions/DDW_Layout/images/arrow_fwd.png') no-repeat 90% 12px;
  color: #dedede;
}
.Advertisements {
  background-color: #e2e2e2;
  color: #7b7b7b;
  padding: 0;
  text-align: center;
  width: 100%;
}

/* AddOns start ***************************************************************/
#Calender {
  background: url('/extensions/DDW_Layout/images/background_homenews.png') repeat 0 100%;
  border: 1px solid #b5b5b5;
  color: #000000;
  font-size: 0.9em;
}
#Calender h2 {
  background: #929292;
  color: #ffffff;
  margin: 0;
  padding: 0.2em;
  text-align: center;
}
#Calender a { text-decoration: none; }
#Calender select.drd {
  font-size: 11px;
  width: 60px !important;
}
#Calender .cal_maintable {
  width: 154px !important;
}
#Calender td td {
  padding: 2px 0 !important;
  text-align: center;
}
#Calender .day_bd {
  font-weight: bold;
}
#Calender tr.cal_weekday_tr td td.caltext {
  background: #669aa9;
  color: #ffffff;
}
.Announcements {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
#HomeNews {
  background: #d0d0d0 url('/extensions/DDW_Layout/images/background_homenews.png') repeat-x 0 0;
  border: 1px solid #b5b5b5;
  color: #000000;
  font-size: 0.9em;
}
#HomeNews h2 {
  background: #929292;
  color: #ffffff;
  margin: 0;
  padding: 0.2em;
  text-align: center;
}
#HomeNews ul {
  list-style: none;
  padding-top: 0.2em;
  padding-left: 0;
  padding-right: 10px;
}
#HomeNews ul li {
  border-bottom: 1px solid #d7d7d7;
  padding: 0.8em 0;
}
#HomeNews span {
  color: #ff7200;
}
#HomeNews a:link, #HomeNews a:visited {
  color: #008c8e;
  display: block;
  text-decoration: none;
}
#HomeNews a:hover, #HomeNews a:active {
  color: #000000;
  display: block;
  text-decoration: none;
}
/* Album start ****************************************************************/
#Album {
  padding-top: 10em;
}


/* Article start **************************************************************/
#DDW_Article ol, #DDW_Article ul { margin-left: 2em; }
#DDW_Article ul.ThirdLevel {
  list-style: none;
  margin-bottom: 1.7em;
  margin-left: 0;
  padding-left: 0;
}
#DDW_Article ul.ThirdLevel li { margin: 0; }
#DDW_Article ul.ThirdLevel li a {
  display: block;
  font-weight: bold;
  padding: 0.5em;
  text-transform: uppercase;
}

/* Form start *****************************************************************/
.DDW_Form fieldset {
  border: none;
  border-top: 1px solid #999999;
  clear: both;
  float: left;
  width: 100%;
}
.DDW_Form fieldset legend {
  color: #000000;
  font-weight: bold;
  margin: 0 0.5em;
  padding: 0.1em 0.3em;
}
.DDW_Form fieldset ol {
  clear: both;
  float: left;
  list-style: none;
  margin: 0.2em 1em;
  padding: 0;
}
.DDW_Form fieldset ol li {
  clear: both;
  float: left;
  margin: 0;
  padding: 0.1em 0;
}
.DDW_Form fieldset ol li label {
  float: left;
  font-weight: bold;
  margin-right: 1em;
  width: 10em;
}
.DDW_Form fieldset.submit {
  background-color: transparent;
  border: none;
  float: none;
  padding-left: 12em;
  width: auto;
}
.DDW_Form fieldset fieldset {
  background-color: transparent;
  border: none;
  float: none;
  margin-bottom: -1.4em;
  padding: 0;
}
.DDW_Form fieldset fieldset.list {
  margin-bottom: 0;
}
.DDW_Form fieldset fieldset legend {
  background: transparent;
  border: none;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.DDW_Form fieldset fieldset ol {
  margin: 0 0 0 11em;
  padding: 0;
  position: relative;
  top: -1.5em;
}
.DDW_Form fieldset fieldset.list ol {
  top: 0;
}
.DDW_Form fieldset fieldset ol li label {
  float: none;
  margin-right: auto;
  width: auto;
}