body {scrollbar-face-color:#326232;
scrollbar-arrow-color:#2D4E2D;
scrollbar-track-color:#D4EAD1;
scrollbar-shadow-color:rgb(0,0,0);
scrollbar-highlight-color:rgb(0,0,0);
scrollbar-3dlight-color:#80A080;
scrollbar-darkshadow-Color:#204020;
-webkit-scrollbar { width: 3px; height: 3px;}
-webkit-scrollbar-button {  background-color: #666; }
-webkit-scrollbar-track {  background-color: #999;}
-webkit-scrollbar-track-piece { background-color: #ffffff;}
-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
-webkit-scrollbar-corner { background-color: #999;}
-webkit-resizer { background-color: #666;}
}

body {font-family: "OpenSansRegular", "Open Sans", Arial,Helvetica,sans-serif; font-size:18px; line-height:140%; color:#494949;background:#FAFFFA; text-align:center;}
img {border:0; max-width:100%}

h2 {font-size:22px; line-height:140%; font-weight:bold; margin:3px;}
a:link,a:visited{color:#5A5A5A; text-decoration:none}
a:hover,a:active{color:#5A5A5A; text-decoration:underline;}

#footer {margin-top:38px; margin-bottom:40px; font-size:14px;}
#header {margin-bottom:38px;}

#feeds {width:85%; margin:0 auto;}

.subtitle {font-size:14px; line-height:120%; color:grey; margin-bottom:20px;}

.feed {display:inline-block; max-width:400px; margin:20px; padding:10px 18px 10px 18px; text-decoration:none; border:1px solid #75DF90; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; background-color:#EFFBEF; -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset; }
.feed:hover{ border:1px solid #25AF50; background-color:#F5FEF5; -webkit-box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset; }

.error { margin:15px; padding:10px 18px 10px 18px; color:#93394E; background:#EEEEEE; border:1px solid #8A8A8D; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; box-shadow: 0px 2px 15px, inset 0px 0px 5px red; -webkit-box-shadow: 0 15px 10px -10px rgba(0.5, 0, 0, 0), 0 1px 4px rgba(0.3, 0, 0, 0), 0 0 10px rgba(0.1, 0, 0, 0) inset; -moz-box-shadow: 0 15px 10px -10px rgba(0.5, 0, 0, 0), 0 1px 4px rgba(0.3, 0, 0, 0), 0 0 10px rgba(0.1, 0, 0, 0) inset; box-shadow: 0 15px 10px -10px rgba(0.5, 0, 0, 0), 0 1px 4px rgba(0.3, 0, 0, 0), 0 0 10px rgba(0.1, 0, 0, 0) inset; }

.pic{ max-width:280px; height:250px; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; 
    overflow:hidden;
}