/* Document information
 *
 * Doc-Id:		PLv1
 * Note:		Stylesheet for site www.pekkalaitinen.com
 *
 * Website color code:
 * 		implemented in color1.css
 *
 * Created:		2007-07-02
 * Edited:		YYYY-MM-DD, "decription of change"
 * Author		Pekka Laitinen, mail@pekkalaitinen.com, www.pekkalaitinen.com
 * Copyright: 	Pekka Laitinen
 *
 */

/* Note: rememeber to spell 'grey' as 'gray' !!! */



@import url(color1.css);




body
{
	margin:40px;
	border:0px;
	padding:0px;

}

div.container
{
	width:700px;
	margin:0px;
	/*border:1px solid black;*/
	padding:0px;
}


/*
 * header 
 */
div.header
{
	margin:0px;
	border:0px;
	padding:20px;
}

h1.header
{
	text-align:center;
	
	Font-size : 36px;
	margin:0px;
	border:0px;
	padding:10px 0px 10px 0px;
}
a.header
{
	Text-decoration : none;
}

/*
 * navbar 
 */

div.navbar
{
	text-align:center;
	float:left;
	width : 100%;
	border-top:1px solid white;
    margin : 0px;
    padding-left : 0px;
    padding-right : 0px;
	Font-family : "Times New Roman", Times, serif;
}

a.navbar
{
	margin:10px 0px 10px 0px;
	padding:10px 0px 10px 0px;
	Text-decoration : none;
}

a.navbar_sel
{
	Text-decoration : none;
}
img.navbar
{
	margin:0px 10px 0px 0px;
}

span.navbar_space
{
	margin:0px 0px 0px 30px;
}

/*
 * columns
 */

div.content
{
	width:100%;
	margin:0px;
  text-align:left;
}

div.colCV
{
	width:100%;
}

div.column1
{
	float  : left;
	width  : 100%;
	margin : 0px;
	vertical-align : text-top;
}
div.column2
{
	float:right;
	width:50%;
	margin:0px;
}

h1
{
	Font-family : Times;
	Font-size : 24px;
	Text-align : center;
	border-bottom: 1px dotted;
}
h2
{
	Font-family : Times;
	Font-size : 16px;
	margin:10px 0px 0px 0px;	
}
p
{
	Font-family : Times;
	Font-size : 12px;
	margin:0px 0px 10px 0px;	
}


/*
 * box
 */

div.box
{
	float  : right;
	margin : 10px;
	border: 1px solid rgb(255, 153, 0);
	padding: 10px;
	Font-size : 12px;
}

a.box
{
	Text-decoration : none;
}

h2.box
{
	Font-size : 16px;
	margin:0px ;	
}

/*
 * image
 */

a.image
{
	float  : right;
	margin : 10px 20px 10px 0px;
	border: 1px solid gray;
	padding:0px;
}

div.img
{
	float:right;  
	margin : 10px 20px 10px 0px;
/*  border: 1px solid rgb(128, 0, 0);*/
	padding:0px;
}	
div.img img
{
  float:right;
  display: inline;
  margin: 1px;
  border: 1px solid rgb(255, 153, 0);  /* trick to get rid of blue link-border in IE */
}
div.img a:hover img
{
  border: 1px solid rgb(128, 0, 0);
}
div.desc
{
  float:right;
  text-align: right;
	Font-size : 12px;
	Font-family : Helvetica;
  color:gray;
  margin: 2px 10px 2px 10px;
}

/*
 * Footer
 */

div.footer
{
	width : 100%;
	margin : 0px 0px 0px 0px;
/*
	border-top: 2px solid;
  border-bottom: 2px solid;
	border-color:rgb(255, 153, 0);
*/
	padding-top : 10px;

	Float : left;

	text-align: center;
  vertical-align:bottom;
	Font-family : Helvetica;
}
p.footer
{
	Font-size : 12px;
}
a.footer
{
	Font-size : 18px;
	Text-decoration : none;
}