/*
Theme Name: deva0
Theme URI: http://deva0.net/
Description: deva0 theme
Version: 1.0
Author: Jesse Dhillon
Author URI: http://deva0.net/
Tags: white, custom header, fixed width, two columns, widgets

  This theme was designed by Jesse Dhillon for use on the website http://deva0.net/
*/



/* Begin Typography & Colors */

body {
  background-color: #f8f8fc;
  font-family: Calibri, Arial, sans-serif;
  line-height: 1.1em;
}

h1, h2, h3, h4, h5 {
  font-family: Candara, 'Trebuchet MS', Arial, sans-serif;
}

h1, h2 {
  text-transform: uppercase;
}

small {
  font-family: Candara, 'Trebuchet MS', Arial, sans-serif;
}

abbr {
  cursor: help;
}

code {
  font-size: 13px;
  padding: 0 0.25em;
  background: #eee;
  border: 1px dashed #999;
}

a {
  color: #0060b3;
}

a:visited {
  color: #00417b;
}

img {
  border: none;
}

blockquote {
  margin: 10px 20px;
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

.small-caps {
  font-variant: small-caps;
}

.clear {
  clear: both;
}

.rfloat {
  float: right;
}

.lfloat {
  float: left;
}

.calign {
  text-align: center;
}

.required {
  color: #c33;
  display: none;
}

a.pdf {
  padding: 2px 0 0 18px;
  line-height: 18px;
  background: url(images/pdf.png) no-repeat center left;
}

/* TOC */

.toc {
  width: 80px;
  margin: 0 0 4px 8px;
}

.toc ul {
  padding-left: 2px;
  margin: 0;
}

.toc ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}

.toc ul li:before {
  content: "\00BB \0020";  
}

/* Loop */
.loop .title {
  text-transform: uppercase;
}

.loop .hentry {
  border-bottom: 1px dotted #333;
}

.loop .last {
  border-bottom: none !important;
}

.more a {
  text-transform: uppercase;
  font-weight: bold;
}

/* Post */
.entry.first {
}

.entry .update {
  border-bottom: 1px dotted #ccc;
}

.entry hr {
  background: none;
  border: none;
  border-bottom: 1px dotted #666;
}

.title {
  margin-bottom: 2px;
  text-transform: uppercase;
}

.subtitle {
  margin: 2px 0 16px;
  font-style: italic;
}

p.meta {
  margin: 2px 0 4px;
}

p.meta.edit {
  text-transform: uppercase;
  margin-top: 8px;
}

.wp-caption {
  background: #ccc;
  border: 1px solid #999;
  text-align: center;
  padding: 6px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 6px;
}

.wp-caption img {
  border: 1px solid #666;
  margin: 4px;
}

.wp-caption.aligncenter {
  margin: auto;
}

.wp-caption p.wp-caption-text {
  margin: 2px 4px;
  text-align: left;
  font-size: 12px;
  font-family: Candara, Trebuchet MS, sans-serif;
  font-style: italic;
}

.post ul, .post ol {
  padding-left: 24px;
}

.post ul {
  list-style-type: square;
}

span.code {
  font-family: 'Droid Sans Mono', 'Courier New', 'Luxi Mono', monospace;
  font-size: 0.9em;
}

/* Main Styles */

#header {
  text-align: left;
  width: 700px;
  margin: auto;
}

#header .title {
  border-bottom: 1px solid #333;
  margin-bottom: 0;
}

#header .title img {
  vertical-align: bottom;
}

#header .subtitle {
  margin-top: 6px;
  font-size: 1.1em;
}

#body {
  width: 700px;
  margin: auto;
}

#content {
  width: 450px;
  float: left;
}

#footer {
  clear: both; 
  border-top: 1px solid #333;
  text-align: center;
  padding-top: 8px;
  width: 700px;
  margin: 16px auto;
}

/* Sidebar */

#sidebar {
  width: 250px;
  float: right;
}

#sidebar .author img {
  border: 1px solid #333;
  margin: 0 0 4px 4px;
}

#sidebar h2 {
  margin-bottom: 8px;
  border-bottom: 1px solid #333;
}

#sidebar li.widget,
#sidebar li.linkcat,
#sidebar li.pagenav {
  margin-bottom: 18px;
}

#sidebar ul.widgets {
  list-style-type: none;
}

#sidebar li.widget ul,
#sidebar li.linkcat ul,
#sidebar li.pagenav ul {
  padding-left: 0;
  margin-left: 0;
}

#sidebar li.widget li,
#sidebar li.linkcat li,
#sidebar li.pagenav li {
  list-style: none;
  margin-left: 0;
  padding-left: 0.7em;
  text-indent: -0.7em;
}

#sidebar li.widget li:before,
#sidebar li.linkcat li:before,
#sidebar li.pagenav li:before {
  content: "\00BB \0020";  
}

