/*  
Theme Name: Blinktag Inc
Theme URI: http://blinktag.com
Description: Theme for blinktag.com
Version: 1.0
Author: Blinktag Inc
Author URI: http://blinktag.com
*/

a:link, a:visited{
  text-decoration: none;
  color: #00aced;
}

a:hover{
  text-decoration: underline;
}

.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 10px;
  padding-top: 4px;
  text-align: center;
}

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

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

img{
  border:none;
}

@font-face {  
  font-family: Bebas;  
  src:  url(fonts/bebas.ttf);  
}

@font-face {  
  font-family: MuseoSans;  
  src:  url(fonts/MuseoSans_500.otf);  
}


.image:hover{
color: red; /* Dummy definition to overcome IE bug */
}

body{
  margin: 0;
  font-family: Arial, Helvetica, Georgia, Sans-serif;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
  background: #535353;
  color: #19171a;

}
body, h1, h2, h3, h4, h5, h6, blockquote, address, dd, dl, hr, form p{
  margin: 0;
  padding: 0;
}
h1{
  font-size: 24px;
  padding: 0 0 10px 0;
}

blockquote {
  margin: 10px 20px;
  border-top: #535353 3px solid;
  border-bottom: #535353 3px solid;
  padding: 0;
}

#wrapper{
  margin:0 auto 0 auto;
  width: 960px;
  text-align: left;
}

#header {
  background: #19171a;
  height: 80px;
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 3px 3px rgba(0,0,0,.2);
  box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}

#logo {
  width: 200px;
  float: left;
}

#logo img {
  border: none;
}

#menu {
  width: 459px;
  float: right;
  font-weight:bold;
  font-size:17px;
  text-shadow: rgba(50, 50, 50, 0.5) 1px 1px 0px;
  list-style:none;
  padding: 0;
  margin: 0;
  overflow:hidden;
}

#menu li{
  display: inline-block;
  border-left: #000000 solid 1px;
  width:110px;
}
  
#menu li a{
  display: inline-block;
  padding: 30px 0;
  border-left: #3b3b3b solid 1px;
  width:115px;
  text-align:center;
}

#menu li a:hover{
  text-decoration:none;
  background: -moz-linear-gradient(top, #252525 0%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #252525 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #252525 0%,#000000 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #252525 0%,#000000 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #252525 0%,#000000 100%); /* W3C */
}

/* Homepage Styles */

#slogan {
  margin-top:15px;
  background: #262626;
  height: 300px;
  font-family: MuseoSans, Arial;
}

#slogan .left {
  width: 580px;
  float:left;
  padding: 25px;
}

#slogan .left .title {
  color: #e3e3e3;
  font-size: 300%;
  text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
}

#slogan .left .subtitle {
  color: #737373;
  font-size: 200%;
  font-weight:bold;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px;
}

#services {
  clear: both;
  background: #19171a;
  padding: 10px 50px;
}

#services .service {
  width: 340px;
  float: left;
  margin: 20px 40px;
}

#services .service h2 {
  margin-bottom: 5px;
  text-shadow: rgba(0, 100, 138, 0.5) 1px 1px 0px;
}

#services .service .description{
  padding-top:10px;
  color: #e3e3e3;
  text-align: justify;
}

#services .service .description a {
  color: #e3e3e3;
}

#blog {
  margin-top: 15px;
  clear: both;
  background: #e3e3e3;
}

#blog .top h2 {
  background: #262626;
  padding: 5px;
  width: 275px;
  margin-bottom: 10px;
  color: #e3e3e3;
  text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
  font-family:MuseoSans;
}

#blog .post {
  padding: 15px;
  float: left;
  width: 440px;
}

#blog .title {
  font-size: 130%;
  font-weight: bold;
}

#blog .date {
  font-size: 80%;
}

#blog .post p {
  padding: 0;
  margin: 0;
} 

/* Sidebar Styles */

.sidebar{
  float: left;
  width: 265px;
  background: #19171a;
  margin: 15px 15px 0 0;
  display: inline;
  color: #e3e3e3;
}

.sidebar ul{
  list-style-type: none;
  margin: 0;
  padding: 0 10px 0 10px;
}

