/*
Theme Name: Spaced Out
Version: 2.0
Author: Priyank Sharma
Author URI: http://priyanksharma.com/
Description: Official theme for <a href="http://priyanksharma.com/">Priyank Sharma dot com</a>.
*/

/* ============
  Global reset
=============== */
@import url("reset.css");

/* ======
  Layout
========= */
html {
  background:#001b36 url(images/bg.jpg) no-repeat top center;
}

/* Spacers */
.spacer-void, .spacer-half, .spacer, .spacer-double, .spacer-triple {
  clear:both;
  display:block;
}
.spacer-void {
  height:1px;
  margin-top:-1px;
}
.spacer-half {
  height:5px;
}
.spacer {
  height:10px;
}
.spacer-double {
  height:20px;
}
.spacer-triple {
  height:30px;
}

/* ==========
  Typography
============= */
@font-face {
  font-family:Droid Sans;
  src:url(fonts/droid-sans.ttf), url(fonts/droid-sans.otf), url(fonts/droid-sans.woff);
}
@font-face {
  font-family:Droid Sans Bold;
  src:url(fonts/droid-sans-bold.ttf), url(fonts/droid-sans-bold.otf), url(fonts/droid-sans-bold.woff);
}

body {
  color:#85c1dd;
  font-family:"Droid Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size:13px;
}

/* Headings */
h1 {
  font-family:"Droid Sans Bold", Arial, Helvetica, sans-serif;
  font-size:30px;
  margin:12px;
  text-shadow:2px 2px #003760;
}
h2 {
  font-size:24px;
  line-height:24px;
  margin:10px 0 2px 0;
  text-shadow:1px 2px #003760;
}
h3 {
  font-size:18px;
  line-height:20px;
  text-shadow:1px 2px #003760;
}

/* Paragraph formatting */
p {
  line-height:16px;
  padding:2px 0 10px 0;
}
p.strike {
  text-decoration:line-through;
}

strong {
  color:#9cd6f0;
  font-family:"Droid Sans Bold", Arial, Helvetica, sans-serif;
}
em {
  font-style:italic;
}

/* Hyperlinks */
a:link,
a:visited {
  color:#9cd6f0;
  text-decoration:underline;
}
a:active,
a:focus,
a:hover {
  color:#fff;
  text-decoration:underline;
}
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited {
  -moz-transition:.3s; /* Firefox */
  -o-transition:.3s; /* Opera */
  -webkit-transition:.3s; /* Chrome, Safari */
  color:#fff;
  text-decoration:none;
  transition:.3s;
}
h2 a:active,
h2 a:focus,
h2 a:hover,
h3 a:active,
h3 a:focus,
h3 a:hover {
  background-color:#002f4f;
  color:#c2e0ed;
}
a.post-edit-link:link,
a.post-edit-link:visited {
  color:#6eb1d0;
}
a.post-edit-link:active,
a.post-edit-link:hover,
a.post-edit-link:focus {
  color:#c2e0ed;
}

/* Other formatting */
blockquote {
  background:url(images/box3-bg.png) repeat;
  border-left:5px solid #069;
  color:#fff;
  font-style:italic;
  margin:10px auto 10px;
  padding:10px 20px;
  width:90%;
}

/* ===============
  Navigation menu
================== */
nav {
  height:50px;
  margin:0 auto;
  width:960px;
}

#menu-links {
  color:#c2e0ed;
  float:left;
  font-family:"Droid Sans Bold", Arial, Helvetica, sans-serif;
  font-size:15px;
  line-height:18px;
  margin:17px 0 0 80px;
  padding:0;
  width:680px;
}
#menu-links li {
  border-right:1px solid #abe0d2;
  display:inline;
  float:left;
  margin-right:4px;
  padding-right:5px;
  position:relative;
}
#menu-links li a {
  display:block;
  overflow:hidden;
}
#menu-links li.noborder {
  border:none;
}

#menu-links a:link,
#menu-links a:visited {
  -moz-transition:0.5s;
  -o-transition:0.5s;
  -webkit-transition:0.5s;
  transition:0.5s;

  color:#c2e0ed;
  font-weight:bold;
  margin:0 10px 0 10px;
  text-decoration:none;
}
#menu-links a:active,
#menu-links a:focus,
#menu-links a:hover {
  color:#fff;
  text-decoration:underline;
}

