/*
Theme Name: Mark Scott
Theme URI: http://markscott.co.nz/
Description: Custom theme for markscott.co.nz
Author: Mark Scott & Andrew Pitts
Author URI: http://markscott.co.nz/
*/

@import 'layout.css';

html, body {
padding: 0px;
margin: 0px;
font-size: 12px;
height:100%;
color:#3d3d3d;
font-family:Georgia, "Times New Roman", Times, serif;`
}
h1, h2, h3, h4, ul, li, img, a, p{
padding: 0;
margin: 0;
outline:none;
border:none;
text-decoration:none;
}
a{color:#d4451e;}
p{
}
.page-content h1{
	font-size:52px;
	margin:12px 0;
}
.page-content h2{
	font-size:24px;
	margin:12px 0;
}
.page-content p{
	margin: 12px 0;
	line-height:150%;
	width:650px;
	font-size:15px;
}
.page-content ul{
	list-style-position:inside;
	margin:6px 0 24px;
}
.page-content li{
	margin: 6px 12px;	
}
p.large{
	font-size:18px;
	line-height:180%;
	margin-bottom:60px;
	width:510px;
}
p.copyright{
	color:#515151;
	font-size:12px;
	position:relative;
	top:16px;
}
#footer{
	font-size:14px;
	color:#ccc;
}
.h1-web30{
	width:510px;
	height:104px;
	text-indent:-9000px;
	float:left;
	display:block;
	margin: 60px 0;
}
.h1-logo{
	height:101px;
	width:165px;
	text-indent:-9000px;
	float:left;
}
.h2-followme{
	height:16px;
	width:116px;
	text-indent:-9000px;
	margin:35px 0 18px;
}
.h2-whatsnew{
	height:16px;
	width:101px;
	text-indent:-9000px;
	margin:35px 0 12px;
}
#footer-nav a{
	color:#ccc;
	font-size:14px;
	text-decoration:none;
}
#footer-right-col h3{
	color:#fefefe;
	font-size:18px;
	font-weight:normal;
}
#footer-right-col p{
	color:#ccc;
	font-size:14px;
	line-height:150%;
}
#footer-right-col li{
	padding:8px 0 12px 42px;
	list-style:none;
	border-bottom: 1px dashed #6a6868;
	width:380px;
}

.menu-home, .menu-portfolio, .menu-aboutme, .menu-articles, .menu-resources, .menu-blog, .menu-contact{
	height:22px;
	display:block;
	text-indent:-9000px;
	background:url(images/menu.png) no-repeat 0 0;
	margin:0 0 0 26px;
}
.menu-home{width:55px; background-position:0 0;}
.menu-home:hover{background-position:0 -22px;}
.menu-portfolio{width:81px;background-position:-79px 0;}
.menu-portfolio:hover{background-position:-79px -22px;}
.menu-aboutme{width:90px;background-position:-186px  0;}
.menu-aboutme:hover{background-position:-186px -22px;}
.menu-articles{width:71px;background-position:-304px  0;}
.menu-articles:hover{background-position:-304px -22px;}
.menu-resources{width:95px;background-position:-402px  0;}
.menu-resources:hover{background-position:-402px -22px;}
.menu-blog{width:42px;background-position:-525px 0;}
.menu-blog:hover{background-position:-525px -22px;}
.menu-contact{width:74px;background-position:-595px  0;}
.menu-contact:hover{background-position:-595px -22px;}

/** BACKGROUNDS **/
html, body{background: #242121;}
#header-wrapper{background: url(images/header-background.png) repeat-x;}
#content-wrapper{background: url(images/content-background.gif) repeat-x top center #f9f8f3;}
#footer-wrapper{background: url(images/footer-background.png) repeat-x transparent;}
#footer-container{background:#242121;}
#buckets{background:url(images/buckets-bg.png) no-repeat;}

.h1-web30{background: url(images/h1-web3.0.png) no-repeat;}
.h1-logo{background: url(images/h1-logo.png) no-repeat;}
.h2-followme{background: url(images/h2-followme.png) no-repeat;}
.h2-whatsnew{background: url(images/h2-whatsnew.png) no-repeat;}


li.whatsnew-articles{background:url(images/icon-articles.png) left 12px no-repeat;}
li.whatsnew-blog{background:url(images/icon-blog.png) left 12px no-repeat;}
li.whatsnew-resources{background:url(images/icon-resources.png) left 12px no-repeat;}