/*
## layout.css - Contains style for page layout
*/

/* Normalizes margin and padding */
* { 
  margin: 0;
  padding: 0;
}

/* Normalizes article content elements */
#content p,
#leftColumn p,
#rightColumn p,
#content dl.fileObject,
#content .image-box,
#article ol,
#article ul,
#rightColumn ul,
#content .flashContent,
#content .mediaPlayer,
#content .user-table,
#content .bordered-user-table,
#content .outlined-user-table,
#content .outlined-horizontal-user-table,
#content .horizontal-user-table,
#content .outlined-vertical-user-table,
#content .vertical-user-table,
#content .user-box,
#content form {
  margin-bottom: 10px;
}

img, fieldset {
  border: 0;
}

a {
  text-decoration:none;
  color:#cc0000;
}

a:hover {
  text-decoration:underline;
}

a.readmore {
 margin:0; padding:0;
}

.article ul, .article ol {
  padding-left: 20px;
}

a.logoLink {
  position:absolute;
  top:10px;
  left:10px;
  text-indent:-9999px;
  display:block;
  height:70px;
  width:420px;
}

body {
  font: 62.5% Arial, Helvetica, sans-serif;
  color:#333;
  background:#ccc;
}

body.error404 {
  background:#fff;
}

h1, 
h2, 
h3, 
h4,
h5, 
h6 {
  font-weight:normal;
  font-size:1em;
  clear:both;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color:#333;
}

h1 a:hover, 
h2 a:hover, 
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color:#cc0000;
}

img {
  display: block;
}

/********************
## Framework style ##
********************/
#wrapper {
  margin: 0 auto;
  width: 903px;
  background:url(../GFX/fakeColumn.gif) repeat-y;
}
.error404 #wrapper {
  padding:20px;
  background:none;
}

#header {
  height: 106px;
  margin:0 3px 0 1px;
  position:relative;
}

.headerTop { 
  height:21px;
  background:url(../GFX/cornersTop.gif) bottom no-repeat #ccc;
}

.cornerBottom {
  height:12px;
  background:url(../GFX/cornersBottom.gif) no-repeat;
}

#breadcrumbs {
  position:absolute;
  bottom:5px;
  left:25px;
  font-size:1.2em;
}

#main {
  background:url(../GFX/cornersTop.gif) top no-repeat;
  padding-top:18px;
  position:relative;
}

#leftColumn {
  float:left;
  width:165px;
  margin-left:16px;
  min-height:50px;
  height:auto!important;
  heigt:50px;
}

#rightColumn {
  position:absolute;
  right:18px;
  width:165px;
  top:77px;
}

.frontpage #rightColumn {
  top:290px;
}

#mainColumn {
  float:left;
  width:470px;
  margin-left:20px;
  min-height:300px;
  height:300px;
  padding-bottom:70px;
  height:auto!important;
  position:relative;
}

#footer {
  background:url(../GFX/cornersBottom.gif) bottom no-repeat;
  font-size:1.2em;
  line-height:40px;
  text-align:center;
}

#footer {
  color:#cc0000;
}

/******************
## COMMON STYLES ##
******************/

div.box {
  background:#f2f2f2;
  border:1px solid #ccc;
  padding:10px 10px 0;
  margin:0 0 10px;
}

#focus {
  background:#cc0000;
  height:189px;
  margin:0 3px 0 1px;
  color:#fff;
  padding:30px 0 0 40px;
  margin-bottom:20px;
  font-size:1.4em;
}

#focus h1 {
  margin-bottom:20px;
  font-size:1.4em;
}

#focus ul {
  width:400px;
}

#focus ul li {
  list-style:none;
  margin-bottom:8px;
  float:left;
  width:190px;
}

#focus ul li.clear {
  margin-right:20px;
}

#focus ul a {
  text-decoration:underline;
  color:#fff;
}

#focus ul a:hover {
  text-decoration:none;
}

/*****************
## SOCIAL MEDIA ##
*****************/

#articleExtra {
  position:absolute;
  bottom:25px;
  right:0;
}

#articleExtra li {
  list-style:none;
  float:left;
  margin-right:5px;
}

#articleExtra .socialMedia a,
#articleExtra .tipAfriend a,
#articleExtra .printerFriendly a { 
  height:16px; 
  width:16px; 
  text-indent:-9999px; 
  display:block; 
}

