/* stuff I forget
background: transparent url('../images/gradient.png') repeat-x top left;
#0080FF
*/


/* start global */

*{
	padding: 0;
	margin: 0;
	border: 0;
}


body {
	line-height: 1.5; /*was 20px */
	font-size: 12pt;
	margin: 0 0;
	padding: 8px 20px;
	background: #ACC8DD url('../images/background-grad-f.jpg') repeat-x top;
	
	
	
	color: black;
	font-family:"Helvetica Neue",Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	margin: 4px 0 8px 0;
}

h1, h2, h3, h4, .intro, .big-quote, .highlight {
	font-family:Georgia,"Times New Roman",Times, serif;
	font-weight: normal;
	line-height: 1.5;
}

.top-nav, .footer-nav, .tag{
	font-family: "Gill Sans", sans-serif;
}

.top-nav {
	border-bottom: 1px solid #6C8CA6;
}

.footer-nav {
	border-top: 1px solid #6C8CA6;
}


.top-nav .services, .top-nav .blog, .footer-nav .services, .footer-nav .blog {
	font-size: 120%;
}

.top-nav .float-right, .footer-nav .float-right {
	text-align: right;
}

.tag {
	color: #88A8C0;
	font-weight: normal;

}

small {
	
}

p {
	padding: 0 0 8px 0;
}

hr {
	clear: both;
	border: 0;
	border-top: 1px solid #6C8CA6;
	margin: 4px 12px;
}

ul {
	list-style-type: none;
}

.main, img.centered, object.centered {
	margin-left: auto;
    margin-right: auto;
	display: block;
}



.main {

}

.centered {
	text-align: center;
}

.float-left, .alignleft {
	float: left;
	margin-right: 20px;
}

.float-right, .alignright {
	float: right;
	margin-left: 20px;
}

.blog-links {
	float: right;
	padding-right: 1px;
}



.rounded {
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
}

img.with-border, object.with-border, .content .entry img  {
	padding: 4px;
	border: 2px solid #DDF;
	border-bottom-color: #BBC;
	border-right-color: #BBC;
	background: white;
}


.with-shadow {
	 -moz-box-shadow: 0 0 1em 1em black;
	-webkit-box-shadow: 0 0 1em 1em black;
	box-shadow: 0 0 1em 1em black;
}

.four-col .with-drop-shadow  {
	background: url('../images/drop-shadow-top-four-col.png') no-repeat center top;
	float: left;
}


.two-col .with-drop-shadow  {
	background: url('../images/drop-shadow-thin-top.png') no-repeat center top;
	float: left;
}

.one-third .with-drop-shadow  {
	background: url('../images/drop-shadow-top-two-thirds-col.png') no-repeat center top;
	float: left;
}


/* end global */

/* Link styles */
a {
	color: #000080;
}

a:hover {
	color: #5A7081;
}

/* End link styles */

/* start structural */
.one-col, .two-col, .four-col{
	/*overflow: auto;*/
	float: left;
}

.one-col {
	width: 210px;
}

.two-col {
	width: 460px;
}

.three-col {
	width: 710px;
}

.four-col {
	width: 960px;
}

.one-third-col {
	width: 30%;
	border: 0px solid red;
	padding: 0 5px;
}

.container, .item {
	display: block;
	/*overflow:auto;*/
	float: left;
}


.item {
margin: 0 0 12px 0;
}

.testimonial {
	background: white;
	padding: 4px 12px;
}

.testimonials h3{
	color:  #0080FF;
}

/* end structural */

.top-nav{
	color: #C1D6E4;
	font-size: 90%;
	padding: 0 0 12px 0;
	display: block;
	float: left;
	/*overflow: auto;*/
	width: 100%;
}

.top-nav a {
	color: #2E3A40;
}

.top-nav a:hover, 
.top-nav a#buzz-nav:hover {
	color: #5A7081;
}

#home .top-nav a#home-nav,
#buzz .top-nav a#buzz-nav,
#buzz .top-nav a#contact-nav,
#bio .top-nav a#bio-nav,
#prices .top-nav a#price-nav,
#wireframes .top-nav a#wireframes-nav,
#makeover .top-nav a#makeover-nav,
#fitness .top-nav a#fitness-nav,
#blog .top-nav a#blog-nav {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.footer-nav{
	color: #202020;
	background: transparent;
	padding: 8px 0;
	margin-top: 0;
	font-size: 75%;
	
}

.footer-nav a {
	color: #333;
}

.top-nav a#buzz-nav{
	
}

.pointer {
	background: url(../images/pointer-bar.png) center right no-repeat;
	font-size: 70%;
	padding: 2px 5px 2px 5px;
}

.intro {
	padding: 0 0 20px 0;
	/*line-height: 24px;*/
	color: #5A7081;
}

.intro span{
	font-size: 185%;
}

.intro span strong {
	color: #2E3A43;
}


.welcome {
	font-size: 120%;
	line-height: 24px;
	
}

.big-quote {
	font-size: 290%;
	font-weight: normal;
	color: #C1D6E4;
	background: white;
	padding: 10px 10px 10px 25px;
	margin-top:7px;
	margin-bottom:20px;
	line-height: 120%;

}

.big-quote strong {
	color: #232C33;
	font-weight: normal;
}

.big-quote em {
	color: #5A7081;
	font-style: normal;
}


