/*
 * CSS style sheet for MHPv3.1
 * Revision: 20100727
 * Claudio M. Camacho <claudiomkd@gmail.com>    
 */



/*********************************** GLOBAL ***********************************/
body
{
    background-color:               #070707;
    margin:                         0;
    padding:                        0;
}

#frame
{
    line-height:                    1.4em;
    margin:                         0 auto;
    padding:                        0;
    width:                          990px;
}

h1
{
    color:                          white;
    text-align:                     center;
}

h2
{
    color:                          #eee;
    font-size:                      1.6em;
    margin:                         2em 2em 0.5em 0;
}

h2.subtitle
{
	font-size:			            small;
	margin:                         0;
	text-align:			            center;
}

h3
{
    background-color:               transparent;
    color:                          #ddd;
    margin-bottom:                  0.5em;
    margin-left:                    0.5em;
}

h4
{
    color:                          #ccc;
    font-size:                      1.2em;
    margin:                         0 0 0 2em;
}

h5
{
    color:                          #bbb;
    font-size:                      1em;
    margin:                         0 0 0 2em;
}

a
{
    /*color:                          #29b4ba;*/
    color:                          #73e3ea;
	text-decoration:	            none;
}

a:visited
{
    color:                          #578f90;
    text-decoration:                none;
}

a:hover
{
    color:                          #e1d65a;
	text-decoration:	            none;
}

a.wiki
{
    color:                          #72e893;
}

a.wiki:hover
{
    color:                          #e1d65a;
	text-decoration:	            none;
}

p
{
	margin:			                1em 2em 2em 3em;
	text-align:		                justify;
}

ul
{
    margin:                         0 2em 2em 2em;
}

ul.wide
{
    line-height:                    1.6em;
}

ul.wide li
{
    margin:                         1.6em 0;
}

ol
{
    line-height:                    1.5em;
    margin:                         0 0em 0 3em;
}

ol li
{
    margin:                         0;
}

img
{
	border:				            0;
}



/************************************ HEADER **********************************/
#header
{
    background:                     url('/files/bg.jpg');
    background-repeat:              no-repeat;
    border-bottom:                  1px solid #222;
    display:                        block;
    min-height:                     245px;
    text-align:                     center;
    width:                          990px;
}

#header h1
{
    color:                          white;
    font-family:                    monospace;
    font-size:                      3em;
    line-height:                    1em;
	margin:                         0 auto auto 1em;
    padding-top:                    2em;
	text-align:			            left;
    text-decoration:                none;
}

#header a:hover
{
    text-decoration:                none;
}

#header h2
{
    color:                          #e1d65a;
    font-size:                      1em;
    font-style:                     oblique;
	margin-left:                    2.5em;
    text-align:                     left;
}



/********************************** CONTENTS **********************************/
#content
{
    color:                          #ccc;
    text-align:                     justify;
    min-height:                     500px;
    width:                          700px;
}



/******************************  MENU SETTINGS  *******************************/
#navigator
{
    float:                          right;
    margin:                         260px 0em auto auto;
    padding-bottom:                 0.5em;
    padding-left:                   0.5em;
    width:                          220px;
}

#menu
{
    border-bottom:                  2px solid #222;
    border-collapse:                collapse;
    margin:                         0 auto;
    width:                          100%;
}

#menu .sec a
{
    color:                          #72e893;
    text-decoration:                none;
}

#menu .sec a:hover
{
    color:                          #e1d65a;
    text-decoration:                none;
}

#menu .secX a
{
    color:                          white;
    text-decoration:                none;
}

#labels
{
    border:                         2px solid #444;
    font-size:                      12px;
    line-height:                    2em;
    margin-bottom:                  2em;
    margin-right:                   1em;
    padding:                        0.5em;
    text-align:                     justify;

    /* CSS3 rounded corners */
    -moz-border-radius:             0.5em;
    -webkit-border-radius:          0.5em;
}

.selected_tag a
{
    color:                          white;
    font-weight:                    bolder;
    padding:                        1px;
}

#labels span.score1
{
    font-size:                      x-small;
}

#labels span.score2
{
    font-size:                      small;
}

