/* global */

/* 
  Blue: #1775D5 
   
*/
html{height: 100%;}

body { 
  font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  /*font-size: .68em;*/
  font-size: .75em;
}

p {
  margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1 { 
  font-family: arial, sans-serif;
  letter-spacing: .1em;
}

h2 { 
  margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}

img{border: 0px; text-decoration: none;}

a{outline: none;}

table {
  width:100%;
  padding: 5px;
  text-align: center;
}

/* flash */
div#flash-message img {
  vertical-align: middle;
}
div#bad-flash, div#good-flash, div#info-flash {
  cursor: pointer;
  width:90%;
  font-family: arial, sans-serif;
  font-size: 20px;
  text-align: center;
  margin: auto;
  padding: 10px;
  border: 1px solid black;
  
}
div#bad-flash {
  color: white;
  background: maroon;
}

div#good-flash {
  color: white;
  background: green;
}

div#info-flash {
  color: white;
  background: blue;
}

/* image positioning - left, right and center */
.left { 
  float: left; 
  padding: 0px 8px 0px 0px;
}

.right { 
  float: right; 
  padding: 0px 0px 0px 8px;
}

.center { 
  display: block;
  text-align: center;
  margin: 0 auto;
}
.bevel{
	-moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
}
div.view {
  width:100%;
}

/* Form Stuff  */
form div {
  clear: left;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}
form input[type="text"], form input[type="password"]{
	width: 100%;
	font-family: verdana, arial, sans-serif;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
  font-size: 1.7em;
  background-image: url('../img/input_background.jpg');
  background-repeat: repeat-x;
}
form input[type="submit"], input[type="button"]{
  font-family: verdana, arial, sans-serif;
  color: white;
  background-color: #636363;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

form textarea {
	width: 100%;
	font-family: verdana, arial, sans-serif;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	background-image: url('../img/input_background.jpg');
  background-repeat: repeat-x;
}
div#support_page form textarea {
  height: 500px;
}

fieldset {
	width: 90%;
	/*text-align: center;*/
}
fieldset#toplogin{
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  border: 0px;
  text-align: right;
}
fieldset#toplogin input[type="text"], fieldset#toplogin input[type="password"]{
  width: 186px;
	font-family: verdana, arial, sans-serif;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	background-image: url('../img/input_background.jpg');
	background-repeat: repeat-x;
}
form input:focus, form textarea:focus {
	background-image: none;
	color: #000;
}
label {
  display: block;
  padding: 0px 0px;
  margin: 0 0 0px 0;
  text-align: left;
}
div.required label{
  background: url('../img/required-sm.gif') no-repeat center right;
}

form .button {
	font-size:xx-small;
	background-color: #1775D5;
	color:#000000;
	border-color:#000000;
	border-style: solid;
	border-width: 1px;
	font-weight:bold;
	text-transform: uppercase;
	float: right;
}


/* block quote */
blockquote { 
  margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}

/* unordered list */
ul { 
  margin: 8px 0px 0px 16px;
  padding: 0px;
}

ul li { 
  list-style-type: square;
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* ordered list */
ol { 
  margin: 8px 0px 0px 35px;
  padding: 0px;
}

ol li { 
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content { 
  margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main{
	/*width: 780px;*/
	width: 1105px;
}

/* links above the logo / footer */
#links, #footer { 
  padding: 5px 21px 5px 19px;
  width: 1045px;
  height: 26px;
  font-size: 94%;
  text-transform: uppercase;
}
#footer{
  padding: 15px 21px 0px 19px;
}
#footer img{
  vertical-align: middle;
}

#links{text-align: right;}

#footer{text-align: center;}

#links a, #footer a{text-decoration: none;}

#links a:hover, #footer a:hover{text-decoration: underline;}

/* logo */
#logo { 
  width: 1085px;
  height: 217px;
  text-align: left;
}

#logo h1 { 
  margin: 0px;
  padding: 41px 0px 0px 19px;
  font-size: 150%;
  letter-spacing: .2em;
}

/* navigation menu */
#menu { 
  height: 42px;
  width: 1085px;
}

#menu ul{margin: 0px auto;} 

#menu li { 
  float: left; 
  margin: 0px; 
  padding: 0px;
  list-style: none;
} 

#menu li a { 
  display: block; 
  float: left; 
  height: 37px;
  text-decoration: none; 
  padding: 3px 19px 2px 19px;
  text-transform: uppercase;
} 

/* main content */
#content { 
  width: 1080px;
  height: auto;
  padding: 0px;
  overflow: hidden;
} 

/* column 1 - contains sidebar items */
#column1 { 
  width: 313px;
  float: right;
  padding: 16px 0px 15px 0px;
}

.sidebaritem { 
  text-align: left;
  width: 300px;
  float: left;
  margin: 0px 0px 25px 0px;
}

