/********************************************\
  Name		  : StandardLayout.css
  Purpose	  : Controls the layout of the site
  Author	  : Bombus
  Date		  : 
  Modified  : 
  Supports  : [x] Internet Explorer 6, PC (standard complient mode)
			        [x] Internet Explorer 5, PC
			        [x] Internet Explorer 5, Mac (OS9) - Buggy when nested float:left...
			        [x] Netscape/Mozilla (Gecko) 6, PC
			        [x] Netscape, Mac
			        [ ] Opera, PC
			        [ ] Opera, Mac
\********************************************/




/********************************************\
                    GENERAL
\********************************************/


body {
	margin-top:		  0px;
	margin-bottom:  0px;
	margin-left:	  0px;
	margin-right:	  0px;
}

div.hr {
  margin-top:     8px;
  margin-bottom:  8px;
  margin-left:    0px;
  margin-right:   0px;
  height:         6px;
  background-image:   url(/img/layout/hr.gif);
  background-repeat:  repeat-x;
}

/* FIX: Older Browsers - remove css formatting */
div.hr hr {
  display: none;
}


div.hr-dotted {
  margin-top:     8px;
  margin-bottom:  8px;
  margin-left:    0px;
  margin-right:   0px;
  height:         1px;
  background-image:   url(/img/layout/hr-dotted.gif);
  background-repeat:  repeat-x;
}

/* FIX: Older Browsers - remove css formatting */
div.hr-dotted hr {
  display: none;
}




/********************************************\
        FRAMEWORK 
\********************************************/

div#mainframe {
 /* 800*600 */
 	margin-top:		        0px;
	margin-right:	        0px;
	margin-bottom:        0px;
	margin-left:	        0px;
	border-top-width:     2px;
	border-right-width:   2px;
  border-bottom-width:  2px;
  border-left-width:   	2px;
  padding-top:		      20px;
	padding-right:	      20px;
	padding-bottom:       20px;
	padding-left:	        20px;
	width:			          756px;    /* 800-0-0-2-2-20-20 */
	height:			          556px;    /* 600-0-0-2-2-20-20 */
/*  overflow:             hidden;*/		/* anru, fix Safari bug */
}

/* FIX: IE BOX SIZE */
* html div#mainframe {
	width:                756px;    /* Mac-IE - inner width */
	width /**/:           800px;    /* Win-IE - outer width */
	height:               556px;    /* Mac-IE - inner height */
	height /**/:          600px;    /* Win-IE - outer height */
}
/* END FIX */



/********************************************\
                HEADLINE SPECIFIC
\********************************************/


/* ARTICLE STYLES */

div#article-container {	
  margin-top:       10px;
  margin-bottom:    10px;
  margin-left:      10px;
  margin-right:     10px;
}


div#imagelist-left {
  margin-top:       0px;
  margin-bottom:    4px;
  margin-left:      0px;
  margin-right:     4px;
}

/* FIX: WIN-IE - fix the 3px bug (images) \*/ 
* html div#imagelist-left { /*margin-right: 7px;*/ } 
/* END FIX */


div#imagelist-right {
  margin-top:       0px;
  margin-bottom:    4px;
  margin-left:      4px;
  margin-right:     0px;
}

div#imagelist-center {
  margin-top:       4px;
  margin-bottom:    4px;
  margin-left:      0px;
  margin-right:     0px;
}

div#image-left {
  padding-top:      0px;
  padding-bottom:   4px;
  padding-left:     0px;
  padding-right:    4px;
}

/* FIX: WIN-IE - fix the 3px bug (images) \*/ 
* html div#image-left { } 
/* END FIX */


div#image-right {
  padding-top:      0px;
  padding-bottom:   4px;
  padding-left:     4px;
  padding-right:    0px;
}

div#image-center {
  padding-top:      4px;
  padding-bottom:   4px;
  padding-left:     0px;
  padding-right:    0px;
}

div#facts-left {
  margin-top:       0px;
  margin-bottom:    4px;
  margin-left:      0px;
  margin-right:     4px;
}

div#facts-right {
  margin-top:       0px;
  margin-bottom:    4px;
  margin-left:      4px;
  margin-right:     0px;
}

div#facts-center {
  margin-top:       4px;
  margin-bottom:    4px;
  margin-left:      0px;
  margin-right:     0px;
}

div#linklist {
  margin-top:       10px;
  margin-bottom:    0px;
  margin-left:      0px;
  margin-right:     0px;
}


/* PUSH STYLES */

div#push-container {	
  margin-top:       10px;
  margin-bottom:    10px;
  margin-left:      10px;
  margin-right:     10px;
}

div#pushimage-left {
  margin-top:       0px;
  margin-bottom:    0px;
  margin-left:      0px;
  margin-right:     6px;
}

/* FIX: WIN-IE - fix the 3px bug (images) \*/ 
* html div#pushimage-left { /*margin-right: 7px;*/ } 
/* END FIX */


div#pushimage-right {
  margin-top:       0px;
  margin-bottom:    0px;
  margin-left:      6px;
  margin-right:     0px;
}

div#pushimage-center {
  margin-top:       6px;
  margin-bottom:    0px;
  margin-left:      0px;
  margin-right:     0px;
}

/*****************************\
         WEB MODULES
\*****************************/

.btn {
    border-right: buttonhighlight 2px outset;
    padding-right: 5px;
    border-top: buttonhighlight 2px outset;
    padding-left: 5px;
    padding-bottom: 1px;
    border-left: buttonhighlight 2px outset;
    cursor: hand;
    padding-top: 1px;
    border-bottom: buttonhighlight 2px outset;
    height: 11px;
    text-align: center;
}

.btnNormal {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    cursor: hand;
    padding-top: 1px;
	border-right:buttonhighlight 2px outset;
	border-left: buttonhighlight 2px outset;
	border-top: buttonhighlight 2px outset;
	border-bottom: buttonhighlight 2px outset;
	font-weight: normal;
	margin: 0
}

/* Container for vote-chart */
div.vote-container {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
}


/* Container for webform reply message  */
div.webform-reply {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 0px;
}

