/*======================================================

	Author: Jason Weaver 2/31/2009
	Personal site: jason-weaver.com

	Portfolio: luckyonedesign.com

=======================================================*/


/*======================================================

	imported stylesheets
 
=======================================================*/

@import url("reset.css");
@import url("ie.css");

/*======================================================

	body

=======================================================*/

#accessibility-links  {
	display: none;
	visibility: hidden;
}

body  {
	font: 62.50%  Helvetica, arial, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #f9f9f9;
	color: #222;
	text-align: left;	
}

abbr  {
	color: #000;
	border-bottom: 1px dotted #000;
}

blockquote  {
	font-size: 1.15em;
}

h2,h3,h4,#navigation li {
	font-family: Helvetica, arial, sans-serif;
}

li a[href*="http://admin"]  {
	background-color: #ccc;
	color: #f09;
	padding: .3em .5em;
	border-bottom: #f09;
}

li a[href*="http://admin"]:hover  {
	background-color: #222;
	color: #fff;
	border-bottom: #fff;
}

/*======================================================

	header

=======================================================*/

h1  {
	font: 3em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 0.03em;
	margin: 0;
	float: right;
}

h1 a  {
	border-top: 5px solid #f09;
	padding: 0 1px 0 3px;
	text-decoration: none;
	color: #222;
}

h1 a:hover,  
h1 a:focus	{
	border-top: 5px solid #999;
	text-decoration: none;
	color: #999;
}

span {
	color: #f09;	
	font-weight: bold:
}

#header  {
	height: 6em;
	border-top: 5px solid #222;
	margin: 0;
	padding-bottom: 2em;
}

/*=======================================================

	navigation												

========================================================*/

nav {
	list-style-type: none;
	padding:  .5em .5em 0 0;	
	margin: 0;
	float: left;
}

nav li {
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	padding-top: 10px;
	display: inline;
}
	
nav a  {	
	padding: 5px 5px 8px 5px;	
	color: #f5f5f5;
	background-color: #222;
	margin-right: 2px;
	text-decoration: none;
	
}
	
nav a:focus,
nav a:hover {
	border-top: 5px solid #f09;
}

/*=======================================================

	content											

========================================================*/


article  {
	float: right;
	clear: left;
	width: 54.2em;
	margin: 4em 0 0 2.5em;
	padding: 0 0 2em 0;
}

article p {
	font-size: 1.5em;
	line-height: 1.35em;
	padding: .75em 0;
	margin: 0;
}

#about-page article h2 + p {
	font-size: 1.7em;
	color: #111;
	padding: .75em 0 .75em 0;
	margin: 0;
}

article p a  {
	color: #00aeff;
	text-decoration: none;
	border-bottom: 1px dotted #00aeff;
}

article p a:focus,
article p a:hover  {
	color: #008aff;
	border-bottom: 1px solid #008aff;
}

article h2  {
	font-size: 2.4em;
	text-transform: uppercase;
	color: #222;
	margin: 0;
	padding: 0;
	
}

#home-page article h2 a {
	text-decoration: none;
	color: #222;
	margin: 0 0 0 -1.8em;
	padding: .19em .5em .19em .5em;
	border-left: 30px solid #ccc;
	display: block;	
}

#home-page article h2 a:focus,
#home-page article h2 a:hover  {
	border-left: 30px solid #f09;
	color: #999;
}

article h3  {
	font-size: 2.1em;
	text-transform: uppercase;
	color: #999;
	padding-top: 2.2em;
	margin: 0;
}

article #respond  {
	color: #222;
	padding: 1em 0;
}

article h3 a {
	text-decoration: none;
	color: #00aeff;
}

article h3 a:focus,
article h3 a:hover  {
	text-decoration: none;
	color: #008aff;
}

article h4  {
	font-size: 1.8em;
	font-variant: small-caps;
	font-weight: lighter;	
	padding: 1.0em 1.5em .5em 0;
	margin:  0;
}

article h5 {
	font-size: 1.8em;
	font-variant: small-caps;
	font-weight: lighter;
	padding: 1.0em 1.5em .5em 0;
	margin: 0;
}

article .post ol  {
	font-size: 1.6em;
	padding: 1.5em 0 1.5em 0;
	margin: 0;
	list-style-type: decimal;
}

article ul {
	font-size: 1.6em;
	padding: 1em 0 1.5em 0;
	margin: 0;
	list-style-type: disc;
}

article li {
	padding: 0;
	line-height: 1.8em;
}

