/*   
Theme Name: Ecken 2010
Theme URI: noeruiz.com
Description: My Awesome Custom Theme
Author: Noe Ruiz
Author URI: http://noeruiz.com
*/


/* HTML ELEMENTS */
* {outline: 0;}
body {
	background:#444 url(images/bg.png) repeat-x;
	padding: 0;
	margin: 0;
}
p {
	font:normal 12px Arial;
	color: #7e7e7e;
	line-height: 17px;
}

h3.category-title {
	font: lighter 26px 'Helvetica Neue';
	color: #999;
	margin: 10px 0 0 20px;
	padding: 10px 0 10px 56px;
	background: url(images/web_icon.png) no-repeat left;
}

h4 {
	font: lighter 18px 'Helvetica Neue';
	padding: 0;
	margin: 0;
	color: #ccc;
}
a {color:#679700;}

/* LAYOUT OBJECTS */

#layout {
	width: 900px;
	height: auto;
	min-height: 750px;
	margin: 65px auto 0 auto;
	background: url(images/layout.jpg) no-repeat;
}
#hdr {
	width: 456px;
	height: 175px;
	margin: 0 auto;
	background: url(images/hdr.png) no-repeat;
}
#logo {
	width:205px;
	height:44px;
	display: block;
	margin: 0 0 0 51px;
	text-decoration: none;
	border: none;
	text-indent: -999px;
}

#hdr h1 {
	font:lighter 22px 'Helvetica Neue';
	color: #5c5c5c;
	padding: 0;
	margin: 46px 60px 0 56px;
	line-height: 22px;
}
#hdr h1 strong {
	font-weight: normal;
	color: #679700;
}
#hdr h2 {
	font:lighter 12px Arial;
	color: #5c5c5c;
	padding: 0;
	margin: 0;
	text-indent: -999px;
}
#content {
	width: 456px;
	margin: 0 auto;
	background: url(images/sdw.png) repeat-y;
}
#content p {
	padding: 0;
	margin: 0 0 10px 0;
}
#content p:last-child {
	margin: 0;
}
.pad {
	width: 400px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 1px 0;
}

/* NAVIGATION STYLES */

#nav {
	width: 400px;
	height: 41px;
	background:url(images/nav.png) repeat-x;
}

#nav ul {
	list-style: none;
	padding: 8px 0 0 10px;
	margin: 0;
}
#nav ul li {
	float: left;
	padding: 0;
	margin: 0;
	height: 32px;
	text-align: center;
}
#nav ul li a {
	font:normal 12px Arial;
	color:#686868;
	display: block;
	padding: 6px 10px;
	float: left;
	text-decoration: none;
}
#nav ul li a:hover{
	color:#333;
	background:transparent;
	-moz-border-radius: 20px; -webkit-border-radius:20px;
	-moz-box-shadow:inset 0 5px 10px #999; -webkit-box-shadow:inset 0 5px 10px #999;
}

#nav ul li.current_page_item {
	background:url(images/nav-current.png) no-repeat;
	padding:0;
	margin: 0;
	color: #fff;
	display: block;
	width: 65px;
	text-align: center;
	text-decoration: none;
	padding: 0;
}
#nav ul li.current_page_item a:hover {
	background:url(images/nav-current.png) no-repeat;
	-moz-border-radius: 0px; -webkit-border-radius:0px;
	-moz-box-shadow:0 0 0 #ccc; -webkit-box-shadow:0 0 0 #ccc;
}

#nav ul li.current_page_item a {
	color: #fff;
}
/* SUB NAV STYLES */

#sub-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #666;
	height: 36px;
	-moz-box-shadow: inset 0 20px 30px #333; -webkit-box-shadow:inset 0 20px 30px #333;
}
#sub-nav li {
	float: left;
}
#sub-nav li a, #sub-nav li span {
	float: left;
	display: block;
	font: normal 12px Arial;
	color: #ccc;
	margin: 0;
	text-decoration: none;
	padding: 11px 12px;
	-moz-border-radius: 20px; -webkit-border-radius:20px;
}
#sub-nav li a:hover {
	background:transparent;
	color: #ccc;
	padding: 6px 12px;
	margin: 5px 0;
	-moz-box-shadow: inset 0 5px 10px #111;	-webkit-box-shadow: inset 0 5px 10px #111;
}
#sub-nav li.current-cat a {
	background: #333;
	margin: 5px 0;
	padding: 6px 14px;
	color: #efefef;
	-moz-box-shadow: inset 0 5px 10px #111;-webkit-box-shadow: inset 0 5px 10px #111;
}
#sub-nav li.current-cat a:hover {

}

