/* @override http://fm-news.eu/css/main.css */

@import url(reset.css);

@import url(grid.css);

a {
  color: #12448e;
}

h1 a, h2 a, h3 a, #meta a, #menu a {
  text-decoration: none;
}

h1, h2, h3, p {
  margin-top: 11px;
  margin-bottom: 11px;
}

h1, h2, h3 {
  font-family: "Helvetica Neue", Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-weight: bold;
}

body {
  font: 11px Geneva, "Helvetica Neue", Arial, Verdana, Helvetica, sans-serif;
  margin: 20px;
  color: #4f4f4f;
}

sup {
  vertical-align: super;
  font-size: 0.8em;
}

#content {
  margin: 11px 0;
}

#footer {
  height: 67px;
  background: url(../images/footer.jpg) no-repeat center bottom;
  padding-top: 10px;
}

#sitemap {
  text-align: right;
}

#sitemap {
  margin-top: -5px;
}

#sitemap input[type=text] {
  border: 1px solid #999;
  padding: 3px;
  width: 15em;
  margin: 0;
}

#sitemap input[type=submit] {
  border: none;
  background-color: #1970bc;
  color: #fff;
  text-transform: uppercase;
  padding: 3px 4px;
  margin: 0;
}

#image{
  height: 250px;
  min-height: 250px;
  background: #1f96e2 url(../images/fm-header-july-2011.jpg) no-repeat;
  position: relative;
}

#image-other-lang {
  height: 250px;
  min-height: 250px;
  background: #1f96e2 url(../images/fm-header-july-2011-uk-de.jpg) no-repeat;
  position: relative;
}

#image .headline {
  position: absolute;
  bottom: 0px;
  top: auto;
  right: 0px;
  left: 220px;
  padding: 20px;
  color: #fff;
  text-align: right;
  cursor: pointer;
}

#image .title {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1em;
}

#image .read {
  margin-top: 5px;
}

#image .read a {
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  padding-right: 16px;
  background: url(../images/arrow_white_on_blue.gif) no-repeat right center;
}

#menu {
  margin-top: 1px;
  padding: 5px 0;
  height: 15px;
  background: #00aaed url(../images/blue_menu.gif) repeat-y;
}

#menu a {
  font-size: 11px;
  color: #fff;
  margin: 0 0 0 20px;
}

#menu a:hover {
  color: #88deff;
}

#menu a:first-child {
  margin: 0 0 0 15px;
}

#homepage {
  background: url(../images/front-page-article-delimiter.gif);
}

#homepage .article .title {
  font-size: 18px;
  line-height: 1;
  margin-top: 0;
}

#homepage .article .more {
  margin-bottom: 0;
}

#homepage .article .more a {
  padding-right: 10px;
  background: url(../images/arrow.gif) no-repeat right 3px;
}

#homepage .article .more a:hover {
  color: #000;
}

#meta {
  margin-bottom: 8px;
}

#meta #languages {
  margin-right: 10px;
}

#meta #languages .language {
  display: block;
  float: left;
  text-align: right;
  padding: 0 10px;
  border-left: 1px solid #b2b2b2;
  text-transform: capitalize;
}

#meta #languages .language a {
  color: #b2b2b2;
}

#meta #languages .language a:hover {
  color: #3f3f3f;
}

#meta #languages .language.active a,
#meta #languages .language.active a:hover {
  color: #12448e;
  cursor: default;
}

#meta #languages .language:first-child {
  padding: 0 10px 0 0;
  border: none;
}

#newsletter {
  height: 276px;
  color: #fff;
  background: url(../images/grey_grad.png) repeat-x;
}

#newsletter h2 {
  margin: 15px 15px 5px 15px;
  font: bold 14px/1 "Helvetica Neue", Arial, Verdana, Geneva, Helvetica, sans-serif;
}
#newsletter label {
  font-size: 0.85em;
}

#newsletter form {
  margin: 10px 15px 15px 15px;
}

