/* 
Theme Name: J3-Studio
Theme URI: http://www.j3studio.net
Description: A J3-Studio Web portfolio theme.
Version: 0.1
Author: <a href="http://www.iteamconsultants.com">Scott Garber</a> &amp; <a href="http://www.djarot.com">Jarot Syahputro</a>
Author URL: http://www.j3studio.net
*/
/************
  RESET
************/
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, img, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

#availability a, #navlist li a, #navlist li a:hover, .content a:hover, 
#content .navigation a, #content .navigation a:hover, .content .wp-pagenavi a, .content .wp-pagenavi a:hover, #footer a { text-decoration: none;}
:focus { outline: 0; } /* remember to define focus styles! */
body {
  line-height: 1;
  background: white;
}
ol, ul { list-style: none; }
table { /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/************
  SCREEN
************/
body {
  font: 62.5% "Arial", Verdana, sans-serif;
  text-align: center;
  color: #46545d;
	background: #263339 url("images/blue/bg.png") 0 0 repeat-x;
}

#wrapper, #footer-inner {
	position: relative;
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

/* @group header */

/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header {
	float: left;
	width: 100%;
  background:url(images/blue/hdr.png) center 0 no-repeat;
}
#header h1, #header h1 a {
  float:left;
  width:403px;
  height:107px;
}
#header h1 a, #header h2 {text-indent:-9000px; overflow:hidden;}
#header h2 {float:right; width:405px; height:77px;}

#search {
  float: right;
  display: inline;
  margin: 0 10px 0 0;
}
#search #s {
  float: left;
  display: inline;
  width: 248px;
  padding: 0 10px 3px 10px;
  font-size: 18px;
  font-weight:bold;
  border:0;
}
#search-button {
  float: left;
  display: inline;
  cursor: pointer;
}
#search #s { color: #c9f0ff; background: transparent; }
#search #search-submit { width:30px; height:25px;  border:0; }


/* @group nav */

/* NAV
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#nav {
	clear: both;
	float: left;
	width: 100%;
	height: 94px;
	overflow: hidden;
 	background: url("images/blue/nav-bg.png") no-repeat 0 0;
}

#navlist {
	float: left;
	display: inline;
	width: 825px;
	margin: 15px 0 0 10px;
}

#navlist li {
	display: inline;
}

#navlist li a {
	float: left;
	display: block;
	padding: 40px 20px 25px;
	font: bold 1.8em Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
 	color: #78868f;
	background: url("images/blue/nav-li-bg.png") 100% 0 no-repeat;
}

#navlist li a:hover {
 	color: #46545d;
	background: url("images/blue/nav-li-bg.png") 100% -80px no-repeat;
}

#navlist li.current_page_item a, #navlist li.current_page_item a:hover {
	cursor: default;
 	background: url("images/blue/nav-li-bg.png") 100% -160px no-repeat;
	color: #eff8ff;
}


/* @end */

#subscribe-links {
	float: right;
	display: inline;
	width: 125px;
	height: 67px;
	margin: 26px 10px 0 0;
}
#subscribe-links li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subscribe-links a {
	position: relative;
	float: left;
	width: 51px;
	height: 0;
	margin: 0;
	padding: 60px 0 0 0;
	overflow: hidden;
}
#subscribe-feed a:hover {	background: url("images/blue/subscribe.gif") 0 4px no-repeat; }
#subscribe-email a:hover { background: url("images/blue/subscribe.gif") -51px 4px no-repeat; }



/* @end */

/* @group features */