/* Drop down */
#menu-links .sub-menu {
  -moz-box-shadow:0 20px 20px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow:0 20px 20px rgba(0, 0, 0, 0.3);
  box-shadow:0 20px 20px rgba(0, 0, 0, 0.3);

  background:#015692;
  border-radius:0 0 12px 12px;
  display:block;
  left:0;
  opacity:.9;
  padding:8px 0;
  position:absolute;
  visibility:hidden;
  width:170px;
}
#menu-links .sub-menu li {
  border:none;
  display:list-item;
  float:none;
}
#menu-links .sub-menu li a {
  line-height:20px;
  padding:5px 15px;
}

/* Search bar */
#menu-search {
  float:left;
  margin-bottom:15px;
  width:200px;
}
#menu-search input.field {
  -webkit-appearance:textfield;
  background:none;
  border:none;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  height:20px;
  outline:none;
  margin:16px 0 0 14px;
  width:140px;
}
#menu-search button {
  -moz-transition:0.25s;
  -o-transition:0.25s;
  -webkit-transition:0.25s;
  transition:0.25s;

  -moz-box-shadow:none;
  -moz-opacity:.8;
  -webkit-box-shadow:none;
  background:url(images/menu-search-go.png) no-repeat;
  border:none;
  cursor:pointer;
  filter:alpha(opacity=80);
  float:right;
  height:21px;
  margin:15px 22px 0 0;
  opacity:.8;
  width:20px;
}
#menu-search button:focus,
#menu-search button:hover {
  -moz-opacity:1;
  filter:alpha(opacity=100);
  opacity:1;
}
#menu-search button:active {
  -moz-opacity:.5;
  filter:alpha(opacity=50);
  opacity:.5;
}

/* ======
  Header
========= */
header {
  clear:both;
  height:130px;
  margin:0 auto;
  width:960px;
}
header a {
  margin-left:110px;
}

/* ============
  Page Content
=============== */
#content {
  margin:0 auto;
/*  min-height:360px;*/
  width:960px;
}
#content #content-left {
  float:left;
  width:760px;
}
#content #content-right {
  float:right;
  width:200px;
}
/*#content #content-full {
  float:left;
  width:937px;
}
*/

/* ===================================
  Category / Monthly archive dropdown
====================================== */
#categorybox,
#categorybox2 {
  font-size:13px;
  font-weight:bold;
  height:32px;
  margin-top:10px;
}
#categorybox {
  background:url(images/cat-dropdown.png) no-repeat;
  width:175px;
}
#categorybox2 {
  background:url(images/cat-dropdown2.png) no-repeat;
  margin-left:10px;
  width:225px;
}

.menu li {
  -moz-opacity:.99;
  filter:alpha(opacity=99);
  line-height:30px;
  opacity:.99;
}
.menu li a {
  color:#eee;
  display:block;
  padding-left:10px;
  text-decoration:none;
}
#categorybox2 .menu li a {
  padding-left:15px;
}
.menu li a:focus,
.menu li a:hover {
  color:#85c1dd;
}

.menu li ul.submenu {
  background:#015691;
  border-radius:0 0 7px 7px;
  display:none;
  font-size:12px;
  margin:3px 0 0 3px;
  padding:4px 0;
  position:relative;
  width:169px;
  z-index:999;
}
#categorybox2 ul.submenu {
  width:219px;
}
.menu li ul.submenu li {
  line-height:25px;
  margin:0 4px;
}
.menu li ul.submenu li a {
  border-radius:3px;
}
.menu li ul.submenu li a:focus,
.menu li ul.submenu li a:hover {
  background:#1770ad;
  color:#a0d4ed;
}

