@charset "utf-8";
/*
    General CSS script for www.tomaskubes.net

    (c)2006-2008 Tomas Kubes
*/


/* ============================= G E N E R A L ============================== */
.tight
{
	margin-top:			0;
	margin-bottom:		0;
	padding-top:		0;
	padding-bottom:		0;
}


#image_cvut
{
    /*intended as an addition to main div*/
    
    background-repeat: 		no-repeat;
    background-position: 	top center;
    
    background-image:   	url("../images/logo_cvut.png");
}


#Education

{
    /*intended as an addition to main div*/
    
    background-repeat: 		no-repeat;
    background-position: 	center;
    background-image:   	url("../images/cvut_vse.png");
}


#Practical_Experience
{
    /*intended as an addition to main div*/
    
    background-repeat: 		no-repeat;
    background-position: 	top center;
    background-image:   	url("../images/cern_logo_bw.png");
}


#Selected_Publications

{
    /*intended as an addition to main div*/
    
    background-repeat: 		no-repeat;
    background-position: 	top center;
    background-image:   	url("../images/diplomka_bw_sm.png");
}

#wow-logo-background
{
    /*intended as an addition to main div*/
    
    background-repeat: 		no-repeat;
    background-position: 	top center;
    background-image:   	url("../images/wow-logo-background.png");
}





/* ============================== A N C H O R =============================== */
a
{
    color:              #575360;
    text-decoration:    none;
    font-weight:        bold;
}

a:hover
{
    color:              #b3acbf;
    text-decoration:    underline;
    font-weight:        bold;
}

/*
a:active
{
    color:              #0000FF;
    text-decoration:    underline;
    font-weight:        bold;
}
*/

a:visited
{
	/* lighter - less visible */
    color:              #797582;
    font-weight:        bold;
}

/*
a:visited:hover
{
    color:              #0000FF;
    text-decoration:    underline;
    font-weight:        bold;
}
*/



/* ================================ B O D Y ================================= */
body
{
    /*background-repeat: no-repeat;*/
    /*background-position: center top;*/

    /*background-image:   url("../images/wall2.jpg");*/
    /*background-color:   #e0e0e0;*/

	background-image:   url("../images/background_paper2.png");
	background-color:   #f4f4e8;
	/* 244 242 232 -> 224 222 212, 230 228 218, 236 234 224*/
	background-attachment: fixed;


    color:              black;
    font-family:        Verdana, Tahoma, Arial, sans-serif;
    font-size:          80%;

	/*
    margin-left:        2em;
    margin-right:       2em;
	*/
	
	margin:				0;
	padding:			0;
	
    /*text-align:         justify;*/

}




/* ================================== D I V ================================= */
div.main
{
    width:              780px;
    margin:             0px auto;
    padding:			0;
    padding-left:		2em;
    padding-right:		2em;
    float:              none;
}

div.main#tight_center
{
    width:              500px;
/*    margin:             0px auto;
    padding:			0;
    padding-left:		2em;
    padding-right:		2em;
    float:              none;*/
}


/*
div#about_me
{
    height :            420px;
}
*/


div#footer
{
    width:              780px;
    /*width:              100%;*/
    margin:             3em auto;
    margin-top:         6em;
    float:              none;
    
    border-top:			1px solid #767582;
    border-bottom:		1px solid #767582;
}

div#outer_tree
{
    background-repeat: no-repeat;
    background-position: top left;
    background-image:   url("../images/tree.gif");
	background-attachment: fixed;
	
	margin:				0;
	
	/*necessary here for correct drawing, the top might fall below header margin otherwise,
	  tiny own padding will force the div to cover whole page. */
	padding:			1px;	
	
}

div#outer_photo
{
    background-repeat: no-repeat;
    background-position: top left;
    background-image:   url("../images/photo.png");
	background-attachment: fixed;
	
	margin:				0;
	
	/*necessary here for correct drawing, the top might fall below the header margin otherwise,
	  tiny own padding will force the div to cover whole page. */
	padding:			1px;	
	
}


