/*
 ################################
 #			  	#
 #          BASE CSS     	#
 #				#
 ################################
 */

 @import url(https://fonts.googleapis.com/css?family=Roboto:100,300);

 @media all {

 * { margin:0; padding:0; }

 /* untag next line for debugging only */
 /*  div { border: 1px solid #f2e; } */

 .clear-all { clear:both; display:block; margin:0; padding:0; height:0; line-height:0px; font-size:0px; }

 html,body { height:100%; padding:0; margin:0; }

 body { font:88%/1.6 Arial, Helvetica, sans-serif; background-color:#f3f8f9; color:#666; }

 #content a, #content a:hover, #content a:visited { color:#222; }

 a { text-decoration:none; }
 a:hover { text-decoration:underline; }

 ul#defaultNavigation  		 { margin:0 0 25px 0; padding:0; display:none; }
 ul#defaultNavigation li	 { display:inline; margin:0 6px; }
 ul#defaultNavigation li a	 { color:#444444; text-decoration:none; }
 ul#defaultNavigation li a:hover, ul#defaultNavigation li a.selected { color:#888888; text-decoration:underline; }

 #page { margin:0 auto; }
 #page .wrap { padding:0px; }

 #header, #content, #footer { padding:0; margin:0; }

 #header .wrap, #content .wrap, #footer .wrap { }

 #header { background-color:#5d7b95; } 
 #header .wrap { padding:0; width:1000px; margin:0 auto; }
 #content .wrap { padding:0; width:1000px; margin:0 auto; }
 #footer .wrap { padding:0; }

 #content .col { float:left; }
 #content .col div.wrap { margin:0 50px 0 0; padding:0 50px 0 0; border-right:1px dotted #ccc;  }
 #content p {  }

 h1 { font-family: 'Roboto', sans-serif; font-weight:100; font-size:4.0em; color:#e6eaeb; line-height:1.0em; margin:0; }
 h2 { font-family: 'Roboto', sans-serif; font-weight:300; font-size:1.3em; color:#e6eaeb; line-height:1.5em; margin:0; }

 #content h2 { color:#222; }
 img { border:0; vertical-align:middle; }

 ul { margin:0 0 0 35px; padding:0; font-size:0.85em; }

 .logo { float:left; width:310px; height:67px; background:url(../img/logo-default.png) no-repeat top right; text-decoration:none; }

 p.social a { color:#666; text-decoration:none; padding:8px 15px; background-color:#dbe4ec; margin-right:5px; }
 p.social img { margin-right:10px; }
 p.social a:hover { color:#222; background-color:#f2f5f4; }

 p.date { float:left; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; width:60px; text-decoration:none; padding:8px 5px; background-color:#fff; margin-right:15px; }

 .profile { display:inline-block; vertical-align:top; border-left:15px solid #e6eaeb; border-right:15px solid #e6eaeb; margin:0; }
 .info { display:inline-block; margin-left:50px; vertical-align:bottom; padding:0 0 20px 0; }
 .social { margin:80px 0 0 0; }

 }