/* ========
  Homepage
=========== */
#main {
  float:left;
  margin-top:5px;
  width:460px;
}
#main .featured {
  background:rgba(2, 85, 145, 0.7);
  background:linear-gradient(rgba(39, 119, 166, 0.9) 0, rgba(2, 85, 145, 0.7) 35px, rgba(2, 85, 145, 0.7) 95%, rgba(39, 119, 166, 0.5) 100%);
  background:-moz-linear-gradient(rgba(39, 119, 166, 0.9) 0, rgba(2, 85, 145, 0.7) 35px, rgba(2, 85, 145, 0.7) 95%, rgba(39, 119, 166, 0.5) 100%);
  /*background:-o-linear-gradient(rgba(39, 119, 166, 0.9) 0, rgba(2, 85, 145, 0.7) 35px, rgba(2, 85, 145, 0.7) 95%, rgba(39, 119, 166, 0.5) 100%);*/
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(39, 119, 166, 0.9)), color-stop(0.1, rgba(2, 85, 145, 0.7)), to(rgba(39, 119, 166, 0.5)));
  background:-webkit-linear-gradient(rgba(39, 119, 166, 0.9) 0, rgba(2, 85, 145, 0.7) 35px, rgba(2, 85, 145, 0.7) 95%, rgba(39, 119, 166, 0.5) 100%);
  border-radius:12px 12px 8px 8px;
  margin-bottom:10px;
  padding:10px 5px 10px 15px;
  width:430px;
}

/* Timestamp */
.post-date {
  background:url(images/calendar.png) no-repeat;
  display:block;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  height:53px;
  margin:5px 10px 0 0;
  text-align:center;
  width:40px;
}
.post-date .month {
  color:#fff;
  font-size:10px;
  font-weight:bold;
  margin:3px 0 0 -3px;
}
.post-date .date {
  color:#2f5d74;
  font-size:20px;
  margin:6px 0 0 -3px;
}

time {
  color:#c2e0ed;
  float:left;
  font-size:11px;
  line-height:18px;
  padding:0;
}

/* Comment icon */
.comment-icon a {
  -moz-transition:color .3s, opacity .3s; /* Firefox */
  -o-transition:color .3s, opacity .3s; /* Opera */
  -webkit-transition:color .3s, opacity .3s; /* Chrome, Safari */
  background:url(images/archive-comment.png) no-repeat;
  color:#295933;
  float:right;
  font-family:"Droid Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size:10px;
  height:21px;
  line-height:18px;
  text-align:center;
  text-decoration:none;
  transition::color .3s, opacity .3s;
  width:23px;
}
.comment-icon a:active,
.comment-icon a:focus,
.comment-icon a:hover {
  color:#000;
  filter:alpha(opacity=70); /* IE */
  opacity:.7;
}

/* Featured post image */
.preview {
  -webkit-transition-property:background-color;
  -webkit-transition-duration:.25s;
  background:url(images/box2-bg.png) repeat;
  border-radius:5px;
  height:230px;
  margin:3px 0 10px 0;
  padding:10px;
  position:relative;
  width:400px;
}
.preview:active,
.preview:hover,
.preview:focus {
  background-color:#002e50;
}

.preview .loading {
  background:transparent url(images/loader.gif) no-repeat center center;
  height:32px;
  left:185px;
  position:absolute;
  top:105px;
  width:32px;
}

/* Homepage archive */
#main-archive {
  float:left;
  margin:5px;
  width:490px;
}

.post-panel {
  width:230px;
  float:left;
  margin:0 12px 5px 0;
}
.post-panel.last {
  margin-right:0;
}
.post-panel .post {
  background:rgba(2, 85, 145, 0.7);
  background:linear-gradient(rgba(39, 119, 166, 0.9) 0, rgba(2, 85, 145, 0.7) 35px, rgba(2, 85, 145, 0.7) 95%, rgba(39, 119, 166, 0.5) 100%);
  background:-moz-linear-gradient(rgba(39, 119, 166, 0.9) 0, rgba(2, 85, 145, 0.7) 35px, rgba(2, 85, 145, 0.7) 95%, rgba(39, 119, 166, 0.5) 100%);
  /*background:-o-linear-gradient(rgba(39, 119, 166, 0.9) 0, rgba(2, 85, 145, 0.7) 35px, rgba(2, 85, 145, 0.7) 95%, rgba(39, 119, 166, 0.5) 100%);*/
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(39, 119, 166, 0.9)), color-stop(0.1, rgba(2, 85, 145, 0.7)), to(rgba(39, 119, 166, 0.5)));
  background:-webkit-linear-gradient(rgba(39, 119, 166, 0.9) 0, rgba(2, 85, 145, 0.7) 35px, rgba(2, 85, 145, 0.7) 95%, rgba(39, 119, 166, 0.5) 100%);
  border-radius:12px 12px 8px 8px;
  margin-bottom:10px;
  padding:12px 10px 5px 15px;
}
.post-panel .comment-icon a {
  margin-right:4px;
}

