/*    
# Theme Name: Portfolio for wordpress
# Theme URI: Theme
# Description: Theme for my portfolio
# Author: Matthew Carlin
# Author URI: http;//www.matthewcarlin.co.uk
# Version: 1.0 
# . 
# 
# . 
# */


/*--------------------------------< 1. Main layout and defaults >-----------------------------------------*/

/* --- default settings --- */
*{
padding:0px;margin:0px;
font-family:Arial, Helvetica, sans-serif;
}

img {border:0;}



body{
	position:relative;
	margin:0 auto 0 auto;
	color:#333;
	font-size:62.5%;
	line-height:1.5;
	background-image:url(images/bg2.jpg);
	padding-top:50px;
	padding-bottom:50px;
background-color:#454545;
background-repeat:no-repeat;
}
/* --- layout settings --- */
#wrapper {
	width: 968px;
	margin:0 auto;
	min-height:300px;
	position:relative;
	/*opacity:0.9;*/
}
#skipLink{
display:none;
}
#nav {
	width: 581px;
	float:left;
	margin-left:40px;
	border-bottom: 10px solid #0099bc;
}
#content {
float:left;
width:918px;


}
#middleChannel {
	float: left;
	width: 100%;
	
}
#header {
	/*background-color: #CCC;*/
	
	width: auto;
	background-image:url(images/trans_bg.png);
	padding-top:40px;
	
}
#footer {
background-image:url(images/trans_bg.png);
	float:left;
	clear:both;
	height: auto;
width:918px;
	margin-top:25px;
	padding-left:25px;
	padding-right:25px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:50px;
}
#midsection {
padding-left:25px;
background-image:url(images/trans_bg.png);
padding-right:25px;
padding-bottom:50px;
width:918px;
}

p {
font-size:1.2em;
margin-bottom:10px;
}

/*--------------------------------< 3. Standard Links >-----------------------------------------*/
a:link, a:visited{
color:#0099bc;
text-decoration:none;

}
a:hover{
text-decoration:underline;
}


.about_side a:link{
color:#0099bc;
text-decoration:none;
padding:2px;
}
.about_side a:visited{
padding:2px;

text-decoration:none;
background-color:#CCCCCC;
color:#FFFFFF
}

.about_side a:hover{
padding:2px;

text-decoration:none;
background-color: #0099CC;
color:#FFFFFF
}


/*--------------------------------< 4. Header specific including "Feature List" Accessibilty etc. ------------------*/
#header ul, #header h1{
	padding-left:15px;
}
#header h1{
	padding:0px;
	padding-left:0px;
	margin:0px;
margin-top:-14px;
}
#header ul{
padding-left:0em;
}
#featureList li
{
	font-family:Arial, Helvetica, sans-serif;
	display: inline;
	list-style-type: none;
	font-size:0.9em;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	padding-right: 0.6em;
}
#featureList li a:link, #featureList li a:visited{
	text-decoration: none;
	color:#FFFFFF;
}
#featureList li a:hover{
	text-decoration: underline;
}


/*--------------------------------< 5. Navigation - series of unordered lists >-----------------------------------------*/


#nav ul{
list-style-type:none;
}
/*common sub nav lists*/

#nav ul li {/*display:inline;*/
float:left;
height:25px;}

/*--------------------------------< 6. Footer specific styles >---------------------------------------*/
#footer p{
font-family:Arial, Helvetica, sans-serif;
padding:5px 5px 5px 5px;
font-size:1em;
line-height:1.2;
}
/*--------------------------------< 7. Main page area styles >-----------------------------------------*/

/* --- standard html elements --- */
#middleChannel p, #middleChannel h1, #middleChannel h2, #middleChannel h3, #middleChannel h4{
	padding:10px;
}

#middleChannel p, #middleChannel h3{
 font-size:1.2em;
}
#middleChannel h1, #middleChannel h2{
font-size:1.6em;
line-height:1.4em;
letter-spacing:-1px;
}
#middleChannel h3{
font-size:1.4em;
line-height:1.2em;
letter-spacing:-1px;
}
#middleChannel h4{
font-size:1.2em;
line-height:1.4em;
}
#middleChannel ul{
padding-left:40px;
padding-bottom:10px;
}
#middleChannel select{
font-size:1.1em;
margin-left:15px;
width:200px;
}
#middleChannel option{
line-height:1px;
}
#middleChannel input{
font-size:1.1em;
line-height:1;
}

/*--------------------------------< 7. Common helper styles >---------------------------------------*/

/* --- table formatting --- */
#myTable #highlight{
background-color:#E0F0F7;
}
#myTable #lowlight{
background-color:#9FD8F3;
}
.clear{
height:1px;
font-size:0.0em;
clear:both;
}


