/*
Theme Name: robertlochrie
Theme URI: www.robertlochrie.com
Description: Version 1.1 for my portfolio site
Author: Robert Lochrie
Version: 1.0
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }



/*--------------------------------------------------*/

/*Standards*/


body {
	margin:0px; padding:0px;
	background-color:#f5f5f5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#747474;
}

a {
color:#63b0b3;
}

a:hover {
color:#56999c;
}

p {
color:#747474;
line-height:20px;
padding:0 0 10px 0;
}

.caption {
font-size:11px;
line-height:15px;
margin:5px 5px 10px 5px;
}

h4 {
font-size:12px;
font-weight:bold;
}
h1 {
font-weight:bold;
letter-spacing:-0.01em;
}

h2 {
font-size:12px;
font-weight:bold;
margin:10px 0 0;
padding:0 0 5px;
}


/*--------------------------------------------------*/

/*Containers*/


#header {
border-bottom:1px solid #DBDBDB;
border-top:1px solid #DBDBDB;
margin:30px 0;
padding:30px 0;
}


#main {

}
#footer {

font-size:10px;
margin:20px 0 0 0;
}

#footer p{
color:#989696;
padding:0 15px;
}

.credits {
float:left;

}

.about_link {
float:right;

}
.container, .footer-container {
	width:960px;
	margin:0 auto;
	position:relative;
	
}

.footer-container {
background:#ededed;
padding: 10px 0;	
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
margin-bottom:10px;
}


/*--------------------------------------------------*/

/*Header CSS*/

#logo {
background:url(images/logo.png) no-repeat;
text-indent:-9999em;
height:45px;
width:290px;
display:block;
float:left;
}

.logo-link {
display:block;
height:45px;
width:290px;
}

ul#menu {
	margin:0px; padding:15px 0;
	float:right;
	position:relative;
}
ul#menu li {
	display:inline;
	padding:0 0 0 15px;
	font-size:15px;
	font-weight:bold;
	text-transform:lowercase;
	
}

ul#menu li a {
text-decoration:none;
color:#666;
padding:5px 10px;

}

ul#menu li a:hover {
background:#ededed;

}


/*--------------------------------------------------*/

/*Posts*/

#feature {
width:695px;
float:left;
}


#feature-page {
width:720px;
float:left;
}

.meta-data {
float:left;
width:145px;
font-size:11px;
text-decoration:none;
padding:20px 0;
}

.meta-data h3 {
color:#d7d7d7;
background:url(images/dash.png) no-repeat bottom left;
}

.comment_num {
background: url(images/speech_left.gif) no-repeat left center;
margin:10px 0;
padding:0 0 0 12px;
}

#feature h3 {
font-size:22px;
font-weight:600;
letter-spacing:-0.05em;
padding:10px 0;
}


.thepost {
border-bottom:1px solid #dbdbdb;
}

.thecontent h3 a {
text-decoration:none;
color:#63b0b3;
}

.thecontent {
float:left;
width:540px;
padding:20px 0 30px 0;
}

.thecontent .ngg-singlepic {
margin:0 0 10px 0;
}

.thecontent p {

}

.thecontent h2 {
font-size:15px;
font-weight:bold;
margin:10px 0 0;
padding:10px 0px;
}
.thecontent p:first-child {

}

.thecontent blockquote {
border-left:solid 2px #63b0b3;
padding:0 0 0 10px;
margin: 0 0 20px 30px;
line-height:20px;
}

.attribution {
font-size:13px;
margin:10px 0 0 85px;
padding:0;
}
.thecontent blockquote p:last-child {
margin-bottom:10px;
padding-bottom:0;
}

blockquote.leader-quote, .testimonial-quote {
background:url("images/quote.png") no-repeat scroll 10px 10px #EDEDED;
border:medium none;
color:#9C9696;
font-family:Nobile,Helvetica,Aerial,Sans-serif;
font-size:15px;
letter-spacing:-0.02em;
line-height:20px;
margin:0;
padding:5px 10px 10px 85px;
}

.leader-quote p, .testimonial-quote p {
color:#9c9696;
}

#previous_nav, #next_nav {
padding:20px 0 20px 0;
margin-top:10px;
}

#previous_nav {
float:left;
clear:both;
}

#next_nav {
float:right;
}


/*--------------------------------------------------*/

/*Comments*/