.post-panel header {
  height:inherit;
  width:inherit;
}
.post-panel header a {
  margin:0;
}
.post-panel p {
  overflow:hidden;
}

/* Plugin: PageNavi */
.wp-pagenavi {
  cursor:default;
  font-size:12px;
  font-weight:bold;
}
.wp-pagenavi span {
  border-radius:5px;
  padding:3px 8px 3px 8px;
}
.wp-pagenavi span.pages {
  color:#eee;
  margin:2px;
}
.wp-pagenavi span.current {
  background-color:#023b68;
  color:#317fbc;
  margin:2px;
}

.wp-pagenavi a:link,
.wp-pagenavi a:visited {
  -webkit-transition-property:background-color;
  -webkit-transition-duration:.25s;
  background-color:#01487f;
  border-radius:5px;
  color:#ddd;
  margin:2px;
  padding:3px 6px 3px 6px;
  text-decoration:none;
}
.wp-pagenavi a:active,
.wp-pagenavi a:focus,
.wp-pagenavi a:hover {
  background-color:#065289;
}
.wp-pagenavi a.page {
  padding:3px 8px 3px 8px;
}

/* ============
  Archive page
=============== */
#archive {
  margin-top:5px;
  min-height:409px;
  width:960px;
}

.thumbnail {
  -moz-transition:background-color .3s; /* Chrome, Safari */
  -o-transition:background-color .3s; /* Chrome, Safari */
  -webkit-transition:background-color .3s; /* Chrome, Safari */
  background:url(images/box2-bg.png) repeat;
  border-radius:5px;
  height:120px;
  margin:5px 0;
  padding:10px;
  position:relative;
  transition:background-color .3s;
  width:180px;
  z-index:99;
}
.thumbnail:active,
.thumbnail:hover,
.thumbnail:focus {
  background-color:#0c2a3e;
}

.thumbnail .loading {
  background:transparent url(images/loader.gif) no-repeat center center;
  height:32px;
  left:80px;
  position:absolute;
  top:55px;
  width:32px;
}

/* ============
  Article page
=============== */
#col-left {
  float:left;
  width:700px;
}
#col-right {
  float:right;
  width:260px;
}

#post {
  background:url(images/post-bg-top.png) top repeat-x, url(images/post-bg.png) repeat, url(images/post-bg-bottom.png) bottom repeat-x;
  border-radius:12px 12px 8px 8px;
  margin-top:10px;
  padding:10px 20px;
}

/* Main image */
img.post-main {
  -webkit-transition-property:background-color;
  -webkit-transition-duration:.25s;
  background:url(images/box2-bg.png) repeat;
  border-radius:5px;
  margin:0 0 10px -2px;
  padding:8px;
}
img.post-main:active,
img.post-main:focus,
img.post-main:hover {
  background-color:#002e50;
}

img.post-main-banner {
  margin:-209px 0 0 259px;
}

