/**********************************************************
 *                                                        *
 *                        GLOBAL RESET                    *
 *                                                        *
 **********************************************************/

*
{
	margin:                     0;
	padding:                    0;
}
 
html, body
{
  width:                      100%;
  height:                     100%;
  text-align:                 center;
}

body { overflow-y: scroll; }
 
/**********************************************************
 *                                                        *
 *                        STRUCTURE                       *
 *                                                        *
 **********************************************************/
 
body 
{
	background:                 #aaa;
}

div#top
{
	background:                 #fff;
}

div.wrapper
{
	position:                   relative;
  text-align:                 left;
  width:                      975px;
  margin:                     0 auto;
  padding:                    0;	
}

div#header
{
	background:                 #ffffff;
	padding:                    50px 0 0 0;
	text-align:                 center;
}

div#content
{
	background:                 #eeeeee;
	border:                     solid 1px #eeeeee;
	padding:                    15px 0 15px 0;
}

div#blog
{
	background:                 #eeeeee;
	border:                     solid 1px #eeeeee;
	padding:                    15px 0 15px 0;
}


/**********************************************************
 *                                                        * 
 *                        TYPOGRAPHY                      *
 *                                                        *
 **********************************************************/

body 
{
  font:                       15px/1.2em Arial, Helvetica, sans-serif;
  color:                      #222;  
}

a, a:link, a:active, a:visited, a:hover 
{
	color:                      #222;
  outline:                    none;
  text-decoration:            none;	
  border-bottom:              solid 1px #aaa;
}

a:hover
{
	color:                      #009400;
	border-bottom:              solid 2px #009400;
}

h1
{
	font-size:                  32px;
	line-height:                1.4em;
	font-weight:                normal;
	padding:                    12px 0 0 0;
	margin:                     0 0 22px 0;
	border-bottom:              solid 1px #c8c8c8;
}

h2
{
	font-size:                  24px;
	line-height:                1.4em;
	font-weight:                normal;
	padding:                    0 13px 4px 0;
}

p 
{
  line-height:                1.5em;
  cursor:                     default;
  text-align:                 left;
  padding-bottom:             10px;
  text-align:                 justify;
}

div#header p 
{ 
	text-align:                 center; 
	cursor:                     default;
	font-size:                  25px;
	padding:                    20px 0 20px 0;
	color:                      #333;
}

img 
{
  border:                     none;
}

td 
{
  vertical-align:             top;
}

ul 
{
  padding:                    0;
  margin:                     0;
  list-style-image:           url(../img/bullet.gif);
}

li
{
	margin:                     0 0 0 16px;
	padding:                    0 0 10px 0;
	line-height:                1.5em;
	text-align:                 justify;
}

/**********************************************************
 *                                                        * 
 *                         FOOTER                         *
 *                                                        *
 **********************************************************/
 
div.footer 
{
	background:                 #aaa;
	padding:                    40px 0 20px 0;
	color:                      #ffffff;
	text-align:                 center;
	font-size:                  12px;
}

div.footer p
{
	text-align:                 center;
	text-shadow:                #000 1px 1px 1px;
}

div#socials
{
	padding-left:               290px;
	height:                     30px;
}

a.social
{
	display:                    block;
	float:                      left;
	width:                      60px;
	height:                     30px;
	background:                 transparent url(../img/social.png) no-repeat 0 -31px;
	text-decoration:            none;
	border:                     none;
}

a.facebook { background-position: 0 -31px; }
a.facebook:hover { background-position: 0 0; }

a.delicious { background-position: -60px -31px; }
a.delicious:hover { background-position: -60px 0; }

a.twitter { background-position: -120px -31px; }
a.twitter:hover { background-position: -120px 0; }

a.stumbleupon { background-position: -180px -31px; }
a.stumbleupon:hover { background-position: -180px 0; }

a.google { background-position: -240px -31px; }
a.google:hover { background-position: -240px 0; }

a.linkedin { background-position: -300px -31px; }
a.linkedin:hover { background-position: -300px 0; }

a.mail { background-position: -360px -31px; }
a.mail:hover { background-position: -360px 0; }

div#balloon
{
	position:                   absolute;
	top:                        10px;
	left:                       10px;
	height:                     30px;
}

div#balloon-left
{
	position:                   absolute;
	top:                        0;
	left:                       0;
	height:                     24px;
	width:                      6px;
	background:                 transparent url(../img/balloon.gif) no-repeat 0 0;
}

div#balloon-right
{
	position:                   relative;
	margin-left:                6px;
	height:                     21px;
	background:                 transparent url(../img/balloon.gif) no-repeat top right;
	color:                      #fff;
	font-size:                  12px;
	padding:                    3px 6px 0 0;
	text-shadow:                #888 1px 1px 1px;
}

div#balloon-arrow
{
	position:                   absolute;
	left:                       50%;
	top:                        24px;
	width:                      12px;
	height:                     6px;
	background:                 transparent url(../img/balloon.gif) no-repeat -7px -24px;
}


/**********************************************************
 *                                                        * 
 *                          MENU                          *
 *                                                        *
 **********************************************************/

div#menu
{
	background:                 #ffffff;
	height:                     148px;
}

div#menu div
{
	float:                      left;
	width:                      213px;
	text-align:                 left;
	padding:                    0 40px 0 0;
}

div#menu div.last
{
	padding:                    0 0 0 0;
}

