/*
Theme Name: Coco, my Thematic child theme
Theme URI: http://cocoknight.com
Description: My theme for my online portfolio
Author: coCoKNIght
Author URI: http://cocoknight.com
Template: thematic
Version: 10.01.28
.
This work, like Wordpress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');

@font-face {
	font-family: 'Virgo01Regular';
	src: url('type/virgo.eot');
	src: local('Virgo 01 Regular'), local('Virgo01'), url('type/virgo.woff') format('woff'), url('type/virgo.ttf') format('truetype'), url('type/virgo.svg#Virgo01') format('svg');
}

@font-face {
	font-family: 'SteinemRoman';
	src: url('type/STEINEM_.eot');
	src: local('Steinem Roman'), local('Steinem'), url('type/STEINEM_.woff') format('woff'), url('type/STEINEM_.ttf') format('truetype'), url('type/STEINEM_.svg#Steinem') format('svg');
}

ul, li, h2, h3, h4 {font-family: 'Virgo01Regular', sans-serif}

body, h1, p, ol li, span, #blog-title a, ul ul a, #tagNav a, .entry-content ul, .entry-content li, h4 span {font-family: 'SteinemRoman', serif}

.entry p, .entry-content p {padding: 0 20px;font-size: 18px}
.entry ul, .entry-content ul, .entry ol, .entry-content ol {padding: 0 20px;font-size: 16px}

.entry h3, .entry-content h3 {padding: 0 20px!important; font-size: 22px}

.wp-caption {
	width: 100%!important;
	margin-top: -18px;
	margin-bottom: 6px;
	border-bottom: 2px solid;
	padding-top: 30px;
	text-align: center;
}
#resume-foto {float: left; padding: 5px; border: 1px solid AliceBlue; background-color: White}

.cCol {
	margin: 0;
	margin-top: 1px;
	padding: 16px 4px 24px 4px;
	border-right: 1px solid;
	float: left;
	width: 106px;
}

.cCol li ul li {padding-bottom: 5px}

.main-tags h3 {display: none}

.cCol h3 {font-size: 12px}

#ColTechTalk {
	border-right: 0;
	width: 238px;
	height: 330px
}

input, select, textarea {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
input[type="submit"],
input[type="button"],
button {
  /*background: url("images/btn-bg.jpg") repeat-x left top;*/
  font-weight: normal;
  position: relative;
  height: 22px;
  overflow: hidden;
  border: 1px solid;
  padding: 3px 18px;
  font-size: 10px;
  line-height: 0.75em;
	font-family: 'Virgo01Regular';
  text-transform: uppercase;
  cursor: pointer;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-border-radius: 20px
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover{
  background-position: 0 -22px;
}
input[type="submit"]:active,
input[type="button"]:active,
button:active{
  background-position: 0 -44px;
  padding-top: 4px;
  padding-bottom: 0
}
abbr {border-bottom: 1px dotted}
pre {
  border: 1px solid;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px;
  margin: 10px 0;
  white-space: pre;
  overflow: auto
}
pre,
code{
  font-size: 12px;
}
body {
  line-height: 24px;
}
#wrapper{
  height: auto;
  min-height: 300px;
}
a {
  text-decoration: none
}
h2 {
  font-size: 18px;
	line-height: 27px;
  margin-bottom: 16px;
}
#content ol,
#content ul {
  margin-bottom: 1em
}
.single #content li {line-height: 1.4em}
.single #content ul {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.single #content li {
  padding: 10px 0 10px 24px;
  position: relative;
  border-top: 1px solid;
  border-bottom: 1px solid
}
.single #content ol li {
  list-style: decimal;
  margin-left: 20px;
}