/* Buttons in Design section */
.button-area {
  text-align:center;
  width:650px;
}
.button-launchwebsite {
  background:url(images/button-launchwebsite.png) no-repeat 0 0;
}
.button-preview {
  background:url(images/button-preview.png) no-repeat 0 0;
}
.button-viewbanner {
  background:url(images/button-viewbanner.png) no-repeat 0 0;
}
.button-viewbanner1 {
  background:url(images/button-viewbanner1.png) no-repeat 0 0;
}
.button-viewbanner2 {
  background:url(images/button-viewbanner2.png) no-repeat 0 0;
}
.button-viewcreative {
  background:url(images/button-viewcreative.png) no-repeat 0 0;
}
.button-viewcreative1 {
  background:url(images/button-viewcreative1.png) no-repeat 0 0;
}
.button-viewcreative2 {
  background:url(images/button-viewcreative2.png) no-repeat 0 0;
}
.button-viewcreative3 {
  background:url(images/button-viewcreative3.png) no-repeat 0 0;
}
.button-viewcreative4 {
  background:url(images/button-viewcreative4.png) no-repeat 0 0;
}
.button-viewdesign {
  background:url(images/button-viewdesign.png) no-repeat 0 0;
}
.button-viewdesign1 {
  background:url(images/button-viewdesign1.png) no-repeat 0 0;
}
.button-viewdesign2 {
  background:url(images/button-viewdesign2.png) no-repeat 0 0;
}
.button-viewenvelope {
  background:url(images/button-viewenvelope.png) no-repeat 0 0;
}
.button-viewletterhead {
  background:url(images/button-viewletterhead.png) no-repeat 0 0;
}
.button-viewlogo {
  background:url(images/button-viewlogo.png) no-repeat 0 0;
}
.button-viewmock1 {
  background:url(images/button-viewmock1.png) no-repeat 0 0;
}
.button-viewmock2 {
  background:url(images/button-viewmock2.png) no-repeat 0 0;
}
.button-viewmock3 {
  background:url(images/button-viewmock3.png) no-repeat 0 0;
}
.button-viewnewsletter {
  background:url(images/button-viewnewsletter.png) no-repeat 0 0;
}
.button-launchwebsite,
.button-preview,
.button-viewbanner,
.button-viewbanner1,
.button-viewbanner2,
.button-viewcreative,
.button-viewcreative1,
.button-viewcreative2,
.button-viewcreative3,
.button-viewcreative4,
.button-viewdesign,
.button-viewdesign1,
.button-viewdesign2,
.button-viewenvelope,
.button-viewletterhead,
.button-viewlogo,
.button-viewmock1,
.button-viewmock2,
.button-viewmock3,
.button-viewnewsletter {
  border:none;
  cursor:pointer;
  display:inline-block;
  height:50px;
  margin:0 0 10px 5px;
  width:250px;
}
.button-launchwebsite:focus,
.button-launchwebsite:hover,
.button-preview:focus,
.button-preview:hover,
.button-viewcreative:focus,
.button-viewcreative:hover,
.button-viewcreative1:focus,
.button-viewcreative1:hover,
.button-viewcreative2:focus,
.button-viewcreative2:hover,
.button-viewcreative3:focus,
.button-viewcreative3:hover,
.button-viewcreative4:focus,
.button-viewcreative4:hover,
.button-viewdesign:focus,
.button-viewdesign:hover,
.button-viewdesign1:focus,
.button-viewdesign1:hover,
.button-viewdesign2:focus,
.button-viewdesign2:hover,
.button-viewenvelope:focus,
.button-viewenvelope:hover,
.button-viewletterhead:focus,
.button-viewletterhead:hover,
.button-viewlogo:focus,
.button-viewlogo:hover,
.button-viewnewsletter:focus,
.button-viewnewsletter:hover {
  background-position:0 -50px;
}
.button-launchwebsite:active,
.button-preview:active,
.button-viewcreative:active,
.button-viewcreative1:active,
.button-viewcreative2:active,
.button-viewcreative3:active,
.button-viewcreative4:active,
.button-viewdesign:active,
.button-viewdesign1:active,
.button-viewdesign2:active,
.button-viewenvelope:active,
.button-viewletterhead:active,
.button-viewlogo:active,
.button-viewnewsletter:active {
  background-position:0 -100px;
}
.button-viewbanner,
.button-viewbanner1,
.button-viewbanner2,
.button-viewmock1,
.button-viewmock2,
.button-viewmock3 {
  height:40px;
  width:188px;
}
.button-viewbanner:focus,
.button-viewbanner:hover,
.button-viewbanner1:focus,
.button-viewbanner1:hover,
.button-viewbanner2:focus,
.button-viewbanner2:hover,
.button-viewmock1:focus,
.button-viewmock1:hover,
.button-viewmock2:focus,
.button-viewmock2:hover,
.button-viewmock3:focus,
.button-viewmock3:hover {
  background-position:0 -40px;
}
.button-viewbanner:active,
.button-viewbanner1:active,
.button-viewbanner2:active,
.button-viewmock1:active,
.button-viewmock2:active,
.button-viewmock3:active {
  background-position:0 -80px;
}

