/*
Theme Name: Cruce Design
Theme URI: www.crucedesign.com
Description: Custom theme for Cruce Design
Version: 2.0
Author: Daniel Kedinger
Author URI: http://crucedesign.com
*/

/* Neutralize styling: Elements we want to clean out entirely */
html, body, form, fieldset {
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #603913;
}

body {
	background: url(images/bg.jpg) repeat;
	font-size: 100%;
		
}
.hidden, #sharethis_0 {
	display: none;
	visibility: hidden;
}
.clear {
	clear: both;
}
a img {border: none;}
a {text-decoration: none;}
#wrap {
	min-height: 100%;
	height: 100%;
}
#header {
	
}

#menu {
	
}
#sidebar {
	background-color: #f4efcd;
	text-align: center;
	min-height: 910px;
}
#logo {
	margin: 30px;
}

#logo a#name  span {display: none;}
#logo a#home {
	display: block;
	background: url(images/cruce-face-logo.png) no-repeat;
	width: 141px;
	height: 209px;	
}
#logo a#home span {
	display: none;
}
#logo h1 {
	margin-bottom: 50px;
}
#sidebar #logo {
	padding: 0 10px 0 10px;
}
#side-blog {
	padding-right: 10px;
}
#side-blog h2, #contact h2 {
	text-indent: -9999px;
	float: left;
	margin: 0;	
}
#side-blog h2  {
	background: url(images/blog-bg.png) no-repeat;
	width: 21px;
	height: 82px;
}
#side-blog .date {
	color: #007db6;
	font-size: 12px;
}
#side-blog .title a, .widget h2 {
	color: #dcaf27;
	font-size: 16px;
	font-weight: normal;
}
#side-blog .title {
	line-height: 14px;
}
#side-blog .entry {
	margin-bottom: 40px;
	padding-left: 27px;
}
#sidebar #contact {
	color: #603913;
	font-size: 14px;
	text-align: left;
	line-height: 14px;
}
#sidebar #contact p a {
	color:#007DB6;
}
#sidebar #contact h2  {
	background: url(images/contact-bg.png) no-repeat;
	width: 21px;
	height: 100px;
}
#sidebar #contact address {
	margin-bottom: 0;
	font-style: normal;
	padding-left: 40px;
}
#sidebar #contact address span {
	display: none;
}
#sidebar #contact p {
	padding-left: 40px;
	margin: 0 0 15px 0;
}
#sidebar #contact ul {
	list-style: none;
	margin: 0;
}
#sidebar #contact li {
	float: left;
	margin: 0;
	margin-right: 10px;
}
#sidebar #contact #contact-form {
	margin-top: 40px;
}
#sidebar #contact-form #usermessage3b {
	font-size: 14px;
	width: 150px;
	background: none;
	color:#007DB6;
	text-align: center;
}
#sidebar #recent-comments-3 {margin-bottom: 10px; border-bottom:1px dotted #DCAF27;}
#sidebar .widget {text-align: left; padding: 5px; font-size: 12px; border-top:1px dotted #DCAF27; margin: 0 10px;}
#sidebar .widget h2.widgettitle {font-size: 18px;}
#sidebar .widget ul {margin-left: 15px; padding-left: 0;}
#sidebar .widget li {margin-bottom: 5px;}
#sidebar #twitter-tools ul {margin-left: 0; padding-left: 0;}
#sidebar #twitter-tools li {list-style: none; margin-bottom: 10px;}
#sidebar #sfc-fanbox-3 {padding: 10px 0;}
#sidebar .widget a {white-space: pre;           /* CSS 2.0 */
white-space: pre-wrap;      /* CSS 2.1 */
white-space: pre-line;      /* CSS 3.0 */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap;  /* HP Printers */
word-wrap: break-word;      /* IE 5+ */
}

.linklove {display: none;}
#contact-form .cform {
	margin-left: 30px;
	width: 150px;
}
#contact-form .cform input, #contact-form .cform textarea {
	width: 150px;
}
#contact-form .cform span.reqtxt, #contact-form .cform span.emailreqtxt {
	margin-left: 10px;
}
#contact-form .cform input.sendbutton {
	margin-left: 13px;
}
#contact-form .cform label {
	display: none;
}
#contact-form .cform input, #contact-form .cform textarea {
	border: 1px solid #dcaf27;
	background: none;
	color: #603913;
}
#contact-form .cform .seccap {
	display: block;
}
#contact-form .cform .secinput {
	width: 150px;
	margin-bottom: 5px;
}
#contact-form .cform input.sendbutton {
	background: none;
	border: none !important;
	color: #603913;
	text-align: right;
	cursor: pointer;
}
#content #usermessage3b {
	float: right;
	width: 410px;
	background: none;
	color: #007DB6;
}
#header {
	margin-bottom: 10px;
}
#header #nav {
	text-align: right;
}
#header #nav ul {
	list-style: none;
	line-height: 12px;
}
#header #nav li {
	display: inline;
	margin: 0 10px 0px 0px;
	padding-right: 10px;
	border-right: 2px solid #dcaf27;
	color: #dcaf27;
}
#header #nav li.page-item-299 {
	border: none;
	padding: 0;
	margin: 0;
}
#header #nav {
	margin-top: 30px;
}
#header #nav li a {
	color: #dcaf27;
	text-transform: uppercase;
}
#header #nav li a:hover {
	color: #603913;
}
#header #nav li.current_page_item a{
	color: #603913;
	font-size: 34px;
}
#header #description {
	margin: 50px 0 50px 0;
}
#header #description h2 {
	background: url(images/design-dev-geek.png) no-repeat;
	width: 700px;
	height: 59px;
	text-indent: -9999px;
}
#featured .main-image {
	background: url(images/featured-work.png) no-repeat 30px 0px;
	padding-top: 11px;
}
#featured .other-image {
	float: left;
}
#content #portfolio, #content #about, #content #contact {
	margin-top: 40px;
}
#content .web {
	background: url(images/web-tab.png) no-repeat right 0px;
	padding-top: 11px;
}
#content .print {
	background: url(images/print-tab.png) no-repeat right 0px;
	padding-top: 11px;
}