article li a  {
	color: #00aeff;
	text-decoration: none;
	border-bottom: 1px dashed #00aeff;
}

article li a:focus,
article li a:hover  {
	color: #008aff;
	border-bottom: 1px solid #008aff;
}

.entry  {
	padding: 0;
	margin: 0;
}

.post  {
	margin-bottom: 3em;
	padding: 0 0 2em 0;
}

#home-page .post  {
	border-bottom: 1px solid #ddd;
}

#home-page .more-link  {
	font-size: 1.5em;
	background: #eee; 
	text-decoration: none;
}

#home-page article h2  {
	display: block;
}


#about-page  article img  {
	float: right;
	margin: 0 0 1em 1.5em;
	padding: 0;
	border: 1px solid #666;
}

article .navigation  {
	padding: .1em 0 4em 0;
	margin: .08em 0 .2em 0;	
	font-family: Helvetica, arial, sans-serif;
	text-transform: uppercase;
	color: #222;
}

article .navigation a  {
	text-decoration: none;
	padding: .1em;
	background-color: #f5f5f5;
	border-bottom: 1px solid #e5e5e5;
	color: #222;
}

article .navigation a:hover,
article .navigation a:focus  {
	background-color: #f1f1f1;
	border-bottom: 1px solid #ddd;
	color: #008aff;
	
}

article .commentlist  {
	padding: .3em 0 .2em 0;
	margin: 0 0 0 -.02em;	
	list-style-type: none;
}

article .commentlist cite  {
	font-size: 1.7em;
	padding: 0;
	margin: 0;
}

article .commentlist li {
	padding: 5em 0 3em 0;
	margin: 0;
	border-bottom: 1px solid #f09;
}

article .alt  {
	padding: 0;
	margin: 0;
	background: #f3f3f3;
}

article.commentmetadata small {
	font-family: Helvetica, arial, sans-serif;
	font-size: 1.5em;
	padding: 0;
	margin: 0 0 .5em 0;
}

.date{
	font-size: 1.8em;
	display: block;
	padding: .1em 0 0 0;
	margin: .08em 0 .1em 0;
}

#single-page .alignleft  {
	font-family: Helvetica, arial, sans-serif;
	float: left;
	width: 18em:
	font-size: 1.8em;
}

#single-page h2  {
	color: #888;
	font-size: 3.1em;
	margin: 0;
	padding: 0;
}

#single-page .alignright {
	font-family: Helvetica, arial, sans-serif;
	float: right;
	width: 18em:
	font-size: 1.8em;
}

#single-page .postmetadata  {
	margin-top: 5em;
}

#archive-page article h2 {
	font-size: 2.7em;
	text-transform: uppercase;
	color: #888;
	margin: 0 0 .02em 0;
	padding: 0 0 .75em 0;
}

#archive-page .post {
	margin: 0;
	padding: 0;
}

#archive-page h3 {
	font-size: 1.6em;
	text-transform: uppercase;
	color: #888;
	clear: right;
	margin: 0;
	padding: 0;
}

#archive-page h3 a {
	border: none;
	text-decoration: none;
	color: #00aeff;
	display: block;
	padding: 1em 0 1em 0;
	border-bottom: 1px solid #ddd;
}

#archive-page h3 a:focus,
#archive-page h3 a:hover  {
	text-decoration: none;
	color: #008aff;
	border-bottom: 1px solid #ccc;
}

#archive-page small  {
	font-size: .8em;
	padding: .1em 0 0 0;
	margin: .08em 0 0 0;
	color: #888;	
}

article .commentmetadata  {
	font-size: 1em;
}

.postmetadata  {
	color: #777;
}

#about-page h2,
#contact-page h2 {
	padding-top: 0; 
}

#content img  {
	margin: .5em 0;
}

#home-page img:hover,
#home-page img:focus,
#single-page img:hover,
#singled-page img:focus  {
	opacity: .9;
}

/*=======================================================

	sidebar

========================================================*/

aside  {
	float: left;
	width: 31em;
	margin: 4em 0 0 0;
	padding: 0 5em 5em 0;
	border-right: 1px solid #ddd;
}

aside p {
	font-size: 1.3em;
	color: #222;
	padding: 1em .7em 2em 0;
	line-height: 1.35em;
	margin: 0;
}

aside p a  {
	color: #00aeff;
	text-decoration: none;
	border-bottom: 1px dotted #00aeff;
	padding: 0 .2em 0 .2em;
	margin-right: .1em;
}

