/*
Theme Name: Tmd
Theme URI: http://triggermandesign.com/
Description: A custom WordPress theme created for Mark Yiu.
Version: 0.1
Author: tony kwon
Author URI: http://tonykwon.com/
Tags: blueprint, elastic, auto resizing, grid

The Design is Copyright (c) mark yiu mark@triggermandesign.com
The CSS, XHTML and JS, PHP Codes are Copright (c) tony kwon tonykwon78@gmail.com
and they are distributed under a 3-clause BSD license:

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions
are met:

1. Redistributions of source code must retain the above copyright
   notice, this list of conditions and the following disclaimer.
2. Redistributions in binary form must reproduce the above copyright
   notice, this list of conditions and the following disclaimer in the
   documentation and/or other materials provided with the distribution.
3. The name of the author may not be used to endorse or promote products
   derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE AUTHOR *AS IS* AND ANY EXPRESS OR
IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT, INDIRECT,
INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT
NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

*/

/*
 * css is unoptimized for continuous editing
 */

@font-face {
	font-family: 'DroidSerifRegular'; src: url('fonts/DroidSerif-Regular.eot');
	src: local('Droid Serif Regular'), local('DroidSerif'), url('fonts/DroidSerif-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'DroidSerifItalic'; src: url('fonts/DroidSerif-Italic.eot');
	src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url('fonts/DroidSerif-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'DroidSerifBold'; src: url('fonts/DroidSerif-Bold.eot');
	src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url('fonts/DroidSerif-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'DroidSerifBoldItalic'; src: url('fonts/DroidSerif-BoldItalic.eot');
	src: local('Droid Serif Bold Italic'), local('DroidSerif-BoldItalic'), url('fonts/DroidSerif-BoldItalic.ttf') format('truetype');
}

body {
	font-size:100%;
	color:#e1e1e1;
	background:transparent url("images/background-web.jpg") top left repeat;
}

#page {
	background:transparent; visibility:hidden; opacity:0;
}

h1 {
	font-size:2.625em; /* 42 */
	font-family: "DroidSerifRegular", Georgia, Serif;
	margin-top:.5em;
	
}

h2 {
	font-size:1.5em; /* 24 */
	font-family: "DroidSerifRegular", Georgia, Sans-Serif;
}

h3 {
	font-size:1em;
	font-family: "DroidSerifRegular", Georgia, Sans-Serif;
}

h1, h2, h3, h4, h5, h6 {
	color:#FFF;
	font-weight:lighter;
}

a {
	color:#FFF; text-decoration:none;

	
}
a:hover {
	color:#FFF200;
}
.post a {
	border-bottom:1px;
	text-decoration:underline;
	color:#FFF200;
}
.post a:hover {
	border-bottom:1px;
	text-decoration:none;
	color:#888888;
}

#iii {
	border:none;
}

.at {
	font-size:1em;
	font-family: "DroidSerifRegular", Georgia, Serif;
	color:#FFF;
	font-weight:lighter;
}

p {
	font-size:0.8125em; /* 13 */
	font-size:0.875em; /* 14 */
}

.fl { float:left; }
.fr { float:right;}

#header {
	height:3.75em; /* 60 */
	padding:2.5em 0 0 0; /* 40 */
	margin-bottom: 2.5em;
}
.tmtextlogo {
	width:10em; /* 160 */
	height:1.25em; /* 20 */
}
.header_rule {
	margin:0.313em 0 0 0; /* 5 */
	margin:0.0625em 0 0 0; /* 1 */	
	height:0.0625em; line-height:0.0625em; /* 1 */
	border-top:0.063em solid #333;
	background:#111;
	border-bottom:0.063em solid #1f1f1f; /* 1 */
}
.horiz-nav {
	list-style-position:outside;
	list-style-type:none;
	margin:0; padding:0;
	text-align:right;
}
.horiz-nav li {
	display:inline;
}
.horiz-nav a {
	display:block;
	font-size:0.875em; /* 14 */
	width:5em; /* 70 */
	height:3em;
	/* line-height:3em; */
	float:left; text-align:center;
	margin:0 0 0 0.71428em; /* 10@14 */
	font-family: "DroidSerifRegular", Georgia, Sans-Serif;
		
}
.horiz-nav .current_page_item a,
.horiz-nav .current_page_ancestor a,
.horiz-nav .current_page_parent a {
	/* background:transparent url('images/nav-on.png') bottom left repeat-x; */
	color:#FFF200;
}