#more-work, #pdf-samples {
	float: right;
}
#content #more-work a, #content #pdf-samples a  {
	display: block;
	width: 338px;
	height: 48px;
}
#more-work a {
	background: url(images/more-work.png) no-repeat;	
}
#pdf-samples a {
	background: url(images/pdf-samples.png) no-repeat;	
}
#content #more-work a span, #content #pdf-samples a span {
	display: none;
}
#content #portfolio .title, #content #portfolio .entry {
	margin: 0 10px 0 10px;
}
#content #portfolio .title, #content #portfolio .entry p {
	color: #603913;
	line-height:18px;
	text-align:left;
}
#content .post {
	margin-bottom: 30px;
}
#content #portfolio .post .title a {
	color:#007DB6;
	font-size: 20px;
}
#content #portfolio .post .title a:hover {
	border-bottom: 1px dotted #007DB6;
}
#content #portfolio .entry a {
	color:#007DB6;
	text-decoration: none;
	border-bottom: 1px dotted #007DB6;
}
#content #portfolio .main-image {
	background: url(images/portfolio-bg.png) no-repeat top center;
	height: 180px;
	width: 172px;
	padding: 25px 25px 25px 36px;
	float: left;
}
#content #portfolio .main-image p {
	float:left;
	margin:0;
	overflow:hidden; /* this is important */
	}
	/* input values to crop the image: top, right, bottom, left */
#content #portfolio .main-image p img{
	margin:-139px -269px;
	}
	#screenshot{
		position:absolute;
		padding:5px;
		display:none;
		color:#fff;
		}
#content .more-link {
	font-size: 12px;
	margin-bottom: 10px;
}
#content .more-link a {
	color:#007DB6;
}
#content #page a, #content #blog a, #sidebar .widget a {
	color:#007DB6;
	text-decoration: none;
	border-bottom: 1px dotted #007DB6;
}
#content h2, #content h3, #content h4, #content h5, #content h6 {
	clear: both;
}
#content img.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
}
#content img.alignright {
	float: right;
	margin:0px 0px 10px 10px;
}
#content .aligncenter {
	text-align: center;
}
#content #page .cform {
	float: right;
	margin: 0 0 20px 20px;
}
#blog {
	margin-top: 55px;
}
#blog .title {
	border-top: 1px dotted #DCAF27;
	border-bottom: 1px dotted #DCAF27;
	padding: 10px;
}
#blog .title h2 {
	color: #007DB6;
	font-size: 30px;
	margin: 0px;
	clear: none;
}
#blog .title .date .posted {
	display: none;
}
#blog .title .date {
	float: right;
	width: 47px;
	height: 47px;
	background: url(images/date.gif) no-repeat;
	font-style: italic;
	font-size: 11px;
	text-align: center;
	color: #F4EFCD;
	padding-top: 4px;
}
#blog .title .date span {
	display: block;
}
#blog .title .date .day {
	font-size: 20px;
}
#content #blog .meta a.stbutton {
	border: none;
}
#content #blog .meta a.stbutton .stbuttontext {
	border-bottom: 1px dotted;
}
#content #blog .title h2 a {
	border: none;
}
#content #blog .meta {
	font-size: 9px;
}
#content #blog .entry , #content #blog .comments{
	padding: 0 10px 0 10px;
}
#content #blog .entry p {
	font-size: 14px;
	line-height: 18px;
}
#content #blog .entry .meta {
	clear: both;
}
#content #blog .comments textarea {
	width: 100%;
}

#page .cform label, #page .cform input, #page .cform select, #page .cform textarea {
	color:#603913;
}
#page .cform input, #page .cform textarea, #page .cform select {
	background: none;
	border: 1px solid #DCAF27;
}

#page .cform input:hover, #page .cform textarea:hover, #page .cform select:hover {
	border: 1px solid #007DB6;
}
#page .cform legend {
	color: #DCAF27;
	border-bottom: 1px solid #DCAF27;
}
#page .cform ol.cf-ol {
	border: none;
}
#page .cform input.sendbutton {
	background: #DCAF27;
}
#footer {
	margin-bottom: 40px;
	clear:both;
}



/* Footer Elements */