/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
            color: #3D3D3D;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 24px;
            background: url("../images/bg.jpg");
            min-width: 600px; /* for title text */
	}
        .hidden {
            display: none;
        }

        .header {
            background: url("../img/topstrip_San_Francisco.jpg") no-repeat scroll center top #ccc;
            border-image: url("../img/border.png") 5 repeat;
            -moz-border-image: url("../img/border.png") 5 repeat;
            -webkit-border-image: url("../img/border.png") 5 repeat;
            -o-border-image: url("../img/border.png") 5 repeat;
            border-style: solid;
            border-width: 0 0 5px;
            height: 245px;
        }
        .header .row {
            height: 150px;
            background: transparent;
        }
        .header .logo {
            /*height: 300px;*/
            /*min-width: 300px;*/
        }
        .header .logo h1, .header .logo h2 {
            color: #FFFFFF;
            font-family: 'Titan One',cursive;
            font-size: 2em;
            letter-spacing: 0.25em;
            line-height: .5em;
        }
        .header .logo a, .header .logo a:link, .header .logo a:visited {
            color: #fff;
            text-decoration: none;
        }
        .header .logo a:hover{
            -webkit-box-shadow: 0px 0px 4px #ccc;
            text-shadow: 0px 0px 4px #ccc;
        }
        .header .logo h1 {
            margin: 80px 0 0 80px;
        }
        .header .logo h1:first-letter {
            font-size: 4em;
            vertical-align: top;
        }
        .header .logo h2 {
            margin-left: 145px;
            margin-top: 0px;
        }
        .row {
            background: url("../img/bg_row.png") transparent;
        }
        .footer {
            background: #666;
            border-image: url("../img/border.png") 5 repeat;
            -moz-border-image: url("../img/border.png") 5 repeat;
            -webkit-border-image: url("../img/border.png") 5 repeat;
            -o-border-image: url("../img/border.png") 5 repeat;
            border-style: solid;
            border-width: 5px 0 0 0;
        }
        .footerrow {
            background: #666;
        }
        .footer p {
            color: #fff;
            font-size: 1em !important;
        }
        
        .container a, .container a:link, .header .container a:visited {
            color: #000075;
            text-decoration: none;
        }
        .container a:hover {
            text-decoration: underline;
        }
        .container h2, .container p, .container ul {            
            font-size: 1.5em;
            line-height: 1.5em;
            padding: 20px;
        }
        
        .container h2 {
            font-size: 1.75em;
        }
        
        .container ul.note li {
            border: 2px solid #a5483f;
            -webkit-border-radius: 10px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
            border-radius: 10px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
            background: #fff;
            padding: 10px;
            margin-bottom: 20px;
            list-style: none;
        }
        
        /* social plugins */
        div.fb-comments {
            padding: 0 20px;
        }
        
        /* www links */
        .container ul.www {
            font-size: 1.25em;
            margin: 0px;
            padding: 0 20px;
        }
        .container ul.www li {
            list-style: none;
        }
        .container ul.www li ul {
            margin: 0;
            padding: 10px 0;
        }
        .container ul.www li ul li{
            font-size: .75em;
            height:48px;
            line-height: 48px;
            margin-bottom: 10px;
        }
        .container ul.www li ul li img {
            height: 48px;
            width: 48px;
            vertical-align: top;
            margin-right: 10px;
            -webkit-border-radius: 5px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
            border-radius: 5px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
        }
        img.facebook {
            background: url("../img/social_icon.png") 0 0 no-repeat;
        }
        img.googleplus {
            background: url("../img/social_icon.png") -48px 0 no-repeat;
        }
        img.linkedin {
            background: url("../img/social_icon.png") -96px 0 no-repeat;
        }
	img.xing {
            background: url("../img/social_icon.png") -144px 0 no-repeat;
        }
        img.zotero {
            background: url("../img/social_icon.png") -192px 0 no-repeat;
        }
        img.picasa {
            background: url("../img/social_icon.png") -240px 0 no-repeat;
        }
        img.panoramio {
            background: url("../img/social_icon.png") -288px 0 no-repeat;
        }
        img.youtube {
            background: url("../img/social_icon.png") -336px 0 no-repeat;
        }
        img.lastfm {
            background: url("../img/social_icon.png") -384px 0 no-repeat;
        }
        img.github {
            background: url("../img/social_icon.png") -432px 0 no-repeat;
        }
        img.launchpad {
            background: url("../img/social_icon.png") -480px 0 no-repeat;
        }

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

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

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

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

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}