aside p a:focus,
aside p a:hover  {
	color: #008aff;
	border-bottom: 1px solid #008aff;
}

aside#sidebar h2  {
	font: 2em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #999;
	margin: 0;
	padding: 0;
	
}

aside h2 a {
	text-decoration: none;
	display: block;
}

aside h2 a:focus,
aside h2 a:hover  {
	text-decoration: none;
	
	
}

aside ul#categories,
aside ul.archivemonth {
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 0;
}

aside li {	
	display: block;
	letter-spacing: 0.06em;
	border-bottom: 1px solid #ddd;
	
}

aside li a  {
	color: #222;
	padding: 1em 0 .8em 0;
	display: block;
	text-decoration: none;
	
}

aside li a:focus,
aside li a:hover  {
	color: #00aeff;
	margin-bottom: -1px;
	border-bottom: 1px dotted #00aeff;
	text-decoration: none;
}

aside #recent-comments li a  {
	color: #00aeff;
}

aside #recent-comments li a:focus,
aside #recent-comments li a:hover  {
	color: #008aff;
	border-bottom: none;
	margin-bottom: 0;
	text-decoration: none;
}

aside #recent-comments ul {	
	font-size: 1.3em;
}

aside #recent-comments li {	
	letter-spacing: 0.01em;
	padding-bottom: .5em;
}

.topics  {
	color: #f2f2f2;
	margin-top: -1.2em;
	font-size: .75em;
}

#searchform  {
	padding-top: 1em;
}

#categories  {
	padding-bottom: 2em;
	padding-top: 1em;
}

#about,
#recent-comments  {
	padding-top: 1em;
}

#about p,
#recent-comments ul,
 #archivemonth ul {
	padding-top: 1em;
}

#recent-comments,
#archivemonth  {
	margin-top: 4em;
}

#about {
	margin-top: 3em;
}

#home-page #about  {
	border-top: 5px solid #f09;
	border-bottom: 5px solid #f09;
}

/*=======================================================

	forms

========================================================*/

fieldset  {
	padding: 2em;
	position: relative;
	margin-top: 6.1em;
	background-color: #eee;
	border: 1px solid #ccc;
}

textarea,
input  {
	height: 200px;
	width: 340px;
	float: right;
	font: 1.1em  Helvetica, arial, sans-serif;
	border: 1px solid #999;
}


textarea:hover,
input:hover  {
	border: 1px solid #666;
}

input  {
	height: 22px;
}

input[type*="submit"]  {
	font-size: 18px;
	float: left;
	margin-top: 139px;
	width: 100px;
	height: 32px;
	background-color: #ccc;
	border: 1px solid #f09;
}

input[type*="submit"]:hover  {
	border: 1px solid #000;
}

input[type*="submit"]:active  {
	background-color: #f09;
}

#single-page input[type*="submit"]  {
	margin-top: 129px;
}

label  {
	color: #f09;
}

label span  {
	color: #999;
	font-size: .7em;
}

/*=======================================================

	footer

========================================================*/

footer {
	clear: both;
	margin: 2em 0 5px 0;
	padding-top: 1em;
	color: #666;
	height: 360px;
}

footer p  {
	
	color: #666;
}

footer p a  {
	color: #969;
}

footer #small-print  {
	font-size: 1.3em;
	padding: 1em 0 1em 0; 
	margin: 0;
	text-align: center;
	clear: both;	
}

footer #small-print span {
	font-size: 1.1em;
	background: #ddd;
	color: #303;	
}


footer #small-print ul  {
	padding: 5em 0 5em  0; 
	margin: 0;
	list-style: none;
	padding-top: 1em;
	color: #444;
}

footer #small-print ul a {
	text-decoration: none;
	color: #00aeff;
}

footer #small-print ul a:focus,
footer #small-print ul a:hover {
	color: #008aff;
}

footer #small-print li  {
	padding: 0 2em 0 0; 
	margin: 0;
	display: inline;

}

footer span  {
	display: none;
}

footer a[title*="Lucky"]:hover img,
footer a[title*="Lucky"]:focus img  {
	opacity: .75;
}

/*=======================================================

	containers

========================================================*/

#container  {
	width: 96em;
	padding: 2em 0;
	border-top: 1px solid #ddd;
	margin: 0 auto;
	overflow: hidden;
	border-bottom: 5px solid #222;
		
}

.container {
  	width: 96em;
  	margin: 0 auto;
}