/* FEATURES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#features {
	position: relative;
	clear: both;
	width: 980px;
	height: 272px;
	overflow: hidden;
}

#features-nav {
	position: absolute;
	top: 12px;
	left: 10px;
}

#features-nav .features-nav-item {
	position: relative;
	display: block;
	width: 280px;
	height: 64px;
	padding: 10px 20px;
	cursor: pointer;
}

#features-nav .features-nav-item#features-nav3 {
	height: 62px;
}

#features-nav .features-nav-item.current {
	display: block;
	width: 280px;
	height: 64px;
	padding: 10px 70px 10px 20px;
	cursor: default;
}

.features-nav-tnail {
	float: left;
	width: 58px;
	height: 58px;
	padding: 2px;
	margin: 0 15px 0 0;
	overflow: hidden;
}

.features-nav-tnail img {
	width: 58px;
	height: 58px;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
}

#features-nav .features-nav-item.current .features-nav-tnail img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#features-nav .features-nav-item h3 {
	margin: 2px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

#features-nav .features-nav-item p {
	font-size: 1.1em;
	line-height: 1.4em;
}

#features-nav .features-nav-item span {
	display: none;
}

#features .features-effects {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url("images/features-effects.png") no-repeat 0 0;
}

#features {
	background: url("images/blue/features-bg.png") no-repeat 0 0;
}

#features-nav .features-nav-item {
	background: url("images/blue/features-nav-bg.jpg") repeat-x 0 0;
}

#features-nav .features-nav-item.current {
	background: url("images/blue/features-nav-current.png") no-repeat 0 0 !important;
	background: url("images/blue/features-nav-current.gif") no-repeat 0 0;
}

.features-nav-tnail {
	background: url("images/blue/features-nav-tnail.jpg") no-repeat 0 0;
}

#features-nav .features-nav-item h3 {
	color: #8c9398;
}

#features-nav .features-nav-item p {
	color: #96a1a9;
}

#features-nav .features-nav-item.current h3 {
	color: #0291cc;
}

#features-nav .features-nav-item.current p {
	color: #46545d;
}





/* @end */

/* @group points */

/* POINTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#points, #points-inner {
	float: left;
	width: 100%;
}

.point {
	float: left;
	display: inline;
	width: 285px;
	margin-left: 25px;
	padding: 20px 0;
}

.point h3 {
	margin-bottom: 1px;
	font: bold 20px Georgia, "Times New Roman", Times, serif;
  color:#01befc;
}

.point p {
	font-size: 1.2em;
	line-height: 1.4em;
}

#point-start {
	margin-left: 30px;
}

#point-end {
	width: 300px;
}
#points {
	background: url("images/blue/points-bg.jpg") repeat-y 0 0;
}

#points-inner {
	background: url("images/blue/points-inner-bg.png") no-repeat 0 0;
}

.point p {
	color: #d8e6ef;
}

#points a:link, #points a:visited, #points a:active {
	color: #9ba9b2;
}

#points a:hover {
	color: #f1f6f9;
}



/* @end */

/* @group mid */

/* MID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#mid, #mid-inner {
	float: left;
	width: 100%;
}
#mid { background: url("images/blue/mid-bg.png") repeat-y 0 0; }
#mid-inner { background: url("images/blue/mid-inner-bg.png") no-repeat 0 0; }


/* @end */

/* @group content */

/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#content {
	float: left;
	display: inline;
	width: 595px;
	margin: 20px 0 10px 30px;
}

#portfolio-archive {
	float: left;
	display: inline;
	width: 940px;
	margin: 20px 0 10px 0;
}

#content-left, #content-right {
	width: 285px;
}

#content-left {
	float: left;
	display: inline;
}

#content-right {
	float: right;
	display: inline;
}

.content a:link, .content a:visited, .content a:active {
	text-decoration: underline;
}


.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

.content h2, .content h3, .content h4, .content h5, .content h6 {
	padding-bottom: 5px;
}

.content h3, .content h4, .content h5, .content h6 {	
	margin: 2em 0 1em;
}

.content h1 {
	margin-bottom: 5px;
	font-size: 3em;
}

#archive-title h1 {
	margin-bottom: 15px;
	font-size: 2.4em;
}

.content h2 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 1.8em;
}

.content h3 {
	font-size: 1.6em;
}