.sidebar ul li{
  padding: 10px 0 10px 0;
}

.sidebar ul li h2{
  font-size: 16px;
  text-shadow: rgba(100, 100, 100, 0.5) 1px 1px 3px;
  font-family:MuseoSans;
}

.sidebar ul ul li{
  padding: 0;
}

.sidebar ul ul li img{
  margin:5px 4px 0px 0;
  vertical-align:bottom;
}

.sidebar .tagcloud {
  padding: 0 10px 0 10px;
}

.sidebar .kjgrcGravatar {
  float:left;
  padding: 0 5px 5px 0;
}

/* Styles for Comments */

.comments-template{
  margin: 0 10px;
  padding-bottom: 10px;
}

.comments-template ol{
  margin: 0;
  padding: 0;
  list-style: none;
}

.comments-template ol li{
  margin: 10px  0;
  line-height: 18px;
  padding: 0;
  border-top: 1px solid #535353;
  min-height:96px;
}

.comments-template h2, .comments-template h3{
  font-size: 16px;
}

.comments-template .respond {
  padding-top: 10px;
  clear:both;
}

.commentmetadata{
  clear:both;
  font-size: 12px;
}

.comments-template p.nocomments{
  padding: 0;
}

.comments-template textarea{
  font-size: 12px;
}

.comments-template .avatar{
  float:left;
  padding-right: 5px;
}

/* Post Styles */

#container{
  float: left;
  width: 675px;
  margin-top: 15px;
  overflow:hidden;
}

.wide{
  width:100% !important;
}

.post{
  background:#E3E3E3;
  padding: 0;
  margin-bottom: 15px;
  _border-bottom:15px solid #535353; /*IE6*/
  overflow:hidden;
}

.post img {
  border:none;

}

.post h2{
  background: #262626;
  padding: 5px 9px;
  color: #e3e3e3;
  float:left;
  max-width: 440px;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
  font-family: MuseoSans, Arial;
  margin-bottom:10px;
}

.post .otherlinks{
  float:left;
  max-width:300px;
}

.post .otherlinks a{
  display:block;
  padding:5px 10px;
  color:#262626;
  float:left;
  font-size:16px;
}

.post .toppostmetadata {
  float:right;
  padding:10px;
  font-weight: bold;
}

.post .share{
  clear:both;
  padding-left:5px;
  font-weight:bold;
}

.post .share img{
  width:16px;
  height:16px;
  vertical-align:middle;
  padding-left:5px;
}

.entry{
  clear:both;
  position:relative;
  line-height: 16px;
  padding: 0 10px 10px 10px;
}

.entry img {
  margin: 5px;
}

.wp-caption-text{
  font-size: 90%;
  line-height: 120%;
  padding: 0 4px 5px;
  margin: 0;
}

.postmetadata{
  border-top: 1px solid #535353;
  margin: 10px 0 0 0;
  clear:both;
  overflow:hidden;
}

.postmetadata .left {
  float:left;
  width:240px;
}

.postmetadata .right {
  float:right;
  width:390px;
  text-align:right;
}

.navigation{
  padding: 10px 5px 5px 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}

.pagetitle {
  background: #19171a;
  padding: 10px;
  margin-bottom:15px;
}

.pagetitle h1{
  color: #e3e3e3;
  padding: 0;
}

/* Team Styles */

.person {
  clear: both;
  padding-bottom: 15px;
  overflow:hidden;
}

.person img {
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0;
  border:0;
  float:left;
  width: 160px;
  border:7px white solid;
  -moz-box-shadow: black 0px 0px 7px;
  -webkit-box-shadow: black 0px 0px 7px;
  box-shadow: black 0px 0px 7px;
}

.person .description {
float:left;
width: 700px;
padding: 0 15px;
}

.person .description .title {
  clear: both;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 120%;
  font-family:MuseoSans;
}

.person .description .bio {
  line-height: 20px;
  background:#f3f3f3;
  padding:10px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: black 2px 2px 4px;
  -webkit-box-shadow: black 2px 2px 4px;
  box-shadow: black 2px 2px 4px;
}

