/*
Theme Name: JamesBarry.ca
Theme URI: www.jamesbarry.ca/
Description: Work Blog Theme
Version: 1.0
Author: James Barry
Author URI: www.jamesbarry.ca/*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, hr, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, legend, caption {
border : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
margin : 0;
padding : 0;
}
* html ul li {
position : relative;
}
strong {
font-weight : 700;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
a img {
border : none;
}
a {
outline : none;
font-weight : 400;
text-decoration : none;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 18px;
color : black;
background : white url(http://www.jamesbarry.ca/images/bg.gif) repeat-y top left;
text-align : left;
min-width : 980px;
width : 100%;
display : block;
float : left;
}
p {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 20px;
color : #808080;
}
p em {
font-weight : 400;
color : black;
}
h2 {
float : right;
clear : right;
}
#wrapper {
width : 980px;
background : url(http://www.jamesbarry.ca/images/bgtop.jpg) no-repeat top left;
float : left;
}
h1#description {
display : none;
}
#tooltip {
position : absolute;
color : white;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
text-transform : uppercase;
letter-spacing : 0.75px;
border-right : 1px solid #c10000;
border-bottom : 1px solid #c10000;
border-left : 1px solid #ec6a6a;
border-top : 1px solid #ec6a6a;
background : #e70000;
padding : 3px 10px;
display : none;
}
#leftnav {
width : 184px;
padding-right : 32px;
margin-top : 95px;
float : left;
}

#leftnav ul {
float : right;
clear : right;
margin-bottom : 10px;
}
#leftnav ul li {
display : block;
float : right;
clear : right;
padding-right : 10px;
width : 174px;
background : url(http://www.jamesbarry.ca/images/arrow.gif) no-repeat right center;
text-align : right;
}
#leftnav a {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
text-transform : uppercase;
color : #9d9d9d;
letter-spacing : 0.4px;
}
#work {
width : 590px;
float : left;
padding : 0 32px 10px;
}
#topnav {
/*float : right;*/
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
text-transform : uppercase;
text-align : right;
letter-spacing : 0.75px;
margin : 51px 0 28px;
}
#topnav a {
color : #9d9d9d;
}

#topnav a.black {
color : black;
}
#topnav ul, li {
display : inline;
}
#topnav li {
border-right : 1px solid #d1d1d1;
padding : 0 5px 0 3px;
}
#topnav li.last {
border-right : none;
padding : 0 0 0 3px;
}
a.top {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
text-transform : uppercase;
color : #e70000;
letter-spacing : 0.75px;
border-right : 1px solid #dfdfdf;
border-bottom : 1px solid #dfdfdf;
border-left : 1px solid white;
border-top : 1px solid white;
background : white url(http://www.jamesbarry.ca/images/top.gif) no-repeat center right;
padding : 3px 19px 3px 10px;
}
a.top:visited {
color : #e70000;
}
a.top:hover {
color : white;
border-right : 1px solid #c10000;
border-bottom : 1px solid #c10000;
border-left : 1px solid #dfdfdf;
border-top : 1px solid #dfdfdf;
background : #e70000 url(http://www.jamesbarry.ca/images/tophov.gif) no-repeat center right;
}
#work img {
float : left;
margin-bottom : 10px;
width : 590px;
}
.post p, .entry p {
float : left;
padding-bottom : 10px;
text-align : justify;
width : 590px;
}
p.main {
float : left;
padding-bottom : 10px;
text-align : justify;
}
.main strong, .main em {
color : #666666;
}

.col1, .col2{
	width: 280px;
	float: left;
}

.col2{
	margin-left: 30px;
}

