body { color:#555; font-size: 16px; line-height: 22px; font-family:"proxima-nova", helvetica, arial, sans-serif; font-weight:300; background:url("/images/ice-bg.png") 0 0 repeat; }


div.container { max-width:960px; min-width:670px; width:auto; margin: auto; padding:0 20px; }

div.header { overflow:hidden; padding:20px 0 40px 0; position:relative; }
h1 { font-family: grandma, helvetica neue, helvetica, arial, sans-serif; font-size:40px; float:left; margin-top:57px; margin-left:-60px; line-height:34px; }
div.header img { float: left; }
div.header span.the { font-size:18px; font-family:"bello-pro", cursive; letter-spacing:-1px; font-weight:400; display:inline-block; margin-left:5px; }
div.header span.capitalize { display:inline-block; margin-top:-5px; }

div.header div.nav { position:absolute; right:0; bottom:35px; font-family:"grandma", helvetica neue, helvetica, arial, sans-serif;}
div.header div.nav a { margin-left:10px; display:block; min-width:55px; overflow:hidden; float:left; text-align:center; color:#6D6D6D; text-decoration:none; font-size:12px; font-weight:700; }
div.header div.nav a div { width:36px; height:0px; margin:auto; padding-top:36px; overflow:hidden; background-image:url("/images/icons.png"); background-repeat:no-repeat; }
div.header div.nav a.blog div { background-position:0 -36px; }
div.header div.nav a.about div { background-position: -36px -36px; }
div.header div.nav a.contact div { background-position: -72px -36px; }

div.header div.nav a:hover { color:#448DAD; }
div.header div.nav a.blog div:hover, div.header div.nav a.blog div.active { background-position:0 0px; }
div.header div.nav a.about div:hover, div.header div.nav a.about div.active { background-position: -36px 0px; }
div.header div.nav a.contact div:hover, div.header div.nav a.contact div.active { background-position: -72px 0px; }

div.body-wrapper { overflow:hidden; padding-top:5px; margin-top:-5px; }
div.about { margin-top:-25px; }

table.post-wrapper { float:left; width:80%; margin-bottom:30px; }
table.post-wrapper tr td { vertical-align:top; }
div.date-wrapper { padding:0 15px; }
div.date { width:68px; height:68px; margin:auto; padding-top:10px; background:url('/images/date-bg-blue.png') 0 0 no-repeat; color:#fff; text-align:center; line-height:20px; }
div.date span.month { font-size:16px; letter-spacing:1px; }
div.date span.day { font-size:32px; }
div.post { padding-right:15px; }
div.post h2 { padding-bottom:10px; margin-bottom:10px; font-family:"bello-pro", cursive, sans-serif; font-size:26px; font-weight:400; background:url("/images/dotted-bg.png") 0 bottom repeat-x; }
p.tags { font-size:11px; letter-spacing:1px; }
div.post img { margin:5px 0; padding:5px; border:1px solid #e6e6e6; width:100%; max-width: 643px; background-color:#fff; }

div.categories { float:right; width:130px; padding-top:10px; }
div.categories h3 { font-size: 14px; letter-spacing:3px; text-transform:uppercase; border-bottom:1px solid #777; }
div.categories ul li { padding:0 5px; border-bottom:1px dotted #e5e5e5; }
div.categories ul li.active { background-color:#F7FBFC; }
div.categories ul li a { color:#999; line-height:36px; text-transform:uppercase; font-size:12px; display:block; }
div.categories ul li a:hover { padding-left:12px; background:url('/images/heart-small.png') 0 14px no-repeat; color:#448DAD; }

div.buckets { overflow:hidden; background:url('/images/dotted-bg.png') 0 0 repeat-x; }
div.bucket { float:left; margin-right:3%; width:31%; }
div.bucket:last-child { margin-right:0; float:right; }
div.bucket h2 { color:#75B9D6; padding:25px 0 5px 0; font-size:24px; text-transform:uppercase; text-shadow: 0px 0px 0px #448DAD; font-family:"grandma", "helvetica neue", helvetica, arial, sans-serif; }

div.footer { clear:both; overflow:hidden; padding:10px 0; margin:20px 0px 0 0px; color:#999; font-size:11px; letter-spacing:1px; background:url('/images/dotted-bg.png') 0 0 repeat-x; }
div.footer ul { float:left; text-transform:uppercase; }
div.footer ul li { display:inline; margin-right:10px; }
div.footer ul li a { margin-right:10px; }
div.footer p { float:right; text-align:right; padding-bottom:0; }

p { padding-bottom:20px; }
a { color:#75B9D6; text-decoration:none; }
a:hover, a:active { color:#FFB35D; }
.capitalize { text-transform:uppercase; }
::selection { background: #FFB35D; /* Safari */ }
::-moz-selection { background: #FFB35D; /* Firefox */ }