.sbihead { 
  height: 14px;
  width: 300px;
  padding: 5px 0px 5px 19px;
  text-transform: uppercase;
}

.sbihead h1 {
  padding: 0px; 
  margin: 0px; 
  font-weight: bold;
  font-size: 112%;
}

.sbicontent{padding: 14px 8px 8px 19px;}

.sbicontent p { 
  line-height: 14px; 
  padding: 0px 0px 8px 0px;
}

.sbilinks{padding: 0px;}

.sbilinks ul {margin: 0px auto;} 

.sbilinks li { 
  margin: 0px; 
  float: left; 
  list-style: none; 
} 

.sbilinks li a , .sbilinks li a:hover{ 
  float: left; 
  height: 16px;
  text-decoration: none; 
  padding: 5px 0px 4px 19px;
  width: 300px;
  border: 0px;
}

/* column 2 - page content */
#column2 { 
  text-align: justify;
  width: 725px;
  float: left;
  padding: 12px 3px 15px 19px;
}

#column2 h1 { 
  padding: 6px 0px 4px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;
  text-transform: uppercase;
  font-weight: normal;
}

.sidebaritem a, /*#column2 a,*/ .sidebaritem a:hover, #column2 a:hover { 
  padding: 0px;
  text-decoration: none;
  padding-bottom: 0px;
  /*border-bottom: 1px dashed;*/
}

#column2 a, #popups a{
  text-decoration: underline;
}
#column2 a:hover, #popups a:hover{
  text-decoration: none;
}


.sidebaritem a:hover/*, #column2 a:hover */{
  text-decoration: underline;
  /*border-bottom: 1px solid;*/
}



/* Cake Stuff */
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	font-weight: bold;
}
div.error {
  border-width: 1px;
  border-style: solid;
  background-color: #900;
  color: white;
  border-color: #900;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/** Projects **/
#quick-projects {
  position: absolute;
  left: 55%;
  width: 300px;
  background: #000;
  border: 2px solid #000;
  padding: 3px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  opacity: .8;
  filter: alpha(opacity=80); /*for Internet Explorer 6/7*/ 
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}

/* additional colour scheme selections */
#colour{margin: 0px 0px 20px 0px;}

#colour a, #colour a:hover{border: 0px;}

.blue { 
  background: #FFFFFF url(blue.png) no-repeat left center;
  color: #109CEF;
  padding: 0px 40px 0px 20px;
}

.green { 
  color: green;
  padding: 2px;
}
.red {
  color: red;
  padding: 2px;
}

.purple { 
  background: #FFFFFF url(purple.png) no-repeat left center;
  color: #CE5AEF;
  padding: 0px 40px 0px 20px;
}

.orange { 
  background: #FFFFFF url(orange.png) no-repeat left center;
  color: #FF9C21;
  padding: 0px 40px 0px 20px;
}

/* Sites stuff */
div.site{
  float:left;
  width: 350px;
  text-align:center;
  min-height: 220px;
  padding-bottom: 10px;
}
div.site img, .uploads img{
  border: 1px solid black;
}

/* Blog Stuff  */
div.blogs{
  width:100%;
}
h1.blog-title{
  text-align: center;
  background: #1775D5;
  color: white;
}
div.article{
  margin-bottom: 50px;
}
div.article_body{
  min-height: 100px;
} 
div.article_body ul li{
  margin: 0px;
}
div.comments{
  width: 100%;
  margin: auto;
  border-left-color: white;
  border-left-width: 5px;
  border-left-style: solid;
}
div.comment {
  clear: both;
  width: 680px;
  padding: 5px;
  margin-top: 10px;
  min-height: 55px;
}
div.comments h2{
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: black;
}
div.gravatar {
  float: right;
  margin: 0 0 5px 5px;
  border: 1px solid black;
}

div.blogs div.date, div.tickets div.date{
  text-align: center;
  padding: 6px 0px 6px 0px;
  margin: -13px 0px 12px 0px;
  background-color: white;
  border-bottom-width: 1px;
  border-bottom-color: #1775D5;
  border-bottom-style: solid;
  border-right-width: 1px;
  border-right-color: #1775D5;
  border-right-style: solid;
  border-left-width: 1px;
  border-left-color: #1775D5;
  border-left-style: solid;
}
div.comments .norm{
  border-left-color: white;
  border-left-width: 5px;
  border-left-style: solid;
}
div.comments .author{
  border-left-color: #1775D5;
  border-left-width: 5px;
  border-left-style: solid;
}
span.read_more a{
  text-transform: bold;
  font-size: 1.7em;
  float: right;
}
div.comment_date {
  float: right;
  width: 150px;
  text-align: right;
}
div.addcomment{
  clear: both;
  width: 725px;
}
div.addcomment fieldset{
  border:0px;
}
div.addcomment input[type="text"],div.addcomment input[type="password"], div.addcomment textarea{
  width: 700px;
}
div.addcomment textarea{
  height: 100px;
}
div.addcomment div.submit{
  width:100%;
  text-align: right;
}
div.form fieldset{
  border: 0px;
}
input#BlogTitle {
  width: 700px;
}
textarea#BlogBody {
  width: 700px;
  height: 400px;
}

