/*
Theme Name: Takashi Irie
Theme URI: http://takashiirie.com
Author: Takashi Irie
Author URI: http://takashiirie.com/
Description: WordPress theme for Takashi Irie.
Version: 3.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}


/* =Clear
-------------------------------------------------------------- */

.clear {
	clear:both;
	display:block;
}
.clear-fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* =Structure
-------------------------------------------------------------- */

#page {
	display: block;
	margin: 0 auto;
	max-width: 978px;
	padding: 0 1.22699386%;
}
#primary {
	float: left;
	margin: 0 -34.35582822% 0 0;
	width: 100%;
}
#content {
	margin: 0 34.35582822% 0 0;
}
#main .widget-area {
	float: right;
	width: 22.6993865%;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}
/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content,
.single-projects #content {
	margin: 0;
}
/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Global
----------------------------------------------- */

@font-face {
	font-family: 'ClarendonBT-Light';
	src: url('webfonts/15FB04_0.eot');
	src: url('webfonts/15FB04_0.eot?#iefix') format('embedded-opentype'),url('webfonts/15FB04_0.woff') format('woff'),url('webfonts/15FB04_0.ttf') format('truetype'),url('webfonts/15FB04_0.svg#wf') format('svg');
}
body, input, textarea {
	color: #454545;
	font: 400 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.5333333333333334;
}
body {
	background: url(images/bg.gif) repeat 0 0;
	border-top: 5px solid #454545;
	text-shadow: 1px 1px 0 #fff;
}
/* Links */
a {
	color: #fb7635;
}
a:focus,
a:active,
a:hover {
	color: #d5642d;
}
.entry-content p a {
	font-weight: bold;
}



/* =Header
-------------------------------------------------------------- */

/* socila links */
#social-links {
	float: right;
	margin: 11px 11.65644171% 0 0;
	width: 108px;
}
#social-links li {
	float: left;
	height: 47px;
	width: 47px;
	padding: 0 6.48148148% 0 0 ;
	text-indent: -9999em;
}
#social-links a {
	display: block;
	height: 47px;
	width: 47px;
}
#social-links #twitter-link {
	background: url(images/ico-twitter.png) no-repeat 0 0;
}
#social-links #rss-link {
	background: url(images/ico-rss.png) no-repeat 0 0;
}
#social-links #twitter-link:hover,
#social-links #rss-link:hover {
	background-position: 0 -47px;
}
#branding {
	float: right;
	margin: 112px 0 106px 0;
	padding: 0;
	position: relative;
	width: 100%
}
#branding hgroup {
	margin: 0 34.35582822% 0 8.58895705%;
	padding: 0;
}
#site-title {
	font-size: 27px;
	font-weight: bold;
	line-height: 23px;
	display: block;
	margin: 0 0 4px 0;
}
#site-title a {
	color: #454545;
	text-decoration: none;
}
#site-title a:hover {
	color: #fb7635;
}
#site-description {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6428571428em;
	color: #7e7e7e;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	clear: both;
	display: block;
	margin: 23px 0 0 7.56646216%;
}
#access ul {
	list-style: none;
	margin: 0;
}
#access li {
	display: inline-block;
	position: relative;
}
#access li:before {
	content: " /";
	color: #bababa;
}
#access li:first-child:before {
	content: "";
}
#access a {
	font-size: 13px;
	line-height: 1.7692307692em;
	text-decoration: none;
	text-transform: uppercase;
	color: #454545;
	font-weight: bold;
	padding: 0 5px 0 10px;
}
#access a:hover {
	color: #fb7635;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a,
.single-post #menu-item-953 a,
.single-projects #menu-item-1150 a {
	text-decoration: underline;
}


/* =Content
-------------------------------------------------------------- */