#comments_template {
margin:20px 2px 0 145px;
position:relative;
}

#comments_template input, textarea, select {
border:solid 1px #eee;
padding:5px;

}

.button {
background:#63b0b3;
border:none;
padding:8px;
color:#FFFFFF;
cursor:pointer;
}

.button:hover {
background:#56999c;
color:#fff;
}

.comments {
color:#D7D7D7;
}

.separator {
margin:20px 0 0 0;
}

.fn {
font-weight:bold;
}

.comment-author {
background:#ededed;
padding:16px;
position:relative;
}
.children {
margin-left:20px;
}

.comment-body {
padding:10px 0 20px 10px;
}

.comment-body p:first-child {
padding:0;
}

.reply {
width:30px;
height:10px;
position:absolute;
top:16px;
right:16px;
}

.reply a {
text-decoration:none;
font-size:10px;
}

.reply:hover {

}

#respond label {
display:block;
font-size:15px;
margin-left:3px;
font-weight:none;}

.commentlist {
margin:0 0 50px 0;
}





/*--------------------------------------------------*/

/*Sidebar*/

#sidebar {
color:#747474;
line-height:20px;
margin:20px 0;
padding:7px 0;
float:right;
width:225px;
font-size:11px;

}

ul#sidebar li {

}

#sidebar ul {
font-weight:bold;
background:url(images/dash.png) no-repeat top left;
padding: 7px 0px 0px 0px;
}

#sidebar ul ul {
background:none;
padding:0;
}
#sidebar ul li ul li {
font-weight:normal;
}

#sidebar_static {
color:#747474;
margin:23px 0;
float:right;
width:200px;
}


/*--------------------------------------------------*/

/*Static Page*/

#main_column {
float:left;

}



.lead {
padding:10px 0 5px;
background:url(images/dash.png) no-repeat top left;
}

.hero_panel {
margin:0 0 20px 0;
}

/*--------------------------------------------------*/

/*Portfolio*/

.portfolio-item {
float:left;
width:220px;
line-height:10px;
height:350px;
padding:0 9px

}

.work-summary {
width:310px;
float:left;
}

.work-summary .lead {
margin:20px 0 10px 0;
}

.work-summary-photo {
float:left;
}

.work-summary a {
text-decoration:none;
font-weight:bold;
}
.portfolio-title a {
text-decoration:none;
}

.portfolio-item img {
border:solid 6px #ededed;
margin-bottom:5px;
}

.portfolio-content {
float:right;
margin:20px 0;
width:620px;
}

.portfolio-content .ngg-gallery-thumbnail img {
height:60px;
width:80px;
}

.portfolio-content .ngg-singlepic {
float:left;
}

.portfolio-content .ngg-galleryoverview {
margin-top:0;
width:100px;
clear:none;
}

.portfolio-content-photo {
float:right;
margin:10px 0 20px 0;
}
.portfolio-item h3 {
font-size:12px;
font-weight:bold;

}

.picture_portrait {
width:460px;
}



.work_intro {
background-color:#ededed;
margin:20px 0 10px  0;
padding:10px;
border:none;
font-size:15px;
font-family:Nobile,Helvetica, Aerial,Sans-serif;
letter-spacing:-0.02em;
color:#9c9696;
line-height:25px;
}

/*--------------------------------------------------*/

/*Testimonials*/

.testimonial {
overflow:auto;
}

.testimonial-quote {
float:right;
width:500px;
margin:5px 0 15px;
position:relative;
}
.arrow {
background:url("images/arrow.png") no-repeat scroll 0 0 transparent;
height:30px;
left:-28px;
position:absolute;
top:15px;
width:30px;
}

ul.company {
margin:5px 0 0 0;
float:left;
}

ul.company li {
display:block;

}

.testimonial img {
margin-bottom:5px;
}







/*--------------------------------------------------*/

/*Icons*/


.photo-icon {
background:url(images/camera_icon.png) no-repeat;
height:30px;
width:50px;
margin:5px 0;
}

.web-icon {
background:url(images/web.png)  no-repeat;
height:30px;
width:50px;
margin: 5px 0;
}
.draw-icon {
background:url(images/draw.png)  no-repeat;
height:35px;
width:50px;
margin: 5px 0;
}


.clear-fix {
clear:both;
}

.left {
float:left;
}
.right {
float:right;
}