/*  
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;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

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: #191919;

}
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: #191919;
	height: 80px;
}

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

#header #logo img {
	border: none;
}

#header #menu {
	width: 700px;
	float: right;
	font-weight:bold;
	font-size:17px;
	text-shadow: rgba(50, 50, 50, 0.5) 1px 1px 0px;
}

#header #menu ul{
	list-style:none;
	padding: 0;
	margin: 50px 0 0 0;

}

#header #menu ul li{
	display: inline;
	padding: 50px 20px 0px 20px;
	border-left: #e3e3e3 dotted 1px;
}
	
#header #menu ul li a{
	padding-top: 20px;
}

/* 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: #191919;
	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 {
}

#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: #191919;
	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;
}

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

.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;
}

.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;
}

.entry a {
	font-weight: bold;
}

.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;
}

.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: #191919;
	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: #00aced;
	margin: 0 0 5px 0;
	padding: 5px;
	background: #535353;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.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;
}

/*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:#191919;
		padding:5px;
}

/* Footer Styles */

#footer{
	margin-top:15px;
	background: #191919;
	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;
}