.dash {
	background-color: #454545;
	display: block;
	height: 5px;
	margin: 0 0 32px 0;
	width: 8.41121495%;
}
.single-projects .dash {
	width: 5.52147239%;
}
.hentry {
	padding: 0;
}
.single-projects .project-wrapper {
	background: url(images/divider.gif) repeat-x 0 bottom;
	padding: 0 0 65px 0;
	margin: 0 0 69px 0;
}
.single-projects .entry-header,
.post-type-archive-projects .entry-header,
.type-page .entry-header,
.tax-projecttype .entry-header {
	padding: 5px 0 0 0;
}
.entry-header .entry-meta {
	color: #7e7e7e;
	font-size: 13px;
	line-height: 1.0em;
	padding: 0 0 15px 0;
	text-transform: uppercase;
}
.entry-title {
	font-family: 'ClarendonBT-Light';
	font-size: 67px;
	line-height: 1.0298507462em;
	margin: 0 0 30px 0;
}
.entry-title a {
	color: #454545;
	text-decoration: none;
}
.entry-title a:hover {
	color: #fb7635;
}
.entry-content {
	padding: 0 0 24px 13.08411214%;
}
.entry-screenshot {
	margin: 0 0 19px 13.08411214%;
}
.single-projects .entry-screenshot {
	margin: 0 0 19px 0;
}
.single-projects .project-detail {
	float: right;
	width: 22.49488752%;
	font-size: 14px;
	line-height: 1.6428571428em;
}
.single-projects .entry-screenshot {
	float: left;
	margin: 0;
	width: 65.64417177%;
}
.single-projects .project-detail .entry-content {
	padding: 6px 0 0 0;
}
.project-image-sub {
	clear: both;
	padding: 23px 0;
}
.project-image-small-left {
	float: left;
	width: 48.46625766%;
}
.project-image-small-right {
	float: right;
	width: 48.46625766%;
}
.entry-meta {
	clear: both;
	display: block;
}
footer.entry-meta {
	background: url(images/divider.gif) repeat-x 0 bottom;
	padding: 0 0 64px 0;
	margin: 0 0 72px 0;
}
footer.entry-meta span {
	color: #7e7e7e;
	display: block;
	float: left;
	font-size: 13px;
	line-height: 23px;
	margin: 0;
	padding: 0 0 0 13.08411214%;
	width: 34.57943925%;
}
footer.entry-meta span.tag-links,
footer.entry-meta span.byline,
footer.entry-meta span.edit-link {
	margin: 0 0 0 4.67289719%;
}
footer.entry-meta span a {
	font-weight: bold;
}
/*
footer.entry-meta span.cat-links {
	background: url(images/ico-pencil.png) no-repeat 63px 5px;
}
footer.entry-meta span.tag-links {
	background: url(images/ico-tag.png) no-repeat 63px 5px;
}
footer.entry-meta span.comments-link {
	background: url(images/ico-comment.png) no-repeat 63px 5px;
	clear: left;
}
*/
.single-projects .project-detail footer.entry-meta  {
	background: none;
	padding: 0;
	margin: 0;
}
.single-projects .project-detail footer.entry-meta span {
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
}
.more-link {
	display: block;
	margin: 23px 0 0 0;
}
.wordpress {
	background: url(images/wordpress.png) no-repeat 0 0;
	display: block;
	width: 222px;
	height: 52px;
}
/* Headings */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
	clear: both;
	line-height: 23px;
	margin-bottom: 23px;
}
.entry-content h1,
.comment-content h1 {
	font-size: 1.5333333333333334em;
	line-height: 1em;
	margin-bottom: 1em;
}
.entry-content h2,
.comment-content h2 {
	font-size: 1.4em;
	line-height: 1.0952380952380953em;
	margin-bottom: 1.0952380952380953em;
}
.entry-content h3,
.comment-content h3 {
	font-size: 1.2666666666666666em;
	line-height: 1.2105263157894737em;
	margin-bottom: 1.2105263157894737em;
}
.entry-content h4,
.comment-content h4 {
	font-size: 1.1333333333333333em;
	line-height: 1.3529411764705883em;
	margin-bottom: 1.3529411764705883em;
}
.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	text-transform: uppercase;
}
.entry-content hr,
.comment-content hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 22px;
}
/* Text elements */
.entry-content p,
.comment-content p,
.widget p,
dd,
pre,
.entry-content object {
	margin-bottom: 23px;
}
.entry-content ul,
.entry-content ol,
.comment-content ul,
.comment-content ol {
	margin: 0 0 23px 18px;
}
.entry-content ul,
.comment-content ul {
	list-style: disc;
}
.entry-content ol,
.comment-content {
	list-style-type: decimal;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul,
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 23px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 23px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0 54px;
}
blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 13px Georgia, serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	font-style: italic;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 23px;
	overflow: auto;
	padding: 0.75em 1.6923em;
}
code,
kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym,
dfn {
	border-bottom: none;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 23px;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ccc;
	margin: 0 0 22px;
	width: 100%;
}
.entry-content th,
.comment-content th {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 23px;
	padding: 0 0 6px 0;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ccc;
	padding: 6px 10px 6px 0;
}
#content nav {
	display: block;
	overflow: hidden;
	margin: -22px 0 0 0;
	padding: 0 0 0 13.08411214%;
}
.single-projects #content nav {
	padding: 0 0 0 14.11042944%;
}
#content nav a {
	font-weight: bold;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 0 0 46px 0;
}
.page-link {
	clear: both;
	margin: 0 0 23px;
}
.page .edit-link {
	clear: both;
	display: block;
}
.more-link {
	font-weight: bold;
}
.page-title {
	padding: 0 0 0 13.08411214%;
	margin: 5px 0 41px 0;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}