.content {
	min-height:25em; height:auto !important; height:25em; /* 400 */
}

#iii, #iii img {
	display:block;
	width:59.375em; /* 950 */
	height:38.75em; /* 620 */
}

.breadcrumbs {
	font-size:0.8125em; /* 13 */
}

#footer {
	height:5em; /* 80 */
	margin-top:1.5em;
}
#footer a {
        display:inline;
}
.tmlogo {
	margin-left:-2.5em; /* 1-cell + margin = 40 */
	margin:0;
}
.birdie {
	margin:0 -4.375em 0 0; /* -70 */
}
.linked_in {
	margin:0 -2.5em 0 0; /* -40 */
}

.tmlogo, .birdie, .linked_in {
	width:1.875em; /* 30 */ height:5em; /* 80 */
}

.footer_rule {
	margin-top:1.875em; /* 30 */
	height:5%;
	line-height:0.4375em; /* 7 */
        border-top:1px solid #575757;
	background:#111;
	border-bottom:1px solid #1f1f1f; /* 1 */
	color:transparent;
}
.footer_copy {
	color:#fff; line-height:2em;
	
	
}
.footer_copy span {
	font-size:0.825em; /* 10 */
}

.g {
	color:#959595;
}
.w {
	color:#fff;
}
.fl, .alignleft {
	float:left;
}
.fr, .alignright {
	float:right;
}

.y {
	color:#FFF200; font-weight:bold;
}



#contact_form {
	font-size:0.8125em; /* 13 */
}

#contact_form label {
	display:none;
}
#contact_form div {
	font-size:1em;
}

.message {
	width:97%;
	padding:1% 2%;
}
#contact_form .message p {
	margin:0;
}

.error-message {
	background: #FBE3E4;
	color: #D12F19;
	border-color: #FBC2C4;
}
.success-message {
	background:#EEF4D4;
	color:#728738;
	border-color:#A4BA5D;
}

.status {
	margin:0 0 1em 0;
}

.input, .error-message {
	margin:0 0 .5em 0;
}
.input input {
	margin:0; padding:0;
	height:2.1524em; /* 28@13 */ line-height:2.1524em;
	height:1.9231em; /* 25@13 */ line-height:1.9231em;
}
.input textarea {
	margin:0; padding:0;
}

.input input, .textarea textarea {
	background:transparent url('images/form_bg.png') top left no-repeat;
	border:0.063em solid #675f5f;
	padding:0.25em .5em 0 .5em;
	font-size:1em;
	display:block; width:98%;
	font-family:Arial, Verdana, Sans-Serif;
	color:#efefef;
}

.textarea textarea {
	padding-top:.5em;
	height:7.6923em; /* 100@13 */
}

.submit {
	margin:1em 0 0 0;
}

.submit input {
	font-size:1em;
	background:transparent url('images/submit.png') repeat-x;
	border:none; height:2.3977em; /* 30 */ line-height:2.3977em;
	text-transform:uppercase;
	color:#FFF; cursor:pointer;
	font-family: "Helvetica Neue Condensed", Arial, Verdana, Sans-Serif;
	border:0.063em solid #675F5F;
	text-align:center;
}
.submit input:hover {
	color:#FFF200;
	background:transparent url('images/submit_hover.png') repeat-x;
}