.content h4 {
	font-size: 1.5em;
}

.content h5 {
	font-size: 1.4em;
}

.content h6 {
	font-size: 1.3em;
}

.content p {
	margin-bottom: 1.5em;
	font-size: 1.3em;
	line-height: 1.5em;
}

#archive-title {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

#archive-title p {
	margin: -10px 0 15px 0;
}

.content blockquote {
	margin-bottom: 15px;
	padding: 15px 15px 1px;
}

.content blockquote p {
	font: italic 1.3em/1.6em Georgia, "Times New Roman", Times, serif;
}

.content ul {
	margin: 0 0 15px 30px;
}

.content ul li {
	list-style-type: square;
}

.content ol {
	margin: 0 0 15px 30px;
	list-style-type: decimal;
}

.content ol li {
	list-style-type: decimal;
}

.content li {
	margin-bottom: 5px;
	font-size: 1.3em;
	line-height: 1.4em;
}

.content strong, .content b {
	font-weight: bold;
}

.content em, .content i {
	font-style: italic;
}

.content .wp-caption {
	margin-bottom: 15px;
	text-align: center;
}

.content .wp-caption p {
	margin: 0;
	padding: 0px 10px 5px;
	font-size: 1.1em;
	line-height: 1.2em;
}

.content img {
	display: block;
	padding: 5px;
}

.content img.alignleft, .content .alignleft {
	float: left;
	display: inline;
	margin: 5px 20px 10px 0;
}

.content img[align $='left'] {
	float: left;
	display: inline;
	margin: 5px 20px 10px 0;
}

.content img.alignright, .content .alignright {
	float: right;
	display: inline;
	margin: 5px 0 10px 20px;
}

.content img[align $='right'] {
	float: right;
	display: inline;
	margin: 5px 0 10px 20px;
}

.content .aligncenter {
	text-align: center;
}

#content .navigation {
	float: left;
	width: 100%;
}

#content .navigation a {
	display: block;
	padding: 4px 15px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


#content .navigation .alignleft {
	float: left;
	display: inline;
	width: 49%;
	margin: 0 0 15px;
}

#content .navigation .alignleft a {
	float: left;
}

#content .navigation .alignright {
	float: right;
	display: inline;
	width: 49%;
	margin: 0 0 15px;
	text-align: right;
}

#content .navigation .alignright a {
	float: right;
}

.content .wp-pagenavi {
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 30px;
	font-size: 1.2em;
}

.content .wp-pagenavi a {
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #060606;
	background: url("images/button-bg.jpg") repeat-x 0 0;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.content .wp-pagenavi a:hover {
	color: #161616;
	background: url("images/button-bg.jpg") repeat-x 0 -40px;
}

.content .wp-pagenavi span.pages {
	float: right;
	padding: 0;
	color: #565656;
	background: transparent;
	border: none;
}

.content .wp-pagenavi span.current, .content .wp-pagenavi span.extend {
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #969696;
	background: url("images/button-bg.jpg") repeat-x 0 -14px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.button {
	overflow: hidden;
}

.button a {
	display: block;
	height: 0;
	overflow: hidden;
}

.button a:hover, .content .button a:hover {
	background: transparent;
}

#btn-moreinfo {
	position: absolute;
	bottom: 6px;
	right: 6px;
}

#btn-moreinfo a {
	width: 86px;
	padding: 29px 0 0 0;
}

#btn-moreabout {
	float: right;
	margin: 10px 0 0 10px;
}

#btn-moreabout a {
	width: 107px;
	padding: 21px 0 0 0;
}

#btn-twitter {
	float: right;
}

#btn-twitter.me {
	
}

#btn-twitter a {
	width: 147px;
	padding: 21px 0 0 0;
}

#breadcrumb {
	clear: both;
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 20px 30px;
	padding: 1px 0;
}

