@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Starboard
Theme URI: 
Description: Custom theme created by Starbaord Media UK
Version: 1.0
Author: Starboard Media UK

Custom Wordpress theme by Joanna Eyre || http://www.starboardmediauk.co.uk
*/


body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background-color:#000;
background-image:url(images/background2.jpg);
background-position:top center;
background-attachment:fixed;
background-repeat:no-repeat;
color:#999999;
font-size:13px;
line-height:1.6em;
}

#wrapper {
width:850px;
margin:0 auto;
}

#header {
margin-top:40px;
height:50px;
}

#logo {
width:300px;
float:left;
}

#left-col {
float:left;
width:270px;
padding:0;
margin-top:-20px;
}

#right-col {
float:left;
width:270px;
padding:0;
margin-top:-20px;
}

h1 img {
border:none;
}

#menu {
width:550px;
float:right;
margin-top:3px;
text-align:right;
}

#menu ul {
list-style-type:none;
padding:0;
margin:0;
}

#menu li {
display:block;
float:left;
padding:18px 15px 0px 15px;
}

#menu a:link, #menu a:visited {
color:#FFFFFF;
font-size:13px;
text-transform:uppercase;
}

#menu a:hover {
color:#99CC33;
font-size:13px;
text-transform:uppercase;
}


#banner {
padding-top:20px;
clear:both;
height:70px;
font-size:22px;
color:#CCCCCC;
line-height:1.3em;
background-image:url(images/banner-back.png);
background-repeat:no-repeat;
padding:35px 40px 0px 20px;
}

.blog-text {
background-image:url(images/blog-back.png);
background-repeat:no-repeat;
padding:10px 20px 17px 15px;
margin-bottom:10px;
color:#CCCCCC;
}

.transparent {
padding:10px;
margin-bottom:3px;
background-image:url(images/transparent.png);
}

blockquote {
margin-left:10px;
padding:5px 5px 5px 15px;
background-image:url(images/transparent.png);
color:#FFFFFF;
}

/* Services Page */

#services-left {
width:450px;
float:left;
padding-right:30px;
}

#services-left ul {
list-style-type:none;
padding:0;
margin-left:10px;
}

#services-left li {
background-image:url(images/transparent.png);
padding:10px;
margin-bottom:2px;
}

#services-right {
float:left;
width:270px;
padding-left:30px;
margin-bottom:30px;
}

#services-right ul {
padding:0;
margin:0;
list-style-type:none;
}

#services-right li {
padding-left:30px;
background-image:url(images/square.png);
background-repeat:no-repeat;
font-size:14px;
padding-bottom:10px;
}

/* Blog Page */

#blog-left {
width:550px;
float:left;

}

#blog-right {
width:180px;
float:left;
padding-left:50px;
}

#blog-right ul {
list-style-type:none;
padding:0;
margin:0;
}

#blog-right li {
background-image:url(images/transparent.png);
padding:10px;
margin-bottom:1px;
display:block;
}

#blog-right h3 {
font-size:22px;
}

input#s {
border:#999999;
background:#999999;
padding:5px;
margin-top:10px;
}

input#searchsubmit {
padding:5px;
background:#333333;
margin-top:10px;
border:none;
}

.postmetadata {
padding-bottom:15px;
border-bottom:1px solid #666666;
}

/* Portfolio Page */

#portfolio-left {
width:175px;
float:left;
margin-bottom:20px;
padding-right:20px;
}

.flexipages_widget {
margin-top:20px;
}

#portfolio-left ul {
list-style-type:none;
padding:0;
margin:0;
}

#portfolio-left a:link, #portfolio-left a:visited {
background-image:url(images/transparent.png);
padding:10px;
margin-bottom:1px;
display:block;
}

#portfolio-left a:hover {
background:#333333;
}

#portfolio-right {
width:560px;
float:left;
padding-left:25px;
margin:0px 0px 20px 0px;
}

.portfolio-item {
clear:both;
overflow:hidden;
background-image:url(images/transparent.png);
margin-bottom:5px;
padding:10px;
}

.web-image {
float:left;
width:240px;
margin-right:10px;
}

.web-info {
width:270px;
float:left;
padding-left:10px;
padding-top:5px;
}

.web-info h3 {
padding:0;
margin:0;
font-size:16px;
}

ul.portfolio-services {
list-style-type:none;
padding:0;
margin:0;
width:270px;
float:left;
margin-bottom:20px;
}

h3 {
clear:both;
}

.portfolio-services li  {
padding:7px;
}


.portfolio-services li img {
margin-bottom:-5px;
padding-right:10px;
}



#clients li {
padding:1px;
}
		
