/**
 * Copyright (c) 2006, Albert Dias
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
 * 1) Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
 * 2) Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
 * 3) The name Albert Dias may not be used to endorse or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 * 
 * @author Albert Dias <albert.dias@gmail.com>
 * @version 1.0.x
 */

/**
 * Generic tag styles
 */

html
{
 height: 100%;
}

body
{
 background: #F6F6FA url("../Image/Generic/Background.gif") repeat-x top center;
 border: 0;
 color: #666;
 font-family: arial, sans-serif;
 font-size: 0.75em;
 height: 100%;
 margin: 0;
 padding: 0;
}

div
{
 border: 0;
 margin: 0;
 padding: 0;
}

img
{
 border: 0;
}

/**
 * Page styles
 */

div#Page
{
 background: #FFF;
 min-height: 100%;
 height: auto !important; /*Hack to override 100% height for user agents which support !important and min-height*/
 height: 100%;
 margin: 0 auto;
 padding: 0;
 width: 750px;
}

/**
 * Alert styles
 */

div#Alert
{
 background: #BD1D01;
 color: #F4BF68;
 /*\*/d\isplay: none;/*Hack to display an alert to IE5, NS4, Opera5 and Konqueror*/
 font-weight: bold;
 text-align: center;
 padding: 7px 0;
 width: 750px;
}

div#Alert a
{
 background: transparent;
 color: #FFF;
}

/**
 * Header styles
 */

div#Header
{
 background: #FFFFFF url("../Image/Generic/Header.gif") repeat-x top center;
 height: 119px;
 padding: 46px 50px 0 50px;
 width: 650px;
}

img#A
{
 background: transparent;
 color: #FFF;
 font-size: 70px;
 font-weight: bold;
 float: right;
 line-height: 30px;
 margin: -13px -3px 0 0;
}

ul#Navigation1
{
 list-style: none;
 margin: 0 0 0 -5px;
 padding: 0;
}

ul#Navigation1 li
{
 float: left;
}

ul#Navigation1 li a
{
 background: transparent url("../Image/Generic/CaretDown.gif") no-repeat center right;
 color: #333;
 display: block;
 margin: -5px 12px 0 0;
 padding: 5px 13px 7px 5px;
 text-decoration: none;
}

ul#Navigation1 li a:hover
{
 background: transparent url("../Image/Generic/CaretRightHighlighted.gif") no-repeat center right;
 color: #308FBF;
}

ul#Navigation1 ul
{
 display: none;
 float: left;
 margin: 18px 0 0 -5px;
 padding: 0;
 position: absolute;
}

ul#Navigation1 ul li
{
 clear: left;
 display: block;
 float: left;
 margin: 0;
 padding: 0;
}

ul#Navigation1 ul li a
{
 background: #FDFDFD;
 border-style: solid;
 border-color: #EEE #DDD #DDD #EEE;
 border-width: 1px;
 color: #999;
 display: block;
 margin: 0;
 padding: 4px 10px 4px 10px;
 width: 110px;
}

ul#Navigation1 ul li a:hover
{
 border-color: #07608C #BFEAFF #BFEAFF #07608C;
 border-color: #CCC #EEE #EEE #CCC;
 color: #000;
}

ul#Navigation1 li:hover ul ul,
ul#Navigation1 li:hover ul ul ul,
ul#Navigation1 li:hover ul ul ul ul,
ul#Navigation1 li:hover ul ul ul ul ul
{
 display                     : none;
}

ul#Navigation1 li:hover ul,
ul#Navigation1 ul li:hover ul,
ul#Navigation1 ul ul li:hover ul,
ul#Navigation1 ul ul ul li:hover ul,
ul#Navigation1 ul ul ul ul li:hover ul
{
 display                     : block;
}

/**
 * Auxiliary styles
 */

div#Auxiliary
{
 left: 750px;
 position: absolute;
 top: 0;
}

/**
 * Generic content styles
 */

div#Content
{
 background: #FFF;
 padding: 0 50px 50px 50px;
 width: 650px;
}

div#Content h1
{
 color: #308FBF;
 font-size: 1.85em;
 font-weight: normal;
 margin: 0;
 padding: 0 0 9px 0;
}

div#Content h1 a
{
 border: none;
 color: #308FBF;
 text-decoration: none;
}

div#Content h1 a:hover
{
 border: none;
 color: #000;
}

div#Content p
{
 color: #666;
 font-size: 1.1em;
 line-height: 1.7em;
 margin: 0;
 padding: 15px 0 0 0;
}

div#Content p.Error
{
 color: #FF9900;
}

div#Content a
{
 border-bottom: 1px dashed #308FBF;
 color: #333;
 text-decoration: none;
}