#breadcrumb a {
	float: left;
	display: inline;
	margin: 0;
	padding: 7px 20px 9px 10px;
	list-style-type: none;
	font-size: 1.1em;
	text-transform: uppercase;
}

#breadcrumb div {
	float: left;
	display: block;
	padding: 7px 20px 9px 10px;	
	font-size: 1.1em;
	text-transform: uppercase;
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

/* @end */

/* @group post */

/* POST
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.post {
	clear: both;
	position: relative;
	margin: 0 0 20px 0;
	padding-bottom: 1px;
}

.post-comments {
	float: right;
	display: inline;
}

#content .post-comments a {
	display: block;
	padding: 7px 13px 9px;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

.post.archive h3 {
	margin: 0 0 2px;
	padding-bottom: 0;
	font-size: 1.6em;
	font-weight: bold;
	background: transparent;
}

.post.archive h3 a {
	text-decoration: none;
}

.post.archive h3 a:hover {
	text-decoration: underline;
	background: transparent;
}

.post-date {
	margin-bottom: 1.5em;
	font-size: 1.2em;
	font-weight: bold;
}

.post-tnail {
	float: right;
	display: inline;
	margin: 0 0 10px 15px;
	padding: 2px;
	width: 102px;
	height: 102px;
	overflow: hidden;
}

.post-tnail img {
	width: 98px;
	height: 98px;
	padding: 0;
	background: transparent;
	border: none;
}

.post a.more:link, .content a.more:visited, .content a.more:active {
	text-decoration: underline;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.content a.more:hover {
	text-decoration: none;
}

.post.single {
	background: transparent;
}

.post.single .post-date {
	margin-bottom: 20px;
	font-size: 1.4em;
}

.post-meta {
	float: left;
	width: 565px;
	margin-bottom: 45px;
	padding: 10px 15px;
  background: #f0f7fd;
 	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.post-meta p {
	float: left;
	display: inline;
	width: 49%;
	margin: 0;
	font-size: 1.2em;
}

.post-meta p.post-category {
	text-align: right;
	width: 50%;
}

#post-author {
	padding: 15px 15px 1px;
  background: #cedde4;
 	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#post-author .post-author-avatar {
  background: #d8e6ef;
	float: left;
	display: inline;
	margin: 0 15px 10px 0;
	padding: 3px;
}

#post-author .post-author-avatar img {
	display: block;
	padding: 0;
	background: transparent;
}

#post-author h3 {
	margin: 0;
	font-size: 1.3em;
	background: transparent;
}

#post-author p {
	margin-bottom: 10px;
	font-size: 1.2em;
}

.edit {
	float: right;
	display: inline;
	margin: 0 0 20px 20px;
}

#content .edit a {
	display: block;
	padding: 4px 15px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#portfolio-archive #archive-title, #portfolio-archive .navigation {
	width: 920px;
	margin: 0 0 20px 30px;
}

#portfolio-archive .item {
	float: left;
	display: inline;
	width: 440px;
	margin: 0 0 20px 30px;
	text-align: center;
}

.portfolio.archive .post {
	margin: 0 0 15px 0;
	padding-bottom: 15px;	
}

.portfolio.archive .post .post-tnail {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

.portfolio.archive .post {
	float: left;
	width: 100%;
}

.portfolio.archive .post h3 {
	padding-top: 20px;
}

.portfolio.archive .post p {
	margin-bottom: 0;
}

#portfolio-archive .item .portfolio-tnail img {
	display: block;
	width: 440px;
}

#portfolio-archive .item .portfolio-summary {
	margin: 10px 5px 0;
}

#portfolio-archive .item .portfolio-summary h3 {
	margin: 0;
	padding: 0;
	background: transparent;
}

#portfolio-archive .item .portfolio-summary p {
	margin: 0;
}

#portfolio-archive .item .portfolio-summary ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#portfolio-archive .item .portfolio-summary ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.1em;
}

#portfolio img {
	padding: 0;
}

#portfolio-categories {
	float: left;
	width: 100%;
	margin: -5px 0 0;
	padding: 0 0 15px;
	list-style-type: none;
}

#portfolio-categories li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	list-style-type: none;
}

#portfolio-categories li a {
	display: block;
	padding: 2px 15px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#screenshots {
	margin-bottom: 20px;
	padding: 5px;
}

#screenshots img {
	width: 590px;
}

#screenshots h3 {
	position: absolute;
	width: 100%;
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 1.4em;
	background: transparent;
	text-align: center;
}

#screenshots ul, #screenshots ul li {
	margin: 0;
	padding: 0;
	text-align: center;
}

#screenshots ul {
	margin-top: 37px;
}

#screenshots ul li a {
	display: block;
	padding: 5px 0;
	font-size: .95em;
	text-decoration: underline;
	background: transparent;
}

#sidebar.portfolio ul {
	margin-left: 20px;
}

/* @end */