/* Template page-about.php */
.heading_keywords {
	font-size:inherit;

	
}
.page_title {
	font-size:0.262em; /* 11@42 */	
	visibility:hidden; /* hide this initially */
	display:block; text-align:right; text-transform:uppercase;
	font-family: Arial, Verdana, Sans-Serif;
	text-shadow:none;
	color:#959595;
	margin-top:0.454545em; /* 5@11 */
	margin-bottom:3.363636em; /* 40@11 */
	position:relative;
}
.page-template-page-about-php h3 {
	font-family: "DroidSerifRegular", Georgia, Sans-Serif;
	color: #FFF200; text-transform:uppercase;
	font-size:1em;
}
.page-template-page-about-php .post p,
.page-template-page-about-php .post ul,
.page-template-page-about-php .post ol {
	font-size:0.85em; /* 14 */
}
.page-template-page-about-php ol {
	list-style-type: upper-roman;
	list-style-position:outside;
	padding:0;
}
.page-template-page-about-php .post li {
	margin:0 0 1.5em 0;
}
.page-template-page-about-php li strong {
	color:#FFF;
	font-weight:normal;
	font-family: "DroidSerifRegular", Georgia, Sans-Serif;
	text-transform:uppercase;
}

.page-template-page-about-php .alignleft {
	margin:0 2em 0 0;
}

#is {
	font-size:1.25em; /* 30 */
	font-family: "DroidSerifRegular", Georgia, Sans-Serif;
	line-height:1.06666em; /* 32@30 */
	margin:0 0 2em 0;
	letter-spacing:0.00333em; /* 1 */
}
#is p {
	margin:0;
	line-height:1.625em; /* 26 */
}

#left_column {}
#right_column {}

#left_column, #right_column {
	min-height:25em; height:auto !important; height:25em;
}
/* Template page-about.php */

.for_authorized_users {
	margin: 1.5em 0;
	padding:1.5em;
	font-size:0.8125em;
}
.for_authorized_users p,
.for_authorized_users ul,
.for_authorized_users ol {
	margin:0; padding:0 0 0 1.5em;
}
.for_authorized_users a {
	color:#FFF200;
	border-bottom:0.07143em solid #FFF200; /* 1@14 */
}
.for_authorized_users a:hover {
	color:red;
	border-bottom:0.07143em solid red;
}

/* Blog */

.blog #main {
	border-right:0.0625em solid #222;
}

#main {
	padding-right:2.5em; /* 1.875em; /* 30 */
}
#sidebar {
	padding-top:1.25em; /* 20 */
	padding-left:2.5em; /* 1.875em; /* 30 */
}

.hentry {
	background:transparent url('images/tb.png') repeat;
	margin:0 0 1.25em 0; /* 40 */
	padding:1.25em 2.5em; /* 20 40 */
}

.hentry h2 {
	margin:0;
}
.hentry h2 a, .hentry small a {
	color:#FFF; border:none;
	text-decoration:none;
}
.hentry h2 a:hover {
	border:none;
}
.hentry small {
	line-height:2em;
	color:#b7b7b7;
}
.hentry small a {
	color:#b7b7b7;
}

.hentry .entry {
	margin:1.25em 0;
}
.entry p {
}

.commentlist {
	margin-right:0;
	padding:0 0 0 1.5em;
}
.commentlist a,
.comment-body em {
	font-size:0.875em; /* 14 */
}
.commentlist li {
	border-bottom:1px solid #000;
	margin-bottom:1.5em;
}
.avatar {
	float:right;
}

/* Sidebar */
#twitter, #recent_posts {
	margin:0 0 2.5em 0; /* 40 */
	padding:0 0 2.5em 0;/* 40 */
	border-bottom:0.125em solid #222; /* 2 */
}
#twitter h3, #recent_posts h3, #sidebar h3 {
	color:#FFF200; text-transform:uppercase;
}
#twitter h3 a {
	text-transform:none;
}
#twitter ul {
	margin:0; padding:0; list-style-type:none;
	font-size:0.85em;
}
#twitter li span {
	font-size:0.9231em; color:#7a7a7a;
	line-height:1.6923em; /* 22@13 */
}

