/*
THEME NAME: PomoFo
THEME URI: http://www.pomofo.co.uk
DESCRIPTION: PomoFo Portfolio
VERSION: 1
AUTHOR: <a href="http://pomofo.co.uk/">Adrian Stuart</a> &amp; <a href="http://www.adj-creatives.com/">Adrian Stuart</a>
AUTHOR URI:
TAGS: PomoFo xoxo, widgets, blank slate, starter theme, minimalist, developer
*/


/**************** Style Reset******************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/**************** Style Reset End******************/



/* content */
body{
	font-family:Georgia, 'times new roman',Palatino, serif;
	font-size:18px;
	/*font-weight:bold;*/
	color:#222;
	line-height:1.3;
	/*background: #FAFAFA;  gery 98% */
	/*background:#F7F7F7;   gery 97% */
	/*background:#F5F5F5;   gery 96% */
	background:#F3F3F3;	
}

div#wrapper{
	margin:0 auto;
	width:900px;
	}
div#blog-description{
color:#f3f3f3;
font-size:10px;
}

.down{
   margin:23px 0 0 0;
   padding:0;
}
.moveright{
   margin-right: 45px;
   padding:0;
}

.big {
float:left;
font-size:60px;
line-height:45px;
padding:0 3px 0 0;
}

h1, h2, h3, h4, h5, h6{
	font-family: Helvetica, Arial, Sans-serif;
}

h1{
	font-size:35px;
	font-weight:bold;
}

h6{
	font-size:45px;
        color:#333;
        font-families:Helvetica, Arial, sans-serif;
}


a{
	color:#00aeef;
	text-decoration:none;
	}

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

a:visited{
	text-decoration:none;
	}



div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#logonavigation{
	float:left;
	width:350px;
}

div#access{
	float:right;
}
/*social links*/
div.rightlink{
	float:right;
	width:35px;
	height:35px;
	margin:2px 25px 64px 0px;
	}

/*main menu*/
div#menu {
height:1.5em;
width:100%;
padding:0px 0 0 0;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul li a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
color:#000;
font-family: Helvetica, Arial, sans-serif;
}

div#menu ul li a:hover {
text-decoration:none;
color:#00aeef;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

/* category sub-menu */

div#categories {
height:20px;
margin:-20px 20px 0 0;
padding:5px 11px 3px 0;
width:866px;
}

div#categories ul,div#categories ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#categories ul li a {
display:block;
/*margin-right:1em;*/
padding:0.2em 0 0 2em;
text-decoration:none;
color:#222;
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
}

div#categories ul li a:hover {
text-decoration:none;
color:#00aeef;
}

div#categories ul li ul {
left:-999em;
position:absolute;
}

div#categories ul li:hover ul {
left:auto;
}

.catbkg{
	background:#fff;
	}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
/*margin:1em 0 0 1em;*/
}

.alignleft,img.alignleft{
float:left;
/*margin:1em 1em 0 0;*/
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
float:right;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#categories ul li{float:right;}

div#header{
	width:900px;
	height:150px;
}

div#footer {
text-align:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

div#container {
margin:0;
}

div#content {
margin:0;
}

div.sidebar {
float:left;
overflow:hidden;
width:180px;
}

div#secondary {
clear:left;
}

div#footer {
margin:0 auto;
clear:both;
width:900px;
padding:175px 0 25px 0;
height:22px;
font-family:helvetica, arial, sans-serif;
position:relative;
}

div#footer img{
	position:absolute;
	bottom:0;
	right:0;
}

div#footer a{
color:#333;
}
div#footer a:hover{
color:#00aeef;
}

/* post thumbnails */

div#thumbwrapper{
	float:left;
	position:relative;
	width:285px;
	height:360px;
	margin:35px 10px 0 0;
}
	
div.thumb{
	float:left;
	width:276px;
	height:350px;
	padding:7px;
    background:#fff;
	border:1px solid #EEE;
}

div.thumb img{
        border: #fafafa solid 1px;
}

/*div.thumbtitle{
	position:absolute;
	top:10px;
	left:0px;
        width:260px;
        height:360px;
        background:#000;
	font-size:17px;
	font-weight:bold;
	font-family: Hadriano,"Goudy Std Extra Bold", Georgia, serif;
}*/

div.thumbtitle h2{
        font-size:30px;
	    font-weight:bold;
	    /*font-family: Hadriano,"Goudy Std Extra Bold", Georgia, serif;*/
        line-height:24px;
}
div.thumbtitle a{
	text-decoration:none;
	color:#00aeef;
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	-khtml-opacity: .0;
	opacity: 0.0;
        padding:305px 0px 0px 2px;
        position:absolute;
	top:0px;
	left:0px;
        width:289px;
        height:47px;
        background:#000;
}
div.thumbtitle a:hover{
	text-decoration:none;
	color:#000;
    background:url("http://pomofo.co.uk/wp-content/themes/PomoFo/img/clear.png") repeat;
    border-top:10px solid #000;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

/*Single page info section*/

div#singlepage{
	margin: 20px 0 0 0;
	float:left;
	font-size:13px;
	width:300px;
	}
	
.whitebkg{
	background:#E2FDFF;
	-moz-box-shadow: 0px  0px 4px #eaeaea;
    -webkit-box-shadow: 0px 0px 4px #eaeaea;
    box-shadow: 0px 0px 4px #eaeaea;
	letter-spacing:0.025em;
    line-height:23px;
    padding:3px 0;
	}