#header {
  margin: 0 auto;
}
#branding, #access {
  margin: 0 auto;
  overflow: visible;
  width: 940px;
}
#branding{
  padding: 5px 0
}
#blog-title {
  text-align: left;
  display: inline;
  float: left;
}
#blog-title a{
  display: block;
  width: 164px;
  height: 25px;
  margin-bottom: 15px
}
#blog-description {
	position: absolute;
	margin-top: 16px;
	font-size: 12px;
}
#access {
  height: 45px;
  margin-top: 10px;
  clear: both;
}
#access #category-menu ul {
  padding-left: 1px
	height: 45px;
}
#access #category-menu li {
  float: left;
  height: 45px
}
#access #category-menu li a,
li.blog-description span {
  display: block;
  font-size: .8em;
  font-weight: bold;
  height: 20px;
  padding: 8px;
  margin-right: 8px;
  text-decoration: none;
}
#access #category-menu li.blog-description {
  float: right
}
#access #category-menu li.blog-description span {
  font-weight: normal
}
#access #category-menu li.main-tags a {
	width: 106px;
	padding-left: 8px;
	padding-right: 0;
	margin-right: 1px;
}
#page-menu {
  position: absolute;
  bottom: 50px;
  right: 10px;
  margin: 0;
  width: 500px;
  font-size: .8em;
  z-index: 100
}
#page-menu #page-nav{
  text-align: right
}
#page-menu #page-nav li{
  float: right;
  margin: 10px 0 0 4px
}
#page-menu #page-nav li a{
  padding: 8px 12px;
  font-size: .9em;
  text-transform: uppercase
}
#page-menu #page-nav li.rss a{
  padding-left: 20px;
  background: url("images/ico-rss-trans.png") no-repeat left center
}
.skip-link {display: none}

#main {margin: 0 auto 0 auto}

#primary {display: none}

.page #primary {display: block}

.aside{
	float: right;
  width: 270px;
}

#content {
  width: 938px;
  margin: 0;
  float: none;
  padding-top: 0;
}
.page #content li{
  list-style: disc;
  margin-left: 20px
}
.single #container{
  position: relative
}
.single .entry-content{
  margin: 20px 0 0 0;
}
.single .navigation{
  margin-top: 10px;
  padding-top: 0;
}
.post-date {
	float: right;
	width: 60px;
}
.post-date span {
	font-size: 13px;
	display: block;
	text-align: center;
	line-height: 18px;
}
.post-date-year {border-bottom: 1px dashed}
.post-date-month, .post-date-day {
	float: left;
	width: 50%;
}
h1.page-title {
	margin: 1px 0 24px 0;
} 
h1.entry-title {
	margin: 1px 0 5px 0;
}

h1.page-title span, h1.entry-title span {
	display: inline-block;
	padding: 2px 30px 0 20px;
	font-size: 21px;
	line-height: 34px;
}

.category .post, .search .post, .four04 p {padding: 20px}

.category .entry-title, .search .entry-title {
	font-size: 18px;
}
.category .entry-content {display: none}

.the-tags {
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin: 0!important;
}
.single .entry-content p{
  line-height: 1.3em
}
.home .entry-content,
.tag .entry-content {
  float: left;
  width: 134px;
  margin: 0;
}
.home .entry-content a,
.tag .entry-content a {
  border: 3px solid;
	margin: 5px 0;
  display: block;
  height: 50px;
  width: 100px;
  overflow: hidden;
  position: relative;
}
.home .entry-content a img,
.tag .entry-content a img {
  position: absolute;
  z-index: 5
}
.home .entry-content a span.slide-title,
.tag .entry-content a span.slide-title {
  position: absolute;
  top: 108px;
  left: 3px;
  width: 300px;
  line-height: 1em;
  font-size: .8em;
  text-transform: uppercase;
  z-index: 0
}
.home .entry-content,
.tag .entry-content {
  position: relative
}
.home .entry-content .new,
.tag .entry-content .new {
  display: block;
	position: absolute;
	top: 0px;
	right: 35px;
	width: 42px;
	height: 22px;
	background: url("images/new.png") no-repeat top left;
	z-index: 200
}
span.cover-up{
  background: url("images/side-fade-trans.png") no-repeat right top;
  position: absolute;
  right: 0;
  top: 0;
  height: 100px;
  width: 20px;
  z-index: 4
}
.main-aside h3 {
  font-weight: bold;
  padding: 5px 0 5px 10px
}
.main-aside .xoxo li{
  margin: 0 0 10px 0;
  padding: 15px;
  border: 1px solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}
.main-aside .xoxo li div{
  padding: 0 0 0 10px;
  font-size: .8em;
  line-height: 2em
}
.main-aside .xoxo li ul li{
  margin: 0;
  padding: 0 0 0 10px;
  background: transparent;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}
.main-aside p{
  margin-bottom: 1em
}
form{
  margin: 0 0 2em 20px
}

