/*
Theme Name: SL25
Theme URI: http://www.sl25.co.uk
Description: Personal theme for portfolio of Freelance Web Designer, Simon Leedham
Version: 1.0
Author: Simon Leedham
Author URI: http://www.sl25.co.uk
*/

html#home {
	margin: 0;
	padding: 0;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #eccffd;
	background: url(assets/images/page-assets/site-bg.jpg) no-repeat center 56px #29023e;
}

html {
	margin: 0;
	padding: 0;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #eccffd;
	background: url(assets/images/page-assets/site-bg-thin.jpg) no-repeat center 56px #29023e;
}

body {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a, a:active {
	outline: none;
}

.right {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
}

.absoluteright {
	position: absolute;
	right: 0px;
	top: 0px;
}

.left {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
}

.alignright {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0px 0px 5px 15px;
	padding: 0;
}

.alignleft {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 15px 5px 0px;
	padding: 0;
}

.centre {
	position: relative;
	float: none;
	margin: 0 auto;
	width: 100px;
	text-align: center;
}

a {
	color: #6c2698;
	text-decoration: underline;
}

a:hover {
	color: #eccffd;
	text-decoration: underline;
}

h1 {
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	color: #eccffd;
	font-size: 2.0em;
	font-weight: normal;
}

h2 {
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color: #eccffd;
	font-size: 1.6em;
	font-weight: normal;
}

.projecttitle h2 {
	float: right;
	margin: -6px 0px 0px 0px;
	padding: 0;
	display: inline;
}

h3 {
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	color: #eccffd;
	font-size: 1.4em;
	font-weight: normal;
}

h1 a, h2 a, h3 a {
	color: #eccffd;
	text-decoration: none;
}
	
#menuouter {
	position: fixed;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 55px;
	font-size: 1em;
	background: url(assets/images/menu/menu-bg.gif) repeat-x top left;
	border-bottom: 1px solid #75215e;
	z-index: 100;
}

#menuinner {
	position: relative;
	float: none;
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height: 55px;
}

#logo {
	width: 202px;
	height: 55px;
}

#menuinner ul, #menuinner ul li {
	height: 55px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menuinner ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	height: 55px;
	display: block;
	padding: 0;
	background: url(assets/images/menu/button-bg.gif) no-repeat left 0px;
	font-size: 1.8em;
}

#menuinner ul li a {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	display: block;
	padding: 0px 20px 0px 20px;
	height: 55px;
	line-height: 50px;
	vertical-align: middle;
	color: #ffffff;
	text-decoration: none;
	background: url(assets/images/menu/button-seperator.gif) no-repeat right 0px;
	z-index: 20;
	text-transform: uppercase;
}

#menuinner ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#menuinner ul li:hover a {
	color: #ffffff;
}

#menuinner ul li.current_page_item, #menuinner ul li:hover {
	background: url(assets/images/menu/button-bg.gif) no-repeat left -55px;
}

.fadeThis {
	z-index: 10;
}
	
#menuouter #menuinner .fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 55px;
	width: 100%;
	background: url(assets/images/menu/button-bg.gif) no-repeat left -55px;
}

.fullwidth {
	width: 100%;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	background: url(assets/images/page-assets/fullwidth-seperator.gif) repeat-x bottom left;
}

.leftcolumn {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 700px;
}

.sidebar {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 220px;
	text-align: left;
}

.noseperator {
	background-image: none;
}

#mainouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 85px 0px 0px 0px;
	padding: 0;
	width: 100%;
	font-size: 1.4em;
	line-height: 22px;
}

#maininner {
	position: relative;
	float: none;
	width: 940px;
	margin: 0 auto;
	padding: 0;
}

.innercontent {
	padding: 40px 0px 0px 0px;
}

#strapline {
	width: 940px;
	height: 150px;
}

#strapline h1 {
	width: 940px;
	height: 150px;
	text-indent: -9999px;
	background: url(assets/images/page-assets/your-website.png) no-repeat top left;
	margin: 0;
	padding: 0;
}

#homepagefeature {
	width: 928px;
	height: 218px;
	background: url(assets/images/page-assets/homepage-glass.png) no-repeat top left;
	margin: 0px 0px 15px 0px;
	padding: 6px;
}

#homepagefeature #rocket {
	position: absolute;
	right: -150px;
	top: -150px;
	width: 448px;
	height: 372px;
	margin: 0;
	padding: 0;
}

.project {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 928px;
	height: 218px;
	overflow: hidden;
}

.featuredtext {
	background: url(assets/images/page-assets/featured-work.gif) no-repeat top left;
	width: 212px;
	height: 18px;
	text-indent: -9999px;
}

/*preload classes*/
.svw {
	width: 50px;
	height: 20px;
	background: #fff;
}
.svw ul {
	position: relative;
	left: -999em;
}

/*core classes*/
.stripViewer { 
	position: relative;
	overflow: hidden; 
}

