/**
*
* @note                           css file for monitorthis.77elements.com
* 
* @appdef                             monitorThis
* @app-myapp-theme                    
* @app-myapp-used                     True
* @media                              screen
* @valid                              true
*                                     
* @author                             Alp Uçkan
* @version                            1.1
* @link                               http://monitorthis.77elements.com/
* @copyright                          Copyright(c) by Alp Uçkan
* @license                            
*                                     
* @date                               2010-14-10
* @lastmodified                       2010-14-10 15:57
*                                     
* @colordef                           rgb(0,0,0); Black; Text
* @colordef                           rgb(255,255,255); White; Background
*
*/

/**                                       
* @section                          Page Layout & HTML Elements
*/

body                                { font-family: 'Optima', 'Calibri', 'URW Gothic L', 'Tahoma', Arial, sans serif; }
#MightyContainer                    {  }

header,
#Content,
footer                              { width: 96%; padding: 0 2%; }

header,
#Content,
footer                              { width: auto; padding: 0 2%; margin-right: 180px; }

label                               { color: #778596; }


/**                                       
* @section                          'display: inline-block;'-based layout elements
*/

header h1,
header p,
#ResultsBar h2,
#ResultsBar #CountResults,
#ResultsBar #OutputFormat,
li.result .itemMeta .source,
li.result .itemMeta .published,
li.result .itemMeta .foundAt,
ul.pager li,
#XmlOutputFormats .xmlFormatsLabel,
#XmlOutputFormats .xmlFormats,
#XmlOutputFormats ul li,
#DisplayOptions #Filter,
#DisplayOptions #ResultsPerPage,
#DisplayOptions #ResultSortBy,
#SearchInput #SearchInputField,
#SearchInput #SubmitInputBtn,
#SearchOptions #InTitleC,
#SearchOptions #HasDesc,
nav ul li                           { display: -moz-inline-stack; /* <-- this is needed for Firefox2 to display inline blocks */ display: inline-block; vertical-align: top; height: 1%; }

/**                                       
* @section                          page header
*/

header                              { padding-top: .4375em; overflow: hidden; border-top: 5px solid #ba001c; }
header h1                           { width: 270px; height: 117px; margin: 0 1em 0 0; background: url(../../html/img/monitorthis-logo-270.png) repeat left top transparent; }
header p                            { width: 25em; line-height: 117px; }
header p.impressum                  { display: block; float: right; width: 12em; line-height: 117px; font-size: .75em; text-align: right; }


/**                                       
* @section                          Search Input & Submit, Search Options, XML Output Formats
*/

#counterImageContainer              { display:  none; }
form#SearchForm                     { margin: 2em 0 2em;  }

#SearchInput,
#SearchOptions,
#DisplayOptions                     { width: 100%; margin: 0 0 1em; line-height: 2; }

#SearchOptions                      { margin: 0 0 3em; overflow: hidden; }
#SearchOptions,
#SearchInput                        { text-align: center; }

#SearchInputField                   { padding-right: .125em; }
#SearchInputField input#q           { padding: .25em .4375em; font-size: 1.5em; outline: none; 
                                      border: 2px solid #778596; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;
                                    }
#SubmitInputBtn input#submit_btn    { padding: .25em .875em; font-size: 1.4em;
                                      color: #fff; 
                                      background: #ba001c;
                                      background: -webkit-gradient( linear, left bottom, left top, color-stop(0.1, rgb(105,0,18)), color-stop(0.72, rgb(171,2,30)), color-stop(0.86, rgb(186,0,28)) ); background: -moz-linear-gradient( center bottom, rgb(105,0,18) 10%, rgb(171,2,30) 72%, rgb(186,0,28) 86% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba001c', endColorstr='#690012');
                                      border: 2px solid #690012; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;
                                    }
#SubmitInputBtn input:active#submit_btn,
#SubmitInputBtn input:focus#submit_btn
                                    { 
                                    background: #690012;
                                    background: -webkit-gradient( linear, left bottom, left top, color-stop(0.1, rgb(186,0,28)), color-stop(0.26, rgb(171,2,30)), color-stop(0.86, rgb(105,0,18)) ); background: -moz-linear-gradient( center bottom, rgb(186,0,28) 10%, rgb(171,2,30) 26%, rgb(105,0,18) 86% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#690012', endColorstr='#ba001c'); }

#SearchInputField,
#SubmitInputBtn                     { line-height: 50px; }

#InTitleC                           { padding-right: 1em; }

#DisplayOptions #Filter,
#DisplayOptions #ResultsPerPage,
#DisplayOptions #ResultSortBy       { width: 32%; }
#DisplayOptions #ResultSortBy       { text-align: right; }
#DisplayOptions #ResultsPerPage     { text-align: center; }

nav,
nav ul                              { text-align: right; }
#XmlOutputFormats ul li a,
nav ul li a                         { display: block; padding: .4375em; text-decoration: none; }
#Content fieldset                   { padding: 0; overflow: hidden; }
#XmlOutputFormats .xmlFormatsLabel  { margin: 0; }

/**                                       
* @section                          Search Results
*/

#results                            { margin: 0 0 2em; }
#ResultsBar h2,
#ResultsBar #CountResults,
#ResultsBar #OutputFormat           { width: 32%; line-height: 34px; margin: 0; }
#ResultsBar #CountResults span,
#ResultsBar #OutputFormat p,
#ResultsBar #OutputFormat li        { line-height: 34px; }
#ResultsBar #OutputFormat           { text-align: right; }
#ResultsBar #CountResults           { text-align: center; }

li.result                           { margin: 0 0 2em; padding: 1em; }
li:hover.result                     { background-color: #efefef; }
li.result h3                        { font-size: 1em; line-height: 1.5; margin: 0 0 .4375em; }
li.result h3 .itemNum               { position: absolute; display: block; height: 0; line-height: 0; text-indent: -100%; }
li.result .itemMeta                 { font-size: .833em; color: #778596; }
li.result .itemDesc                 { width: 100%; overflow: hidden; }
li.result .itemDesc p               { margin: 0 0 .4375em; display: none; }
li.result .itemDesc p:first-child   { display: block; }
li.result .itemDesc img             { max-width: 150px; max-height: 250px; }
li.result .itemDesc img:first-child { float: left; margin: 0 .4375em .4375em 0; }


/**                                       
* @section                          Pager
*/

ul.pager                             { width: 100%; margin: 1em 0; text-align: center; }
ul.pager li                          { width: auto; margin-right: 1%; padding: 0.1em; }

/**                                       
* @section                          Footer
*/

footer                              { overflow: hidden; padding-bottom: 1em; border-bottom: 5px solid #778596; }