#newsletter input {
	font-size: 10px;
}

#newsletter select {
  width: 168px;
}

#answer-form input,
#newsletter input {
  width: 167px;
  padding: 2px;
  border-width: 0;
  display: block;
  margin-bottom: 3px;
  border: 1px solid #fff;
}

#answer-form input {
  margin: 0;
  width: 100%;
}

#answer-form input.error,
#newsletter input.error {
  background-color: #ff7476;
}

#answer-form input[type=hidden],
#newsletter input[type=hidden] {
  display:none;
}

#answer-form input[type=submit],
#answer-form input[type=button],
#newsletter input[type=submit],
#newsletter input[type=button] {
  width: 80px;
  padding: 0;
  height: 19px;
  background-color: #fff;
  border-style: solid;
  border-width: 0;
  margin-top: 13px;
  margin-bottom: 0;
  margin-left: 93px;
  cursor: pointer;
}

#answer-form input[type=submit],
#answer-form input[type=button] {
	margin: 0;
}

#sidebar-right div {
  margin-bottom: 11px;
}

#sidebar-right #five-trade-shows {
  background: #0089ce url(../images/blue_grad.png) repeat-x;
  color: #fff;
}

#five-trade-shows > * {
  padding: 15px;
  margin: 0;
}

#five-trade-shows h3 {
  font-size: 20px;
}

#five-trade-shows .tradeshow {
  border-top: 1px solid #fff;
  padding: 10px 15px;
  cursor: pointer;
  position: relative;
  background: #2367a8 url(../images/arrow_white_on_blue.gif) no-repeat right center;
}

#five-trade-shows .tradeshow a.date {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
}

#five-trade-shows .tradeshow a.title {
  display: block;
  position: relative;
  color: #83defd;
  text-decoration: none;
}

#news-index,
#archive {
  color: #12448e;
}

#news-index .header,
  #news-index #archive,
  #news-index .article,
#archive .header,
  #archive .article {
  min-height: 52px;
  background-color: #e7f5fc;
}

#search-index .article,
#news-index .article,
#archive .article,
#archive .month {
  background: #e7f5fc url(../images/arrow_blue_on_white.gif) no-repeat right center;
}
#archive .month.current {
  background: #d6eaf3 url(../images/arrow_blue_on_white_down.gif) no-repeat right center;
}

#homepage .article > * {
  margin-left: 10px;
  margin-right: 10px;
}

#homepage .article:first-child > * {
  margin-left: 0;
}

#homepage .article.last > * {
  margin-right: 0;
}

#news-index .header h2,
#archive .header h2 {
  margin: 22px 15px 16px;
  font-size: 14px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: bold;
}

#news-index #archive {
  margin-top: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  background: #12448e url(../images/arrow_white_on_blue.gif) no-repeat right center;
}

#news-index #archive a {
  color: #fff;
}

#news-index #archive h2 {
  margin: 20px 15px 16px;
  font-size: 14px;
  line-height: 1em;
}

#search-index .article,
#news-index .article,
#archive .article {
  margin-top: 1px;
  cursor: pointer;
}

#archive .month div a,
#search-index .article a,
#news-index .article a,
#archive .article a {
  text-decoration: none;
}

#news-index .article.current,
#archive .article.current {
  background-color: #d6eaf3;
}

#news-index .article .published,
#archive .article .published {
  margin: 0 15px 9px;
}

#search-index .article .title,
#news-index .article .title,
#archive .article .title {
  margin: 9px 15px 0;
  font-weight: bolder;
}

#search-index h1 {
  font-size: 25px;
  color: #134899;
  margin-top: 0;
}

#search-index .article {
  margin-bottom: 2px;
}

#search-index .article .title {
  font-size: 12px;
  margin: 9px 15px;
}

#archive .month {
  background: #d6eaf3 url(../images/arrow_blue_on_white.gif) no-repeat right center;
  min-height: 25px;
  margin-top: 1px;
  cursor: pointer;
}