#labels span.score3
{
    font-size:                      medium;
}

#labels span.score4
{
    font-size:                      large;
}

#labels span.score5
{
    font-size:                      x-large;
}

#links, #contact
{
    float:                          left;
    font-size:                      small;
    line-height:                    2em;
    margin-right:                   2em;
}

#links h4, #contact h4
{
    border-bottom:                  1px dotted #444;
    color:                          white;
    font-size:                      1.8em;
    margin:                         0.4em auto;
    text-align:                     left;
} 

#links p, #contact p
{
    margin-left:                    0;
    margin-top:                     0;
}

td.search
{
    text-align:                     right;
}

#search
{
    color:                          #aaa;
	background-color:	            #070707;
    overflow:       	            hidden;
}

#search input
{
	background-color:	            #070707;
    border:                         2px solid #444;
    color:                          #aaa;
    margin:                         0;
    padding:                        2px;
}



/*********************************** FOOTER ***********************************/
#mod
{
    background-image:               url('/files/bg.jpg');
    border-left:                    2px solid #888;
    border-right:                   2px solid #888;
    border-top:                     2px solid #888;
    color:                          #aaa;
    font-style:                     oblique;
    font-weight:                    bold;
    margin:                         2em auto 0 auto;
    padding:                        1em;
    text-align:                     center;
}



/********************************** ARTICLES **********************************/
.toc
{
	border:				            2px solid #444;
    font-size:                      small;
	margin:				            2em 2em 2em 2em;
    padding-bottom:                 0.5em;
	overflow:			            hidden;
    text-align:                     left;
	width:				            28em;

    /* CSS3 rounded corners */
    -moz-border-radius:             0.5em;
    -webkit-border-radius:          0.5em;
}

.toc h3
{
    background-color:               transparent;
	border-bottom:		            1px solid gray;
    color:                          #ddd;
    margin:                         1em 1em 0.5em 1em;
	text-align:			            left;
}

.toc li
{
    margin:                         0em 1em 0 -1em;
}

#expand
{
    color:                          #888;
    cursor:                         pointer;
    font-size:                      small;
    font-weight:                    normal;
}

#expand:hover
{
    text-decoration:                underline;
}

.expand_over
{
    color:                          black;
    font-size:                      small;
    font-weight:                    normal;
}

.toc ul
{
	margin:				            0;
	list-style-type:	            none;
}

.console
{
	background:			            #111;
	border:				            2px solid #444;
    color:                          green;
	font-family:		            monospace;
	margin:				            1em 3em 0 4em;
	padding:			            1em;
    overflow:       	            auto;
    text-align:                     left;
}

.console ul
{
	list-style-type:	            none;
	margin-left:		            -2em;
	margin-right:		            -2em;
}

span.prompt
{
    color:                          #4e9a06;
}

table.projects
{
    border:                         2px solid #444;
    border-collapse:                collapse;
    font-size:                      small;
    margin:                         0 auto;
    text-align:                     left;
    width:                          80%;
}

table.projects th
{
    min-width:                      8em;
    padding:                        0.5em;
    text-align:                     center;
}

table.projects td
{
    border:                         1px solid #444;
    padding:                        0.5em;
}

#references
{
    border:                         none;
    display:                        table;
    text-align:                     left;
}

.kernel
{
	list-style-type:	            none;
}

.more
{
	font-size:			            1.2em;
	font-weight:		            bolder;
	margin: 			            2em auto 2em auto;
	text-align:			            center;
}

th.qleft
{
	text-align:			            right;
}

th.qright
{
	padding-left:		            2em;
	text-align:			            left;
}

td.qleft
{
	font-size:			            small;
	font-weight:		            bold;
	text-align:			            right;
	vertical-align:		            top;
    width:                          12em;
}

td.qright
{
	padding-left:		            1em;
	text-align:			            left;
}



/************************************ BLOG ************************************/
div.blog
{
    display:                        block;
    margin:                         1em 0em 4em 1em;
}

div.blog p
{
    margin:                         1em 1em 2em 1em;
}