/* BOX ELEMENTS */

.box {
	padding: 20px;
	background: #fff;
	-moz-border-radius: 4px; -webkit-border-radius:4px;
	margin: 20px;
	-moz-box-shadow: 0px 0px 20px #ccc;-webkit-border-radius:0 0 20px #ccc;
}
.box h3 {
	font:lighter 20px 'Helvetica Neue';
	color: #747474;
	padding: 0 0 4px 0;
	margin: -4px 0 10px 0;
	border-bottom: 1px solid #dbdbdb;
	line-height: 20px;
}
.box h3 i {
	display: block;
	font:italic 11px Arial;
}
.box h3 a {
	text-decoration: none;
	color: #747474;
	display: block;
}
.box h3 a:hover {
	color: #111;
}
.box p a {
	text-decoration: none;
	border-bottom: 3px double #dbdbdb;
	color: #666;
	font-style: italic;
	cursor: pointer;
}
.box img {
	border: none;
}
.box p a img {
	border: none;
	width: 320px;
}
.box ul {
	padding:0 0 0 16px;
	margin: 14px 0;
	font:normal 12px Arial;
	color:#7E7E7E;
}
.box-list {
	background: #fff;
	-moz-border-radius: 4px;-webkit-border-radius:4px;
	margin: 20px;
	-moz-box-shadow: 0px 0px 20px #ccc;-webkit-box-shadow:0 0 20px #ccc;
}
.box-list h3 {
	font:bold 14px Arial;
	color: #747474;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #dbdbdb;
	background:url(images/arrow.png) no-repeat center right;
}
.box-list h3:last-child {
	border-bottom: none;
}
.box-list h3 a {
	color: inherit;
	text-decoration: none;
	display: block;
	padding: 10px;
}

/* PORTFOLIO LIST STYLES */

.folio-list, .music-list {
	background: #fff;
	-moz-border-radius: 4px; -webkit-border-radius:4px;
	margin: 10px 20px 20px 20px;
	-moz-box-shadow: 0px 0px 20px #ccc;-webkit-box-shadow:0 0 20px #ccc;
}
.folio-list a, .music-list a {
	color: inherit;
	text-decoration: none;
	display: block;
	padding: 0;
	border-bottom: 1px solid #dbdbdb;
	background:url(images/arrow.png) no-repeat center right;
}
.folio-list a:last-child, .folio-list a:last-child:hover  {
	border-bottom: none!important;
}
.folio-list a:first-child:hover {
	-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius:4px; -webkit-border-top-left-radius:4px;
}
.folio-list a:last-child:hover {
	-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px; 
	-webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;
}
.folio-list a:hover {
	background:#dfdfdf url(images/arrow.png) no-repeat center right ;
	-moz-box-shadow: inset 0 30px 30px #fff; -webkit-box-shadow:inset 0 30px 30px #fff;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.folio-list h3 {
	font:bold 14px Arial;
	color: #747474;
	padding: 0;
	margin: 0;
	display: block;
}
.folio-list a img {
	padding: 6px;
	border: none;
}
.folio-list a span {
	font: normal 11px Arial;
	color: #999;
	width:90%;
	display: block;
}
.folio-txt {
	padding: 14px 0 0 0;
	margin: 0 0 0 20px;
}

/* MUSIC LIST STYLES */

.music-list a {
	padding: 8px 10px;
}
.music-list a:hover {
	background:#dfdfdf url(images/arrow.png) no-repeat center right ;
	-moz-box-shadow: inset 0 20px 20px #fff; -webkit-box-shadow: inset 0 20px 20px #fff;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.music-list a:last-child, .folio-list a:last-child:hover  {
	border-bottom: none!important;
}
.music-list a:first-child:hover {
	-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px;
}
.music-list a:last-child:hover {
	-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px; 
	-webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;
}
.music-list a h3 {
	padding: 0;
	margin: 0;
	font:lighter 18px 'Helvetica Neue';
	color: #747474;
}
.music-list a span {
	font: normal 11px Arial;
	color: #999;
}

