/*
Copyright © Allyson O'Keefe
Website designed by Allyson O'Keefe, powered by Wordpress, using the Starkers theme as a shell.
allyson@allysonokeefe.com
*/

/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

#wrapper{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
	padding-top:0px;
}

img{
	margin-bottom:10px;
	margin-right:200px;
}


p.post{
    margin-bottom:30px;
}






/*
     TYPOGRAPHY
*/

body{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:150%
}

p.tags a{
	color:#393;
}

a{
	color:#646464;
	text-decoration:none;
}
a:hover{
	color:black;
	text-decoration:underline;
}

h1{
	font-family:"Lucida Grande", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size:2.25em;
	font-weight:lighter;
	text-transform:uppercase;
	color:black;
	padding-top:7px;
	padding-bottom:8px;
}

h1 a{
	color:black;
	text-decoration:none;
	font-weight:lighter;
}

h1 a:hover{
	color:#646464;
	text-decoration:underline;
}

h1#page{
	font-family:"Lucida Grande", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size:2.25em;
	font-weight:lighter;
	text-transform:uppercase;
	color:gray;
	border-bottom:solid 1pt gray;
	margin-bottom:20px;
}

h1#search{
	font-family:"Lucida Grande", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size:2.25em;
	font-weight:lighter;
	text-transform:uppercase;
	color:black;
	border-bottom:solid 1pt black;
	margin-bottom:20px;
}

h2{
	font-family:"Lucida Grande", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size:1.25em;
	text-transform:uppercase;
	color:black;
	font-weight:lighter;
}

h2 a{
	color:black;
	text-decoration:none;
	font-weight:lighter;
}

h2 a:hover{
	color:#646464;
	text-decoration:underline;
}

#sidebar h2{
	border-bottom:1px solid black;
	padding-top:40px;
	padding-left:5px;
	padding-bottom:2px;
	margin-bottom:15px;
}

h3{
	font-family:"Lucida Grande", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	color:black;
	font-weight:lighter;
	padding-top:7px;
	padding-bottom:7px;
}

h3 a{
	color:black;
	text-decoration:none;
	font-weight:lighter;
}

h3 a:hover{
	color:#646464;
	text-decoration:underline;
}

h4{
	font-family:"Lucida Grande", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size:1.25em;
	text-transform:uppercase;
	color:gray;
	font-weight:lighter;
	border-bottom:1pt solid gray;
	margin-bottom:10px;
}

a{
}

#sidebar a{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#646464;
	text-decoration:none;
	padding-left:15px;
}

#sidebar a:hover{
	color:black;
	text-decoration:underline;
}





/*
     HEADER
*/
#header{
	height:165px;
}

h1#logo{
	width:999px;
	height:155px;
	background:url(http://allysonokeefe.com/wordpress_images/header.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#nav{
	width:1000px;
	background-color:#646464;
}

#nav ul{
	list-style-type:none;
	text-align:center;
	padding:0px;
	margin:0px;
}

#nav ul li{
	display:block;
	float:left;
	width:120px;
}

#nav ul li a{
	font-family:"Lucida Grande", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size:1.25em;
	font-weight:lighter;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	margin:0px;
	padding-top:7px;
	padding-bottom:7px;
    background-color:#646464;
	color:white;
	border-left:1px solid #646464;
	border-right:1px solid #646464;
	border-top:1px solid #646464;
	display:block;
}

#nav ul li a:hover{
	color:#646464;
	background-color:white;
}

#nav ul li#box{
	width:280px;
	background-color:#646464;
	color:#646464;
	padding-top:7px;
	padding-bottom:7px;
	margin:0px;
	border-top:1px solid #646464;
	font-family:"Lucida Grande", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size:1.25em;
	font-weight:lighter;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}




/*
     CONTENT
*/
#main{
	float:left;
	width:615px;
	padding-top:60px;
}

#content{
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
}

#searchresults{
	border:solid 1pt #CCC;
	padding: 10px;
	margin-bottom:20px;
}