/*----------------------------------< 8. Grid layout stylings >-------------------------------------------*/


.h_2col {width:100%;}

.h_2col_col_one {
width:339px;
float:left;
}

.h_2col_col_two {
width:579px;
float:left;
}

.h_3col {width:100%;}

.h_3col_col_one {
width:33.3%;
float:left;
background-color:#333333;}

.h_3col_col_two {
width:33.3%;
float:left;
background-color:#999999;}

.h_3col_col_three {
width:33.3%;
float:left;
background-color: #CCCCCC;}

.h_4col {width:100%;}

.h_4col_col_one {
width:25%;
float:left;
background-color:#333333;}

.h_4col_col_two {
width:25%;
float:left;
background-color:#999999;}

.h_4col_col_three {
width:25%;
float:left;
background-color: #CCCCCC;}

.h_4col_col_four {
width:25%;
float:left;
background-color: #FFFFFF;}

/*   Clear fix */


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* --------SITE STYLINGS-----*/

.logo {margin-left:25px;

float:left;
display:inline;}

#home_text {
padding-right:30px;

}

#nav ul li a {display:block;
width:83px;
background-image:url(images/menu_clear.gif) 0px 0px no-repeat;
height:25px;}


.home_work_image {
float:left;
width:287px;
position:relative;
margin-bottom:25px;
}

.home_work_image div {position:absolute;
bottom:0;
right:0;

top:73%;
left:71%;}

.home_work_image h3 {margin-left:10px;
width:65%;
font-size:1.4em;}

.home_work_image p {margin-left:10px;
line-height:1;
width:65%;}

.body_header {border-bottom: 5px solid #0099bc;
margin-bottom:10px;}

.body_header h2 {background-color:#0099bc;
color:#ffffff;
width:10em;
text-align:center;
padding-top:2px;
font-size:1.4em;
}

#nav ul .page-item-10 a { background-image:url(images/menu_clear.gif);}
#nav ul .page-item-10 a:hover { background-image:url(images/menu_clear.gif);
background-position: -0px -25px;}


#nav ul .page-item-17 a {background-image:url(images/menu_clear.gif);
background-position: -83px -0px;}
#nav ul .page-item-17 a:hover {background-image:url(images/menu_clear.gif);
background-position: -83px -25px;}

#nav ul .page-item-12 a {background-image:url(images/menu_clear.gif);
background-position: -166px -0px;}
#nav ul .page-item-12 a:hover {background-image:url(images/menu_clear.gif);
background-position: -166px -25px;}

#nav ul .page-item-15 a {background-image:url(images/menu_clear.gif);
background-position: -249px -0px;}
#nav ul .page-item-15 a:hover {background-image:url(images/menu_clear.gif);
background-position: -249px -25px;}

#nav ul .page-item-36 a {background-image:url(images/menu_clear.gif);
background-position: -332px -0px;}
#nav ul .page-item-36 a:hover {background-image:url(images/menu_clear.gif);
background-position: -332px -25px;}

#nav ul .page-item-33 a {background-image:url(images/menu_clear.gif);
background-position: -415px -0px;}
#nav ul .page-item-33 a:hover {background-image:url(images/menu_clear.gif);
background-position: -415px -25px;}

#nav ul .page-item-30 a {background-image:url(images/menu_clear.gif);
background-position: -498px -0px;}
#nav ul .page-item-30 a:hover {background-image:url(images/menu_clear.gif);
background-position: -498px -25px;}



.blog_side {
float:left;
width:310px;
padding-right:30px;

}

.blog_main {
float:left;
width:550px;
}

#twitter_div ul {list-style-type:none;
float:left;
width:200px;
margin-top:10px;}

#twitter_div img {float:left;
width:100px;}

#home_blog_updates {list-style-type:none;
margin-bottom:20px;
margin-top:20px;}

#home_blog_updates li {font-size:1.8em;
font-weight:bold;}

#twitter_update_list li {margin-bottom:10px;
font-size:1.2em;}

#twitter_update_list li a {display:block;
}

#twitter_update_list li span a {display:inline;
width:190px
;}

/*----------------------BLOG STYLINGS---------------------*/

.post {margin-bottom:20px;}

.post h2 a {padding:2px;}