fieldset {padding-bottom: 20px}

legend {
  font-size: 1.2em;
}
.form-label,
.wpcf7-form label{
  display: block;
  margin: 5px 0 0 0
}
input[type="text"],
input[type="password"],
textarea,
select{
  border: 1px solid;
  padding: 10px;
}
.navigation {
  margin-bottom: 20px;
  overflow: hidden;
  text-transform: uppercase;
  width: 100%;
}
#nav-above {
  display: none;
}
#nav-below{
  clear: both;
  padding-top: 10px;
  height: auto;
  overflow: auto;
  padding-bottom: 10px
}
.nav-next {
  float: right;
  text-align: right;
  width: 47%;
}
.home .nav-next,
.tag .nav-next,
.category .nav-next,
.archive .nav-next{
  margin-right: 5px	
}
.nav-previous {
  float: left;
  width: 47%;
}
.home #nav-above,
.tag #nav-above,
.category #nav-above{
  display: none;
}
.hentry{
  width: auto
}
.entry-title {
  font-size: 2.6em;
}
.post .entry-meta,.post .entry-utility {
  font-size: 0.825em;
  padding-bottom: 5px;
}
.post p, .entry-content p {
  margin-bottom: 1em;
}
.post pre,#content .page pre {
  font-size: 1.6em;
}
.post dt {
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.post dd {
  margin-bottom: 1em;
}
.post dl {
  margin-bottom: 1.3em;
  padding-left: 20px;
}
.post a.more-link {
  font-size: 0.75em;
  font-weight: bold;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
}
a.more-link .meta-nav {
  display: none;
}
.page h4 {padding: 5px 20px;}
.page h5 {padding: 0 20px;}
.post h3,.post h4,.post h5,.post h6 {
  margin: 5px 0px;
  padding: 5px 0px;
}
.post h4 {
  font-size: 1.4em;
}
.post h5 {
  font-size: 1.2em;
  text-transform: uppercase;
}
.post h6 {
  font-size: 1.1em;
  text-transform: uppercase;
}
.post blockquote {
  font: italic 2em Georgia, "Times New Roman", Times, serif;
  margin: 10px 0px;
  padding: 10px 20px 1px 10px;
}
.post blockquote p {
  font-stayle: italic;
}
.post .page-link {
  font-size: 0.825em;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.page-link a {
  padding: 5px 10px;
  text-decoration: none;
}
.btc-powered{
  font-size: 0.825em
}
#comments {
  padding: 20px 0 0 0;
  clear: both;
  overflow: auto
}
#comments,#comments input[type="text"],#comments textarea {
  font-size: 12px;
}
#comments h3 {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  padding: 7px 12px 7px 42px;
  font-weight: bold;
  background: url("images/ico-comment.png") no-repeat 16px center
}
#comments #respond h3{
  background-image: url("images/ico-person.png")
}
#comments #comments-list #respond h3{
  background-image: url("images/ico-reply.png")
}
#comments-list {
  border-top: 1px solid;
  float: left;
  margin-right: 30px;
  padding: 0 0 18px;
  width: 520px;
}
#comments-list ol,#comments-list ul {
  list-style: none;
  margin: 0;
}
#comments-list ol {
  margin: 0 0 18px 0;
}
#comments-list li {
  padding: 18px 1.5em 18px 1.5em;
  position: relative;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