.stripViewer ul { /* this is your UL of images */
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	list-style-type: none;
}

.stripViewer ul li { 
	float: left;
}

.stripTransmitter {
	position: relative;
	margin: 20px 0px 0px 0px;
	height: 14px;
	float: left;
	z-index: 30;
}

.stripTransmitter ul {
	width: 90px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	list-style-type: none;
}

.stripTransmitter ul li {
	width: 14px;
	height: 14px;
	float: left;
	margin: 0px 4px 0px 0px;
	text-indent: -9999px;
}

.stripTransmitter a {
	width: 14px;
	height: 14px;
	border: none;
	text-decoration: none;
	display: block;
	background: url(assets/images/page-assets/featured-li.gif) no-repeat top left;
}

.stripTransmitter a:hover, a.current{
	background: url(assets/images/page-assets/featured-li-current.gif) no-repeat top left;
	border: none;
}

.arrowtabs {
	width: 148px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.2em;
}

.arrowtabs li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	list-style: none;
	width: 148px;
	height: 38px;
	text-align: center;
	margin: 0px 0px 2px 0px;
	background: url(assets/images/page-assets/arrow-tab.gif) no-repeat 0px -38px;
}

.arrowtabs li a {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 148px;
	height: 32px;
	margin: 0;
	padding: 6px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	z-index: 40;
}

.arrowtabs li a.selected {
	text-decoration: none;
	background: url(assets/images/page-assets/arrow-tab.gif) no-repeat 0px 0px;
}

.arrowtabs .fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 38px;
	width: 148px;
	background: url(assets/images/page-assets/arrow-tab.gif) no-repeat 0px 0px;
}

.arrowcontent {
	margin: 0;
	padding: 0;
	width: 780px;
	text-align: left;
}

.arrowcontent h2 {
	margin: 0;
	padding: 0;
}

.blogpost {
	width: 500px;
	height: 169px;
	padding: 20px;
	overflow: hidden;
	background: url(assets/images/page-assets/home-blog-post.gif) no-repeat top left;
}

.fullblogpost {
	margin: 20px 0px 0px 0px;
	width: 660px;
	height: 169px;
	padding: 20px;
	overflow: hidden;
	background: url(assets/images/page-assets/blog-post.gif) no-repeat top left;
}

.testimonial {
	width: 338px;
	height: 168px;
	padding: 20px;
	overflow: hidden;
	background: url(assets/images/page-assets/home-testimonial-bg.gif) no-repeat top left;
}

.blogpost h2, .blogpost h3, .fullblogpost h2, .fullblogpost h3, .testimonial h3, .testimonial h4 {
	margin: 0;
	padding: 0;
}

.blogpost .postthumb, .fullblogpost .postthumb {
	width: 192px;
	height: 197px;
	margin: -20px 20px -20px -20px;
	padding: 0;
}

.testimonial .quote {
	background: url(assets/images/page-assets/testimonial-quote-top.gif) no-repeat top left;
	margin: 10px 0px 0px 0px;
}

.testimonial .quote p {
	margin: 0;
	padding: 0px 30px 0px 30px;
	background: url(assets/images/page-assets/testimonial-quote-bottom.gif) no-repeat bottom right;
}

#footerouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1.4em;
	min-height: 280px;
	height: 280px;
	background: url(assets/images/page-assets/footer-bg.gif) no-repeat top center #000;
}

#footerinner {
	position: relative;
	float: none;
	width: 940px;
	margin: 40px auto 0px auto;
	padding: 0;
	height: 240px;
}

#footerinner h3 {
	position: relative;
	float: left;
	width: 165px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(assets/images/page-assets/hire-me.gif) no-repeat top left;
	text-indent: -9999px;
}

#footerinner .center {
	width: 455px;
}

.purple {
	color: #6c2698;
}

.blogdate {
	font-size: 1em;
	padding-top: 0px;
	margin-top: 0px;
}

.readmore a {
	background: url(assets/images/page-assets/read-more-star.gif) no-repeat 0px 4px;
	padding-left: 18px;
}

.formtextarea {
	background-color: transparent;
	border-bottom: 1px dotted #ffffff;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #6c2698;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.messagearea {
	margin: 20px 0px 0px 0px;
	background-color: #13031b;
	border-bottom: 1px solid #321540;
	border-top: none;
	border-left: 1px solid #321540;
	border-right: none;
	color: #6c2698;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	width: 280px;
	height: 65px;
	overflow: hidden;
}

.form {
	background: url(assets/images/page-assets/contact-quote-top.gif) no-repeat top left;
	padding: 0px 0px 0px 25px;
	width: 395px;
	line-height: 24px;
}

.form .inner {
	width: 395px;
	background: url(assets/images/page-assets/contact-quote-bottom.gif) no-repeat bottom right;
	padding: 0px 25px 0px 0px;
	margin: 0px 0px 10px 0px;
}

.form label {
	font-weight: bold;
}