.post h2 a:hover {padding:2px;

text-decoration:none;
background-color: #0099CC;
color:#FFFFFF}

.post h3 a {padding:2px;
font-size:1.8em;}

.post h3 a:hover {padding:2px;

text-decoration:none;
background-color: #0099CC;
color:#FFFFFF}

.blog_main h2 {
font-size:2.4em;
margin-top:20px;
}

.blog_main .date {
font-size:1.2em;
margin-top:-10px;
margin-bottom:10px;
}

.entry {margin-bottom:10px;
margin-top:10px;}

#comment {width:350px;}

.blog_date {font-size:1.0em;

background-color:#999999;
color:#FFFFFF;
padding:3px;
margin-bottom:10px;}

.blog_side ul {list-style-type:none;}

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

.alignright {float:left;
}

.widget_categories ul li {

font-size:1.2em;
}

.widget_archive ul li {
font-size:1.2em;

}

.blog_rss {margin-top:20px;
margin-bottom:20px;}

/*-------- WORK STYLINGS-----*/

.work_thumb {width:198px;
float:left;
position:relative;
margin-bottom:30px;}

.work_thumb .thumb_image {
border:5px solid #0099bc;
}

.thumb_margin {margin-right:42px;}

.work_thumb  h1 {font-size:1.4em;
margin-left:5px;}

.work_thumb div {position:absolute;
bottom:0;
right:0;

top:60%;
left:64%;}

#work_main_image img {
border:5px solid #0099bc;

}

.work_title {
margin-bottom:10px;
font-size:2.4em;

}


.about_side {

padding-right:30px;}

/*-----------Contact From Stylings--------*/

#contact_form textarea {
width:400px;
height:100px;
}

#contact_form {
padding-top:20px;


}

#lifestream li {
font-size:1.2em;
margin-bottom:10px;
list-style-type:none;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #cccccc;


}

.network h2 {font-size:1.8em;}

.cv img { vertical-align:middle;
margin-right:20px;
float:left;}

.cv h3 {font-size:1.6em;
float:left;
margin-top:20px;
}

.cv {margin-bottom:20px;
}

.cv a {padding:3px;}

.cv a:hover {color:#FFFFFF;
background-color:#0099bc;
padding:3px;
text-decoration:none;}

#home_text a {padding:1px;}

#home_text a:hover {color:#FFFFFF;
background-color:#0099bc;
padding:1px;
text-decoration:none;}

.blog_main a {padding:1px;}

.blog_main a:hover {color:#FFFFFF;
background-color:#0099bc;
padding:1px;
text-decoration:none;}

#sidebar ul li a {padding:3px 3px;
display:block}

#sidebar ul li a:hover {color:#FFFFFF;
background-color:#0099bc;
padding:3px 3px;
text-decoration:none;}

.post a {padding:1px;}

.post a:hover {color:#FFFFFF;
background-color:#0099bc;
padding:1px;
text-decoration:none;}

/*#sidebar ul li ul li:hover {color:#FFFFFF;
background-color:#0099bc;
text-decoration:none;}*/

#sidebar ul {
list-style-type:none;
margin-bottom:20px;}

#sidebar ul li ul li {

list-style-type:none;
padding:0px 0px;
border-bottom: 1px solid #cccccc;
font-size:1.2em;}


#sticker {position:absolute;
top:100px;
right:0px;
z-index:100;}

.pagetitle {
margin-top:10px;
margin-bottom:10px;

}

#footer ul li {display:inline;}

#footer a {padding:1px;}

#footer a:hover {color:#FFFFFF;
background-color:#0099bc;
padding:1px;
text-decoration:none;}

lifestream

#lifestream a {padding:1px;}

#lifestream a:hover {color:#FFFFFF;
background-color:#0099bc;
padding:1px;
text-decoration:none;}

.footer_copyright {float:left;
width:400px;}

.footer_nav {float:right;
width:500px;
text-align:right;
padding-top:5px;}

.widget {margin-bottom:10px;}

#sidebar {padding-right:30px;}

#tag_cloud a {display:inline;}

.four04 {
font-size:2.4em;
margin-top:20px;
}



}

#home_blog_updates h2 {font-size:1.4em;
margin-bottom:10px;}
.widget h2 {font-size:1.4em;}

.commentlist li {
padding:20px;
border-bottom:1px dotted #666666;

}

.commentmetadata {
margin-bottom:10px;
display:block;

}

.lifestream_label {
font-size:1.2em;
}

code {
padding:10px;
background-color:#e5e5e5;
line-height:1.8;
display:block;

}

#lifestream_recent_posts {
padding-right:50px;
margin-top:30px;

}

.other_homes {
font-size:1.4em;
margin-bottom:30px;

}

#lifestream_recent_posts h3 {
font-size:1.4em;
line-height:1.3;
}

.entry h3 {
margin-bottom:20px;
font-size:1.8em;

}

#searchform {
margin-bottom:20px;

}

#searchform label {
margin-bottom:20px;
font-size:1.4em;
font-weight:bold;

}