@charset "UTF-8";



/**

 * JYAML - Template Framework includes YAML for Joomla!

 *

 * All rights reserved. The JYAML project is a template to manage and

 * configure Joomla!-Templates with the YAML XHTML/CSS Framework

 * - http://www.yaml.de

 *

 * -----------------------------------------------------------------------------

 *

 * @version       $Id: screen.basemod.css 1115 2011-11-01 14:05:26Z hieblmedia $

 *

 * @author        Reinhard Hiebl

 * @copyright     Copyright (C) 2006-2011, Reinhard Hiebl, HieblMedia

 * @license       Creative Commons Attribution 3.0 Unported License

 *                  > http://www.jyaml.de/en/license-conditions.html

 * @link          http://www.jyaml.de

 * @package       JYAML

 * @subpackage    JYAML.Stylesheet

 *

 */



@media screen, projection

{

  /**

   * The following commented line parsed automaticly by the template for IE PNG-Fix

   * @see: http://www.jyaml.de/en/documentation/jyaml-4-joomla/programming-and-development/ie-adjustments.html

   *

   * Syntax: css-selector

   */

  /* @IEWORKAROUND_PNGFIX@ img, div, p, span, li @END@ */





  /**

   * Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera

   *

   * @workaround

   * @affected IE8, FF, Webkit, Opera

   * @css-for all

   * @valid CSS3

   */



  body { overflow-y:scroll; }



  /**

   * For global blow up the html tag to full viewport

   * (only required with the fullheight template)

   */



  html { height: 100%; padding: 0; }



  /**

   * ---------------------------------------------------------------------------- #

   *

   * Formatting basic layout elements

   */



  /* Marginal areas & page background */

  body {    padding: 0; 
            margin:0;
			background: url(../images/header.jpg) top center no-repeat;
         }



  /* Centering layout in old IE-versions */

  body { text-align:center; }

  .page_margins { text-align:center; margin:0 auto;
		 }



  /* Layout:width, background, borders */

  .page_margins {

    



    /**

     * The following commented line parsed automaticly by the template for IE min-/max-width workaround

     * @see: http://www.jyaml.de/en/documentation/jyaml-4-joomla/programming-and-development/ie-adjustments.html

     *

     * Syntax: css-selector|min-width|max-width|disabled-js-fallback-width

     * Possible units are px, em and %

     */

    /* @IEWORKAROUND_MINMAXWIDTH@ .page_margins|740px|80em|80em @END@ */

  }

  .page {  width: 1000px;
           text-align:center;
           position:relative;}



  #header {               
             height: 362px;               
             
			 text-align:center;

  }
  
  #header_content{
	         width:1000px;
			 text-align:left; 
			 position:relative; 
	  
  }



  #main {width: 1000px; text-align:left;}



  #footer {

        background: url(../images/footer.png);
        height: 130px;

  }

  #footer_content { 
  
             padding: 2px 10px 0 0; 	         
	         width:1000px;
			 text-align:left; 
			 position:relative;}







  /* Backup for correct positioning */

  #header, #nav, #main, #footer, #breadcrumbs,

  .clr { clear:both; }









  /* noscript formatting */

  noscript { display:block; overflow:hidden; width:auto; }

  noscript div { padding:5px 7px; border:3px solid #c30; margin:0 0 1em 0; background:#ffe4e4; }

  noscript.jswarn-global div { background:#FFFFCF; margin:0; border:0; border-top:6px solid #c30; border-bottom:6px solid #c30; }





  /**

   * ---------------------------------------------------------------------------- #

   *

   * Formatting content container

   *

   * |-------------------------------|

   * | #header                       |

   * |-------------------------------|

   * | #col1   | #col3     | #col2   |

   * | 25%     | flexible  | 25%     |

   * |-------------------------------|

   * | #footer                       |

   * |-------------------------------|

   *

   * Set here your default column values

   * Details see: {@section content-columns}

   */



  #col1 { display:none;
        }

  #col1_content { }



  #col2 { width:300px; float:right; }

  #col2_content { }



  #col3 { width:690px; margin:0  }

  #col3_content {  }







  /**

   * ---------------------------------------------------------------------------- #

   *

   * Column order layouts

   * Visual styling for the column ordering of #col1, #col2 and #col3



   * @require dynamic body css classes in html document (<body<?php echo $this->getBodyCssClass(); ?>>)

   * @section content-columns

   */





  /* Default edit form */

  form#adminForm fieldset { border:1px #ddd solid; background:#fafafa; margin:0 0 1em 0; padding:0.5em; }

  form#adminForm legend { font-size:125%; font-weight:normal; color:#000;}

  form#adminForm .formelm, form#adminForm .formelm-area { overflow: hidden; width: 100%; margin:0.5em 0; }

  form#adminForm label { display:block; cursor:pointer; float:left; width:30%; }

  form#adminForm .formelm-buttons { /* float: right; */ }



  /**

   * System Messages

   */

  #system-message-container { /* new in J1.7 */ }

  #system-message { margin:1em 0 0 0; padding:0; border:0; color:#000; }

  #system-message dt {

    /*font-weight:bold; margin:0; padding:1em 0 0 0; border:0; font-size:1.25em; */

    display:none; /* hide title text (Error, Notice, Warning, Message) */

  }

  #system-message dd { padding:1em; margin:0 0 1em 0; border:0;  }

  #system-message dd ul { margin:0; padding:0; border:0; }

  /* System standard messages */

  #system-message dd.message { border:3px solid #1566CC; background:#E6F2FF; }

  /* System error messages */

  #system-message dd.error { border:3px solid #c30; background:#ffe4e4;  }

  /* System warning messages */

  #system-message dd.warning { border:3px solid #c30; background:#ffe4e4;  }

  /* System notice messages */

  #system-message dd.notice { border:3px solid #ccc; background:#f9f9f9; }



}