/*
Theme Name: Ugly Robot
Theme URI: 
Description: Unique dark grungy theme. Originally cssmayo.com
Author: Aaron Edwards
Version: 1.05
Author URI:
Tags: black, green, dark, threaded-comments
*/
* { padding:0; margin:0; outline:0; }
body {
	background:#000 url(images/header.jpg) no-repeat center 0;
	color:#FFF;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
}
.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }

a { color:#ccc; text-decoration: none; cursor:pointer; }
a:hover { color:#fff; }
a img {border: 0;}

h1 { font-size:65px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; line-height:50px; }
h2 { font-size:20px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; line-height:23px; }
h3 { font-size:18px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; line-height:24px; color:#fff;}

h2 span{ background:#8a1738;  color:#fff; }
h2 span a { color:#fff; text-decoration: none;}

p {
  margin: 10px;
}


#top { width:980px; margin:0 auto; }

#header {
  height:300px;
  position:relative;
  margin-bottom: 10px;
}
#header a#header-home { 
  text-decoration: none; 
  background:transparent; 
  display: block; 
  height:280px; 
  width:280px; 
  overflow:hidden; 
  text-indent:-9999px; 
  margin-left:10px; 
  margin-top:10px;
  float: left;
}
#header #freshbooks {
  position: relative;
  text-align: right;
  margin-top: 0px;
  margin-right: 20px;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -1px;
  word-spacing: 2px;
  font-family: Helvetica, Arial, sans-serif;
  padding: 5px;
}
#header .menu {
  position: relative;
  margin-top: 125px;
  margin-right: 20px;
  text-align:right;
}
#header .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .menu ul li {
  display: inline;
  margin-left: 10px;
  line-height: 30px;
}
#header .menu ul li a {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -3px;
  font-family: Helvetica, Arial, sans-serif;
  padding: 5px;
}
#header .menu ul li a:hover {
  /* background: url(images/menu-hover.png) transparent no-repeat scroll center center; */
  text-decoration: underline;
}
#header .menu ul li a.contact {
  color: #F6994E;
}

#content {
  clear: both;
}

.section {
  margin-bottom: 10px;
  min-height: 200px;
  padding: 20px 20px;
  background: transparent no-repeat scroll top center;
  clear: both;
  text-align: left;
}



.section-right {
  background-image: url(images/section-right.jpg);
}

.section-left {
  background-image: url(images/section-left.jpg);
}
.section h2 {
  font-family: Helvetica, Arial, sans-serif;
	font-size:42px;
	color: #ccc;
	letter-spacing: -4px;
	word-spacing: 8px;
	margin-bottom: 25px;
	margin-top: 10px;
}
.section .images h2 {
  font-family: Helvetica, Arial, sans-serif;
	font-size:28px;
	color: #ccc;
	letter-spacing: -3px;
	word-spacing: 3px;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 30px;
}
.section h3 {
  font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	margin-top: 15px;
}
.section-left h2 {
  text-align: right;
  margin-right: 5px;
}
.section-left .images {
  width: 300px;
  float: left;
}
.section-left .content {
  width: 625px;
  float: right;
}

.section-right .images {
  width: 300px;
  float: right;
}
.section-right .content {
  width: 625px;
  float: left;
}
.section .content {
  font-size:16px;
	line-height:22px;
}
.section .content ul {
  margin-left: 40px;
  font-size: 14px;
}

.section .images a {
  margin-bottom: 30px;
  display: block;
}
.section .images img {
  border: 0;
}

.section .images .textwidget {
  font-size:18px;
  color: #CCC;
	font-weight: bold;
}
.section .images .textwidget p {
  margin-top: 20px;
}
.section .images .textwidget input, .section .images .textwidget textarea {
  border: 1px solid #212121;
  width: 100%;
  font-size:14px;
  background: transparent url(images/section-left.jpg) no-repeat scroll top center;
  margin-top: 10px;
}
.section .images .textwidget #contact-submit {
  width: auto;
  float: right;
}

.section .toplink {
  clear: both;
  text-align: center;
  margin-top: 10px;
}
.section .toplink a {
  color: #303030;
}
.section .toplink a:hover {
  color: #EFEFEF;
}
.section .toplink a.top {
  margin-left: 20px;
}


#footer {
  height:20px; 
  background:url(images/footer.jpg) no-repeat center bottom;
  clear: both;
  padding-top: 30px; 
}
#footer p{ text-align: center;  margin:0; }












#sidebar { }
#sidebar ul { list-style-type: none;  }
#sidebar h2 { color:#f3f3f3; font-style: italic; font-weight: normal; background:url(images/sidebar-h2.gif) no-repeat 0 0; height:47px; line-height:43px; padding:0 17px; position:relative; left:-17px; }
#sidebar ul li { margin-bottom:25px;}
#sidebar ul ul li { background:url(images/li-border.gif) repeat-x 0 bottom; line-height: 24px; margin-bottom: 0;}
#sidebar ul ul li li { background: none; }
#sidebar ul ul ul  {
    background: url(images/li-border.gif) repeat-x 0 2px;
    padding-left: 10px;
}
#sidebar a{ color:#8fc2be; text-decoration: none; background:transparent !important; }
#sidebar a:hover { color:#e6124e; }
#sidebar ul ul li a{ background:url(images/bul.gif) no-repeat 0 5px !important; padding-left:12px; }