/* FOOTER STYLES */

#ftr {
	width: 454px;
	height: 29px;
	margin: 0 auto 20px auto;
	background:url(images/ftr.png) no-repeat;
}
#ftr p {text-indent: -999px;padding: 0;margin: 0;}
#pic {
	width:155px;
	height: 170px;
	position: absolute;
	margin: 100px 0 0 560px;
	background:url(images/pic.png) no-repeat;
}

/* MORE OBJECTS */

#more {display: none;}
.more-link {
	font-size:11px;
	background: #f5f5f5;
	padding: 4px 6px;
	display: block;
	margin: 10px 0 0 0;
	-moz-border-radius: 4px; -webkit-border-radius:4px;
	border: none!important;
	-moz-box-shadow:inset 0px 0px 5px #d3d3d3; -webkit-box-shadow:inset 0 0 5px #d3d3d3;
}
#networks {
	padding: 0;
	margin: 0;
	list-style: none;
}
#networks li {
	float: left;
	margin-right: 24px;
}
#networks li:last-child {margin: 0;}
#networks li a {
	border: none;
	display:block;
}
#networks li a img {
	width: 61px;
	height: 61px;
}

/* DATE STYLES */

.date {
	position: absolute;
	width: 40px;
	background: #efefef url(images/date-sdw.png) repeat-y right;
	-moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px;
	-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;
	margin: 0 0 0 -94px;
	padding: 8px 4px 4px 10px;
	display: none;
}
.month {
	font:bold 14px Arial;
	color:#555;
	text-transform: uppercase;
	display: block;
}
.day {
	font:normal 24px Arial;
	color: #979797;
	margin: -4px 0 0 0;
	display: block;
}
.year {
	position: absolute;
	margin: 10px 0 0 -38px;
	font:normal 16px Arial;
	color: #ccc;
	-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);
}

/* POST NAV STYLES */

.post-nav {
	text-align: center;
	margin: 0 20px 20px 20px;
	padding: 0;
}
.post-nav a {
	display: block;
	padding: 6px 20px;
	font:bold 12px Arial;
	color: #555;
	text-decoration: none;
	background: #fff;
	-moz-border-radius: 4px; -webkit-border-radius:4px;
	-moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow:0 0 5px #ccc;
}
.post-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}	.post-nav li {width:48%;}

.post-nav li:first-child {
	float: left;
	margin: 0 10px 0 0;
}
.post-nav li:last-child {
	margin: 0;
	float: right;
}

/* EDIT LINK STYLE */

#edit-link {
	position: absolute;
	width: 40px;
	background: #efefef url(images/edit-sdw.png) repeat-y left;
	padding: 10px 4px;
	margin: -10px 0 0 360px;
	text-align: center;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius:4px;
	-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;
}
.post-edit-link {
	color: #679700;
	border: none;
	font:bold 12px Arial;
	text-decoration: none;
	text-transform: uppercase;
}

/* COMMENT STYLES */
#comment-box {
	padding: 10px 20px 20px 20px;
	background: #fff;
	-moz-border-radius: 4px; -webkit-border-radius:4px;
	margin: 20px;
	-moz-box-shadow: 0px 0px 20px #ccc; -webkit-box-shadow:0 0 20px;
}
#comment-box h3 {
	font: normal 21px Arial;
	color:#555;
	margin: 0;
	padding: 0;
}
.commentlist {
	padding: 0;
	margin: 0;
	list-style:none;
}
.commentlist li {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 4px 0 0 0;
	-moz-border-radius: 6px; -webkit-border-radius:6px;
}
.commentlist li p {
	padding-left: 40px!important;
}
.comment-author {
	width: 40px;
	float: left;
}
.comment-meta {
	position: absolute;
	width: 40px;
	margin: 0 0 0 -99px;
	padding: 4px;
	background: #fff;
	font: normal 12px Arial;
	text-align: center;
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius:4px;
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius:4px;
}
.cmt-y {
	display: block;
	font: normal 12px Arial;
	color: #AFAFAF;
	background: #efefef;
	-moz-border-radius: 4px; -webkit-border-radius:4px;
	padding: 2px;
}
.cmt-m {
	display: block;
	text-transform: uppercase;
	font: normal 14px Arial;
	color: #ccc;
}
.cmt-d {
	display: block;
	font: normal 18px Arial;
	color: #999;
}
.says {
	display: none;
}
.fn a, .fn {
	font: normal 12px Arial;
	color: #555;
	text-decoration: none;
	margin: 4px 0 0 0;
	display: block;
}