div#iceland
{
    background-repeat: no-repeat;
    background-position: center;
    background-image:   url("../images/iceland_background.png");
	background-attachment: fixed;
	
	margin:				0;
	
	/*necessary here for correct drawing, the top might fall below the header margin otherwise,
	  tiny own padding will force the div to cover whole page. */
	padding:			1px;	
	
}


div.image_scroll_box
{
    width:              780px;
    height:				700px;
    margin:             1em auto;
    padding:         	0;
    float:              none;
    
    border:				1px solid #767582;
    overflow-x:			scroll;
    overflow-y:			hidden;
}


/* used to center images in blog*/
div.center
{
    /*margin:             0em auto;*/
    text-align:     	center;
}


/* ==================================== H =================================== */
h1
{
    color:          #767582;
    text-align:     center;
    font-size:      150%;
}

h1#page_title
{
    color:          #767582;
    text-align:     center;
    font-size:      200%;
    margin:         2em;
}


h2
{
    color:          #767582;
    margin-top:     2em;
    margin-bottom:  1em;
    text-align:     left;
    font-size:      130%;
}

#Curriculum_Vitae h2.hr
{
	border-bottom:	1px solid #767582;
}

#iceland h2
{
	border-bottom:	1px solid #767582;
}

h2.center
{
    text-align:     center;
    margin-top:     2em;
    margin-bottom:  2em;
}


h3
{
    margin-top:     2em;
    margin-bottom:  0.5em;
    /*margin-left:    2em;*/
    text-align:     left;
    font-size:      115%;
}


h4
{
    text-align:     left;
    font-size:      100%;
    margin-top:     1em;
    margin-bottom:  0.5em;
}



/* =============================== I M A G E ================================ */
img
{
    border-width:   0px;
    margin:         0px;
}

img.right,div.right
{
    margin-left:    1em;
    margin-bottom:  0.3em;    
    margin-top:	  0.3em;
    float:          right;
}

img.left,div.left
{
    margin-right:   1em;
    margin-bottom:  0.3em; 
    float:          left;
}

img#portrait
{
    border: 1px solid #767582;
}



/* ==================================== P =================================== */
p
{
    text-align:     justify;
    margin-top:		0em;
    margin-bottom:  1em;

}


p.center
{
    text-align:     center;
}

p.tight
{
    margin-top:     0.5em;
    margin-bottom:  0.5em;
}

p.caption
{
    margin-top:     0.5em;
    margin-bottom:  0em;
    text-align:     center;
    font-style:     italic;    
}

p#back
{
    text-align:     center;
    margin-top:     6em;
    margin-bottom:  0em;
}

p#valid
{
    text-align:     center;
    margin-top:     3em;
    margin-bottom:  0em;
}

p.separator
{
    text-align:     center;
    margin-top:     2em;
    margin-bottom:  2em;
}

p.footer
{
    text-align:     center;
    font-size:      85%;

    margin:         3em;
}




/* =============================== T A B L E ================================ */
table
{
	border:			0 none;
	margin:			0;
	padding:		0;
	border-collapse:collapse;
}

td
{
    vertical-align: top;
}

td.content
{
    text-align:     justify;
    padding-left:	0.5em;
    padding-bottom:	0.5em;
}

table.item_list td.item
{
    text-align:     left;
    font-weight:    bold;
	width:			8em;    
}

/* special cases of TD.item and TD.content*/
table.item_list#Selected_Publications td.item,table.item_list#Computer_Skills td.item
{
    font-weight:    normal;
}

table.item_list#Personal_Data td.content
{
	/* tight line spacing */
    padding-bottom:	0;
}

table.item_list#Language_Skills td.content
{
	/* tight line spacing */
    padding-bottom:	0;
}


table.dated_list td.start_date
{
    text-align:     left;
	width:			4em;    
}

table.dated_list td.date
{
    text-align:     left;
	width:			8em;    
}

table.dated_list td.end_date
{
    text-align:     left;
	width:			4em;    
}

/* panorama logo */
table#panorama_logo
{
	margin:			0em auto;
	margin-bottom:	4em;
}

table#panorama_logo td
{
	padding:		0;
	margin:			0;
	padding-left:	1em;
	padding-right:	1em;
	text-align:		center;
	vertical-align: middle;
    color:          #0c2a7c;
    font-weight:    bold;    
}