.person .description img{
  margin:0px 3px 2px 15px;
  vertical-align: bottom;
  width: inherit;
  float:none;
  border:none;
  -moz-box-shadow: black 0px 0px 0px;
  -webkit-box-shadow: black 0px 0px 0px;
  box-shadow: black 0px 0px 0px;
}

.person .description .contact{
  font-family:Bebas;
}

/* Project Styles */

.projects .left {
  width: 290px;
  float:left;
  margin:10px;
  _margin:7px; /*IE6*/
}

.projectpost .right, #slogan .right {
  width: 300px;
  float:right;
}

#slogan .right .project{
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.project{
  border: 10px solid #FFF;
  height: 280px;
  width: 280px;
  position:relative;
  overflow:hidden;
  -moz-box-shadow: black 4px 4px 8px;
  -webkit-box-shadow: black 4px 4px 8px;
  box-shadow: black 4px 4px 8px;
}

.project:hover{
  -moz-box-shadow: black 8px 8px 12px;
  -webkit-box-shadow: black 8px 8px 12px;
  box-shadow: black 8px 8px 12px;
}

.projectcontent .transparency{
  position:absolute;
  top:0px;
  left:0px;
  background: #fff;
  opacity:0.4;
  height: 280px;
  width: 280px;
}

.projectcontent{
  height: 270px;
  width: 270px;
  padding: 5px;
}


.projectcontent .transparency{
  position:absolute;
  top:0px;
  left:0px;
  background: #fff;
  opacity:0.9;
  filter:alpha(opacity=90);  
  -moz-opacity:0.9;
  height: 280px;
  width: 280px;
}

.projectcontent .content{
  position:relative;
  opacity:1.0;
  filter:alpha(opacity=100);  
  -moz-opacity:1.0;
}

.projectcontent .title{
  font-weight: bold;
  font-size: 120%;
  color: #191919;
  margin: 0 0 5px 0;
  padding: 5px;
  background: rgba(83, 83, 83, 0.5);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
}

.projectcontent p {
  margin:0px;
  padding:3px 0 0 0;
}

.projectcontent a{
  font-weight:bold;
}

.projectcontent .image{
  float:left;
  width:50px;
  margin: 5px;
}

.projectpost h2 {
  max-width: 500px;
}

.projectpost #images{
  width:425px;
  float:right;
  margin:5px;
}

.projectpost .image{
  margin: 5px;
  float:right;
}

.projectpost .image img{
  width: 175px;
  border: solid 10px #fff;
  margin:0;
  -moz-box-shadow: black 2px 2px 4px;
  -webkit-box-shadow: black 2px 2px 4px;
  box-shadow: black 2px 2px 4px;
}

.projectpost .image:hover img{
  -moz-box-shadow: black 2px 2px 8px;
  -webkit-box-shadow: black 2px 2px 8px;
  box-shadow: black 2px 2px 8px;
}

.projectpost .entry{
  width: 500px;
  clear:left;
  line-height:170%;
}

.projectpost .back{
  clear:left;
  padding-top:5px;
}

.two-column{
  width:44%;
  float:left;
}

/*Services Styles*/
.services .linkbox {
  background: #262626;
  padding:5px;
  color: #00aced;
  font-family:MuseoSans, Arial;
}

.services .entry {
  clear:left;
  width:550px;
  float:left;
}

.services .image {
  float:right;
  width:360px;
}

.services .image img{
    border: 5px solid #00aced;
    background:#19171a;
    padding:5px;
}

/* pagination */

.pagination {
clear:both;
padding:0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #19171A;
}

.pagination a:hover{
    background: #00ACED;
    color:#fff;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #00ACED;
color:#fff;
}

/* Footer Styles */

#footer{
  margin-top:15px;
  background: #19171a;
  clear: both;
  padding: 10px;
  color: #e3e3e3;
  font-family: Bebas, Arial;
  letter-spacing:0.5px;
  font-size:14px;
  overflow:hidden;
}

#footer .left{
  float:left;
  width:150px;
}

#footer .right {
  float:right;
  width:450px;
  text-align:right;
}