#recent_posts ul, .archives_monthly {
	margin:0; padding:0;
	list-style-position:outside;
}

#recent_posts li {
	font-size:.75em; /* 12 */
}

/* Template page-template-page-home.php */
.page-template-page-home-php h1,
.page-template-page-home-php h2 {
	text-indent:-1000em;
	height:5px;
	margin:0; 
}
#featured {
	xmargin:1.875em 0; /* 30 */
	text-align:left;
}

#featured a {
	border:none;
	display:block; width:100%;
}
#featured .span-6 {
	margin:0 0.75em 0 0; /* 12 */
	width:15em; /* 240 */
}
#featured .last_item {
	margin:0;
}
.featured_title {
	width:11.375em; height: 8.125em; /* 182x130 */
}
.featured_link {
	width:15em; height: 8.125em; /*240x130 */
}

.category #main,
.portfolio #main {
	border:none; padding:0;
}

.wp-pagenavi span,
.wp-pagenavi a {
	background-color: #efefef; border: 0.07692em solid #959595;
	color:#000;
	margin:0 .5em 0 0;
	padding:.175em .5em;
	font-size:0.8125em; /* 13 */
}
.wp-pagenavi .current {
	background:#000; color:#fff;
}

/* single */

body #commentform textarea {
	float:none;
}

#respond {
	margin-left:1.5em;
}

.single #main,
.error404 #main {
	min-height:50em; height:auto !important; height:50em;
}
.single .hentry {
	background:none;
	padding:0;
}
.single #commentform label {
	display:none;
}
#commentform input[type="text"],
#commentform input[type="password"],
#commentform textarea {
	display:block;
	width:95%;
	float:left;
	background:transparent url('images/form_bg.png') no-repeat scroll left top;
	font-size:1em;
	padding:.375em;
	
	border:0.0625em solid #675F5F;
	border:1px solid #675F5F;
	
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	
}
#commentform textarea {
	height:9.375em; /*150*/
}

#leave_a_comment {
	border-bottom: 0.125em solid #222222; /* 2 */
	margin:0 0 2.5em;
}



/*
 * Portfolio
 */
.category-portfolio #main {
	padding:0; border:none;
}

h1 .navigation {
	float:right;
}
h1 .navigation a {
	color:#FFF200;
}

h1 .navigation a:hover {
	color:#888888;
}

.portfolio_thumb {
	width:16.875em; /* 270 */
	height:16.875em;
	float:left;
	
}
.portfolio_thumb img {
	width:16.875em; /* 270 */
	height:10.75em; /* 172 */
}

.portfolio_thumb a {
	display:block; 
	color:#FFFFFF;
	
}

.portfolio_thumb a:hover {
	display:block; 
	color:#FFF200;
	text-decoration:underline;
	
}

.c1, .c2 {
	margin:0 4.375em 0 0; /* 70 */
	margin:0 4.0625em 0 0; /* 65 */
}
.c3 {
	margin:0;
}
.no-thumbnail {
	display:block; width:16.875em; /* 270 */ height:10.75em; /* 172 */
	background:transparent url('images/tb.png') top left repeat;
	text-align:center; line-height:10.75em;
}
.portfolio_thumb {
	margin-bottom:0em;
}
.portfolio_thumb .portfolio_name {
	font-size:0.95em; /* 12 */
	margin:1em 0 0 0;
	

}
.portfolio_thumb .portfolio_category {
	font-size:0.625em; /* 10 */ color: #777777;
	text-transform:uppercase;
}
.portfolio_thumb span {
	display:block; width:100%;
	
}

