/*
Theme Name: Motionspire Blog
Theme URI: http://blog.motionspire.com/
Description: Motionspire Blog Theme
Author: Stephen McKinney
Author URI: http://thewojogroup.com/

	Motionspire Blog Theme

*/
/*****************************
RESETS
*****************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}

/ remember to define focus styles! /
:focus { outline: 0;
}

/ remember to highlight inserts somehow! /
ins { text-decoration: none;
}
del { text-decoration: line-through;
}

/ tables still need Ôcellspacing=Ó0ÓÕ in the markup /
table { border-collapse: collapse; border-spacing: 0;
}

/*****************************
MAIN LAYOUT
*****************************/
body{
	font:11px "Lucida Grande", "Lucida Sans", sans-serif;
	color:#666;
	background: #e0f5e4 url(images/bg.png) repeat-x;
	padding:25px 25px 0 25px;
}
#container{
	width:950px;
}
h1 a{
	background:url(images/motionspireLogo.png);
	width:172px;
	height:27px;
	text-indent: -9999px;
	display:block;
	float: left;
	margin-right: 35px
}
#footer{clear:both;}
/*****************************
NAVIGATION
*****************************/
#nav{float:left}
#nav li{
	display: inline;
}
#home,
#navSubmit,
#blog,
#contact{
	height:29px;
	display: block;
	background: url(images/navSprite.png);
	text-indent: -9999px;
	float: left;
	overflow: hidden;
}
#home{
	width:72px;
}
#navSubmit{
	width:78px;
	background-position: -72px 0;
}
#blog{
	width:60px;
	background-position: -150px -29px;
}
#contact{
	width:90px;
	background-position: -210px 0;
}
/*****************************
SIDEBAR
*****************************/
#sidebar{
	clear:left;
	float:left;
	width:175px;
	padding-top:25px
}
#sidebar h2 a{
	text-indent: -9999px;
	background:url(images/blogPageTitle.png);
	width:175px;
	height:43px;
	display: block;
}
#searchform label{
	display: block;
	background: url(images/searchBlog.png);
	width:175px;
	height:37px;
	text-indent: -9999px;
}
#searchform div{
	background: url(images/bgSidebar.png) repeat-y;
	padding:4px 0 6px 0;
}
#searchsubmit{
	display: none;
}
#s{
	width:149px;
	margin-left:11px;
	border:1px solid #ccc;
	font-size: 10px;
	padding:3px;
}
#s:focus{
	outline: none;
	border: 1px solid #aaa;
}
#catTitle{
	background: url(images/categories.png);
	width:175px;
	height:41px;
	text-indent: -9999px;
	margin:0;
	padding:0;
}
.categories ul,
.archiveList ul,
.blogRoll ul{
	background: url(images/bgSidebar.png) repeat-y;
	padding:6px 0;
}
.cat-item,
.archiveList ul li,
.blogRoll ul li{
	color:#666;
	border-bottom: 1px solid #d7dddd;
	padding:5px 0;
	margin:0 13px;
}
.cat-item a,
.archiveList ul li a,
.blogRoll ul li a{
	color:#666;
	text-decoration: none;
}
.cat-item a:hover,
.archiveList ul li a:hover,
.blogRoll ul li a:hover{
	text-decoration:underline;
}
.cat-item a:active,
.archiveList ul li a:active.
.blogRoll ul li a:active{
	color:#333;
}
#archiveTitle{
	background: url(images/blogArchive.png);
	width:175px;
	height:41px;
	text-indent: -9999px;
	margin:0;
	padding:0;
}
#sidebarBottom{
	background: url(images/bgSidebarBottom.png);
	height:6px;
	font-size: 0px;
}
#blogRollTitle{
	background: url(images/weRecommend.png);
	width:175px;
	height:41px;
	text-indent: -9999px;
	margin:0;
	padding:0;
}
/*****************************
CONTENT
*****************************/
#contentTop{
	background: url(images/contentBgTop.png);
	width:743px;
	height: 6px;
	font-size: 0px;
	float: right;
	margin-top:25px;
}
#content{
	background: url(images/contentBg.png);
	width:713px;
	float: right;
	clear: right;
	padding:10px 15px 0 15px;
}
h2, h2 a{
	font:bold 20px "Helvetica", Arial, sans-serif;
	color:#2b2b2b;
	text-decoration: none;
}
h2 a:hover{
	text-decoration: underline;
}
h2 a:active{
	color: #000;
}
.entry{
	padding:10wpx 0;
	line-height: 150%;
}
#contentBottom{
	background: url(images/contentBgBottom.png);
	width:743px;
	height: 6px;
	font-size: 0px;
	float: right;
	clear: right;
	margin-left:10px
}
#submit{
	background: url(images/btnSubmit.png);
	width: 61px;
	height: 25px;
	border: none;
	text-indent: -9999px;
	margin-top: 5px;
	cursor: pointer;
}
#submit:hover{
	background-position: 0 -25px;
}
#submit:active{
	background-position: 0 -50px;
}
/*****************************
ARCHIVE.PHP
*****************************/
#titleBar{
	background: url(images/bgTitleBar.png) repeat-x;
	height:29px;
	margin: -10px 2px 10px -9px;
}
h3{
	color: #333;
	padding:7px 0 0 10px;
}

/*****************************
COMMENTS
*****************************/
h3#comments,#respond h3{
	color: #bbb;
	font:bold 15px "Helvetica", Arial, sans-serif;
	padding: 10px 0;
}
.commentlist{
	border-top:1px solid #ccc;
}
.vcard{
	float: left;
	width:15%;
}
.vcard a{
	color: #666;
}
.commentText{
	float: right;
	width:85%;
	line-height: 120%;
}
li.depth-1{
	width:700px;
}
cite{font-style: normal;}
li.comment{
	padding:7px;
	border-bottom:1px solid #ccc;
	float: left;
	clear: left;
}
.reply{
	padding-top:10px;
}
ul.children{
	clear:both;
	float: left;
	margin:10px 0 0 30px;
	border-top:1px solid #ccc;
}
ul.children li{
	border-bottom: 1px solid #ccc;
}
.depth-2{
	width:670px;
}
.depth-3{
	width:635px;
}
#respond{
	padding-top:20px;
	clear: both;
}
#commentform{padding-bottom:20px;}
#commentform label{display:block;margin-top:10px}
#commentform textarea{margin-top:10px;width:350px;}
/*****************************
MISCELLANEOUS
*****************************/
a{
	color: #0088cc;
}
small{
	font-size: 10px;
}
.navigation{
	padding-bottom: 20px;
}
/*****************************
ENTRY STYLES
*****************************/
.post{
	margin:0 0 20px 0;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
.postHeader{
	overflow:auto;
}
.postImage{
	float:left;
	width:80px;
}
.postTitle{
	float:left;
	padding:9px 0 0 0;
}
.entry{
	clear:both;
}
.entry p{
	padding:10px 0;
}
.entry h3{
	font-size:14px;
	padding:5px 0;
	margin:0
}
.entry h3 a{
	color:#333;
}
.entry h4{
	font-size:14px;
	color:#000;
	display:inline;
}