#content {
clear:both;
padding:20px;
width:780px;
}
		
.clear {clear:both; width:590px; 
		padding:10px; margin-left:20px; border-top:1px solid  #333333; }

.film {float:left; width:300px; margin-bottom:20px; padding:4px; padding-left:8px; color:#999999;}
.film_pic {float:left; width:215px; margin-bottom:20px; margin-left:20px;}

.film_pic:hover img {border:#98CB00 4px solid;}

.film_pic img {border:#CCC 4px solid;}

#leftcol {
		float:left; 
		width:45%; 
		padding-right:10px; 
		margin:10px;
		margin-bottom:20px;	
		}
		
			
#rightcol {
		float:left; 
		width:45%; 
		margin-bottom:20px;
		padding: 10px 0px 0px 30px;
		margin:10px;
		}
		

#projects {
padding-top:30px;
width:850px;
text-align:left;
}

.project {
float:left;
width:283px;
font-size:10px;
color:#666666;
}

.project img {
border:4px solid white;
}

.project:hover img {
border:4px solid #99CC33;
}

#blogpost {
padding-top:20px;
width:490px;
float:left;
margin-bottom:50px;
}

#blogpost ul {
list-style-type:none;
padding:0;
margin:0;
}

h3 {
font-weight:normal;
margin-top:30px;
color:#FFFFFF;
font-size:14px;
}

#blogpost h3 a:link, #blogpost h3 a:visited {
color:#FFFFFF;
font-weight:normal;
font-size:16px;
}

h3 a:hover {
color:#99CC33;
}

#photography {
padding-top:20px;
width:290px;
float:right;
margin-bottom:50px;
padding-left:22px;
}

.photos {
width:130px;
height:130px;
float:left;
font-size:10px;
padding-top:10px;

}

.photos img {
border:4px solid white;
margin-bottom:5px;
}

.photos:hover img {
border:4px solid #99CC33;
}

/* Footer */

#footer {
clear:both;
width:850px;
border-top:1px solid #3A3A3A;
padding:20px 0px 20px 0px;
margin-bottom:30px;
overflow:hidden;
}

#services {
width:220px;
float:left;
}

#services ul {
padding:0;
margin:0;
list-style-type:none;
}

#services li {
background:#151515;
padding:5px 5px 5px 25px;
margin-bottom:1px;
color:#CCCCCC;
background-image:url(images/arrow.png);
background-repeat:no-repeat;
}

#twitter {
width:280px;
float:left;
margin:0px 20px 0px 40px;
background-image:url(images/speech-bubble.png);
background-repeat:no-repeat;
}

#twitter h4 {
margin-left:20px;


}

#twitter-tools ul {
padding:0px 20px 10px 20px;
color:#CCCCCC;
margin:0;
list-style-type:none;
}

#twitter-tools li {
height:100px;
}

.aktt_tweets {
margin-top:-10px;
}

#about-me {
width:270px;
float:left;
padding:0px 0px 0px 20px;
}

/* Fonts */

.blogmore a:link, .blogmore a:visited {
color:#99CC33;
font-size:12px;
font-weight:bold;
margin-bottom:20px;
}

.blogmore a:hover {
color:#FFFFFF;
}

.blogheadline, .boldorange, .blogheader {
font-size:14px;
color:#999999;
font-weight:bold;
}

.lightest {
color:#FFFFFF;
}

.lighter {
color:#FFF;
}

.quote {
margin-left:40px;
line-height:2em;
font-size:14px;
}

a:link {
	color:#99CC33;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #99CC00;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}

h2 {
font-size:24px;
color:#FFFFFF;
}

h4 {
font-size:18px;
text-transform:uppercase;
color:#FFFFFF;
}

.green {
color:#99CC33;
}

.size11 {
font-size:10px;
}

img {
border:0;
}

/* Forms */

.wpcf7-form input, .wpcf7-form textarea {
padding:5px;
background:#99CC33;
border:0;
color:#FFFFFF;
font-size:14px;
}

.wpcf7-form textarea {
width:420px;
}

ol.commentlist {
list-style-type:none;
padding:0;
margin:0;
}

.commentlist li {
background-image:url(images/transparent.png);
padding:10px;
margin-bottom:5px;
color:#CCCCCC;

}

.navigation {
margin-bottom:20px;
font-size:11px;
}

.navigation a:link, .navigation a:visited {
background-image:url(images/transparent.png);
margin-right:5px;
padding:5px;
}

.navigation a:hover {
color:#FFFFFF;
}

input#submit {
background:#99CC33;
padding:5px;
color:#FFFFFF;
border:none;
margin-bottom:20px;
}