#comments-list ol {border-bottom: 1px solid}
.single #content #comments-list li,
.page #content #comments-list li{
  padding: 20px 0;
  position: relative;
  z-index: 0
}
#comments-list li .avatar {
  height: 60px;
  width: 60px;
  padding: 4px;
  border: 1px solid;
  float: left;
  position: relative;
  margin-left: -95px
}
#comments-list .comment-author,
#comments-list .comment-meta,
#comments-list .comment-content,
#comments-list .unapproved{
  display: block;
  margin-left: 100px
}
#comments-list .unapproved {
  margin-bottom: 15px;
  padding: 10px;
}
#comments-list .comment-author {
  font-weight: bold;
  font-size: 1.3em
  padding: 5px 0 0 0;
}
#comments-list .comment-meta {
  font-size: 11px;
  padding: 10px 0 9px 0;
}
#comments-list .comment-meta a {
  font-style: italic;
  text-decoration: none;
}
#comments-list .comment-content{
  padding-right: 10px
}
#commentform{
  padding: 15px;
  width: 340px
}
.comment-reply-link {
  font-size: 11px;
  padding: 0 0 18px 0;
  text-align: right;
}
.hover-url {
  margin-left: 10px;
  font-weight: normal;
  font-style: italic;
}
.comment-reply-link a {
  font-style: italic;
  text-decoration: none;
}
.comment-navigation {
  font-weight: bold;
  margin-right: 0.5em;
  padding: 0;
}
.comment-navigation a {
  border: 1px solid ;
  font-weight: normal;
  padding: 0.5em 0.75em;
  text-decoration: none;
}
.comment-navigation a,.comment-navigation span {
  margin-right: 0.5em;
}
#trackbacks-list .comment-content {
  left: -9000px;
  position: absolute;
}
#respond {
  border-top: 1px solid;
  margin-bottom: 22px;
  overflow: hidden;
  padding: 0;
  width: 390px;
  float: right;
  position: relative;
  z-index: 4
 }
#comments-list #respond {
  margin: 0;
  padding: 0;
  float: none;
  width: 520px
}
#comments-list #commentform {
  width: auto
}
#comments-list ul #respond {
  margin: 0;
}
#cancel-comment-reply {
  font-size: 11px;
  position: absolute;
  right: 1.5em;
  top: 7px;
}
#respond .required {
  font-weight: bold;
}
.form-section{
  padding: 0 0 10px 0;
  clear: both;
  overflow: auto
}
.form-section label {
  font-size: 11px;
}
.form-section .form-label{
  width: 35%;
  float: left;
  clear: both;
  text-align: right
}
.form-section .form-input{
	margin-right: 5px;
	width: 220px;
  float: right;
  text-align: right
}
.form-section .form-input input{
  width: 80%
}
.form-section .form-textarea{
	margin-right: 5px;
  width: 335px;
  text-align: right
}
.form-section .form-textarea textarea{
  width: 94%
}
#respond #comment-notes{
  line-height: 1.2em;
  margin: 5px 0 20px 0;
  font-size: 0.9em
}
#comments-list ul.children{
  margin-left: 20px;
}
.single #content #comments-list ul.children li{
  padding-left: 25px;
  background: url("images/ico-reply.png") no-repeat 5px 20px
}
#form-section-comment .form-label{
  display: none
}
#form-allowed-tags p {
  font-size: 10px;
  line-height: normal;
  margin: 0;
}
#form-allowed-tags span {
  font-style: italic;
}
.form-submit {
  padding: 18px 0 0 0
}
.subscribe-to-comments {
  float: left;
  font-size: 11px;
  margin: 0;
  padding: 18px 0 0 0;
}
.solo-subscribe-to-comments {
  font-size: 11px;
  padding: 18px 0 0 0;
}
.comment_license {
  clear: both;
  font-size: 11px;
  margin: 0;
  padding: 18px 0 0 0;
}
#tagNav {
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.home #tagNav {margin-top: -15px}
#footer {
  z-index: 0;
  padding: 40px 0;
}
#footer #subsidiary .aside{
  width: 940px	
}
#footer .widgetcontainer{
  float: left;
  width: 270px;
  padding: 10px;
  margin: 10px 10px 20px 10px;
  border: 1px solid;
 }