#archive .month div {
  margin: 5px 15px 5px;
  font-weight: bolder;
}

#article > * {
  margin-left: 25px;
}

#article .title {
  font-weight: bold;
  margin-top: 0;
  color: #12448e;
  text-transform: uppercase;
  line-height: 1;
  font-size: 28px;
}

#article > .intro {
  font-size: 13px;
  color: #12448e;
}

#article .image {
  float: right;
  margin: 0 0 20px 20px;
}

#trade-show-info {
  min-height: 350px;
  background: #00abed url(../images/trade-show-info.gif) repeat-y;
  color: #fff;
}

#trade-show-info h1 {
  font-size: 22px;
  margin:  20px;
}

#trade-show-info p {
  margin:  20px;
}

#trade-shows .row {
  margin-top: 11px;
  margin-left: 15px;
  width:568px;
}

#trade-shows .row.first-row {
  margin-top: 0;
}

#trade-shows .row .trade-show {
  width:182px;
}

#trade-shows .trade-show .date {
  color: #12448e;
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}

#trade-shows .trade-show .title {
  color: #12448e;
  font-weight: bold;
  font-size: 18px;
  margin: 0;
}

#trade-shows .trade-show .description {
  margin: 0;
  font-size: 12px;
}

#trade-shows .trade-show .description > p {
  margin: 0;
  padding: 0;
}

#trade-shows .trade-show .location {
  color: #555;
  font-weight: bold;
  font-size: 12px;
  margin: 0;
}

#trade-shows .trade-show .link {
  margin: 0;
  font-size: 12px;
}


#links .row {
  margin-top: 11px;
}

#links .row.first-row {
  margin-top: 0;
}

#links .link .title {
  color: #12448e;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}

#links .link .description {
  margin: 0;
}

#links .link .description p {
  margin: 0;
  padding: 0;
}

#sidebar-right #promo {
  color: #fff;
  position: relative;
  font-size: 12px;
  font-weight: bold;
  background: url(../images/promo.png) repeat-y;
}

#sidebar-right #promo p {
  margin: 15px;
}

#sidebar-right #promo a {
  color: #fff;
  font-size: 10px;
  font-weight: normal;
}

#touch {
  background: #000 url(../images/ipod_bg.png) repeat-y left;
  color: #fff;
  position: relative;
}

#touch a {
  color: #fff;
}

#touch #right {
}

#ipod_touch_image {
  overflow: visible;
  height: 0;
  margin-top:-191px;
  text-align: right;
	position: relative;
	z-index: 100;
}

#ipod_touch_image img {
	margin-right: 20px;
}

#touch h1 {
  font-size: 34px;
  font-weight: normal;
  color: #fff;
  margin: 20px 0 0;
  padding: 0 25px;
}

#touch h2 {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  margin: 0;
  padding: 0 25px;
}

#error {
  background: url(../images/error_page_bg.gif) repeat-x 0 top;
  margin: 0;
}

#answer-form {
  color: #fff;
}

#answer-form p,
#answer-form form {
  padding: 25px;
}

#answer-form form p {
  padding: 0;
}

#answer-form a {
  color: #fff;
}

#answer-form p {
  font-size: 1.3em;
	color: #00e0ff;
	font-weight: 100;
}

#answer-form p.form {
	color: #fff;
  font-size: 1.0em;
}

#error #header {
  min-height: 215px;
  background: url(../images/error_page_logo.png) no-repeat left top;
}

#error h1 {
  font-size: 2em;
  margin-top: 50px;
  text-transform: uppercase;
  color: #005dab;
}

#error h2 {
  font-size: 1.5em;
  margin-bottom: 0;
  color: #005dab;
}

#error .container > * {
  width: 650px;
}
#error .container > hr {
  width: auto;
}

#contact h1 {
  font-size: 26px;
  line-height: 26px;
  color: #0E4077;
  margin-bottom: 26px;
}