/* Notices */
.post .notice,
.error404 #searchform {
	display: block;
}
/* Image Attachments */
.image-attachment #content nav {
	float: right;
	margin: -23px 0 18px 0;
	padding: 0;
}
.image-attachment .entry-content {
	clear: both;
	padding: 0;
}
.image-attachment .entry-attachment {
	margin: 0 0 46px 0;
}
.image-attachment footer.entry-meta {
	padding: 0 0 63px 13.08411214%;
}
/* Post Formats */
.format-aside .entry-title,
.format-image .entry-title,
.format-quote .entry-title {
	display: none;
}
/* Aside Posts */
.format-aside .entry-content {
	padding: 12px 0 25px 0;
}
/* Quote Posts */
.format-quote .entry-content {
	padding: 22px 0 16px 0;
}
.format-quote .entry-content blockquote {
	margin: 0;
	font-family: 'ClarendonBT-Light';
	font-size: 37px;
	line-height: 46px;
}
/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
.project-detail .entry-content p img {
	margin: 0;
	max-width: 100%;
}
p img.size-auto,
p img.size-full,
p img.size-large,
p img.size-medium,
.wp-caption img,
.attachment img,
.widget-area img,
.project-image {
	height: auto;
	max-width: 100%;
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	max-width: 100%;
	margin: 0;
}
.wp-caption .wp-caption-text {
	font-size: 13px;
	line-height: 23px;
	font-style: italic;
	font-family: Georgia, serif;
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	content: '\2014';
	font-size: 13px;
	font-style: bold;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0;
}
.gallery-item img {
	border-color: #fff !important;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.gallery-caption {
	font-size: 13px;
	line-height: 20px;
	font-style: italic;
	font-family: Georgia, serif;
}
.gallery dd {
	margin-bottom: 0;
}
.wp-smiley {
	margin: 0;
}
.project-image {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #999 0px 1px 5px;
	-moz-box-shadow: #999 0px 1px 5px;
	box-shadow: #999 0px 1px 5px;
}


/* =Forms
-------------------------------------------------------------- */