.portfolio_detail {
	padding:0;
	border:none;
}
.portfolio_detail ul {
	margin:0; padding:0;
	list-style-position:outside; list-style-type:none;
}
.portfolio_detail strong {
	color:#FFF;
	font-family: "DroidSerifRegular", Georgia, Serif;

}
.portfolio_detail li {
	margin:0 0 2em 0;
	font-size: 0.85em;
	
}
.portfolio_detail a.alignleft {
	text-decoration:none;
	background:url("/images/submit.png") repeat-x scroll 0 0 transparent;
	color:#FFFFFF;
	height:1.875em;
	line-height:1.875em; /* 30 */
	text-align:center;
	border:0.063em solid #675F5F;
	padding:0 .5em;
}
.post .portfolio_detail a.alignLeft:hover {
	background:url("/images/submit_hover.png") repeat-x scroll 0 0 transparent;
}
#portfolio-client a {
	color:#FFFFFF;
	text-decoration:none;
	
}	
#portfolio-client a:hover {
	color:#FFF200;
	text-decoration:underline; 
}


/* Slider ... */
.scrollable {
	/* required settings */
	position:relative; overflow:hidden;
	/* width: 950px; height:620px; */
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em; position:absolute; clear:both;
}
/* single scrollable item */
.scrollable a, .scrollable img {
	float:left; margin:0; background-color:#fff; cursor:pointer;
	/* width:950px; height:620px; */
}
/* active item */
.scrollable .active {
	z-index:9999; position:relative;
}
#control {
	margin:0 0 3em 0; line-height:1.5em;
}
#control span {
	margin:0 0 0 1em;
}
body #control a {
	font-size:0.8125em; border:none; text-decoration:none; cursor:pointer;
	font-family:fixed; color:#7a7a7a;
}
#control .prev, #control .next, #control .atnpp {
	font-weight:bold; float:right; margin:0;
	width:1.8461em;
	height:1.8461em;
	line-height:1.8461em; /* 24@13 */
	text-align:center;
}

.rotate {
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	border:1px solid red;
	display:block;
	width:1.8461em;
	height:1.3846em; /* 18@13 */
	line-height:1.8461em;
}

/* Contact Form */

.wpcf7 {
}

.wpcf7 p {
	margin:0 0 .5em 0;
	padding:.5em 0 0 0;
	/* border-bottom:1px dotted #444; */
}
.wpcf7 p label {
	width: 23%;
	margin:0 2% 0 0;
	padding-top:0.1538em;
	float:left;
	line-height:2em;
	/* border-top:1px dotted #444; */
}
.wpcf7 p label span {
	font-weight:normal; color:#555;
	float:right;
}
.wpcf7 p .wpcf7-form-control-wrap {
	display:block;
}

.wpcf7 input[type="text"], .wpcf7 textarea {
	background:url("images/form_bg.png") no-repeat scroll left top transparent;
	border:0.063em solid #675F5F;
	color:#EFEFEF;
	display:block;
	font-family:Arial,Verdana,Sans-Serif;
	font-size:1em;
	padding:0.25em 0.5em 0;
	width:65%;
}
.wpcf7 input[type="text"] {
	height:1.9231em;
	line-height:1.9231em;
	margin:0;
	padding-left:.5em;
}
.wpcf7 textarea {
	margin:0;
}

.wpcf7 .btn label {
	visibility:hidden;
}
.wpcf7 .btn {
	border:none;
}

.wpcf7 .btn input {
	
	background:url("images/submit.png") repeat-x scroll 0 0 transparent;
	border:0.063em solid #675F5F;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1em;
	height:2.3977em;
	line-height:2.3977em;
	text-align:center;
	text-transform:uppercase;
}

.wpcf7 .btn input:hover {
	background:url("images/submit_hover.png") repeat-x scroll 0 0 transparent;
	color:#FFF200;
}

.wpcf7 .wpcf7-not-valid-tip {
	position:static;
	left:auto; top:auto;
	z-index:auto;
	font-size:inherit;
	margin:.5em 0 .5em 25%;
	display:block;
	
	background:none repeat scroll 0 0 #FBE3E4;
	border-color:#FBC2C4;
	color:#D12F19;
	padding:0 .5em;

	width:65%;
}

.wpcf7 .wpcf7-response-output {
	font-size:.8125em;
}