#sidebar li.widget p {
  margin: 8px 0;
}

#sidebar .social li a {
  line-height: 16px;
  padding-left: 18px;
  padding: 1px 0 0 18px;
}

#sidebar .social li:before {
  content: '' !important;
}

#sidebar .social li a.linkedin {
  background: url(images/linkedin.png) no-repeat center left;
}

#sidebar .social li a.facebook {
  background: url(images/facebook.png) no-repeat center left;
}

#sidebar .social li a.xbox {
  background: url(images/xbox.png) no-repeat center left;
}

#sidebar .social li a.playstation {
  background: url(images/playstation.png) no-repeat center left;
}

#sidebar .social li a.rss {
  background: url(images/rss.png) no-repeat center left;
}

/* Resume */ 
.resume table {
  border-collapse: collapse;
}

.resume .left {
  width: 175px;
}

.resume h3 {
  border-bottom: 1px dotted #333;
  margin-bottom: 0;
  text-transform: uppercase;
}

.resume h4 {
  margin-bottom: 2px;
}

.resume p {
  margin-top: 0;
  margin-bottom: 4px;
}

.resume td {
  vertical-align: top;
  padding-top: 4px;
}

.resume ul {
  margin-top: 0px;
  padding-left: 16px;
  margin-left: 0;
}

.resume ul li {
  list-style-type: square;
  margin-bottom: 2px;
}

.resume .profile ul {
  margin-top: 2px;
}

.resume #download {
  margin: 2px 2px 4em 2px;
  background: #ccf;
  border: 1px solid #0060b3;
}

.resume #download h4, 
.resume #download p {
  margin: 2px;
}

.resume .experience tr.first td {
  border-top: none !important;
}

.resume .experience tr td {
  border-top: 1px dotted #bbb;
}

.resume .competencies div {
  width: 50%;
}

.resume .competencies #languages,
.resume .competencies #technologies {
  float: left;
}

.resume .competencies #skills {
  float: right;
}

/* Forms */
label {
  font-weight: bold;
  font-family: Candara, Trebuchet MS, sans-serif;
  text-transform: uppercase;
}

input[type=text], textarea {
  font-family: Calibri, Arial, sans-serif;
  font-size: 14px;
}

input[type=text], textarea {
  border: 1px solid #999;
  background-color: #f0f0f0;
  color: #333;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 6px;
}

input[type=text]:hover, textarea:hover {
  background-color: #dfe8f0;
  border: 1px solid #999;
}

input[type=text]:focus, textarea:focus {
  background-color: #dfe8f0;
  border: 1px solid #00417b;
}

input[type=submit] {
  border: 1px solid #999;
  font-family: Calibri, Arial, sans-serif;
  font-size: 14px;
  background-color: #666;
  color: #efefef;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 6px;
}

input[type=submit]:hover {
  background-color: #777;
  color: #222
  border: 1px solid #777;
}

/* Contact Form */
.error {
  color: #c33;
}

#wpcf_your_name, #wpcf_email, #wpcf_subject {
  width: 300px;
}

#wpcf_msg, #wpcf_message {
  width: 447px;
}

.contactright {
  margin-bottom: 1em;
  text-align: right;
}

.contactleft.name, .contactleft.subject, .contactleft.email {
  width: 120px;
  float: left;
}

.contacterror {
  background-color: #fcc !important;
}

/* Search */
input#s {
  width: 188px;
  background: url(images/magnifier.png) no-repeat 2px 50%;
  padding-left: 20px;
}

.loop input#s {
  width: 375px;
}

.search-excerpt,
.searchterm1,
.searchterm2,
.searchterm3,
.searchterm4,
.searchterm5 {
  background-color: #00417b !important;
  color: #fff;
  padding: 1px 0;
}

#searchform {
  margin: 0;
  padding: 0;
}

/* Portfolio */
#portfolio-album .cover-image,
.portfolio .portfolio-item .cover-image {
  float: right;
  padding: 2px;
  margin-left: 8px;
  width: 78px;
}

#portfolio-album .cover-image img,
.portfolio .portfolio-item .cover-image img {
  margin: 2px auto;
  display: block;
}

.portfolio .portfolio-item .more {
  text-align: right;
}

.portfolio-item #portfolio-album {
  float: right;
  margin-top: 24px;
  width: 98px;
}

.portfolio-item #portfolio-album ul {
  float: right;
  list-style-type: none;
  margin-top: 12px;
}

.portfolio-item #portfolio-album .cover-image {
  margin-bottom: 4px !important; 
  margin-left: 12px !important;
}

.portfolio-item #solution li {
  margin-bottom: 12px;
}

.portfolio-item #solution li p {
  margin: 2px 0 6px;
  text-indent: 1em;
}

.portfolio-item h4 {
  margin: 2px 0;
}