.contactbutton {
	width: 162px;
	height: 37px;
	text-indent: -9999px;
	background: url(assets/images/page-assets/send-enquiry.gif) no-repeat 0px 0px;
	border: none;
	display: block;
}

.contactbutton:hover {
	background: url(assets/images/page-assets/send-enquiry.gif) no-repeat 0px -37px;
}

.portfolioproject {
	position: relative;
	float: left;
	margin: 0px 0px 6px 0px;
	padding: 0;
	width: 940px;
}

.portfolioproject .image {
	width: 928px;
	height: 218px;
	background: url(assets/images/page-assets/homepage-glass.png) no-repeat top left;
	margin: 0;
	padding: 6px;
}

.portfolioproject .projectinfo {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 400px;
	height: 188px;
	padding: 15px;
	background: url(assets/images/page-assets/portfolio-info-bg.png) no-repeat top right;
	color: #306;
}

.portfolioproject .projectinfo h2 {
	padding: 0;
	margin: 0;
	color: #6c2698;
}

.portfolioproject .projectinfo .visitsite {
	position: absolute;
	right: 0px;
	bottom: -15px;
	width: 147px;
	height: 26px;
	text-indent: -9999px;
	display: block;
	background: url(assets/images/page-assets/visit-site-button.png) no-repeat 0px 0px;
}

.portfolioproject .projectinfo .visitsite:hover {
	background: url(assets/images/page-assets/visit-site-button.png) no-repeat 0px -26px;
}

.portfolioproject .projectinfo .visitsite a {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 26px;
	display: block;
}

.service, .template {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 15px;
	padding: 0;
	width: 280px;
	min-height: 250px;
}

.service .icon {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 50px;
}

.service .info {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 220px;
	text-align: left;
}

.template .thumbnail {
	width: 100%;
	margin: 0;
	padding: 0;
}

.template .info {
	width: 100%;
}

.service .info h2 {
	margin-top: 10px;
	padding-top: 0px;
}

.tweetouter {
	background: url(assets/images/page-assets/tweet-bg.gif) no-repeat top left;
	padding: 70px 0px 0px 0px;
	margin: 8px 0px 20px 0px;
	width: 220px;
}

.tweetinner {
	background: url(assets/images/page-assets/tweet-bg.gif) no-repeat bottom left;
	padding: 0px 20px 20px 20px;
	width: 180px;
}

.podouter {
	background: url(assets/images/page-assets/pod-bg.gif) no-repeat top left;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	width: 220px;
}

.podinner {
	background: url(assets/images/page-assets/pod-bg.gif) no-repeat bottom left;
	padding: 0px 20px 20px 20px;
	width: 180px;
}

.podinner h2 {
	margin-top: 0px;
	padding-top: 0px;
}

.podinner ul, .tweetinner ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.podinner ul li, .tweetinner ul li {
	list-style: none;
	padding: 6px 0px 6px 0px;
	border-bottom: 1px dotted #310548;
}

blockquote {
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
}

#comment_meta {
	font-size: 1.2em;
}

#commentform {
	position: relative;
	float:left;
	width: 695px;
	padding: 0;
}

#commentform .formelement {
	position: relative;
	float: left;
	width: 675px;
}

.row {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0;
	margin: 0px 0px 15px 0px;
	text-align: right;
}

.row .label {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0;
	margin: 0px 0px 5px 0px;
	text-align: left;
}

.row .formelement {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}

.row .label h3 {
	margin: 0;
	padding: 0;
}

.formitem {
	background-color: #13031b;
	border-bottom: 1px solid #321540;
	border-left: 1px solid #321540;
	border-right: none;
	border-top: none;
	color: #6c2698;
	padding: 8px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	width: 100%;
	overflow: hidden;
	font-size: 1em;
}

.item .outer {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
	width: 695px;
	background: url(assets/images/page-assets/comment-bg.gif) no-repeat top left;
}

.alt .outer {
	background: url(assets/images/page-assets/comment-bg-alt.gif) no-repeat top left !important;
}

.author .outer {
	background: url(assets/images/page-assets/comment-bg-author.gif) no-repeat top left !important;
}

.item .inner {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 20px 20px 20px;
	width: 655px;
	background: url(assets/images/page-assets/comment-bg.gif) no-repeat bottom left;
}

.alt .inner {
	background: url(assets/images/page-assets/comment-bg-alt.gif) no-repeat bottom left !important;
}

.author .inner {
	background: url(assets/images/page-assets/comment-bg-author.gif) no-repeat bottom left !important;
	color: #13031b;
}

.author .inner .gravatar img {
	border: 1px solid #29023e !important;
}

.item .inner .gravatar img {
	border: 1px solid #eccffd;
}

.gravatar {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 102px;
	margin: 0;
	padding: 0;
}

.comment_text {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	width: 535px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.item .inner p {
	margin-top: 0px;
	padding-top: 0px;
}