/***
  * downloads
  */
div.down-repo {
  padding-left: 2px;
  width: 90%;
  margin: auto;
  min-height: 150px;
  border: 3px solid #636363; /*#636363;*/
  background-color: #F1FFD4;
  /*background-color: #1775D5;*/
  /*color: #fff;*/
  margin-bottom: 20px;
  text-align: left;
}
div.down-repo .title{
  text-transform: uppercase;
  font-weight: bold;
  /*text-align: center;*/
  margin: auto;
}
div.down-repo .info{
  margin-bottom: 10px;
}
div.down-repo .donate{
  float: right;
  padding-top: 35px;
  width: 130px;
  /*height: 117px;*/
  /*border-left: 2px solid #636363;*/
  /*background-color: #fff;*/
}
div.down-repo ul {
  margin: 0px 0px 0px 18px;
}
div.down-repo ul li {
  margin: 0px;
}
.download img{
  vertical-align: middle; 
}

/* Services */
div.service {
  padding: 5px;
  margin-bottom: 20px;
  text-align: left;
}
div.service .image{
  float: right;
}
div.service .image img{
  width: 150px;
}
div.service p.clear, .clear{
  clear: both;
}


/******************** COLOR CODING ********************/
code {
  background:#f6f6f6;
  border:0.143em #ddd solid;
  display:block;
  font-size:1.2em;
  overflow:auto;
  padding:0.357em;
  color: black;
}

div.code {
  background-color: #1775D5;
  padding: 1px 1px 1px 0px;
  text-align: left;
  font-size: 1.2em;
}

div.code ol li {
  margin: 0px;
  padding: 1px 0px 1px 2px;
  font-family:"Courier New", Courier, monospace;
  color: black;
}

div.code ol {
  background: #fff; /*#f6f6f6;*/
  border:0.143em #ddd solid;
}

q {
  display: block;
  font-size: 1.2em;
  background:#f6f6f6;
  border:0.143em #ddd solid;
  color: black;
}

/* Resume */
table.resume{
  text-align: left;
}
td.header{
  font-weight: bold;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: black;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: black;
  padding: 5px 0px 5px 0px;
}
td.date{
  font-weight: bold;
  text-align: right;
}
td.subheader{
  font-weight: bold;
}
/* select checkboxes */
div.select div.checkbox{
  float: left;
  clear: none;
  width: 105px;
  height: 50px;
}
table.line {
  border-collapse: collapse;
}
div.related table tr td, div.index table tr td, table.line td{
  vertical-align: top;
  padding: 5px 0px 5px 0px;
}
div.index table tr td, div.index table tr th, div.related table tr td, div.related table tr th, table.line tr td, table.line tr th{
  border-bottom: 1px solid black;
}
.pay-time{
  font-weight: bold;
}
table tr.time-row td, table tr.invoice-row th{
  /*border-bottom-style: dashed;
  border-bottom-width: 0px;
  border-bottom-color: black;*/
}
td.left, th.left {
  float: none;
  text-align:left;
}
td.right, th.right {
  float: none;
  text-align:right;
}
td.center th.center{
  float: none;
  text-align: center;
}

/* Admin */
ul#admin_nav li, ul.admin_nav li{
  /*list-style: none;*/
  list-style-position: inside;
  float: left;
  /*margin-left: 5px;*/
  padding-left: 14px;
}
div#after_admin_nav{
  clear:both;
}

/** Google Ad **/
div.google-ad{
  /*margin-top: 25px;*/
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
span.ad-text{
  display: block;
  text-align: left;
}

/** Home **/
ul.subsection_tabs {
  clear: both;
  height:  20px;
  list-style-image:  none;
  list-style-position:  outside;
  list-style-type:  none;
  margin: 5px;
  padding: 0px;
}
ul.subsection_tabs li {
  list-style-type: none;
}
ul.subsection_tabs li.tab {
  float: left;
  margin-right: 7px;
  text-align: center;
}
ul.subsection_tabs li.tab a{
  display: block;
  height: 20px;
  padding: 0 6px 0 0;
  width: 100px;
}
/** google voice **/
#google_voice{
  float: right;
}

div.tweet {
  clear:both;
  border-bottom: 1px dotted black;
  padding-bottom: 20px;
}
div.frontpage-tweet{
  border: none;
}
div.tweet div.picture{
  
}
div.tweet span.posted{
  float: right;
  color: #999999;
}

/** Tickets **/
div.tickets div.search input[type=text]{
  width: 80%;
}
span.closed{
  color: red;
  font-weight: bold;
}

/** loader **/
/*#loader{
  position: fixed;
  left: 48%;
  top: 30%;
}*/