/*
	Defines the style of HTML Output. To be used in conjunction with `../lib/webpreview.sh`.
	
	In Flux: http://macromates.com/wiki/Suggestions/StylingHTMLOutput
	
	I'm not sure whether all the styles should really go in here or if we leave the css in the bundles and include them dynamically. I've copied all things here to make it easier for me mostly while experimenting.
	— Soryu
*/

/* =================== */
/* = General Styling = */
/* =================== */
@import "default.css";
body {
	margin: 0;
	padding: 0;
	color: #888888;
	background: #FFFFFF;
	line-height:1.6em;
	font: 14px "LucidaGrande","Trebuchet MS", Helvetica, sans-serif;
}
/* Layout */
#page-wrap{
    background-color: black;
    min-width: 780px;
    max-width: 1260px;
    margin: 10px auto;
    width:expression(document.body.clientWidth < 782? "780px" :
                     document.body.clientWidth > 1262? "1260px" : "auto");
    }

    #page-wrap #inside {
        margin: 10px 10px 0px 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

#zoneV
    { 
    width:                                  150px;
    float:                                  left;
    padding-left:                           25px;
    padding-top:                            200px;
    color:                                  #BBBBBB;
    background-color:                       black;
}
#menu
    {float:                                 right;
     background-color:                      #222222;
     display:                               inline;
}
#menu ul
   {margin-top:                             10px;
    padding:                                0;
    background-color:                       #222222;
}

#menulinks 
    {margin:                                 1em 1em 1em 1em;
}

#menulinks ul  
    {margin:                                 0;
     padding:                                0;
}

#menulinks a 
    {position:                               relative;
     display:                                block;
     width:                                  9em;
     padding:                                0.25em ;
     color:                                  #111111;
     background:                             #666666;
     text-align:                             center;
     text-indent:                            0.2em;
     margin-top:                             0.25em;
     margin-bottom:                          0.25em;
     text-decoration:                        none;
    }

#menulinks li 
    {list-style:                             none;
     text-align:                             center;
 }

#menulinks  li a 
    {color:                                 #BBBBBB;
    font-size:                              110%;
    text-align:                             center;
    }

#menulinks a:hover 
    {color:                                 #111111;
     background:                            #AAAAAA;
    text-decoration:                        none;
    }
#menulinks li#encours
{   font-size:                              110%;
    color:                                  darkgray;
    text-align:                             center;
    padding:                                 0.25em ;
}
#tm_webpreview_header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 2;
	color: #FFFFFF;
	font-size: 200%;
}
#tm_webpreview_header #gradient {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;

	margin: 0;
	padding: 0;
	width: 100%;
	height: 2.6em;
}
#tm_webpreview_header .headline {
	position: absolute; 
	top: 0.5em;
	left: 5em;
	z-index: 3;
	margin: 0;


}
#tm_webpreview_header #teaser {
	position: absolute;
	top:  0px;
	right: 0px;
	z-index: 3;

	margin: 0;
	padding: 0;
	height: 2.4em;
	width: 2.4em;
}
#tm_webpreview_header .from-one {
	position: absolute;
	top: 1em;
	left: 26em;
	z-index: 3;
	color: rgba(255,255,255,0.5);
	font-size: 8pt;
	font-weight: light;
}
#tm_webpreview_header .from-two {
	position: absolute;
	top: 2em;
	left: 26em;
	z-index: 3;
	color: rgba(255,255,255,0.5);
	font-size: 8pt;
	font-weight: light;
}
#tm_webpreview_footer .type {
	position: absolute;
	right: 8em;
	z-index: 3;
	color: rgba(255,255,255,0.5);
	font-size: 8pt;
	font-weight: light;
} 
#tm_webpreview_header #icon {
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 3;

	margin: 0;
	padding: 0;
	height: 2.4em;
	width: 2.4em;
}


#tm_webpreview_footer {
	position: fixed;
	bottom: 0px;

	width: 100%;
	height: 1.6em;

	margin: 0;
	padding: 0.3em 2em 0 2em;

	color: #777;
	background: #292929;
	text-shadow: #000 1px 3px 3px;
	font-size: 8pt;  
	border-top: 2px solid #000;
}
#tm_webpreview_footer p {
	margin: 0;
	padding: 0;
}

#tm_webpreview_content { 
	float:left;
	width:100%   
	padding: 2em 2em 2em 2em;
	margin-top: 10em; 
	font-size: 12pt; 

}



h1 {
/*	font-family: "LucidaGrande";*/
	font-weight: bolder;
}

h4 {
	font-style: italic;
	margin-top: 1ex;
	margin-bottom: 1ex;
}

#corps
    {   
    padding-left:                           200px;
    padding-top:                            60px;
    margin-right:                           5%;
    margin-bottom:                          4em;
    color:                                  #999999;
    background-color:                       black;
}

#corps ul 
    {margin-top:                             0.2em;
     margin-left:                            30px;
}

#corps a:link ,visited
    {color:                                  #A39A8F;
/*     text-decoration:                        none;*/
}
#corps a:hover 
    {color:                                  #1d1917;
      text-decoration:                       none;
      background-color:                      #A39A8F;
}

a img 
    {border:                                 none;
	}
#corps h1 
    { font-style:         normal;
      font-weight:        normal;
      font-size:          18px;
      line-height:        20px;
      text-align:         center;
      margin-bottom:      30px;
      color:              #CCCCCC;
}

#corps h2 
    { font-style:                   normal;
      font-weight:                  normal;
      font-size:                    14px;
      margin-top:                   18px;
      margin-bottom:                12px;
      color:                        #CCCCCC;
}

#corps p 
    {color:                                  #888888;
     margin:                                 0.1em ;
     text-align:                             justify;
     margin-bottom: 3px;
}
#corps p.title 
    {font-size:                              11px;
     text-align:                             center;
}



/* ================================= */
/* = Common Stuff for all Commands = */
/* ================================= */

.night {
  background-color:black;
  color:#ccc;
}

.night h1 {
	color: #fff;
	text-shadow:  #0c122c 3px 3px 5px;
}

.night h2 {
	text-shadow:  #0c122c 3px 3px 5px;
}

.night h3 {
	text-shadow:  #0c122c 3px 3px 5px;
}

/* ----------------------------------------------------------------------- */
/* table download*/
table
{
           border-collapse: collapse;
width : 100%;
}


td
{
   color      : white;
   padding    : .2em;
   text-align : left;
   font-size  : 8px;
/* font-weight: bold; */
}

.shortcut{
	width : 6em;
 text-align: right;   
    color: #FFA824; } 
.def{
	 text-align: left;   
}
	 
.group{
    font-size : 120%;
    color     : #FFA824;
    width     : 250px;  
}
 
.empty-line
{
           margin-top: 4px;
}
.empty-lines
{
           margin-top: 12px;
}