#footer .widgetcontainer h3{
  margin-bottom: 10px
}
#footer .reset{
  clear: both
}
#siteinfo{
  text-align: center;
  font-size: .8em
}
#siteinfo a {
  text-decoration: none;
  border-bottom: 1px dotted;
}
#author-info {
  border: 1px dotted;
  padding: 5px;
  overflow: hidden;
  font-size: 1.2em;
  margin-bottom: 20px;
}
#author-info h2 {
  border-bottom: 3px double;
  padding: 5px 0;
  font-size: 1.8em;
  margin-bottom: 10px;
}
#author-info .avatar {
  float: left;
  border: 3px double;
  margin: 0 10px 10px 0;
}
.entry ul {
	border-top: none!important;
	border-bottom: none!important;
}
.slug-cv .entry-content ul {padding: 0 0 6px 0;font-size: 18px;}
.slug-cv .entry-content li {list-style: none!important;}
.slug-cv .entry-content li li {list-style: disc!important;}
.slug-cv .entry-content li ul {display: none;color: #70672A; /* Dark Olive */}
.slug-cv .entry-content li:hover ul {display: block;}
#page-nav li:hover ul, #page-nav li ul {display: none!important}
#rightDeco {
	position: absolute;
	top: 91px;
	left: 50%;
	width: 50%;
	height: 36px;
	background: #ECB91E; /* Yellow */
}
.single #rightDeco {background: Black}
.home #rightDeco {display: none}
acronym {border-bottom: 1px dashed #70672A; /* Dark Olive */}

/* COLORS */
/* #F0522A Reddish Orange */
/* #A35324 Brown */
/* #EE7822 Orange */
/* #70672A Dark Olive */
/* #A39734 Saturated Olive */
/* #B2A754 Bright Olive */

/* #ECB91E Yellow */
/* #4D5B47 Dim Green */

/* #2c2b23 Darkness */

body {
	color: #4D5B47; /* Dim Green */
	/* background: #B2A754 url(images/bodyBg.png) repeat center top; */
	background-color: #2c2b23 /* Darkness */
}
.widgetcontainer, .slug-cv .entry-content li:hover, #header li:hover {background: transparent url(images/bodyBgTrans.png) repeat;}
.page, .entry, #comments, #ColTechTalk {background: #B2A754 /* Bright Olive */!important}
.cCol {
	background: url(images/cColBg.png) repeat-y right;
}
#ColTechTalk {background: none}
h1.page-title, h1.entry-title {
	color: Black;
	background-color: #ECB91E!important; /* Yellow */
}
h1.page-title span, h1.entry-title span {
	background-color: White;
}
/* #ColAnimation a, #Col3D a, #Col2D a, #ColMastercopy a, #ColGame a, #ColGoodies a {border-color: #d6d4c1} */
.post-date {
	background-color: Black;
}
.post-date .post-date-year {color: white}
.post-date .post-date-year {border-color: #B2A754 /* Bright Olive */}
.main-tags .entry-content a {
	background-color: White;
}
input, textarea {
	background-color: #d6d4c1
}
a, h1, h2, h3, h4 {
	color: AliceBlue;
}
a:hover {
	color: White;
}
#content a {
	color: #A35324; /* Brown */ /*#e2d7a4 could be nice*/
}
#content a:hover {
	color: #F0522A; /* Reddish Orange */
}
#content a.anchorOnly:hover {
	color: #A35324; /* Brown */
}
#content h2, #content h3, #content h4, .entry-content ul ul, .entry-content ul ul li {
	color: #70672A; /* Dark Olive */
}
.wp-caption {
	border-color: #EE7822; /* Orange */
	background-color: Black;
}
#category-menu.menu, .the-tags, #tagNav {
	border-color: #A35324; /* Brown */
	background-color: #F0522A; /* Reddish Orange */
}
#category-menu.menu a, .the-tags a, #tagNav a {
	color: AliceBlue!important;
	background-color: #F0522A; /* Reddish Orange */
}
#category-menu.menu a:hover, .the-tags a:hover, #tagNav a:hover {
	color: White!important;
}
#footer {
        /* background-color: #C2B764; /* Brighter Bright Olive */
	background-color: #2c2b23 /* Darkness */
}
#footer a {
        color: #70672A; /* Dark Olive */
}
#footer a:hover {
        color: #F0522A; /* Reddish Orange */
}
#footer h3, #footer h3 a, #respond h3 {
        color: #4D5B47; /* Dim Green */
}
#blog-description {color: #B2A754 /* Bright Olive */}
#wrapper {background-color: #B2A754 /* Bright Olive */!important}
.single #wrapper {background-color: #2c2b23 /* Darkness */!important}
#wrapper {background: url(images/bg-top.png) repeat-x top}
.home #wrapper {background: url(images/bg-top-home.png) repeat-x top}
h1.entry-title {background: url(images/date-bg.png) no-repeat 860px 0px}
.four04 h1.entry-title {background-image: none}
.page-title span, .entry-title span {background: url(images/title-bg.png) no-repeat center right}
.main-tags a {background: url(images/tagNavBg.jpg) top right}
.cCol .main-tags a {background: none;}