/*
Theme Name: Momentum Blog
Theme URI: http://momentumstudios.co.nz/blog
Description: Momentum Blog theme by Momentum.
Version: 2.0
Author: Momentum
Author URI: http://momentumstudios.co.nz

*/


/*General stylings*/

* {
	margin: 0;
	padding: 0;
}


body {
	color: #333;
	background: #000 url(images/background.gif) top left repeat-x;
 	font-size: 62.5%; 
	font-family: Arial, sans-serif;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #33cc00;
}

ul {
	list-style-type: none;
}

.rounded-grey,
.post .status .author a,
.post .status .categories a,
.sidebar .tags a,
.sidebar .authors a,
.sidebar .location a.directions,
.sidebar .social li.widget {
	padding: 3px 8px;
	background: #e4e4e4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}	

/* Main layout styes*/

.container {
	width: 903px;
	margin: 50px auto;
}

.header {
	position: relative;
	width: 903px;
	height: 106px;
	background: transparent url(images/content-top.png) top left no-repeat;
}

.footer {
	clear: both;
	width: 903px;
	height: 69px;
	background: transparent url(images/post-bottom.png) top left no-repeat;
}

.content {
	float: left;
	width: 818px;
	background: #fff;
	padding: 40px 30px 50px 55px;
}

.content .posts {
	float: left;
	width: 590px;
}

.content .sidebar {
	float: left;
	margin-left: 48px;
	width: 180px;
}

/* Inner header styles*/

.featureLeft {
	float: left;
}

.featureLeft h1 a {
	display: block;
	width: 230px;
	height: 41px;
	margin: 33px 0 0 42px;
	font-size: 3em;
	color: #000;
	text-indent: -5000px;
	overflow: hidden;	
	background: transparent url(images/momentum-text.png) top left no-repeat;
}

.featureLeft h3 {
	padding: 3px 0 0 42px;
	font-size: 1.4em;
}

.featureRight {
	float: right;
	margin: 21px 0 0 0;
}

.featureRight a.site {
	float: right;
	width: 56px;
	height: 48px;
	margin: 5px 25px 0 0;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(images/m-logo-black.png) top left no-repeat;
}

.featureRight a.site:hover {
	background-position: top right;
}	

.contact {
	float: left;
	list-style-type: none;
	margin-right: 20px;
	font-size: 1.1em;
	color: #777;
}

.contact li {
	padding: 0 22px 0 0;
	line-height: 17px;	
	text-align: right;	
}

.contact .email {
	background: transparent url(images/envelope.png) center right no-repeat;
}

.contact .phone {
	background: transparent url(images/phone.png) center right no-repeat;
}		

.contact .fax {
	background: transparent url(images/fax.png) center right no-repeat;
}	

.contact .skype {
	background: transparent url(images/skype.png) center right no-repeat;
}	

.page-back {
	position: absolute;
	top: 30px;
	left: -23px;	
	width: 49px;
	height: 49px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(images/back.png) top left no-repeat;
}

.page-back:hover {
	background-position: top right;
}

/* Sidebar styles */

.sidebar h2 {
	font-size: 1.4em;
	margin-bottom: 15px;
}

.sidebar .tags,
.sidebar .authors {
	clear: both;
	overflow: hidden;
	margin-bottom: 25px;
}

.sidebar .tags br {
	display: none;
}

.sidebar .tags a,
.sidebar .authors a {
	float: left;
	margin: 0 3px 3px 0;
	font-size: 1.1em;
}

.sidebar #searchform {
	margin: 5px 0 40px 0;
}

.sidebar #searchform label {
	color: #7f7f7f;
}

.sidebar #searchform input {
	height: 22px;
	width: 140px;
	padding-left: 4px;
	background: #fff;
	border: 1px solid #e5e5e5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

.sidebar #searchform input:focus {
	background: #000;
	border-color: #000;
	color: #fff;
	font-weight: bold;
}	