.content{
	padding: 8px 0;
	/*overflow: auto;*/
	float:left;
}

img.hero {
	padding: 0 0 20px 0;
}

.personal-content{
	background: #333;
	color: white;
	padding-bottom: 12px;
}

.personal-content a{
	color: #ACF;
}

.personal-content a:hover{
	color: #0080FF;
}

.personal-content .sidebar {
	background: #444;
	padding: 8px;
	font-size: 80%;
}

h1, h2, h3, h4 {
	color: #5A7081;
	font-weight: bold;
} 

.content p, .content li{
	color: black;
}

h2 a {
	padding-left: 20px;
	background: transparent url('../images/pointer.png') no-repeat left;
	font-size: 0.8em;
}

.download, .contact-details {
	
	
}

.contact-details li, .contact-details h3, .contact-details h4  {
	padding: 0 0 0 24px;
}

.benefits li strong {
	background: transparent url('../images/tick.png') no-repeat center left;
	padding: 0 0 0 20px;
}

.benefits li {
	padding: 12px 0 0 0;
}

.services-list li strong {
	color: #0080FF;
}

.services-list li {
	padding: 12px 0 0 0;
}


.nz-buzz {
	background: transparent url('../images/buzzy-look-right.png') no-repeat center left;
	display: block;
	padding: 8px 60px; 
}

.pdf {
	background: url('../images/page_white_acrobat.png') left center no-repeat;
	padding: 0 0 0 20px;
}

.rtf {
	background: url('../images/page_white_text.png') left center no-repeat;
	padding: 0 0 0 20px;
	width: 90%;
}



.highlight {
	background: red;
	color: white;
	padding: 2px 4px;
	margin: 2px;
}

.attention {
	color: red;
}


.featured {
	background: white;
	padding: 4px;	
}

.buzz, .services-list  {
	padding: 12px;	
	background: #BBD1E3;
	border: 1px solid white;
}

.buzz h3, .buzz a {
	color: #FF7B00;
}

.featured p, .featured img {
	margin: 0 12px;
}

.nz-firsts {
	background: #eee;
	padding: 12px 12px 4px 12px;	
}

.nz-firsts h3{
	background: transparent url('../images/buzzy-look-right.png') no-repeat center left;
	padding-left: 60px;
}

.about-me ul, .work-history ul, .nz-firsts ul {
	list-style-type: square;
	padding: 8px 8px 8px 16px;
}

.nz-firsts ul {
	font-size: 80%;
}

.price-list {
	
	margin-bottom: 12px;
}

.price-list ul{
	list-style-type: square;
	padding: 0 0 8px 16px;
}

.price {
	font-size: 1em;
	font-weight: bold;
}

.show-bullets ul{
	list-style-type: square;
	padding: 0 0 8px 16px;
}

.contact-button {
	background: #0080FF url('../images/Contact-Grad-A.png') repeat-x;
	border: 2px solid #0080FF;
	color: white;
	text-decoration: none;
	padding: 12px;
	margin: 12px 62px;
}

.contact-button:active {
	background: #0080FF url('../images/Contact-Grad-B.png') repeat-x;

}

.contact-button h2 .contact-button p strong {
	text-decoration: underline;
	color: white;
}

.contact-button:hover{
	color: white;
	text-decoration: underline;
}



.pic-me {
	margin: 0 8px 4px 4px;
}

.ps {
	font-size: 80%;
}

.email {
	background: url('../images/email.png') left center no-repeat;
}

.phone {
	background: url('../images/telephone.png') left center no-repeat;
}

.skype {
	background: url('http://mystatus.skype.com/smallicon/mathew.sanders') left center no-repeat;
}

/*
http://download.skype.com/share/skypebuttons/buttons/call_green_transparent_34x34.png
http://mystatus.skype.com/smallicon/mathew.sanders
*/

.twitter{
	background: url('../images/twitter16.png') left center no-repeat;
}


/* blog specific stuff */

.sidebar {
	background: #EEE;
	padding: 8px;
	font-size: 80%;
}

#blog .content img {
	margin: 4px;
}

.commentlist .byuser, .commentlist .pingback, .commentlist .comment, #respond, .related-posts {
	background: #EEE;
	padding: 12px;
	margin: 12px;
}

.related-posts {
	padding: 0 12px;
}

.commentlist .byuser{
	background: white;
}

.commentlist .pingback{
	background: #7FBEFF;
}

#commentform textarea, input{
	border: 1px solid #333;
	padding: 4px;
}

#commentform textarea {
	width: 600px;
}

#submit, #searchsubmit  {
	background: #0080FF;
	padding: 4px;
	margin: 4px 12px;

	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.postmetadata {
	background: #B2D8FF;
	padding: 8px;
	margin: 4px 12px 12px 12px;
}

.content .navigation {
	background: #eee;
	padding: 12px;
	margin: 12px;
	/*overflow: auto;*/
	float: left;
}

.content .entry ul {
	list-style-type: square;
	padding: 12px;
}

.content .entry ol {
	padding: 12px;
}

.content .entry li {
	margin-left: 12px;
}



/* DEBUG */  /*
.three-col {
	background: #DDD;
}

.services div, .services dl  {
	background: blue;
}

.two-col {
	background: green;
}

.one-col {
	background: red;
}

body {
	background: #888;
}
/* END DEBUG */