#articleExtra .tipAfriend a { background:url(../GFX/email.png) no-repeat; }
#articleExtra .printerFriendly a { background:url(../GFX/printer.png) no-repeat; }

#articleExtra #facebook { background:url(../GFX/facebook.png) no-repeat; }
#articleExtra #twitter { background:url(../GFX/twitter.png) no-repeat; }
#articleExtra #digg { background:url(../GFX/digg.png) no-repeat; }
#articleExtra #delicious { background:url(../GFX/delicious.png) no-repeat; }
#articleExtra #stumble { background:url(../GFX/stumble.png) no-repeat; }
#articleExtra #myspace { background:url(../GFX/myspace.png) no-repeat; }

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
#content {
  font-size:1.4em;
}

.frontpage #leftColumn,
#rightColumn {
  font-size:1.2em;
}

.summary,
.article p.text,
.article {
  margin-bottom:20px;
}

#leftColumn h1,
#leftColumn h2,
#rightColumn h1,
#rightColumn h2 {
  font-size:1.2em;
  margin-bottom:5px;
}

#content .summary h1,
#content .summary h2  {
  font-size:1.4em;
  margin-bottom:5px;
}

#content .article h1 {
  margin:0 0 15px;
  font-size:1.6em;
}

#content .article h2,
#content .article h3,
#content .article h4,
#content .article h5,
#content .article h6 {
  font-weight:bold;
}

#content .article h2 {
  font-size:1.4em;
}

#content .article h3 {
  font-size:1.2em;
}

#content .article h4 {
  font-size:1em;
}

#content .article .text {
  font-weight:bold;
}

#content .summary p.text,
#leftColumn .text,
#rightColumn .text {
  margin-bottom:0;
}

#content .summary a.image {
  float:left;
  width: 160px;
  margin-right: 10px;
}

#content .summary a > p.text {
  float:left;
  width:200px;
}

#leftColumn .summary img,
#rightColumn .summary img {
  margin:0 0 10px;
}

.frontpage #rightColumn ul li {
  list-style:none;
  margin-bottom:5px;
}

/***********************
## FORMS -form -input ##
***********************/

.box input {
  margin-bottom:5px;
  font-size:1.2em;
}

.box input.block {
  width:133px;
  padding:2px;
}

.box form,
.box form .button,
.box form fieldset {
  margin-bottom:0;
}

#searchForm {
  position:absolute;
  right:20px;
  width: 230px;
  bottom:5px;
}

#searchForm input { 
  float:left;
  font-size:1.2em;
  margin:0;
  }

#searchForm label {
  visibility:hidden;
  display:none;
}

#searchForm .query {
  width: 150px;
  margin-right:10px;
  padding:2px;
}

fieldset#tipAfriend {
  padding:10px;
  background:#000;
}

#tipsForm label { 
  display:block; 
  clear:left;
  margin:0 0 5px;
  position:relative;
  background:#fff;
}

#tipsForm label input { 
  position:absolute;
  top:0;
  right:0;
}
#content form fieldset fieldset {
  border:0;
  margin:0 0 10px;
  padding:5px 0 0;
}

#content form span.radio {
  clear:both;
  display:block;
}

/*****************
## IDIUM FOOTER ##
*****************/

.idium {
  margin: 10px auto;
  width: 175px;
}

.idium a:hover,
.idium a:active {
  text-decoration: none;
}

.idium,
.idium a {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #898989;
  text-transform: uppercase;
  text-decoration: none;
}

.idium img {
  float: left;
  margin-top: -3px;
}

.idium span {
  font-family: Century Gothic,Verdana,Arial,helvetica,sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: -8px 0 0;
  padding: 0 0 0 6px;
  text-transform: lowercase;
  word-spacing: 3px;
  color: #000;
}

/*************
## CLEARFIX ##
*************/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }
/* End hide from IE-mac */

/* ************ */
/* IDIUM FOOTER*/
/* ************ */
.idiumfooter {
  clear:both;
  position:relative;
  width:900px;
  margin:0 auto;
}
.idiumfooter a {
  display:block;
  left:720px;
  top:15px;
}
.idiumfooter a:hover {
  text-decoration:none;
}
.idiumfooter *{
  position:absolute;
}
.idiumfooter a span {
  top:7px;
  left:80px;
  font-size:90%;
  color:#444;
}