.sidebar #searchsubmit {
	display: none;
}

.sidebar .location p {
	margin-bottom: 12px;
	font-size: 1.1em;
}

.sidebar .location a.directions {
	font-size: 1.1em;
}

.sidebar .social {
	clear: both;
	overflow: hidden;
	margin-bottom: 25px;
	zoom: 1;
}

.sidebar .social ul {
	padding-bottom: 7px;
	margin-bottom: 3px;
	background: url(images/bubble-arrow.gif) 134px bottom no-repeat;
}

.sidebar .social ul ul {
	background: none;
	padding: 0;
	margin: 0;
}

.sidebar .social li.widget {
	font-size: 1.1em;
	padding: 12px;
}	

.sidebar .social .widgettitle {
	display: none;
}

.sidebar .social .twitter-timestamp {
	display: block;
}

.sidebar .social .links {
	float: right;
	zoom: 1;
}

.sidebar .social .links label {
	float: left;
	margin-right: 10px;
	font-size: 1.1em;
	line-height: 20px;
}

.sidebar .social .links a {
	float: left;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	text-indent: -5000px;
	overflow: hidden;
}

.sidebar .social .links a.rss {
	background: url(images/rss.gif) top left no-repeat;
}	

.sidebar .social .links a.twitter {
	background: url(images/twitter.gif) top left no-repeat;
}

.sidebar .social .links a.facebook {
	margin-right: 0;
	background: url(images/facebook.gif) top left no-repeat;
}

.sidebar .social .links a:hover {
	background-position: top right;
}
/* Post styles */

.posts .pagetitle {
	font-style: italic;
	margin-bottom: 15px;
}


.post {
	clear: both;
	overflow: hidden;
	margin-bottom: 40px;
	border-bottom: 1px solid #d9d9d9;
}

.post h2 {
	font-size: 2.5em;
	font-weight: normal;
	font-family: Calibri, Arial, Verdana, sans-serif;
}

.post p a {
	border-bottom: 1px dotted;
}

.post .time {
	font-size: 1.1em;
}

.post .entry {
	margin-top: 13px;
}

.post .entry img.size-full,
.post .entry img.size-medium,
.post .entry img.size-small,
.post .entry img.size-large,
.post .vvqbox {
	padding: 4px;
	border: 1px solid #b2b2b2;
	margin: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.post .vvqbox {
	margin-bottom: 15px;
}

.post .entry p {
	margin-bottom: 15px;
	font-size: 1.2em;
	line-height: 18px;
	font-family: Verdana, Arial, sans-serif;
}

.post .more-link {
	display: block;
	margin-top: 15px;
	border: none;
	font-weight: bold;	
	font-family: Arial, Verdana, sans-serif;
}

.post .status {
	float: left;
	clear: both;
	overflow: hidden;
	margin: 30px 0 20px 0;
}

.post .status div {
	float: left;
	height: 20px;
	padding-left: 25px;
	margin-right: 15px;
	line-height: 20px;		
}

.post .status div {
	font-size: 1.1em;
}	

.post .status .author {
	background: url(images/smiley.gif) top left no-repeat;
}

.post .status .categories {
	background: url(images/tag.gif) top left no-repeat;
}

.post .status .comments {
	background: url(images/comment.gif) top left no-repeat;
}

.post .alignleft {
	float: left;
	margin: 0 15px 15px 0;
}

/* Comments */

.single .content {
	padding-bottom: 15px;
}

 .single .post {
 	margin-bottom: 0;
	border-bottom: none;
 }
 
 .comment-list .comment,
 .comment-list .pingback {
 	clear: both;
	padding: 25px 0;
	overflow: hidden;	
	border-top: 1px solid #D9D9D9;
 }
 
 .comment-details {
 	float: left;
	width: 160px;
	padding-left: 30px;
	background: transparent url(images/message.gif) 0 3px no-repeat;
 }
 
 .comment-details .author {
 	font-size: 1.4em;
	font-weight: bold;
 }
 
 .comment-details .date {
 	font-size: 1.1em;
 }
 
 .comment-text {
 	width: 400px;
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.2em;
 }
 
.respond {
 	position: relative;
	padding: 10px;
	background: #e4e4e4;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
 }
 
 .respond p {
 	float: left;
	margin-bottom: 10px;
 }
 
 .respond p label {
	display: block;
	margin-bottom: 3px;
 	font-size: 1.2em;
}

.respond p input,
.respond p textarea {
	width: 292px;
	height: 24px;
	padding-left: 8px;
	border: 1px solid #cdcdcd;
	background: #fff;
	font-size: 1.6em;
	font-family: Arial, sans-serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;		
}

.respond p textarea {
	height: auto;
	width: 553px;
	padding-top: 8px;
}	

.respond p .text:focus,
.respond p input#securitycode:focus {
	background: #000 ! important;
	border-color: #000 ! important;
	color: #fff ! important;
}	