#respond {
	margin: 0;
}

#commentform input[type=text] {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	-moz-border-radius: 4px; -webkit-border-radius:4px;
	-moz-box-shadow:inset 0px 2px 2px #efefef; -webkit-box-shadow: inset 0 2px 2px #efefef;
	font: normal 12px Arial;
	color: #999;
}
#commentform textarea {
	width: 98%;
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	-moz-border-radius: 4px; -webkit-border-radius:4px;
	-moz-box-shadow:inset 0px 2px 2px #efefef;-webkit-box-shadow:inset 0 2px 2px #efefef;
	font: normal 16px Arial;
	color: #999;
}
#submit {
	background: #efefef;
	padding: 4px 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 20px; -webkit-border-radius:20px;
	font: normal 14px Arial;
	color: #777;
	-moz-box-shadow:inset 0px 10px 10px #fff; -webkit-box-shadow:inset 0 10px 10px #fff;
	cursor: pointer;
}

ul.resume, ul.resume-list {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}
ul.resume li {
	padding: 10px;
	-moz-border-radius: 4px; -webkit-border-radius:4px;
	-moz-box-shadow:inset 0 0 10px #efefef; -webkit-box-shadow:inset 0 0 10px #efefef;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}
ul.resume-list li {
	border: 1px solid #ddd;
	-moz-box-shadow: 0 1px 1px #efefef; -webkit-box-shadow:0 1px 1px #efefef;
}
ul.resume-list li a {
	color: #679700;
	text-decoration: none;
}

/* BreadCrumb Styles */
#bread {
	padding: 4px;
	margin:10px 0 -10px 20px;
	font:normal 11px Arial;
	color: #999;
}
#bread a {
	font:normal 11px Arial;
	color:#679700;
	display: block;
	float: left;
	padding: 0 16px 0 0;
	margin: 0 10px 0 0;
	text-decoration: none;
	background:url(images/bread-arrow.png) right no-repeat;
}
.clear {clear:both;}
#tagcloud {
	-moz-border-radius:4px; -webkit-border-radius:4px;
	-moz-box-shadow:inset 0 0 10px #bbb; -webkit-box-shadow:inset 0 0 10px #bbb;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}
#tagcloud a {
	font:normal 12px Arial;
	display: block;
	float: left;
	text-decoration: none;
	width:45%;
	margin: 0 10px 1px 0 ;	
	border-bottom: 1px solid #ccc;
	padding: 4px;
}
#tagcloud a:nth-child(even) {
	margin: 0 0 1px 0;
}
#s {
	padding: 4px;
	border: 1px solid #ccc;
	-moz-border-radius: 20px; -webkit-border-radius:20px;
	font: normal 12px Arial;
	color: #444;
	background: url(images/input.png) repeat-x;
}

#searchsubmit {
	background: #efefef;
	padding: 4px 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 20px; -webkit-border-radius:20px;
	font: normal 12px Arial;
	color: #777;
	-moz-box-shadow:inset 0px 10px 10px #fff; -webkit-box-shadow:inset 0 10px 10px #fff;
	cursor: pointer;
}
#home-search {
	padding: 10px 0 0 20px;
	margin: 0 0 -10px 0;
}
#home-search form {
	margin-left: 140px;
}
#home-search p {
	position: absolute;
	font: italic 12px Arial;
	margin: 0;
	padding: 6px 0 0 0;
}

#googly-ads {
	padding: 0 0 20px 20px;
	width: 234px;
}