.post, .entry {
clear : both;
float : left;
}
.title {
float : left;
border-bottom : 1px solid #dedede;
width : 590px;
margin-bottom : 10px;
padding : 10px 0;
}
.title h1 a {
color : #9d9d9d;
}
.title h1 a:hover {
color : #e70000;
}
#work h1, #work h5 {
display : inline;
float : right;
margin : 5px 0;
}
#work h5 {
font-family : Helvetica, Arial, sans-serif;
font-size : 18px;
padding-right : 8px;
color : #d2d2d2;
}
#work h1 {
font-family : Helvetica, Arial, sans-serif;
font-size : 18px;
color : #9d9d9d;
}
p.one {
width : 283px;
padding-right : 12px;
padding-bottom : 10px;
text-align : justify;
float : left;
}
p.two {
width : 282px;
padding-left : 13px;
padding-bottom : 10px;
text-align : justify;
float : left;
}
#comment {
width : 570px;
border-bottom : 1px solid #dedede;
border-top : 1px solid #dedede;
background : white;
border-left : none;
border-right : none;
margin : 0 0 10px;
padding : 10px;
}
p.clearfix input {
border-bottom : 1px solid #dedede;
border-top : 1px solid #dedede;
border-left : none;
border-right : none;
background : white;
display : inline;
padding : 3px;
}
p.clearfix {
float : right;
width: 500px;
text-align: right
}
p.clearfix label {
display : inline;
text-align : right;
margin : 2px 0;
}
.commentlist {
margin-top : 5px;
width : 590px;
float : right;
color : #808080;
text-align : right;
}
.commentlist em {
color : #e70000;
font-weight : 400;
text-transform : none;
}
.btmspc {
margin-bottom : 10px;
}
.lightgrey {
color : #d2d2d2;
}
.commentlist a, .commentlist h4 {
font-weight : 700;
text-transform : capitalize;
display : inline;
}
.commentlist a {
color : #e70000;
}
.commentlist h4 {
color : black;
}
ul.commentlist li {
float : right;
clear : both;
border-bottom : 1px solid #dedede;
border-top : 1px solid #dedede;
background : #e7e7e7;
width : 570px;
margin : 0 0 5px;
padding : 10px;
}
h3 {
font-family : Helvetica, Arial, sans-serif;
font-size : 15px;
color : #9d9d9d;
float : right;
text-align : right;
padding : 10px 0;
}
.clearfix {
margin-bottom : 10px;
float : right;
clear : both;
}
.btn {
margin-bottom : 10px;
float : left;
}
.underline {
width : 590px;
height : 1px;
float : left;
border-bottom : 1px solid #dedede;
}
.top {
float : left;
}
#footer {
float : right;
padding : 0;
}
.footer {
float : right;
font-family : Arial, Helvetica, sans-serif;
line-height : normal;
font-size : 10px;
text-align : right;
padding : 12px 0 9px;
}

.hr{
	border-bottom : 1px solid #dedede;
	float: left;
	margin-top: 3px;
	width: 590px;
}

.sig {
width : 590px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
text-align : right;
clear: both;
margin : 10px 0;
color : #d2d2d2;
}
.footer a.last {
padding-right : 0;
border-right : none;
}
.footer a {
color : #9d9d9d;
text-transform : uppercase;
letter-spacing : 0.75px;
border-right : 1px solid #d1d1d1;
display : inline;
padding : 0 5px;
}
#web, #id, #print, #motion, #apparel, #personal, #contact, #resume, #friends, #categories, #archives {
display : block;
position : relative;
width : 119px;
height : 15px;
float : right;
text-indent : -9000px;
overflow : hidden;
margin : 0 0 5px;
padding : 0;
}
#web {
background : url(http://www.jamesbarry.ca/images/categories.gif) no-repeat 0 0;
}
#id {
background : url(http://www.jamesbarry.ca/images/categories.gif) no-repeat 0 -15px;
}
#print {
background : url(http://www.jamesbarry.ca/images/categories.gif) no-repeat 0 -30px;
}
#motion {
background : url(http://www.jamesbarry.ca/images/categories.gif) no-repeat 0 -45px;
}
#apparel {
background : url(http://www.jamesbarry.ca/images/categories.gif) no-repeat 0 -60px;
}
#personal {
background : url(http://www.jamesbarry.ca/images/categories.gif) no-repeat 0 -75px;
}
#contact {
background : url(http://www.jamesbarry.ca/images/categories.gif) no-repeat 0 -90px;
}
#resume {
background : url(http://www.jamesbarry.ca/images/categories.gif) no-repeat 0 -105px;
}
#friends {
background : url(http://www.jamesbarry.ca/images/categories.gif) no-repeat 0 -120px;
}
#categories {
background : url(http://www.jamesbarry.ca/images/categories.gif) no-repeat 0 -135px;
}
#archives {
background : url(http://www.jamesbarry.ca/images/categories.gif) no-repeat 0 -150px;
}
a, a:hover, #leftnav a:hover, #topnav a:hover, .nocomments {
color : #e70000;
}

.left a, .right a{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
text-transform : uppercase;
color : #e70000;
letter-spacing : 0.75px;
border-right : 1px solid #dfdfdf;
border-bottom : 1px solid #dfdfdf;
border-left : 1px solid white;
border-top : 1px solid white;
background : white;
padding : 3px 19px 3px 10px;
margin: 5px 0 0;
float: left;
}

.right a{
	margin-left: 5px;
}

.left a:visited, .right a:visited {
color : #e70000;
}
.left a:hover, .right a:hover {
color : white;
border-right : 1px solid #c10000;
border-bottom : 1px solid #c10000;
border-left : 1px solid #dfdfdf;
border-top : 1px solid #dfdfdf;
background : #e70000;
}


#contact_form{
float:left;
display: inline;
}