div#menu p
{
	padding:                    2px 0 0 0;
	text-align:                 left;
}

div#menu h1
{
	font-size:                  30px;
	font-weight:                normal;
	text-decoration:            none;
	color:                      #222;
	cursor:                     pointer;
	padding:                    0;
	margin:                     0;
	border:                     none;
}

div#menu h1 span
{
	color:                      #888;
}

div#menu div.grey h1
{
	color:                      #aaa;
}

div#menu div.grey p
{
	color:                      #aaa;
}

div#menu div.hover h1
{
	color:                      #009400;
}

div#menu div.hover h1 span
{
	color:                      #009400;
}

div#menu div.hover p
{
	color:                      #222;
}

/**********************************************************
 *                                                        * 
 *                      TEAM PHOTOS                       *
 *                                                        *
 **********************************************************/

div.team-block
{
	position:                   relative;
	padding:                    0 0 0 120px;
}

div.team-block h2
{
	display:                    inline;
}
 
div.photo-frame
{
	position:                   absolute;
	left:                       0px;
	top:                        5px;
	width:                      100px;
	height:                     100px;
	background:                 transparent url(../img/photo-frame.gif) no-repeat 0 0;
}

img.photo
{
	position:                   absolute;
	left:                       5px;
	top:                        5px;
	width:                      90px;
	height:                     90px;
}

/**********************************************************
 *                                                        * 
 *                        A.BUTTON                        *
 *                                                        *
 **********************************************************/
 
a.button
{
  padding:                    2px 5px 3px 5px; 
  margin-right:               5px;
  text-decoration:            none;
  color:                      #fff;
  background-color:           #bbb; 
  -webkit-border-radius:      3px; 
  -khtml-border-radius:       3px; 
  -moz-border-radius:         3px; 
  border-radius:              3px;
  border:                     none;
}

a.button:hover
{
	background-color:           #888; 
}

/**********************************************************
 *                                                        * 
 *                        WHITEBOX                        *
 *                                                        *
 **********************************************************/
 
div.whitebox
{
	position:                   relative;
	background-color:           #fff;
  -webkit-border-radius:      3px; 
  -khtml-border-radius:       3px; 
  -moz-border-radius:         3px; 
  border-radius:              3px;	
  padding:                    12px 18px 8px 18px;
  color:                      #444;
}

div.whitebox h1
{
	border:                     none;
}

div.blog-item
{
	position:                   relative;
	border-top:                 solid 1px #aaa;
	padding:                    33px 0 20px 500px;
}
div.blog-item-first
{
	border-top:                 none;
}

div.blog-item-date
{
	position:                   absolute;
	left:                       0px;
	top:                        20px;	
	border-right:               dashed 1px #aaa;
	width:                      100px;
	height:                     70px;
}

div.blog-item-day
{
	font-size:                  30px;
	color:                      #888;
	text-align:                 center;
	padding:                    13px 0 10px 0;
}

div.blog-item-month
{
	color:                      #888;
	text-align:                 center;
}

div.blog-item-title
{
	position:                   absolute;
	left:                       125px;
	top:                        22px;
	color:                      #222;
	width:                      350px;
}

div.blog-item-title a
{
  text-decoration:            none;
  color:                      #222;
  font-size:                  30px;	
  line-height:                1.2em;
  border:                     none;
}

div.blog-item-title a span
{
	color:                      #888;
}

div.blog-item-title a:hover
{
	color:                      #009400;
}

div.blog-item-title a:hover span
{
	color:                      #009400;
}

/**********************************************************
 *                                                        * 
 *                          BLOG                          *
 *                                                        *
 **********************************************************/

div#blog h1
{
	font-size:                  80px;
	border:                     none;
	line-height:                1.0em;
	font-weight:                bold;
}

div#blog p.date
{
	font-size:                  20px;
	color:                      #888;
}

div#blog p.subtitle
{
	font-size:                  26px;
}

div#blog pre
{
	padding:                    0px 10px 11px 10px;
	font:                       14px/1.4em "Lucida Console", "Courier New", Courier, sans-serif;
	color:                      #000;
}

/***************************************************
 *                                                 *
 *                    LIGHTBOX                     *
 *                                                 *
 ***************************************************/

#shader {
	position:                   absolute;
	top:                        0;
	left:                       0;
	width:                      100%;
	height:                     100%;
	z-index:                    800;
	background-color:           #ffffff;
	-moz-opacity:               0.3;
	opacity:                    .30;
	filter:                     alpha(opacity=30);
}
#shader[id] {
	position:                   fixed;
}

#lightbox {
	display:                    none;
	position:                   absolute;
	top:                        0;
	left:                       0;
	z-index:                    801;
	width:                      100%;
	height:                     100%;
	background:                 transparent;
}
#lightbox[id] {
	position:                   fixed;
}

div#window 
{
  position:                   absolute;
  left:                       50%;
  width:                      720px;
  margin-left:                -360px;
  top:                        0;
  z-index:                    100;
  height:                     580px;
  background:                 #fff;
  border:                     solid 1px #aaa;
  text-align:                 left;
}



/* GESHI */

div.code
{
  background-color:           #fff;
  padding:                    5px 10px 5px 10px;
  margin-bottom:              16px;
  font:                       11px/1.4em "Lucida Console", "Courier New", Courier, sans-serif;
  border:                     solid 1px #aaa;
}