* {outline:0;}

html, body, p, h1 {padding:0; margin:0;}

body {font-family:arial; font-size:11px; background:#f0f0f0;}

h1 {line-height:34px; font-size:28px; font-weight:200; color:#333; font-family: "apertura-condensed-1","apertura-condensed-2",arial;}
p {line-height:20px; color:#666;}
p + p {margin-top:10px;}
strong {color:#333;}
a {color:#22bce3; text-decoration:none;}
img, a img {border:0;}

#header {background:url(../images/header-bg.gif) left top repeat-x; height:96px; position:relative; z-index:800;}
#header #left {float:left; width:50%;}
#header #right {float:right; width:50%;}
#tommycutter {padding-top:35px;}
#tommycutter a {background:url(../images/name.gif) left 50% no-repeat; display:block; width:304px; height:29px;}
#tommycutter a span {display:none;}
#nav-holder {float:right; padding-top:30px;}
#nav {list-style-type:none; display:block; float:left;}
#nav li, #nav li a {display:block; float:left; margin-left:12px;}
#nav li span {display:none;}
#nav .home, #nav .blog, #nav .work, #nav .photos, #nav .profile {height:14px;}
#nav .home {background:url(../images/nav-home.gif) left top no-repeat; width:35px;}
#nav .blog {background:url(../images/nav-blog.gif) left top no-repeat; width:33px;}
#nav .work {background:url(../images/nav-work.gif) left top no-repeat; width:38px;}
#nav .photos {background:url(../images/nav-photos.gif) left top no-repeat; width:50px;}
#nav .profile {background:url(../images/nav-profile.gif) left top no-repeat; width:54px;}
#main-content {margin-top:30px;}
.homepage-image {float:right;}
.homepage-intro {float:left; width:515px;}
.intro-copy {font-size:26px; line-height:30px;}
.sub-copy {font-size:14px; line-height:20px;}

.profile-block {float:left; width:150px; line-height:18px; padding-right:10px;}
.profile-block h1 {font-size:18px;}

.social-icons a { margin-right:10px;}

.wrap {margin:0 auto; width:800px;}
.clear-both {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}

/*
publr blog css
----------------------------------- */

p.blog-description {font-size:18px; margin-bottom:10px; padding:10px; text-align:center; color:#fff; background:#444; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

div.post {
	padding:20px;
	background:#fff;
	margin-bottom:20px;
	color:#666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.post p {
	font-size:12px;
}

div.post h1 a {
	color:black;
	font-family:"apertura-condensed-1","apertura-condensed-2",arial;
	font-weight:900;
}

div.post h1 a:hover {
	color:#198ECF;
	text-decoration:none;
}

ul.chat {
	list-style:none;
	background:#ededed;
	border-left:4px solid #ccc;
	border-top:1px solid #ccc;
	margin:0;
	padding:0;
}

ul.chat li {
	border-bottom:1px solid #ccc;
	padding:4px;
	color:#333;
}

strong.chat_1 { color:#7A8F23; }
strong.chat_2 {	color:#2B74AF; }

a.rss_link {
	background:#000;
	color:#fff;
	text-decoration:none;
	font-size:10px;
	padding:2px 4px;
}

p.credits {text-align:center; font-size:10px;}

pre {
	background:#D1EAEF;
	color:#45686F;
	padding:10px;
	font-size:10px;
	font-family:monaco,"courier new";
	overflow:scroll;
}

div.quote {
	font-family:georgia;
	font-size:16px;
	font-style:italic;
	display: block;
	padding: 0 60px;
	width: 350px;
}

div.quote:before, div.quote:after {
	color: #69c;
	display: block;
	font-size: 700%;
	width: 50px;
}

div.quote:before {
	content: '\201C';
	height: 0;
	margin-left: -0.55em;
}

div.quote:after {
	content: '\201D';
	height: 50px;
	margin-top: -70px;
	margin-left: 360px;
}

p.quote-source {
	font-size:12px;
	padding-top:50px;
	padding-left:20px;
	font-style:italic;
}

p.quote-source:before {
	font-style:italic;
	content:"-";
}

.created {
	color:#69c;
	font-size:18px;
	font-weight:bold;
}

.album {
	margin:10px 0 0 0;
}

.album img {
	margin:0 1px;
}

ul.tags {
	margin:10px 0 0;
	padding:0;
	float:left;
	display:block;
}

ul.tags li {
	display:block;
	float:left;
	padding:2px 5px;
	font-size:11px;
	background:#efefef;
	color:#666;
	margin-right:5px;
}

p.paging-nav a {
	font-size:17px;
	margin-bottom:15px;
	display:inline-block;
	padding:5px 15px;
}

/*
facebox
-------------------------------- */
#facebox .b {
  background:url(../images/b.png);
}

#facebox .tl {
  background:url(../images/tl.png);
}

#facebox .tr {
  background:url(../images/tr.png);
}

#facebox .bl {
  background:url(../images/bl.png);
}

#facebox .br {
  background:url(../images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 8001;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}