/* 
 ------------------------------
 Patti Bao 
 Version:March 2012
 ------------------------------
*/

/* Global */
 html {margin:0; padding:0;}
 body {margin:0; padding:0; font:62.5%/1.4 "Lucida Grande", Arial, Verdana, sans-serif; background:#fff; vertical-align:baseline;}
 body, div, section, nav, img.stretch {box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
 
 nav {display:none; margin:20px 0 0 0; text-align:center; font-size:1.4em; text-transform:uppercase;}
 nav a, nav a:link, nav a:visited {color:#000;}
 
 #container {width:100%; max-width:1140px; min-width:600px; margin:0 auto; overflow:hidden;}
 .col {display:block; float:left; margin:30px 0 0 0; padding:0;}
 .col.left {width:25%; padding-left:40px; background:#fff url(../images/bg_left.jpg) 0 0 no-repeat;}
 .col.middle {width:50%;}
 .col.right {width:25%;}
 .col.middle, .col.right {background:#fff url(../images/bg_strip.jpg) 0 0 repeat-x;}
 .bgRight {display:block; float:right; width:30px; height:280px; background:#fff url(../images/bg_right.jpg) 0 0 no-repeat;}
 .bgRightEdge {display:block; float:right; width:30px; height:280px; background:#fff url(../images/bg_end.jpg) 0 0 no-repeat;}
 

 section {margin:150px 20px 20px 20px;}
 article {border-top:1px dotted #ccc; padding:20px 0;}
 article:hover {border-top:1px solid #f4d500;}
 article:first-of-type {border-top:none; padding-top:0;}
 .col.left section {margin-top:0px;}
 .col.left section h1 {margin-top:20px;}
 .col.left p {padding-right:20px;}
 section img.self {width:90%;}
 .email p {margin:0; padding:5px; color:#fff;}
 
 p,li {font-size:1.2em; line-height:1.5em; color:#777;}
 p,ul,ol,dl,blockquote,pre {margin-bottom:1.0em;}
 a, a:link, a:visited {color:#777; text-decoration:none;}
 .col:hover a, .col:hover a:link {color:#4371BC;}
 .col:hover a:visited {color:#365B96;}
 .col:hover a:hover {text-decoration:underline;}/*558ECE;}*/
 span.amp {font-family:Baskerville, Palatino, "Book Antiqua", serif; font-style:italic;}
 article p.pub {display:block; padding-left:30px; background:url(../images/bullet_pdf.gif) 0 0 no-repeat;}
 article p.pub a, .col.middle:hover p.pub a {color:#fff;}
 .col article:hover p.pub:hover a,  .col article:hover p.pub a:link {color:#4371BC;}
 
 p.boxout {background:#eee; margin-left:-5px;}
 p.boxout a {font-weight:bold; display:block; padding:15px;}
 p.boxout:hover {background:#ddd;}

 h1 {font-size:2.6em; font-family:'Crete Round', serif; font-style:italic; font-weight:400; color:#423f37; margin-bottom:0.2em;}
 h2, h2 a {font-size:2em; font-family:'Crete Round', serif; font-style:italic; font-weight:400; color:#423f37; margin-bottom:0.8em; padding-top:50px; text-shadow:0 1px 0 #eee;}
 h3,h5 {font-size:1.4em; font-family:"Lucida Grande", Arial, sans-serif; font-weight:normal; text-transform:none; color:#423f37; margin-bottom:0.4em;text-shadow:1px 1px 0 #eee;}
 nav {font-size:1.6em; font-family:'Oswald', sans-serif; font-weight:300; color:#222; margin-bottom:0.3em; text-transform:uppercase; letter-spacing:1px; text-shadow:0 0 0 #eee;}
 h4 {font-size:1.2em; color:#666;margin-top:0; margin-bottom:0.8em;}
 h5 {text-shadow:none;}

 hr {border:none; height:1px; background:#ccc; margin:2em 0; clear:both;}
 img {border:0; padding:0;}
 img.rotator {margin-left:7px; padding:4px; width:170px; height:106px; background-color:#fff; border:1px solid #ddd;}
  
   
/* Lists */ 
 aside ul {list-style-type:none; margin:20px 0 0 0; padding:5px; text-align:left;}
 aside ul h5 {margin:0 0 5px 0; padding:5px 0; color:#423f37; }
 .col:hover aside ul h5 {background-color:#fff;}
 aside ul li {list-style-type:none; margin:0;}
 aside ul li a, aside ul li a:link {margin:0; padding:2px 0 0 0; display:block; font-weight:bold;}
 
 .pin-item {margin:0; padding:10px 0 0 0; text-indent:-2em; padding-left:2em;}
 .pin-item p {margin:0; padding:0;}
 .pin-tag {display:none;}
 .pin-item a, .pin-item a:link {text-decoration:none;}
 .col:hover a.pin-title:hover {text-decoration:none;}
 .pin-description {font-size:0.9em;font-style:italic; }
 .pin-title:before {content:"☞  "; color:#666; padding-right:.5em;}
 .pin-item:hover a:before {color:#d1b30a;}

/* Mobile and small browsers */
@media print, screen and (min-device-width:320px) and (max-device-width:480px), (max-width:800px) {

 body {font-size:120%; -webkit-text-size-adjust:auto;}	
 body, #container {width:100%; min-width:480px; margin-left:0px; margin-right:0px; padding-left:0; padding-right:0;}
 
 .col, .col.left, .col.middle, .col.right {width:auto; float:none; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
 section {padding-left:40px;}
 .col.middle, .col.right {background:none;}
 .bgRightEdge {display:none;}
 
 section {margin-top:40px; border-top:3px solid #f4d31a;}
 .col.left section {margin-top:0; border-top:0;} 
 
 nav {display:block; margin:0; text-align:center; font-size:2em; text-transform:uppercase;}
 nav a, nav a:link, nav a:visited {width:100%; color:#fff; display:block; padding:10px 0; background-color:#f4d31a; border-bottom:1px solid #fff;}
 nav a:hover {background-color:#000;}
}

@media only screen and (min-width:321px) and (max-width:800px), (max-device-width:480px) and (orientation:landscape) {
 img.self {max-width:200px; padding-top:20px; padding-left:20px; padding-bottom:20px; float:right;} 
}

/* When no hover... */
@media only screen and (max-device-width:480px), (device-width:768px) {
 a, a:link {color:#4371BC;}
 a:visited {color:#365B96;}
 a:hover {color:#000;}  
}