div#Content a:hover
{
 border-bottom: 1px solid #308FBF;
 color: #000;
}

div#Content ul.Links
{
 color: #1977A6;
 font-size: 1.10em;
 line-height: 1.7em;
 list-style: url("../Image/Generic/Link.gif") square;
 margin: 22px 0 0 18px;
 padding: 0;
}

div#Content ul.Links li
{
 margin: 13px 0 0 0;
 padding: 0;
}

div#Content ul.Links li a
{
 color: #1977A6;
 text-decoration: none;
}

div#Content ul.Links li a:hover
{
 color: #000;
}

div#Content ol.Bibliography
{
 color: #777;
 font-size: 1.10em;
 line-height: 1.7em;
 list-style: decimal outside;
 margin: 22px 0 0 18px !important; /*Hack to override Internet Explorer 6 alignment discrepancy*/
 margin: 22px 0 0 25px;
 padding: 0;
}

div#Content ol.Bibliography li
{
 margin: 0;
 padding: 0;
}

div#Content ol.Bibliography li a
{
 color: #777;
 text-decoration: none;
}

div#Content ol.Bibliography li a:hover
{
 color: #000;
}

div#Content img
{
 background-color: #F4F4F4;
 border: 1px solid #BBD378;
 clear: both;
 display: block;
 margin: 5px auto;
 padding: 1px;
}

div#Content img.Inline
{
 clear: none;
 display: inline;
 float: right;
 margin: 0 0 0 30px;
}

/**
 * Content metadata styles
 */

div#Content div.MetaData
{
 clear: both;
 color: #8FBA00;
 padding: 0 0 6px 0;
}

div#Content div.MetaData a
{
 border: none;
 color: #8FBA00;
 text-decoration: none;
}

div#Content div.MetaData a:hover
{
 color: #000;
}

div#Content div.MetaData p.Timestamp
{
 color: #8FBA00;
 float: right;
 font-size: 1.0em;
 line-height: 1.3em;
 margin: 0;
 padding: 0;
}

div#Content div.MetaData ul.Breadcrumb,
div#Content div.MetaData ul.Categories
{
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
}

div#Content div.MetaData ul.Breadcrumb li
{
 background: transparent url("../Image/Generic/CaretRight.gif") no-repeat center right;
 display: inline;
 margin: 0 3px 0 0;
 padding: 0 13px 0 0;
}

div#Content div.MetaData ul.Breadcrumb li.LastChild,
div#Content div.MetaData ul.Breadcrumb li:last-child,
div#Content div.MetaData ul.Categories li
{
 background: transparent;
 display: inline;
 padding: 0 7px 0 0;
}

/**
 * Content details styles
 */

div#Content div.Details
{
 color: #666;
 font-family: georgia, sans-serif;
 font-size: 0.9em;
}

div#Content div.Details div.MetaData
{
 display: table;
 font-size: 1.10em;
 line-height: 1.7em;
 padding: 15px 0 6px 0;
}

div#Content div.Details div.MetaData a
{
 border-bottom: 1px dashed #308FBF;
 color: #666;
}

div#Content div.Details div.MetaData dl
{
 display: table-row;
 margin: 0;
}

div#Content div.Details div.MetaData dt
{
 color: #777;
 display: table-cell;
 font-weight: bold;
 width: 120px;
}

div#Content div.Details div.MetaData dd
{
 color: #666;
 display: table-cell;
 margin: -20px 0 0 120px;
}

div#Content div.Details ul.Thumbnails
{
 display: block;
 height: auto;
 list-style-type: none;
 margin: 2px -57px -4px 0;
 padding: 0;
 width: 687px;
}

div#Content div.Details ul.Thumbnails li
{
 background: #FBFBF5 url("../Image/Generic/Thumbnail.gif") no-repeat top left;
 display: block;
 float: left;
 height: 144px;
 margin: 26px 27px 0 0;
 overflow: hidden;
 padding: 0;
 width: 143px;
}

div#Content div.Details ul.Thumbnails li a
{
 border: none;
 display: block;
 height: 78px;
 margin: 0;
 padding: 10px 10px 0 10px;
 width: 118px;
}

div#Content div.Details ul.Thumbnails li img
{
 background: #FFF;
 border-color: #CCC #E6E6E6 #E6E6E6 #CCC;
 border-style: solid;
 border-width: 1px;
 height: 78px;
 margin: 0;
 padding: 0;
 width: 118px;
}

div#Content div.Details ul.Thumbnails li p
{
 color: #666;
 font-size: 1.0em;
 line-height: 1.4em;
 margin: 0;
 padding: 0;
}

div#Content div.Details ul.Thumbnails li p a
{
 color: #666;
 display: block;
 height: 42px;
 padding: 9px 11px 0 11px;
 width: 118px;
}