/* Forms */
input[type=text],
input[type=password],
textarea {
	background-color: #dedede;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-box-shadow: inset -1px -1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset -1px -1px 5px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1);
	font-size: 13px;
	padding: 4px 10px;
	margin: 0 0 10px 0;
}
textarea {
	width: 98%;
}
input[type=text] {
	width: 60%;
	height: 23px;
}
input#searchsubmit {
	display: none;
}
#searchform label {
	display: none;
}
#searchform input#s {
	background: #dedede url(images/search.png) no-repeat 7px 6px;
	font-size: 13px;
	height: 23px;
	margin: -9px 0 0;
	padding: 4px 10px 4px 28px;
	width: 80%;
}
input[type=submit] {
	font-size: 13px;
	font-weight: bold;
	height: 32px;
	padding: 0 32px;
	border: none;
	cursor: pointer;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: #999 0px 1px 3px;
	-moz-box-shadow: #999 0px 1px 3px;
	box-shadow: #999 0px 1px 3px;
	background: #454545;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#575757), to(#454545));
	background: -moz-linear-gradient(#575757, #454545);
	background: linear-gradient(#575757, #454545);
	color: #fff;
	text-shadow: -1px -1px 0px #000;
	margin: 0;
}
input[type=submit]:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#444444), to(#3e3e3e));
	background: -moz-linear-gradient(#444444, #3e3e3e);
	background: linear-gradient(#444444, #3e3e3e);
}
input[type=submit]:active {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#454545), to(#575757));
	background: -moz-linear-gradient(#454545, #575757);
	background: linear-gradient(#454545, #575757);
}
.entry-content .gform_body ul {
	list-style: none;
	margin: 0;
}
.entry-content .gform_body label {
	font-size: 13px;
	font-weight: bold;
	line-height: 23px;
	text-transform: uppercase;
}
/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

#comments {
	clear: both;
	font-size: 14px;
	line-height: 23px;
	margin: 47px 0 0 0;
	padding: 0 0 46px 13.08411214%;
}
.full-width #comments,
.image-attachment #comments, {
	padding: 0 30px 44px 13.08411214%;
}
.single-projects #comments {
	padding: 0 0 46px 14.11042944%;
}
.commentlist {
	margin: 0;
}
#comments #comments-title {
	font-family: 'ClarendonBT-Light';
	font-size: 23px;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
	margin: 0 0 46px 0;
}
.commentlist li.comment,
.commentlist li.trackback,
.commentlist li.pingback {
	list-style-type: none;
	margin: 0 0 45px 0;
}
.comment,
.trackback,
.pingback {
	position: relative;
}
.comment .comment-author cite,
.trackback .comment-author cite,
.pingback .comment-author cite {
	font-style: normal;
	font-weight: bold;
}
.comment .comment-meta,
.trackback .comment-meta,
.pingback .comment-meta {
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 1px;
}
.comment .comment-meta a,
.trackback .comment-meta a,
.pingback .comment-meta a {
	color: #777;
}
.comment p,
.trackback p,
.pingback p {
	margin-bottom: 23px;
}
.avatar-wrapper {
	position: absolute;
	left: -15.05376344%;
	border: none;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 4px;
	width: auto;
	height: 54px;
	display: inline-block;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.comment img.avatar {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.comment-author {
	width: 60%;
}
#comments .bypostauthor > .comment-content {
	background: #feffe0;
	border-radius: 3px;
	color: #000;
	padding: 22px;
	position: relative;
}
#comments .bypostauthor > .comment-content .comment-meta {
	right: 22px;
	top: 22px;
}
.comment .reply a,
.trackback .reply a,
.pingback .reply a {
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #555;
	font-size: 11px;
	padding: 3px 8px;
}
.comment .reply a:hover,
.trackback .reply a:hover,
.pingback .reply a:hover {
	background: #ddd;
	border-color: #ccc;
	text-decoration: none;
}
.commentlist .children {
	margin: 46px 0 0 30px;
}
#respond {
	padding: 21px 0 0 0;
}
#respond #reply-title {
	font-family: 'ClarendonBT-Light';
	font-size: 23px;
	margin: 0 0 23px 0;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
}
.nopassword,
.nocomments,
#respond .comment-notes,
.logged-in-as {
	font-size: 13px;
	margin: 0 0 23px 0;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	width: 80%;
}
#respond label {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}
#respond .form-allowed-tags {
	display: none;
}
.required {
	color: #cc0033;
}
ol .comment-content ul,
ol .comment-content ol {
	margin: 0 0 23px 1.3em;
}
ol .comment-content ul ul,
ol .comment-content ol ol,
ol .comment-content ul ol,
ol .comment-content ol ul {
	margin-bottom: 0;
}
#content #comment-nav-below {
	margin: 0;
	padding: 0;
}
.form-submit {
	margin: 0 0 23px 0;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
	font-size: 14px;
	line-height: 23px;
	font-weight: 300;
	margin: 0 0 69px 0;
}
.widget-title {
	font-family: 'ClarendonBT-Light';
	font-size: 19px;
	font-weight: normal;
	line-height: 23px;
	margin: 0 0 22px 0;
}
.widget .widget-title a {
	color: #454545;
	font-weight: normal;
	text-decoration: none;
}
.widget a {
	font-weight: bold;
}
.textwidget img {
	margin: 0 auto 18px;
}
.widget_search {
	margin: 0 0 70px 0;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}
.widget_gravatar .avatar {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.widget_gravatar p:first-child {
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 5px;
	width: 128px;
	height: 128px;
	display: inline-block;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	margin: 0 0 29px 0;
}
.widget_twitter li {
	list-style: disc;
	margin: 0 0 23px 0;
}
.jetpack_subscription_widget input[type="text"] {
	margin: 0;
	padding: 4px 7px !important;
	width: 90% !important;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
	background: url(images/divider.gif) repeat-x 0 0;
}
#colophon #site-generator {
	font-size: 13px;
	padding: 23px 0 69px 8.55614973%;
	margin: 69px 0 0 0;
	color: #7e7e7e;
}
#colophon #site-generator a {
	color: #7e7e7e;
}


/* =Jetpack
-------------------------------------------------------------- */

.entry-content .sharing {
	font-size: 13px;
	padding: 15px 0 15px 0;
	margin: 30px 0 4px 0;
}
.entry-content .sharing a {
	font-weight: bold;
}
.entry-content .sharing li {
	padding: 0 !important;
}
.entry-content .sharing_label {
	color: #7e7e7e;
	font-weight: normal;
	margin: 1px 0 0 0;
	line-height: 26px;
}
.entry-content .sharing div.twitter_button {
	padding: 2px 0;
}
img#wpstats {
	background: #999999;
	border-radius: 50%;
	display: block;
	margin: 0 auto 1.615em;
	padding: 3px;
}