div.blog h3
{
    background-color:               transparent;
    color:                          #ddd;
    display:                        block;
    padding:                        2px;
    text-align:                     left;
}

div.blog h3 a
{
    background-color:               transparent;
    color:                          #ddd;
    text-decoration:                none;
}


div.blog h3 a:hover
{
    color:                          #e1d65a;
    text-decoration:                none;
}

.blog h4
{
    color:                          #ccc;
    margin-left:                    0.8em;
    margin-top:                     2em;
}

.blog h5
{
    color:                          #bbb;
    margin-left:                    1em;
    margin-top:                     2em;
}

div.date
{
    display:                        block;
    float:                          right;
    font-size:                      small;
    font-weight:                    bold;
}

#pager
{
    font-size:                      large;
    font-style:                     oblique;
    font-weight:                    bolder;
    margin:                         0 auto;
    width:                          100%;
}

#pager a
{
    color:                          white;
    text-decoration:                none;
}

#pager a:hover
{
    color:                          #e1d65a;
    text-decoration:                none;
}

#pager td.pleft
{
    text-align:                     left;
}

#pager td.pcenter
{
    text-align:                     center;
    width:                          100%;
}

#pager td.pright
{
    text-align:                     right;
}

.tags
{
    border-bottom:                  1px solid #444;
    border-right:                   1px solid #444;
    color:                          white;
    font-size:                      1.1em;
    margin-left:                    0.5em;
    text-align:                     left;
}



/*****************************	GALLERY SETTINGS  *****************************/
.photo
{
    border:                         6px solid white;

    /* CSS3 rounded corners */
    -moz-border-radius:             0.3em;
    -webkit-border-radius:          0.3em;
}

.photo:hover
{
    border:                         6px solid #e1d65a;
}

td.album
{
	margin:				            0 2em;
	vertical-align: 	            top;
	width:				            30%;
}

table.negativo
{
    color:                          white;
    margin:                         1em auto;
	text-align:			            center;
}

td.thumb
{
	padding:			            1em;
	text-align:			            center;
	width:				            20%;
}

td.thumb img
{
	border:				            6px solid white;
}

td.thumb img:hover
{
    border:                         6px solid #e1d65a;
}



/******************************** ERROR OUTPUT *******************************/
.fatal, .error, .warn, .info, .dbg
{
    margin-left:                    4em;
    margin-top:                     1em;
}

.fatal img, .error img, .warn img, .info img, .dbg img
{
	float:				            left;
	margin-right:		            1em;	
	position:			            relative;
}



/******************************* OTHER SETTINGS *******************************/
.withborder
{
    border:                         6px solid white;
    display:                        inline-block;
}

.caption
{
	display:			            block;
    font-size:                      small;
    margin:                         0.5em auto;
	text-align:			            center;
}

#daystogo
{
    color:                          #e1d65a;
    font-size:                      x-large;
    text-align:                     center;
}

table
{
	margin:				            0 2em;
	text-align:			            center;
}

.centered
{
	display:			            block;
    margin:                         0 auto;
	text-align:			            center;
}

#query
{
    margin-top:                     1em;
}

#query td
{
    width:                          auto;
}

.download
{
	border:				            2px solid #444;
    display:                        block;
	font-size:			            small;
	margin:				            1em 16em 1em 3em;
	min-height:			            64px;
	padding:			            1em;

    /* CSS3 rounded corners */
    -moz-border-radius:             0.5em;
    -webkit-border-radius:          0.5em;
}

.download img
{
	float:				            left;
	margin-right:		            1em;	
	position:			            relative;
}

.source
{
	background:			            #ddd;
	border:				            2px solid #444;
    color:                          black;
	font-family:		            monospace;
	margin:				            1em 4em 2em 4em;
	padding:			            0.5em;
    overflow:       	            auto;
    text-align:                     left;

    /* CSS3 rounded corners */
    -moz-border-radius:             0.5em;
    -webkit-border-radius:          0.5em;
}

.references
{
    text-align:                     left;
}

#iecenter
{

}

video
{
    border:                         1px solid white;
    display:                        block;
    margin:                         0 auto;
}



/************************************ EOF *************************************/