/*
Theme Name:		Lookaly
Theme URI:		blog.lookaly.com
Description:	Theme for Lookaly Blog
Version:		1.0
Author:			Lee Munroe December 2008
Author URI:		http://www.leemunroe.com
*/


/* 
################### CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################

#2d2a23 Dark grey
#cccccc Grey
#e6e6e6 Light grey
#f2f2f2 Really light grey

#fc9102 Orange
#f6b303 Light orange

#0066cc Blue
#dfeaf5 Really light blue

#ffedc2 Cream
#f8f5e7 Light cream

*/
 
/*
# Reset defaults ################### 
*/

*{
margin:0;
padding:0;
}

.clear{
clear:both;
}

html {
overflow: -moz-scrollbars-vertical;
}

#skipto{
display:none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
# Layout ################### 
*/

body{
font:75%/1.5  Helvetica, Arial,Verdana, sans-serif;
color:#2d2a23;
line-height: 2em;
background-color:#F2F2F2;
}

.container{
	width: 980px;
	margin: 0 auto;
	padding: 10px;
	position:relative;
}

#header{
	background:#2d2a23;
	color: #fff;
	border-bottom: 1px solid #000;
}

#header .container{
	background: url(images/header.png) no-repeat top left;
}

#content{
margin-top:20px;
}

#main{
float:left;
width:640px;
padding-right:40px;
}

#sidebar{
float:left;
width:300px;
}

.post{
margin-bottom:30px;
}

#footer{
clear: both;
padding-top:30px;
}

/*
# Nav ################### 
*/

#nav{
	list-style: none;
	float: right;
	text-align: right;
}

#nav li{
	display: inline;
	border-right: 1px solid #ccc;
}

#nav a{
	font-weight: normal;
	padding:0 6px;
	color: #ccc;
	border: none;
}

#nav a:hover{
	color: #fc9102;
}

/*
# Headings ################### 
*/

#logo{
	width: 118px;
	height: 40px;
	background: url(images/logo.gif) no-repeat;
	float: left;
	margin-right:20px;
}

#logo a{
	display: block;
	height: 100%;
	width: 100%;
	border: none;
}

#logo span{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

h1{
float:left;
font-size:1.4em;
padding:5px 0;
}

h1 span{
color:#a5a5a5;
font-weight: normal;
}

h2{

}

h3{
font-size:2em;
line-height: 1.3em;
}

h3 a{border:none;}

h3 a:hover{border-bottom:2px solid #0066cc;}

h4{
color:#fc9102;
margin-top:20px;
}

.post h4{
color:#2d2a23;
font-size:1.8em;
margin:30px 0 10px;
font-weight:normal;
}

#sidebar h4{
margin-top:20px;
text-transform: uppercase;
}

.post h5{
font-size:1.4em;
margin-top:20px;
}

h5{
font-size: 1em;
}

/*
# Lists ################### 
*/

.post ol li, .post ul li{
margin-bottom:10px;
}

#sidebar ul.links{
list-style: none;
}

#sidebar ul.links li a{
display: block;
padding:3px 2px;
height:100%;
border:none;
}

ul#twitter_update_list{list-style: none}
ul#twitter_update_list li{margin-bottom:10px;}

#sidebar ul.links li a:hover{text-decoration:underline;}

.post ul, .post ol{
margin-left:30px;
}

.commentlist{
list-style: none;
margin-bottom:20px;
}

.commentlist li{
margin-bottom:10px;
}

.commentlist .author{

}

.list{
margin:0 0 20px 20px;
}
/*
# Images ################### 
*/

img{
border:none;
}

.meta img{vertical-align: middle;margin-right:5px;}

.img-twitter{
margin:0 10px 10px 0;
float:left;
}

/*
# Links ################### 
*/

a{
color:#0066cc;
text-decoration:none;
}

a:hover{
border-bottom:1px solid #0066cc;
}

.img, .img:hover{
border:none;
}

a.button{background:url(images/button.png) repeat-x top;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2);-moz-box-shadow:0 1px 0 rgba(0,0,0,.2);-moz-border-radius: 4px;-webkit-border-radius: 4px;color:#fff;line-height:30px;padding:5px 10px;display:block;font-size:1.2em;}
a.button img{vertical-align: middle;margin-right:5px;}
a.button.feed{background-color:#ff9000;}
a.button.twitter{background-color:#1eb8df;}
a.button.feed:hover{background-color:#ff7200;border:none;}
a.button.twitter:hover{background-color:#238faa;border:none;}

.post-body div div a:hover{border:none;}

#sidebar ul li a.icon{
border-bottom-width:0;
background-position:top left;
background-repeat: no-repeat;
padding:0 0 3px 20px;
line-height: 20px;
}

.icon span{

}

.link-rss{
background-image:url(images/feed.gif)
}

.link-twitter{
background-image:url(images/twittericon.gif)
}

.add-comment{
padding:5px;
background:#0066cc;
color:white;
margin-top:10px;
font-weight:bold;
border:none;
}

.add-comment:hover{
background:#fc9102;
border:none;
}

/*
# Forms ################### 
*/

.text{
padding:3px;
border:1px solid #f6b303;
background-color: #f8f5e7;
margin-right:5px;
}

.submit{
margin-top:5px;
padding:3px;
}

/*
# Tables ################### 
*/



/*
# Typography ################### 
*/

p{
margin:10px 0;
}

#sidebar p{
margin-bottom:30px;
}

.date{
font-weight: bold;
color:#cccccc;
margin:10px 0 0;
}

.meta{
padding:10px;
background-color: #f8f5e7;
border-top:1px solid #f6b303;
clear:both;
margin-top:20px;
}

blockquote{background:#f8f5e7;padding:5px 10px;margin:10px 40px;border-left:5px solid #ffedc2;font-style: italic;}

/*
################### Other ################### 
*/

.right{
	float: right;
}

.left{
	float: left;
}

.txtleft{
	text-align: left;
}

.txtright{
	text-align: right;
}

.txtcenter{
	text-align: center;
}

.last, .last a{
border-right:none !important;
margin-right:0 !important;
}

.side{width:160px;margin-right:30px;float:left;}

.post-top{padding-top:20px;background:url(images/rounded.gif) top left no-repeat;}

.post-bottom{padding-bottom:20px;background:url(images/rounded.gif) bottom left no-repeat;}

.post{padding:20px;background:#fff;border:solid #e6e6e6 1px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.post div div a:hover{border:None;}
.comment-top{padding-top:10px;background:url(images/rounded.gif) top left no-repeat;}

.comment-bottom{padding-bottom:10px;background:url(images/rounded.gif) bottom left no-repeat;}

.comment-body{padding:0 10px;background:#fff;border:solid #e6e6e6;border-width:0 1px;}

.similar{margin-bottom:40px}

.tweetme{float:left;margin:0 10px 10px 0;}
.title{}