/* @group sidebar */

/* SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#sidebar {
	float: right;
	display: inline;
	width: 300px;
	margin: 20px 30px 20px 0;
}

#sidebar .widget {
	clear: both;
	margin-bottom: 30px;
}

#sidebar .widget ul {
	margin: 0 0 15px 0;
}

#sidebar .widget ul li {
	list-style-type: none;
}

#sidebar .widget ol {
	margin: 0 0 15px 0;
	list-style-type: decimal;
}

#sidebar .widget ol li {
	list-style-type: decimal;
}

#sidebar .widget li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#sidebar .widget a {
	font-weight: bold;
}

#sidebar .widget span {
	display: block;
	font-size: .95em;
	font-weight: normal;
}

#twitter {
	float: left;
	width: 100%;
}

#twitter img {
	float: right;
	display: inline;
	margin: 0 0 5px 10px;
	padding: 0;
	background: transparent;
	border: none;
}

#sidebar #twitter.widget li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#sidebar #twitter.widget li.aktt_more_updates {
	display: none;
}

#ad-buttons {
	float: left;
	width: 298px;
	margin-bottom: 30px;
	padding: 15px 0 0;
}

#ad-buttons a {
	display: inline;
	float: left;
	margin: 0 0 15px 15px;
}

#ad-buttons img {
	display: block;
	padding: 0;
}

#ad-bigbox img {
	padding: 0;
}

#tag_cloud {
	float: left;
	width: 100%;
	line-height: 24px;
}

#tag_cloud a {
	display: block;
	float: left;
	padding: 0 10px 0 0;
}

/* @end */

/* @group comments */

/* COMMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#comments {
}

#comments .commentlist {
	clear: both;
	margin: 0 0 45px;
	padding: 0;
}

#comments .commentlist li {
	position: relative;
	margin: 0;
	padding: 15px 0 0;
	list-style: none;
	font-size: 12px;
}

#comments .commentlist li.depth-1 {
	margin: 0 0 10px;
	padding-bottom: 10px;
}

#comments .commentlist ul {
	margin: 0;
	padding: 0 0 0 15px;
}

#comments .commentlist li ul li {
	margin: 15px 0 0 0;
	padding-bottom: 0;
}

.commentlist p {
	margin: 10px 0;
	font-size: 12px;
	line-height: 16px;
}

.children {
	padding: 0;
}

#comments .avatar {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	padding: 3px;
}

#comments h3 {
	margin: 30px 0 0;
}

#respond h3 {
}

.commentlist p {
	clear: left;
	margin: 10px 0;
	font-size: 12px;
	line-height: 1.4em;
}

#comments .navigation {
	display: none;
}

h3#respond {
	margin-bottom: 20px;
}

#commentform p {
	margin: 5px 0 10px;
}

#commentform p small {
	font-size: 11px;
	line-height: 1.3em;
}

.nocomments {
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: -3px 0 0;
	display: block;
	font-size: .95em;
}

#comments .comment-author cite {
	display: block;
	font-size: 1.1em;
	font-style: normal;
	padding: 3px 0;
}

#comments .comment-author .says {
	display: none;
}

#comments .comment-author a:link, #comments .comment-author a:visited, #comments .comment-author a:active, #comments .comment-author a:hover {
	text-transform: none;
}

#commentform {
	margin: 0;
	padding-bottom: 50px;
}

#commentform label small {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#commentform label small span {
	font-size: 10px;
}

#commentform input, #commentform textarea {
	margin: 0;
	padding: 5px;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	outline: none;
  	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#commentform input:focus, #commentform textarea:focus {
	background: #fff;
}

#commentform input#author, #commentform input#email, #commentform input#url {
	width: 250px;
	margin-right: 5px;
}

#commentform textarea {
	width: 580px;
	margin-bottom: 5px;
  
}

.comment #commentform textarea {
	width: 400px;
}

#commentform p.subscribe-to-comments {
	float: left;
	display: inline;
	margin: -25px 0 0 5px;
}

#commentform p.subscribe-to-comments input {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
}

#commentform #submit {
	float: right;
	display: inline;
	padding: 4px 15px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.comment #commentform #submit {
	float: left;
	margin-left: 282px;
}

#commentform #submit:hover {
	cursor: pointer;
}

#comments .reply a {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
}

#comments .cancel-comment-reply {
	margin: 15px 0 15px 0;
}

#comments .cancel-comment-reply a {
	display: inline;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
}

#comments .navigation {
	margin: -10px 0 30px 0;
}


#comments .commentlist li.depth-1 {
	background: url("images/blue/divider.jpg") repeat-x 0 100%;
}

#comments .commentlist ul {
	border-left: 5px solid #cbd2d8;
}

#commentform p small {
	color: #7b7869;
}

#comments .comment-author cite {
	color: #969696;
}

#commentform label small {
	color: #46545d;
}

#commentform label small span {
	color: #78868f;
}

#commentform input, #commentform textarea {
	color: #78868f;
	background: #f0f7fd;
	border: 1px solid #cbd2d8;
}

#commentform input:focus, #commentform textarea:focus {
	color: #2c343a;
	border: 1px solid #bcc5cc;
}


/* @end */

/* @group footer */

/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer {
	float: left;
	width: 100%;
  font-size: 12px;
  background: url("images/blue/footer-bg.png") repeat-x 0 0; 
  height:129px;
}
#footer-inner {
	padding: 0;
  background: url("images/blue/footer-inner-bg.png") 0 0 no-repeat;
  height:126px;
}
#footer, #footer a { color: #2c343a; }
#footer a:hover { color: #FFF; }

#footer p, #footer span { margin-top:15px;}
#footer p { float:left; padding-left:125px;}
#footer span { float:right; padding-right:25px;}

/* @end */

/* @group miscellaneous */

/* MISCELLANEOUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.clear {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
}

/* @end */







.content a:link, .content a:visited, .content a:active {
	color: #2c343a;
}

.content a:hover {
	color: #d8e6ef;
	background: #2c343a;
}

.content h1 {
	color: #2c343a;
}

#archive-title {
	background: url("images/blue/divider.jpg") repeat-x 0 100%;
}

#archive-title h1 {
	color: #0291cc;
}

#archive-title h1 strong {
	color: #2c343a;
}

.content h2, .content h3, .content h4, .content h5, .content h6 {
	color: #0291cc;
	background: url("images/blue/divider.jpg") repeat-x 0 100%;
}

.content blockquote {
	background: #cedde4;
}

.content img {
	background: #cedde4;
}

.content .wp-caption {
	background: #cedde4;
}

.content .wp-caption p {
	color: #78868f;
}

#content .navigation a, #content .edit a, #commentform #submit, #portfolio-categories li a {
	color: #2c343a;
	background: #c3cfd7 url("images/blue/button-bg.jpg") repeat-x 0 0;
	border: 1px solid #cbd2d8;
}