.whitebkgtitle{
	background:#E2FDFF;
	-moz-box-shadow: 0px  0px 4px #eaeaea;
	-webkit-box-shadow: 0px 0px 4px #eaeaea;
	box-shadow: 0px 0px 4px #eaeaea;
	padding:3px 0;
	}
	
.grey1bkg{
	background:#BBF2FF;
	-moz-box-shadow: 0px  0px 4px #eaeaea;
	-webkit-box-shadow: 0px 0px 4px #eaeaea;
	box-shadow: 0px 0px 4px #eaeaea;
	letter-spacing:0.025em;
	line-height:23px;
	padding:3px 0;
	}		
.grey1bkgtitle{
	background:#BBF2FF;
	-moz-box-shadow: 0px  0px 4px #eaeaea;
    -webkit-box-shadow: 0px 0px 4px #eaeaea;
    box-shadow: 0px 0px 4px #eaeaea;
    padding:3px 0;
	}	

.grey2bkg{
	background:#8DE4F6;
	-moz-box-shadow: 0px  0px 4px #eaeaea;
	-webkit-box-shadow: 0px 0px 4px #eaeaea;
	box-shadow: 0px 0px 4px #eaeaea;
	letter-spacing:0.025em;
	line-height:23px;
	padding:3px 0;
	}
.grey2bkgtitle{
	background:#8DE4F6;
	-moz-box-shadow: 0px  0px 4px #eaeaea;
    -webkit-box-shadow: 0px 0px 4px #eaeaea;
    box-shadow: 0px 0px 4px #eaeaea;
    padding:3px 0;
	}

.grey3bkg{
	background:#55D8EF;
	-moz-box-shadow: 0px  0px 4px #eaeaea;
    -webkit-box-shadow: 0px 0px 4px #eaeaea;
    box-shadow: 0px 0px 4px #eaeaea;
	letter-spacing:0.025em;
    line-height:23px;
    padding:3px 0;
	}
.grey3bkgtitle{
	background:#55D8EF;
	-moz-box-shadow: 0px  0px 4px #eaeaea;
	-webkit-box-shadow: 0px 0px 4px #eaeaea;
	box-shadow: 0px 0px 4px #eaeaea;
	padding:3px 0;
	}	

	
div#singlepage h2{
	font-size:30px;
	color:#000;
	/*color:#00aeef;*/
	margin:0;
	}
	
div#singlepage a{
	font-size:12px;
	font-weight:bold;
	color:#333;
	font-style: italic;
	}	
	
div#singlepage a:hover{
	color:#00aeef;
	}	

div.singlepageinfo{
	display:block;
	margin: 0 0 0 1px;
	}

div.singlepageinfo h4{
	font-size: 19px;
	color:#333;
	margin:2px 0;
	/*padding:1px;*/
	}
	
div.singlepagemargin{
	/*margin:10px 0 0 0;*/
	width:90%;
	}
	
div.marginleft{
	/*margin:0 0 0 2px;*/
	}
	
div.clienttxt{
	font-size:12px;
	font-style:italic;
	}
	
/*Single page Port image*/	

div#scrollarea{
	text-align:center;
	float:left;
	position:relative;
	width:600px;
	margin:25px 0 0 0;
	/*overflow-x:scroll;
	overflow-y:hidden;*/
	/*overflow-x:hidden;
	overflow-y:hidden;*/
	}

/*div#sngpgportarea{
	width:3000px;
	}*/

div#scrollarea img{
	margin:0 auto 40px;
	padding:7px;
	background:#fff;
	-moz-box-shadow: 0px  0px 7px #ddd;
    -webkit-box-shadow: 0px 0px 7px #ddd;
    box-shadow: 0px 0px 7px #ddd;
	/*margin:0 15px;*/
	/*border:1px solid #FAFAFA;*/
    }
	
/* Page Number */
div#pagenumber{
	float:left;
	width:900px;
	/*margin:0 auto;*/
	padding:55px 0 0 0;
	}

/* Skills & Stars*/

div.skills{
float:left;
margin:5px 0 0 20px;
	}
	
div.skills ul li{
	display:block;
	}	

.twostar{
float:right;
	width:44px;
	height:25px;
	padding:0;
	margin:0 0 0 5px;
	background:url("http://pomofo.co.uk/wp-content/themes/PomoFo/img/star.png") repeat;
	}
.twohalfstar{
float:right;	
	width:55px;
	height:25px;
	padding:0;
	margin:0 0 0 5px;
	background:url("http://pomofo.co.uk/wp-content/themes/PomoFo/img/star.png") repeat;
	}	
.threestar{
float:right;
	width:66px;
	height:25px;
	padding:0;
	margin:0 0 0 5px;
	background:url("http://pomofo.co.uk/wp-content/themes/PomoFo/img/star.png") repeat;
	}
.threehalfstar{
float:right;	
	width:77px;
	height:25px;
	padding:0;
	margin:0 0 0 5px;
	background:url("http://pomofo.co.uk/wp-content/themes/PomoFo/img/star.png") repeat;
	}
.fourstar{
float:right;	
	width:88px;
	height:25px;
	padding:0;
	margin:0 0 0 5px;
	background:url("http://pomofo.co.uk/wp-content/themes/PomoFo/img/star.png") repeat;
	}