@charset "UTF-8";
/* Zyrik Creative Base File */

/* CSS Reset */
*{margin: 0; padding: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/* Global Styles */
html{height: 100%;}
body{font-size:62.5%; text-align:center; height: 100%; background:url(images/headerbg.png) top repeat-x; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, Helvetica, sans-serif;}
.clear{clear:both;}
a{outline:none; color: #d3881c; text-decoration: none;}
a:hover{text-decoration:underline;}

#wrapper{text-align:left; width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -255px;}

/* Header */
#header{ position:relative; height:266px;}
h1{height:54px; width:273px; background:url(images/erikakers-logo.png) no-repeat; text-indent:-9999px; position:absolute; top: 78px;}
h2.desc{ font-size:1.4em; position:absolute; top:140px; width: 400px; left: 5px; color: #666; font-weight: 300;}

.social_header{list-style:none; position:absolute; right:0; top: 8px;}
.social_header li{display: inline; padding-left: 5px;}

.menu{list-style:none; position:absolute; width: 450px; height: 150px; top: 78px; left: 500px;}
.menu li{float: left;}
.menu li a{display: block; width:225px; height:50px; text-indent: -9999px;}

.menu li.about a{background: url(images/about.png) top;}
.menu li.about a:hover{ background-position:center;}
.menu li.about a.current{ background-position:bottom;}

.menu li.links a{background: url(images/links.png) top;}
.menu li.links a:hover{ background-position:center;}
.menu li.links a.current{ background-position:bottom;}

.menu li.reader a{background: url(images/reader.png) top;}
.menu li.reader a:hover{ background-position:center;}
.menu li.reader a.current{ background-position:bottom;}

.menu li.photography a{background: url(images/photo.png) top;}
.menu li.photography a:hover{ background-position:center;}
.menu li.photography a.current{ background-position:bottom;}

.menu li.archives a{background: url(images/archives.png) top;}
.menu li.archives a:hover{ background-position:center;}
.menu li.archives a.current{ background-position:bottom;}

.menu li.something a{background: url(images/something.png) top;}
.menu li.something a:hover{ background-position:center;}
.menu li.something a.current{ background-position:bottom;}

.main_content{margin-top: 5px;}
.main_content p{font-size: 1.4em; line-height: 1.4em; padding: 5px 0; color: #636363;}

.main_left{ width:640px; float:left; margin-right: 20px;}
.main_left ol{padding: 2px 0; margin-left: 25px; list-style: lower-alpha;}
.main_left ol li{font-size: 1.3em; padding: 3px 0; color: #636363; line-height: 1.4em;}
.main_left ol ol{list-style: lower-roman;}
.main_left ol ol li{font-size: 1.0em;}
.main_left strong{font-weight: bold; color:#183c46;}
.main_left em{font-style: italic;}

.main_right{width: 300px; float:right;}

/* Main Post */

h2.title{font-size:2.6em; padding-bottom:8px; color: #d3881c; font-weight: 300; letter-spacing: -.02px;}
h3{font-size: 1.9em; font-family: "anivers-1","anivers-2"; color: #183c46; padding: 2px 0;}

.main_right h3{font-size: 1.2em;}

.post_left{float:left; width:52px; margin-top: 3px;}
.comment{background: url(images/comments.png) no-repeat; width: 52px; height: 35px; position: relative; margin-top: 5px;}
.comment_num a{color: #fff; text-align: center; position: relative; left: 20px; top: 6px; font-size: 1.3em; font-family: Arial;}

.sharing{background: url(images/sharing.png) no-repeat; width: 52px; height: 144px; margin-top: 15px;}
.sharing_list{padding-left: 29px; padding-top: 6px; list-style: none;}
.sharing_list li{padding-top: 6px;}

.post_right{float:left; width: 560px; margin-left: 15px; border-bottom: 3px solid #183c46; padding-bottom: 15px;}
.post_right ul{padding: 2px 0; list-style: circle; margin-left: 25px;}
.post_right ul li{font-size: 1.4em; padding: 3px 0; color: #636363; line-height: 1.4em;}
.post_right ol{padding: 2px 0; margin-left: 25px;}
.post_right ol li{font-size: 1.4em; padding: 3px 0; color: #636363; line-height: 1.4em;}
.post_right strong{font-weight: bold; color:#183c46;}
.post_right em{font-style: italic;}
blockquote{background: #f6f6f6; border: 1px solid #b9b9b9; padding: 0 7px; margin: 5px 10px;}


.delicious-posts{font-size: 1.4em; line-height: 1.3em;}
.delicious-posts ul li{padding: 3px;}

.idc-c-t-inner{font-size: 1.3em; line-height: 1.3em; color: #636363;}
#IDCommentsNewThreadListItem1{font-size: 1.1em;}
#idc-user_admin{font-size: 1.3em;}
#idc-sortLinks{font-size: 1.3;}
.idc-foot{display: none;}

#reader{padding-bottom: 5px;}
#reader h4{font-size: 1.5em;}
#reader .footnote{font-size: 1.0em;}

/* Sidebar */

.twitter_box{background:#ececec; border:1px solid #b9b9b9; border-top: 5px solid #183c46; width: 298px;}

.twitter{list-style: none; padding-left: 5px; padding-top: 5px;}
.twitter a{display: block; height: 47px; width: 175px; background:url(images/twitter_btn.png) top; text-indent:-9999px;}
.twitter a:hover{background-position: bottom;}

.twitter_updates{padding: 0 10px 10px 10px;}
.twitter_updates li{font-size: 1.3em; padding: 6px 0; color: #666; border-top: 1px solid #ccc; line-height: 1.3em;}

/* Footer */

.push{height: 255px;}
.footer{height: 255px; background:url(images/footerbg.png) repeat-x;} 
.footer_wrap{width: 960px; text-align: center; margin: 0 auto;}
.footer_content{text-align: left; padding-top: 30px;}

h4.about_footer{background: url(images/about_footer.png) no-repeat; width: 25px; height: 190px; text-indent: -9999px; float: left; margin-right: 10px;}
h4.itunes{background: url(images/itunes.png) no-repeat; width: 25px; height: 190px; text-indent: -9999px; float: left; margin-right: 10px;}
h4.friends{background: url(images/friends.png) no-repeat; width: 25px; height: 190px; text-indent: -9999px; float: left; margin-right: 10px;}
.footer_text{width: 200px; padding-right: 50px; font-size: 1.3em; color: #959595; line-height: 1.4em; float: left;}

.friends_text{width: 435px; font-size: 1.3em; color: #959595; line-height: 1.4em; float: left; margin-right: 10px;}
.friends_text a{float: left; padding-right: 6px; padding-bottom: 6px;}
.friends_text ul{list-style: none;}
.friends_text ul li{}

.footer_itunes{width: 160px; font-size: 1.2em; color: #959595; line-height: 1.2sem; float: left; text-align: center;}

.copyright{color: #a1a1a1; font-size: 1.2em; margin-top:6px;}

/* Date */
.postdate{width: 30px; height: 145px; padding-left: 14px;}
.month, .day, .year {text-indent: -9999px; background: url(images/date.png) no-repeat;}
.year{width: 30px; height: 55px;}
.day{width: 30px; height: 35px;}
.month{width: 30px; height: 55px;}

.m-01{background-position: 0 -90px;}
.m-02{background-position: -30px -90px;}
.m-03{background-position: -60px -90px;}
.m-04{background-position: -90px -90px;}
.m-05{background-position: -120px -90px;}
.m-06{background-position: -150px -90px;}
.m-07{background-position: -180px -90px;}
.m-08{background-position: -210px -90px;}
.m-09{background-position: -240px -90px;}
.m-10{background-position: -270px -90px;}
.m-11{background-position: -300px -90px;}
.m-12{background-position: -330px -90px;}

.d-01{background-position: 0 -55px;}
.d-02{background-position: -30px -55px;}
.d-03{background-position: -60px -55px;}
.d-04{background-position: -90px -55px;}
.d-05{background-position: -120px -55px;}
.d-06{background-position: -150px -55px;}
.d-07{background-position: -180px -55px;}
.d-08{background-position: -210px -55px;}
.d-09{background-position: -240px -55px;}
.d-10{background-position: -270px -55px;}
.d-11{background-position: -300px -55px;}
.d-12{background-position: -330px -55px;}
.d-13{background-position: -360px -55px;}
.d-14{background-position: -390px -55px;}
.d-15{background-position: -420px -55px;}
.d-16{background-position: -450px -55px;}
.d-17{background-position: -480px -55px;}
.d-18{background-position: -510px -55px;}
.d-19{background-position: -540px -55px;}
.d-20{background-position: -570px -55px;}
.d-21{background-position: -600px -55px;}
.d-22{background-position: -630px -55px;}
.d-23{background-position: -660px -55px;}
.d-24{background-position: -690px -55px;}
.d-25{background-position: -720px -55px;}
.d-26{background-position: -750px -55px;}
.d-27{background-position: -780px -55px;}
.d-28{background-position: -810px -55px;}
.d-29{background-position: -840px -55px;}
.d-30{background-position: -870px -55px;}
.d-31{background-position: -900px -55px;}

.y-2007{background-position: 0 0;}
.y-2008{background-position: -30px 0;}
.y-2009{background-position: -60px 0;}
.y-2010{background-position: -90px 0;}
.y-2011{background-position: -120px 0;}
.y-2012{background-position: -150px 0;}
.y-2013{background-position: -180px 0;}
.y-2014{background-position: -210px 0;}
.y-2015{background-position: -240px 0;}
.y-2016{background-position: -270px 0;}
.y-2017{background-position: -300px 0;}
.y-2018{background-position: -330px 0;}
.y-2019{background-position: -360px 0;}
.y-2020{background-position: -390px 0;}
.y-2021{background-position: -420px 0;}