/* =Responsive Structure
-------------------------------------------------------------- */

@media screen and (max-width: 768px) {
	#page {
		padding: 0 1.30208333%;
	}
	#primary {
		float: none;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
	}
	.entry-header {
		padding: 0 8.55614973%;
	}
	.entry-content {
		padding: 0 8.55614973% 24px 8.55614973%;
	}
	.single-projects .entry-header,
	.post-type-archive-projects .entry-header,
	.type-page .entry-header,
	.tax-projecttype .entry-header {
		padding: 5px 8.55614973% 0 8.55614973%;
	}
	.entry-screenshot {
		margin: 0 8.55614973% 19px 8.55614973%;
	}
	.single-projects .project-detail {
		float: none;
		margin: 0 auto;
		width: 82.88770054%;
	}
	.single-projects .entry-screenshot {
		float: none;
		margin: 0 auto;
		width: 82.88770054%;
	}
	.project-image-small-left,
	.project-image-small-right {
		float: none;
		margin: 0 auto;
		width: 82.88770054%;
	}
	.project-image-small-left {
		margin: 0 auto 19px;
	}
	footer.entry-meta {
		padding: 0 8.55614973% 63px 0;
	}
	footer.entry-meta span {
		margin: 0 0 0 5.88235294%;
		padding: 0 0 0 21px;
	}
	.wp-caption {
		margin: 0
	}
	#content nav {
		padding: 5px 8.55614973% 0 8.55614973%;
	}
	#comments {
		padding: 0 8.55614973% 46px 8.55614973%;
	}
	#main .widget-area {
		background: url(images/divider.gif) repeat-x 0 0;
		float: none;
		margin: 46px 0 0 0;
		padding: 23px 8.55614973% 25px 8.55614973%;
		width: 82.88770054%;
	}
	#colophon #site-generator {
		margin: 0;
	}
}

@media screen and (max-width: 650px) {

}
@media screen and (max-width: 450px) {

}
@media screen and (min-device-width: 321px) {

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	html {
		-webkit-text-size-adjust: none;
	}
	body, input, textarea {
		font-size: 13px;
		line-height: 18px;
	}
	#page {
		padding: 0 3.125%;
	}
	#branding {
	    margin: 0 0 29px;
	}
	#branding hgroup {
		margin: 0;
	}
	#social-links {
		margin: 34px auto 36px;
	}
	#site-title {
		margin: 0 0 4px 0;
	}
	#site-description {
		font-size: 13px;
		line-height: 1.3846153846em;
	}
	#access {
		margin: 34px 0 0 0;
	}
	.entry-header {
		padding: 0;
	}
	.entry-header .entry-meta {
		padding: 0 0 8px 0;
	}
	.entry-title {
		font-size: 32px;
		line-height: 1.125em;
		margin: 0 0 13px 0;
	}
	.entry-content {
		padding: 0 0 18px 0;
	}
	.entry-content p, .comment-content p, .widget p, dd, pre {
		margin-bottom: 18px;
	}
	footer.entry-meta {
		padding: 0 0 33px 0;
		margin: 0 0 34px 0;
	}
	footer.entry-meta span {
		font-size: 12px;
		line-height: 18px;
		margin: 0;
		padding: 0;
		width: 50%;
	}
	footer.entry-meta span.tag-links,
	footer.entry-meta span.byline,
	footer.entry-meta span.edit-link {
		margin: 0;
	}
	#content nav {
		padding: 5px 0 0 0;
	}
	#main .widget-area {
		padding: 23px 0 25px 0;
		width: 100%;
	}
	.widget {
		line-height: 18px;
		margin: 0 0 50px 0;
	}
	.widget-title {
		margin: 0 0 17px 0;
	}
	#colophon #site-generator {
		padding: 23px 0 69px;
	}

}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	#social-links {
		float: none;
	}
	#branding hgroup {
		margin: 0;
		width: 100%;
	}	
	#site-title {
		float: none;
		text-align: center;
	}
	#site-description {
		text-align: center;
	}
	#access li {
		display: block;
		text-align: center;
	}
	#access li:before {
		content: "";
	}	
}


/* =IE8
-------------------------------------------------------------- */

#ie8 p img.size-auto,
#ie8 p img.size-full,
#ie8 p img.size-large,
#ie8 p img.size-medium,
#ie8 .wp-caption img,
#ie8 .attachment img,
#ie8 .widget-area img,
#ie8 .project-image {
	height: auto;
	max-width: 100%;
	width: auto;
}