.respond p #securitycode {
	width: 210px;
}

.respond .required-msg {
	position: absolute;
	bottom: -62px;
	left: 14px;
	font-size: 1.2em;
}

.respond .comment-submit {
	position: absolute;
	bottom: -86px;
	right: 0;
	margin: 0;
	width: 150px;
	height: 70px;
	background: #fff;
	border: 1px solid #cecece;
	border-top: none;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;		
}

.respond .comment-submit #submit {
	width: 129px;
	height: 50px;
	margin: 10px 0 0 10px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(images/comment-button.gif) top left no-repeat;
	border: none;
	cursor: pointer;
}

.respond p.comment-submit input#submit:hover {
	background: transparent url(images/comment-button.gif) top right no-repeat;
}	

#commentform {
	clear: both;
	overflow: hidden;
}

#secureimgdiv {
	float: right;
	width: 220px;
}

#secureimgdiv span,
#secureimgdiv br {
	display: none;
}

#cas_image {
	margin-top: 15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

/*TODO: make this a help tip*/
#commentform .help {
	display: none;
}

html #commentform input.error, 
html #commentform textarea.error {
	background-color: #ccf5d6;
	border: 1px solid #cdcdcd;
}

#commentform div.error {
	clear: both;
	font-size: 1.2em;
}

/* search */

.search .post {
	margin-bottom: 25px;
}

.search .post h2 {
	font-size: 2em;
}

.search .post .status {
	margin-top: 10px;
}

/* footer nav */

#wp_page_numbers {
	margin-left: 55px;
}

#wp_page_numbers ul {
	float: left;
	width: 590px;
}

#wp_page_numbers li {
	float: left;
	width: 30px;
	padding-top: 20px;
}	

#wp_page_numbers li a {
	display: block;
	width: 30px;
	height: 18px;
	font-size: 1.2em;
	line-height: 16px;
	text-align: center;
}	

#wp_page_numbers li.active_page a {
	background: #000;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}	

#wp_page_numbers .prev,
#wp_page_numbers .next {
	width: 55px;
	height: 77px;
	padding: 0 0 0 10px;
	background: #fff;
	border: 1px solid #cecece;
	border-top: none;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;	
}

#wp_page_numbers .prev a,
#wp_page_numbers .next a {
	display: block;
	width: 44px;
	height: 69px;
	font-size: 1.1em;
	color: #b6b6b6;
	text-align: center;
	background: transparent url(images/previous.gif) 0 19px no-repeat;
}

#wp_page_numbers li.prev {
	margin-right: 20px;
}

#wp_page_numbers li.next {
	float: right;
}

#wp_page_numbers .next a {
	background-image: url(images/next.gif);
}

#wp_page_numbers .prev a:hover,
#wp_page_numbers .next a:hover {
	background-position: right 19px;
}	

/*IE*/
 * html .featureRight {
	width: 290px; 	
}

* html .contact {
	width: 185px;
}