hr
{
 background: transparent;
 border: none;
 clear: both;
 color: #FFF;
 display: block;
 height: 0;
 margin: -10px 0 -4px 0;
 padding: 0;
}

/**
 * Content social styles
 */

div#Content div.Social
{
 clear: both;
 color: #308FBF;
 padding: 25px 0 0 0;
}

div#Content div.Social a
{
 border: none;
 color: #308FBF;
 text-decoration: none;
}

div#Content div.Social a:hover
{
 color: #000;
}

div#Content div.Social p.Comments
{
 font-size: 1.0em;
 line-height: 1.3em;
 margin: 0;
 padding: 0;
}

div#Content div.Social ul.Actions
{
 display: inline;
 float: right;
 list-style: none;
 margin: 0;
 padding: 0;
}

div#Content div.Social ul.Actions li
{
 display: inline;
 padding: 0 0 0 7px;
}

/**
 * Article list styles
 */

ul#Articles
{
 list-style: none;
 margin: 0;
 padding: 0;
}

ul#Articles li
{
 border-bottom: 1px dashed #979C9F;
 margin: 0 0 30px 0;
 padding: 0 0 30px 0;
}

ul#Articles li.LastChild,
ul#Articles li:last-child
{
 border: none;
 margin: 0;
 padding: 0;
}

ul#Articles li li
{
 border: none;
}

/**
 * Comment styles
 */

div.Comment
{
 background: #FAFCFC;
 border: 1px solid #E0E0E0;
 font-family: georgia, serif;
 font-size: 0.9em;
 margin: 30px 0 0 0;
 padding: 26px 30px 28px 30px;
}

div.Comment b
{
 font-weight: normal;
}

div.Comment p
{
 color: #666;
 font-weight: normal;
}

div.Comment p.Author
{
 color: #8FBA00 !important;
 font-weight: normal;
 margin: 0 0 0 -5px;
 padding: 0 !important;
 font-size: 1.2em !important;
 font-weight: normal;
}

div.Comment p.Author span
{
 display: none;
}

div.Comment p.Author a
{
 background: transparent !important;
 border: none !important;
 color: #8FBA00 !important;
 text-decoration: none;
}

/**
 * Powered styles
 */

div#Powered
{
 clear: both;
 padding: 30px 0 0 0;
 text-align: right;
}

div#Powered a
{
 border: none;
}

div#Powered img
{
 background: transparent;
 border: none !important;
 display: inline;
 margin: 0;
 padding: 0;
}

/**
 * Form styles
 */

form
{
 margin: 0 -35px 0 0;
 padding: 15px 0 0 0;
}

form fieldset
{
 border: none;
 display: table-cell;
 margin: 0;
 padding: 10px 30px 0 0;
 width: 650px;
}

form fieldset label
{
 font-size: 1.1em;
}

form fieldset input,
form fieldset select
{
 color: #666;
 display: block;
 font-family: georgia, serif;
 font-size: 1.0em;
 margin: 5px 0 0 0;
 padding: 2px 3px;
 width: 639px;
}

form fieldset textarea
{
 color: #666;
 display: block;
 font-family: georgia, serif;
 font-size: 1.0em;
 height: 146px;
 margin: 5px 0 0 0;
 padding: 3px;
 width: 639px;
}

form input.Button
{
 background: #FAFCFC;
 border-color: #EEE #CCC #CCC #EEE;
 border-style: solid;
 border-width: 1px;
 color: #666;
 display: block;
 font-family: georgia, serif;
 font-size: 1.0em;
 margin: 25px 0 0 0;
 padding: 4px 0;
 width: 100px;
}

form em
{
 color: #FFD200;
 display: block;
 float: right;
 font-family: arial, sans-serif;
 font-size: 20px;
 font-style: normal;
 font-weight: bold;
 margin: 0 4px -14px 0;
}

form fieldset.OneThird
{
 width: 195px;
}

form fieldset.OneThird input.Text,
form fieldset.OneThird select,
form fieldset.OneThird textarea
{
 width: 180px;
}

form .Error label,
form .Error label em
{
 color: #FF9900 !important;
}

/**
 * Footer styles
 */

div#Footer
{
 border-top: 1px solid #EAEAEA;
 color: #777;
 font-size: 0.9em;
 padding: 45px 50px;
 width: 650px;
}

div#Footer a
{
 color: #777;
 text-decoration: none;
}

div#Footer a:hover
{
 color: #000;
}

div#Footer address
{
 font-style: normal;
}

ul#Navigation2
{
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
 float: right;
}

ul#Navigation2 li
{
 display: inline;
 padding: 0 0 0 7px;
}