/*
     SIDEBAR
*/
#sidebar{
	float:right;
	width:300px;
	padding-top:25px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}





/*
     COMMENTS
*/
ol.commentlist{
}

ol.commentlist li{
	border:solid 1pt #CCC;
	padding: 10px;
	margin-bottom:20px;
}





/*
     FOOTER
*/
#footer{
	height:96px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background:url(http://allysonokeefe.com/wordpress_images/footer.png);
	background-repeat:no-repeat;
	clear:both;
}

p.footer{
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:6pt;
	color:#646464;
	text-align:center;
	line-height:250%;
}

#footer a{
	text-decoration:none;
	color:black;
}

#footer a:hover{
	text-decoration:underline;
	color:#646464;
}





/*
     DATE
*/
.postdate {
  position: relative;
  width: 70px;
  height: 50px;
  float: left;
  border-right:2px solid #646464;
  margin-right:7px;
}
.month, .day, .year {
  position: absolute;
  text-indent: -1000em;
  background-image:url(http://allysonokeefe.com/wordpress_images/dates.png);
  background-repeat: no-repeat;
}

.day { top: 7px; left: 6px; width: 42px; height: 28px;}
.month { top: 31px; left: 5px; width: 42px; height: 20px;}
.year { bottom: 0; right: 0; width: 28px; height: 48px;}

.m-01 { background-position: 0 -6px;}
.m-02 { background-position: 0 -37px;}
.m-03 { background-position: 0 -68px;}
.m-04 { background-position: 0 -98px;}
.m-05 { background-position: 0 -128px;}
.m-06 { background-position: 0 -160px;}
.m-07 { background-position: 0 -190px;}
.m-08 { background-position: 0 -222px;}
.m-09 { background-position: 0 -254px;}
.m-10 { background-position: 0 -284px;}
.m-11 { background-position: 0 -315px;}
.m-12 { background-position: 0 -346px;}

.d-01 { background-position: -56px 0;}
.d-02 { background-position: -56px -35px;}
.d-03 { background-position: -56px -71px;}
.d-04 { background-position: -56px -107px;}
.d-05 { background-position: -56px -143px;}
.d-06 { background-position: -56px -179px;}
.d-07 { background-position: -56px -216px;}
.d-08 { background-position: -56px -251px;}
.d-09 { background-position: -56px -288px;}
.d-10 { background-position: -56px -323px;}
.d-11 { background-position: -56px -359px;}
.d-12 { background-position: -56px -395px;}
.d-13 { background-position: -56px -431px;}
.d-14 { background-position: -56px -467px;}
.d-15 { background-position: -56px -503px;}
.d-16 { background-position: -56px -539px;}
.d-17 { background-position: -119px 0px;}
.d-18 { background-position: -119px -36px;}
.d-19 { background-position: -119px -71px;}
.d-20 { background-position: -119px -107px;}
.d-21 { background-position: -119px -143px;}
.d-22 { background-position: -119px -179px;}
.d-23 { background-position: -119px -216px;}
.d-24 { background-position: -119px -251px;}
.d-25 { background-position: -119px -288px;}
.d-26 { background-position: -119px -323px;}
.d-27 { background-position: -119px -359px;}
.d-28 { background-position: -119px -395px;}
.d-29 { background-position: -119px -431px;}
.d-30 { background-position: -119px -467px;}
.d-31 { background-position: -119px -503px;}

.y-2005 { background-position: -185px px;}
.y-2006 { background-position: -185px -51;}
.y-2007 { background-position: -185px -101px;}
.y-2008 { background-position: -185px -151px;}
.y-2009 { background-position: -185px -202px;}
.y-2010 { background-position: -185px -253px;}
.y-2011 { background-position: -185px -304px;}
.y-2012 { background-position: -185px -351px;}
.y-2013 { background-position: -185px -403px;}
.y-2014 { background-position: -185px -453px;}
.y-2015 { background-position: -185px -503px;}
.y-2016 { background-position: -185px -554px;}