#sidebar .recentcomments a { background:transparent !important;}

#sidebar li.widget_text,
#sidebar li.widget_search,
#sidebar li.widget_tag_cloud,
#sidebar li.widget_calendar
{ background:url(images/li-border.gif) repeat-x 0 bottom; padding-bottom:10px;}

#sidebar .widget_calendar{}
#sidebar .widget_calendar table{ width:70%; text-align: center;}
#sidebar .widget_calendar th,
#sidebar .widget_calendar td{ padding:2px; }
#sidebar .widget_calendar a{ text-decoration: underline ; background:transparent !important;}
#sidebar .widget_calendar a:hover { color:#e6124e !important; text-decoration: none;}


.post { position:relative; margin-bottom:80px; }
.post h2{ padding:5px 0 20px 60px; min-height:50px;}
.post-cnt { padding:10px;}
.post-c { background:url(images/post-c.png); width:100%;}
.post-b { height:82px; background: url(images/post-b.png) no-repeat 0 0; }
.post-b .post-cnt{ padding-top:0;}

.post .entry { overflow: hidden; }
.post .entry p{ padding-bottom:15px;}
.post .entry ol,
.post .entry ul { padding:0 0 15px 30px;}
.post .entry li { padding:0 0 3px 0;}
.post .entry blockquote { padding-left:45px; background:url(images/quote.gif) no-repeat 5px 5px;}
.post-meta { color:#fff; font-size:11px; }
.post-meta p{ position:relative; z-index:2;}
.post .entry h1 { font-size: 24px; line-height: 140%; font-weight: bold;}
.post .entry h2 { font-size: 22px; padding: 0; min-height: 0; font-weight: bold;}
.post .entry h3 { font-size: 20px; font-weight: bold; color: #636363}
.post .entry h4 { font-size: 16px; font-weight: bold;}
.post .entry h5 { font-size: 14px; font-weight: bold;}
.post .entry h6 { font-size: 12px; font-weight: bold;}

small.date { position:absolute; top:-50px; left:-50px; width:110px; height:62px; text-align: center; color:#739492; font-size:22px; line-height:24px; font-family: "Trebuchet MS", Arial, sans-serif; background:url(images/date.gif) no-repeat 0 0; padding:60px 0 0 18px;}

.num-comments { display:block; position:relative; width:165px; height:40px; background:url(images/comments.gif) no-repeat 0 0; font-size:10px;  padding:36px 0 0 85px; left:-85px; margin-top:-25px;}
.num-comments a{ font-weight: bold; color:#1b4441; background:transparent !important; }
.num-comments a:hover{ color:#e6124e; }




h2.pagetitle,
h2.center { color:#fff; text-align: center; padding:20px 0; font-weight: normal;}

.post-page { }
.post-page h2 { min-height:2px; padding-left:0;}

.post-single { margin-bottom:30px;}

.page-nav { font-size:9px; padding-bottom:10px; color:#851c39; position:relative; z-index:30;}
.page-nav div { float:none; display:block; }
.page-nav .alignright { text-align: right; }

ol.commentlist, ul.commentlist { list-style-type: none; }
ol.commentlist li{ background:url(images/post-c.png); padding:10px; margin-bottom:5px; height:100%;}
ol.commentlist li p{ padding-top:10px;}
ol.commentlist li img{ float:right}
ol.commentlist li .comment-author{ font-weight: bold;}
ol.commentlist li .comment-meta{ font-size:10px; }

ol.commentlist li .comment-author,
ol.commentlist li .comment-author a,
ol.commentlist li .comment-meta a,
ol.commentlist li .comment-meta{ color:#aaa; }

ol.commentlist li a{ color:#777; }
ol.commentlist li a:hover { background:#777; color:#fff; }

input, textarea, select { font-size:12px; font-family: Arial, sans-serif; background:#000; color:#aaa; border:0;}
input, textarea { padding:5px; }
textarea { overflow:auto; }

h3#comments { padding:20px 0 10px 0;}
#respond { padding:20px 0 0 0;}
#respond h3{ padding-bottom:10px;}
#respond p{ padding-bottom:10px;}
#respond input{ width:250px; }
#respond input#submit{ width:150px; }
#respond textarea{ width:543px; height:180px; }
	
#content #searchform { text-align: center;}

.screen-reader-text { display:none;}

#searchform input { width:130px;}
#searchform input#searchsubmit { width:80px;}
.navigation img {
    margin: 5px;
}
.navigation a:hover {
    text-decoration: none;
}
p.attachment {
    text-align: center;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.children li {
    list-style-type: none;
    background: none !important;
}