/*
			OVER
			www.get-over.net
*/

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

/*

	RESET

*/

* 				{ margin: 0;padding: 0; }
html			{ overflow-y: scroll; }
html, body		{ height: 100%; }
body			{ font-family: Times;  }
a				{ outline: none; color: black; text-decoration: none;}
a:hover			{ text-decoration: underline;}
a img			{ border: none; }
h2				{ font-family: Arial;}

/*
	UTILITY
*/
.floatleft		{ float:left; }
.floatright		{ float: right; }
.clear			{ clear: both; }
.button			{ background: white; color:black; padding: 2px 7px; border: black solid thin;
					-moz-border-radius:6px; -webkit-border-radius:6px;}

.button:hover	{ background: black; color: white; cursor: pointer; }


/*
	STRUCTURE
*/
#page-wrap		{ width: 940px; margin:auto; }
#main-col		{ width: 700px; margin-top: 10px; margin-bottom: 10px; padding-left:10px; padding-bottom: 10px; float: left; }
#linksidebar	{ width: 200px; float: right; padding-top: 12px; }
p				{ font-family: Times; font-size:12px; }
#archive-col	{ width: 700px; margin-top: 10px; margin-bottom: 10px; padding-left:10px; padding-bottom: 10px; float: left; }



/*
	HEADER
*/


#banner {
	float:left;
padding-bottom:20px;
width:940px;
height:261px;
}

#banner img{
float:left;
outline:none;	
}

#bloglink{
float:left;
width:318px;
height:134px;
background:url(/blog/images/blogsprite.jpg) no-repeat 0 0;
 outline:none;
}

#bloglink:hover{
background-position: 0 -134px;
}

#bloglink span{
display:none;	
}

#storelinkholder{
float:left;
width:352px;
outline:none;	
}

#ozstorelink{
float:left;
width:352px;
height:81px;
background:url(/blog/images/ozstoresprite.jpg) no-repeat 0 0;
 outline:none;
}

#ozstorelink:hover{
background-position: 0 -81px;
}

#ozstorelink span{
display:none;	
}

#ukstorelink{
float:left;
width:352px;
height:53px;
background:url(/blog/images/ukstoresprite.jpg) no-repeat 0 0;
 outline:none;
}

#ukstorelink:hover{
background-position: 0 -53px;
}

#ukstorelink span{
display:none;	
}


h1#logo					{width:200px; height: 106px; background: url(/blog/images/OverLogo.jpg) top left no-repeat; text-indent: -9999px; margin: 0 10 10px 0; float: left;}


#top-bar				{height: 134px; padding-bottom: 10px; padding-top:20px; border-bottom: black thin solid;}

form#searchform 		{float: right; font-size: 10px; font-family:Times; margin-top: -4px;}

#s						{border-left: solid black thin; border-bottom: solid black thin; border-top:none; border-right:none; padding: 3px; margin-right: 5px;}

#menu-bar				{border-bottom: solid black thin; height: 30px; padding-left:10px; font-size: 10px; float:left; width:940px;}

ul#main-nav				{font-size: 14px;}

ul#main-nav li			{float: left; width: 70px; margin-top: 9px; letter-spacing: 1px;}

/*
	POSTS
*/

.post					{ border-bottom: black solid thin; padding-bottom:20px; margin-bottom: 10px;}
 
.post h2				{ font-family: Arial; font-weight: bold; font-size: 16px; margin-bottom: 3px; padding-bottom: 3px; width: 700px; border-bottom: solid thin #cccccc; padding-bottom: 5px;}

.post p					{ font-size: 12px; line-height: 16px;}

p.blog-date				{ font-family: Arial; font-size: 9px; margin-bottom: 5px; color: gray;}

.post-body 				{ display:block; float:right; margin-top:0; width:240px; border-bottom: solid thin #cccccc; padding-bottom: 8px;}
.post-body a			{ text-decoration: none; border-bottom:1px dotted; }
.post-body a:hover		{ color: #00ccff;}

img.alignleft 			{ float:left; margin:0 5px 5px 0 }
img.alignright 			{ float:right; margin:0 0 1em 1em }

.post-notes				{ font-size: 10px; color: #999999; width: 450px;}

.post-notes a			{ color: #999999; text-decoration: underline;}
.post-notes a:hover		{ color:#666666;}


/*
	COMMENTING
*/
h3						{ font-family: Arial; font-weight: bold; font-size: 15px; }
#respond				{ font-family: Arial; font-weight: normal; font-size: 15px; margin-top: 40px; margin-bottom: 10px; letter-spacing: 0.02em;}

form#commentform input	{ border: solid thin black; padding: 3px; margin-bottom:5px;}
form#commentform label	{font-family: Arial; font-size: 11px;}
#comment				{ width:450px; border: solid thin black; padding: 4px; font-family: Arial; font-size:14px; margin-bottom: 7px; letter-spacing: 0.02em;}

#commentgetall			{ font-family: Arial; font-size: 12px; color: #000; letter-spacing: 0.04em; border-bottom: solid thin #cccccc; padding-bottom: 15px; padding-top:10px;}
#commentdate			{ font-family: Arial; font-size: 9px; margin-bottom: 5px; color: #cccccc; }
#commentname			{ font-family: Arial; font-size: 14px; margin-bottom: 5px; color: #000; }
#moderatio				{ font-family: Arial; font-size: 11px; color: #666666; }
#loggedin				{ font-family: Arial; font-size: 10px; margin-bottom: 5px; color: #cccccc; }


/*
	SIDEBAR
*/

#linksidebar h2			{ font-family: Arial; font-size: 12px; }
#linksidebar ul			{ font-family: Arial; font-size: 11px; color: #cccccc; }
#linksidebar ul li		{ font-family: Arial; font-size: 11px; color: #cccccc; }
#flickr-wrap			{ margin-top: 10px; border-top: solid thin #000; padding-top: 7px;}
#flickr-box				{ margin-top:5px; padding-bottom:10px; border-bottom: solid thin #000; padding-left: 18px;}
.flickr 				{ padding: 4px; margin: -1px; }
#archives				{ border-top: solid thin #000; margin-top:22px; padding-top: 7px;}
#categories				{ margin-top:5px; margin-bottom:5px; border-top: solid thin #cccccc; padding-top: 7px; padding-bottom: 7px; border-bottom: solid thin #000;}
#overlinks				{ padding-top: 10px; padding-bottom:5px; border-bottom: solid thin #000; }
#overlinks a img		{ padding-right: 0px;}

#signup					{ font-family: Arial; font-size: 11px;}

/*
	FOOTER
*/

#footer-wrap			{ border-top: solid thin #cccccc; padding-top:10px; margin-bottom: 30px; }