/* Article typography */
#post p a {
  font-weight:bold;
}
#post h3 {
  margin-top:6px;
  text-decoration:underline;
}
#post h2 a {
 font-weight:normal;
}
h3 span.video {
  background:url(images/icon-video.png) no-repeat;
  display:block;
  float:left;
  height:30px;
  margin:-3px 8px 0px 0;
  width:36px;
}
h3 span.download {
  background:url(images/icon-download.png) no-repeat;
  display:block;
  float:left;
  height:30px;
  margin:-3px 8px 0px 0;
  width:24px;
}

/* Guest Author */
.guestauthor {
  background:url(images/box3-bg.png) repeat;
  border-radius:6px;
  margin-bottom:5px;
  padding:15px 15px 10px 15px;
  text-align:left;
}
.guestauthor .profile-pic {
  float:left;
}
.guestauthor .profile-name {
  float:left;
  margin:0 0 0 12px;
}
.guestauthor .profile-name h2 {
  margin:10px 0 0;
}
.guestauthor .profile-name .post-details
.guestauthor .profile-name time {
  font-size:16px;
  font-style:italic;
  padding:0;
}
.guestauthor p {
  padding-top:8px;
}

/*.small {
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  height:30px;
  width:180px;
  /* Label
  font-size:14px;
}

p.toplink {
  text-align:right;
}
p.toplink a {
  font-size:10px;
}
p.toplink a:hover,
p.toplink a:focus {
  color:#c2d5e8;
  text-decoration:none;
}

/* Sidebar */
.sidebar-panel {
  background:url(images/post-bg.png) repeat;
  border-radius:5px;
  margin:10px 0 10px 10px;
  padding:5px 10px 10px 15px;
  width:200px;
}

.sidebar-panel a {
  -moz-transition:0.25s;
  -o-transition:0.25s;
  -webkit-transition:0.25s;
  transition:0.25s;

  text-decoration:none;
}
.sidebar-panel a:focus,
.sidebar-panel a:hover {
  text-decoration:underline;
}

/* ========
  Comments
=========== */
#comments h2 {
  margin-top:20px;
}

#comments ol.commentlist {
  line-height:20px;
  margin-top:10px;
}
#comments ol.commentlist li {
  background:url(images/box3-bg.png) repeat;
  border-radius:6px;
  margin:10px 0 10px 0;
  padding:12px;
}

#comments span.gravatar {
  background:url(images/box2-bg.png) repeat;
  border-radius:5px;
  float:left;
  margin-right:12px;
  padding:5px;
}

#comments ol.commentlist .comment-date {
  color:#5d86a9;
  font-size:10px;
  margin:-5px 0 5px 0;
}
#comments ol.commentlist .comment-edit-link {
  font-size:10px;
}

#comments ol.commentlist li p {
  color:#bfd9ec;
  line-height:20px;
}
#comments ol.commentlist a:link,
#comments ol.commentlist a:visited {
  font-style:normal;
  font-weight:bold;
}
#comments ol.commentlist a:hover,
#comments ol.commentlist a:focus,
#comments ol.commentlist a:active {
  text-decoration:none;
}

#comments ol.commentlist .reply {
  text-align:right;
}

/* Form */
#respond {
  margin-top:10px;
}

#respond #cancel-comment-reply-link {
  text-decoration:none;
}
#respond #cancel-comment-reply-link:focus,
#respond #cancel-comment-reply-link:hover {
  text-decoration:underline;
}

#respond input,
#respond textarea {
  -moz-box-shadow:inset 0 0 6px #000;
  -webkit-box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.3);
  box-shadow:inner 0 0 6px #000;

  background:url(images/box3-bg.png) repeat;
  border:0;
  border-radius:6px;
  color:#bfd9ec;
  font-family:"Droid Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  margin:0 10px 10px 0;
  outline:none;
  padding:7px;
  width:300px;
}
#respond textarea {
  height:150px;
  width:600px;
}

#respond label {
  color:#bfd9ec;
  margin-left:5px;
}
#respond p.submit input {
  -moz-box-shadow:rgba(0, 0, 0, 0.5) 0 2px 5px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.5) 0 2px 5px;
  -webkit-transition-property:color;
  -webkit-transition-duration:.25s;
  background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(180, 214, 248, 1)), to(rgba(51, 112, 175, 1)));
  border:none;
  border-radius:6px;
  color:#0c355a;
  cursor:pointer;
  margin:10px 0 0 2px;
  padding:5px 10px;
  width:120px;
  /* Label */
  font-weight:bold;
}
#respond p.submit input:hover,
#respond p.submit input:focus {
  color:#1c5896;
}
#respond p.submit input:active {
  background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(51, 112, 175, 1)), to(rgba(180, 214, 248, 1)));
}