#content .navigation a:hover, #content .edit a:hover, #commentform #submit:hover, #portfolio-categories li a:hover {
	background: #f2f8fd url("images/blue/button-bg.jpg") repeat-x 0 100%;
}

#btn-moreinfo {
	background: url("images/blue/btn-moreinfo.png") no-repeat 0 0 !important;
	background: url("images/blue/btn-moreinfo.gif") no-repeat 0 0;
}

#btn-moreabout {
	background: url("images/blue/btn-about-us.gif") no-repeat 0 0;
}

#btn-twitter {
	background: url("images/blue/btn-follow-us.jpg") no-repeat 0 0;
}

#btn-twitter.me {
	background: url("images/blue/btn-follow-me.jpg") no-repeat 0 0;
}

#btn-moreabout.me {
	background: url("images/blue/btn-about-me.gif") no-repeat 0 0;
}

#breadcrumb {
	background: url("images/blue/breadcrumb-bg.jpg") no-repeat 0 0;
}

#breadcrumb a {
	background: url("images/blue/breadcrumb-divider.jpg") no-repeat 100% 0;
}

#breadcrumb a:hover {
	color: #2c343a;
}

.post {
	background: url("images/blue/divider.jpg") repeat-x 0 100%;
}

#content .post-comments a {
	color: #78868f;
	background: url("images/blue/post-comments-bg.jpg") no-repeat 50% 50%;
}

#content .post-comments a:hover {
	color: #2c343a;
	background: transparent url("images/blue/post-comments-bg.jpg") no-repeat 50% 50%;
}

.post.archive h3 a {
	color: #2c343a;
}

.post.archive h3 a:hover {
	color: #2c343a;
}

.post-date {
	color: #78868f;
}

.post-tnail {
	background: url("images/blue/post-tnail-bg.jpg") no-repeat 0 0;
}

.post a.more { color: #0291cc; }
.content a.more:hover {
	color: #d8e6ef;
	background: #0291cc;
}



#comments .bypostauthor > div > div > .avatar {
	background: #0291cc;
}

#portfolio-archive .item .portfolio-summary p, .portfolio.archive .post p {
	color: #78868f;
}

#screenshots {
	background: #cedde4;
}

#screenshots h3 {
	color: #78868f;
}

#screenshots ul li a {
	color: #78868f;
}

#screenshots ul li a:hover {
	color: #2c343a;
}

.jcarousel-screenshots .jcarousel-next-horizontal {
	background: transparent url(images/blue/arrow-next.jpg) no-repeat 0 0;
}

.jcarousel-screenshots .jcarousel-next-horizontal:hover {
	background: transparent url(images/blue/arrow-next.jpg) no-repeat 0 -32px;
}

.jcarousel-screenshots .jcarousel-next-disabled-horizontal,
.jcarousel-screenshots .jcarousel-next-disabled-horizontal:hover,
.jcarousel-screenshots .jcarousel-next-disabled-horizontal:active {
	background: transparent url(images/blue/arrow-next.jpg) no-repeat 0 -64px;
}

.jcarousel-screenshots .jcarousel-prev-horizontal {
	background: transparent url(images/blue/arrow-prev.jpg) no-repeat 0 0;
}

.jcarousel-screenshots .jcarousel-prev-horizontal:hover {
	background: transparent url(images/blue/arrow-prev.jpg) no-repeat 0 -32px;
}

.jcarousel-screenshots .jcarousel-prev-disabled-horizontal,
.jcarousel-screenshots .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-screenshots .jcarousel-prev-disabled-horizontal:active {
	background: transparent url(images/blue/arrow-prev.jpg) no-repeat 0 -64px;
}

#sidebar .widget li {
	background: url("images/blue/divider.jpg") repeat-x 0 100%;
}

#ad-buttons {
	background: #cedde4;
}