/*
_______________________________
Desktop version layout */

/* eleminate spacing bug in Firefox */
img {display: block; border: 0;}
    
/* default link styles */
a {text-decoration: inherit; font-style: inherit; color: inherit;}
a:link {border: none; text-decoration: none; font-style: normal; color: #83a8cc;}
a:visited {border: none; text-decoration: none; font-style: normal; color: #6a88a5;}
a:hover {border: none; text-decoration: underline; font-style: normal; color: #83a8cc;}

/* 
TYPOGRAPHY
------------------------------------------------ */
/* default document text */

body {font-family: Verdana, sans-serif; font-size: 11px; font-weight: normal; line-height: 1.75; color: #fff; background-color: #27272b;}

/* header text size */
h1, h2, h3, h4, h5 {font-weight: bold; line-height: default; color: inherit;}
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}

/* 
HEADER
------------------------------------------------ */
#header {height: 70px; margin: 0 0 20px 0;}
#header h2 {margin-bottom: 0;}
#header h5 {margin-top: 0;}

/* 
MAIN
------------------------------------------------ */
.section {padding: 10px 0 0 0;}
.section top {padding-top: 0;}
.section h4 {border-bottom: 1px solid #555;}
.section p#profile {line-height: 1.8; padding-right: 8px;}
.section .vaio {margin-bottom: 20px;} /* correction for no Fancybox */

/* icon */
#icon {padding-top: 15px;}
#icon img {margin: auto; border: 1px solid #555;}

/* 
LISTS
------------------------------------------------ */
dt {font-size: 16px; margin: 0 0 10px 0;}
dd.banner a.fancybox img {margin-bottom: 2px;}
dd.banner a.fancybox span {display: block; margin-bottom: 0 0 20px 0; text-align: right; font-size: 10px; font-style: italic; color: #6a88a5;}
dd.banner a.fancybox span:hover {color: #83a8cc;}
dd p {margin: 0 0 8px 0; line-height: 1.7;}
dd.description, dd.role {margin: 0 0 8px 0;}
dd.last {margin: 0 0 60px 0;}
dd.last.list-bottom {margin-bottom: 50px;}

/* 
404
------------------------------------------------ */
body.error-page .highway img {margin: 0px auto; border: 1px solid #555;}
body.error-page p.lost {margin: 15px auto 0 auto; padding-bottom: 40px; text-align: center;}

/* 
FOOTER
------------------------------------------------ */
#footer {height: 35px; padding-bottom: 20px; border-top: 1px solid #555;}
#footer p.copyright, p.lost-highway {padding-top: 12px; color: #999;}

/* 
UTILITY
------------------------------------------------ */
.hidden {display: none;}





/*
_______________________________
Mobile version - preset code from cssgrid.net */

@media handheld, only screen and (max-width: 767px) {

	.examplecontainer {}

	body {}
	
}


/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/

}