/* ============
  Testimonials
=============== */
.testimonials {
  background:url(images/post-bg-top.png) top repeat-x, url(images/post-bg.png) repeat, url(images/post-bg-bottom.png) bottom repeat-x;
  border-radius:12px 12px 8px 8px;
  margin:6px 0 10px 0;
  padding:10px 20px;
  text-align:left;
}
.testimonials .profile-pic {
  float:left;
}
.testimonials .profile-pic img {
  -webkit-transition-property:background-color;
  -webkit-transition-duration:.25s;
  background:url(images/box2-bg.png) repeat;
  border-radius:5px;
  margin:5px 10px 0 -2px;
  padding:5px;
}
.testimonials .profile-pic img:hover,
.testimonials .profile-pic img:focus {
  background-color:#0c2a3e;
}

.testimonials .profile-name {
  float:left;
}
.testimonials p {
  padding-top:7px;
}

/* ======
  Footer
========= */
footer {
  color:#5999b6;
  background:url(images/footer.png) no-repeat top center;
  margin:0 auto;
}

footer #footer-content {
  margin:0 auto;
  padding-top:145px;
  width:960px;
}
footer #footer-content p {
  font-size:12px;
  padding-left:7px;
}
footer #footer-content p strong {
  color:#71adc8;
}
footer #footer-content p a:link,
footer #footer-content p a:visited {
  -webkit-transition-property:color;
  -webkit-transition-duration:.25s;
  color:#71adc8;
  text-decoration:underline;
}
footer #footer-content p a:active,
footer #footer-content p a:focus,
footer #footer-content p a:hover {
  color:#c2e0ed;
}

footer #footer-twitter {
  height:35px;
  margin:0 auto;
  padding:12px 0 0 12px;
  width:960px;
}
footer #footer-twitter img {
  float:left;
  margin-right:5px;
}
footer #footer-twitter ul {
  color:#92bcd3;
  font-size:12px;
  margin-top:12px;
}

/*footer #footer-facebook {
  margin:0 auto;
  padding:10px 0 0 12px;
  width:960px;
}
footer #footer-facebook img {
  float:left;
  margin-right:5px;
}
footer #footer-facebook p {
  color:#92bcd3;
  font-size:12px;
  margin-top:9px;
}*/

footer #footer-links {
  margin:0 auto;
  padding-top:25px;
  text-align:center;
  width:960px;
}
footer #footer-links p {
  line-height:16px;
  text-align:center;
}
footer #footer-links p a:link,
footer #footer-links p a:visited {
  -webkit-transition-property:color;
  -webkit-transition-duration:.25s;
  color:#71adc8;
  font-family:"Droid Sans Bold", Arial, Helvetica, sans-serif;
  text-decoration:none;
}
footer #footer-links p a:active,
footer #footer-links p a:focus,
footer #footer-links p a:hover {
  color:#c2e0ed;
}
footer #footer-links p span.copyright {
  font-size:11px;
}

/* ================
  Plugin: Sociable
=================== */
.sociable {
  background:url(images/box3-bg.png) repeat;
  margin:15px 0 10px 0;
  padding:10px 10px 5px 10px;
  text-align:left;
}
.sociable .sociable_tagline {
  padding:0 0 8px 3px;
}

.sociable ul {
  display:inline;
  margin:0;
  padding:0;
}
.sociable ul li {
  background:none;
  display:inline;
  list-style-type:none;
  margin:0;
  padding:0;
}
.sociable ul li:before {
  content:"";
}
.sociable ul li img {
  background:url(images/box2-bg.png) repeat top left;
  border:0;
  border-radius:5px;
  height:32px;
  margin:0;
  padding:3px;
  width:32px;
}

img.sociable-hovers {
  -moz-opacity:.6;
  -webkit-transition-property:opacity;
  -webkit-transition-duration:.25s;
  filter:alpha(opacity=60);
  opacity:.6;
}
img.sociable-hovers:focus,
img.sociable-hovers:hover {
  -moz-opacity:1;
  filter:alpha(opacity=100);
  opacity:1;
}