/*   
Theme Name: samplusone
Theme URI: 
Description: Custom theme for http://sampl.us/
Author: Sam Pierce Lolla
Author URI: http://sampl.us/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

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

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

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

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* GLOBAL */
body {
	font-size:14px;
	background:#f2f2f2;
}
#main {
	padding:66px 0 22px;
}
#container {
	padding:66px 0 0 0;
	border-right:1px solid #DDDDDD;
}

#container {
	padding:0;
}

/* TAGS */
a:link{color:#000;}
a:visited{color:#666;}
::-moz-selection {
	background: #33bbff;
	color:#fff;
}
::selection {
	background: #33bbff;
	color:#fff;
}

/* HEADER */
#header {
	background:#fff;
	border-bottom:1px solid #EEEEEE;
	overflow:auto;
}
#branding {
	overflow: hidden;
	padding:44px 0;
}
/*#blog-title {
	float:left;
	width:140px;
}
#blog-title span {
	background:#000;
	color:#fff;
	padding:.5em;
	font-size:26px;
}
#blog-title a {
	color:#fff;
	font-family:"Lucida Grande", sans-serif;
}*/

#blog-title {
	float:left;
	width:160px;
}

#blog-title a {
	display:block;
	text-indent:-9000px;
	height: 66px;
	width: 128px;
	
	box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
}


#blog-title a {
	background:url(img/logo1.gif) no-repeat;
}
#blog-title a:hover {
	background:url(img/logo1.gif) no-repeat;
	background-position: 0px -66px;
}
#blog-title a:active {
	background:url(img/logo1.gif) no-repeat;
	background-position: 0px -132px;
}

/*#blog-title a {
	background:#333 url(img/sampl_letters1_w.png) no-repeat scroll center center;
	border:4px solid #000;
}
#blog-title a:hover {
	background:#33bbff url(img/sampl_letters1_k.png) no-repeat scroll center center;
	border:4px solid #000;
}
#blog-title a:active {
	background:#33bbff url(img/sampl_letters1_w.png) no-repeat scroll center center;
	border:4px solid #000;
}*/

#blog-description {
	clear:none;
	float:left;
	width:200px;
	font-style:normal;
	position:relative;
	top:22px;
}

/*#access {display:none;}*/

#access {
	border:none;
	margin-top:-30px;
	top:-70px;
	z-index:0;
	height:0;
}

.sf-menu {
	border:none;
	float:right;
	border-right:1px solid #ddd;
	font-size:17px;
	font-style:italic;
}

.sf-menu li {
	border:none;
	border-left:1px solid #ddd;
}

.sf-menu li a {
	border:none;
	background:#fff;
}
.sf-menu li a:hover {
	background:#eee;
	font-style:normal;
	color:#000;
}


/* MAIN */
.entry-title {
	font-size:26px;
}

/*.entry-content {color:#333;}*/
.entry-content a:link {color:#000;}
.entry-content a:hover {color:#000;}
.entry-content a:active {color:#000;}
.entry-content a:visited {color:#666;}

.entry-content img {
	box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
}
/*
.entry-content img {border:3px solid #333333;}
.entry-content img:hover {border:3px solid #33bbff;}
*/

.more-link {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	padding:.5em 1em;
	text-decoration:none;
	font-family:Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
.more-link:link {
	background:#000;
	color:#fff !important;
}
.more-link:hover {
	background:#33bbff;
	color:#000 !important;
}
.more-link:active {
	background:#33bbff;
	color:#fff !important;
}
.more-link:visited {
	background:#000;
	color:#fff !important;
}

#comments-list ol {
	border-width:0;
}

.hentry {
	border-bottom:1px solid #DDDDDD;
	padding:22px 0 0;
}
.p1 {padding:0;}

.post pre {
	background:#333;
	padding:1em;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	
	box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	
	margin-right:0.5em;
}
.post code {
	font-size:10px;
	line-height:16px;
	color:#FFF;
}
.post code::-moz-selection {
	background: #fff;
	color:#000;
}

.post code::selection {
	background: #fff;
	color:#000;
}


#nav-below {
	padding-top:22px;
}


/* COMMENTS */
#respond {
	background:none;
}

#form-section-comment .form-label {display:none;}
#form-allowed-tags{display:none;}
.form-submit {text-align:left;}

#comments-list li {
	padding:18px 0 0;
	background:none;
}
#comments-list li.alt {
	background:none;
}

#comments-list li .avatar {
	left:0;
}


#comments-list li .avatar {
	display:none;
}
#comments-list .comment-meta, #comments-list .comment-author {
	padding:0 0 9px 0;
}


/* SIDEBAR */
.main-aside {	
	font-family:Arial, sans-serif;
}

.main-aside h3 {
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	font-style:normal;
}
.main-aside li {
	list-style:none;
}

.xoxo {
	margin:0;
}

input#s{
	color:#333;
}
/*
.aside #searchsubmit{
	display:inline;
	background:#c3c3c3;
	color:#fff;
}
.aside #searchsubmit:hover{
	background:#666666;
	cursor:pointer;
}*/

#primary {
	padding:0;
	border:none;
	margin:0;
}
#primary ul ul {
	margin:0;
	color:#000000;
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
}
#primary ul ul li {
	border-bottom:1px solid #ddd;
	padding:8px 0;
}
#primary ul ul a {
	text-decoration:none;
}

#primary .widgettitle {
	display:none;
}


.widgetcontainer {
	padding-bottom: 20px;
}

/* FOOTER */

#footer {
	border: none;
}

#siteinfo {
	border-top: 1px solid #ddd;
}


/* FORMS */
form input, textarea {
	border:none;
	background:#ddd;
	padding:.5em;
}

form input button {
	background:#000;
	color:#fff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:.5em 1em;
	text-decoration:none;
	font-family:Georgia, serif;
}

div.wpcf7-mail-sent-ok  {
	background:#33bbff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:.5em 1em;
	border:none;
}


/* EXTRAS */
.download {
	padding:10px;
	background:#fff;
	border:1px solid #ddd;
}

.title-note {
	float:right;
	position:relative;
	top:-50px;
}

.super-header {
	font-size:40px !important;
	letter-spacing:-0.02em !important;
	font-family:Arial,sans-serif !important;
	font-weight:bold !important;
	line-height:38px !important;
	padding:0 0 44px !important;
}

.entry-title a {
	text-shadow: 1px 1px #fff;
}




/*

.home .entry-content img {
	width:250px;
	height:150px;
	border:3px solid #fafafa;

}
.home .entry-content img:hover {
	border:3px solid #000;
}
.home .entry-content {
	padding:0;
}

.home .thumbz {
	padding:0 10px 0 0;
	float:left;
	width:255px;
	clear:none;
}

.home .thumbz h2 a {
	font-family:Arial,sans-serif;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	padding:14px 0 4px;
}
.home .thumbz h2 a:hover {text-decoration:underline;}

*/





/* SLUG:WEB */

.slug-web #container {
 width: 960px;
}
.slug-web #content {
 width: 940px;
}
.slug-web #primary, .slug-web #secondary {
 display:none;
}

/*.slug-web p, ul, ol {
	font-family:Arial,sans-serif;
	color:#555;
}*/

.slug-web .entry-title {
	display:none;
}

.slug-web #main {
	overflow:visible;
	padding-top:50px;
}

.slug-web #container {
	border:none;
}

.slug-web .entry-content {
	padding-top:0;
}

.slug-web .web-pic {
	position:absolute;
	box-shadow: 0 0 0 #eee;
	-webkit-box-shadow: 0 0 0 #eee;
	-moz-box-shadow: 0px 0px 0px #eee;
}

.slug-web #port {
	right:10px;
	top:-38px;
	z-index:100;
}
.slug-web #d-glasses {
	left:552px;
	top:86px;
	z-index:105;
}
.slug-web #d-tie {
	left:636px;
	top:327px;
	z-index:104;
}
.slug-web #d-pens {
	left:788px;
	top:441px;
	z-index:103;
}
.slug-web #d-badge {
	left:531px;
	top:408px;
	z-index:102;
}
.slug-web #drag-me {
	position:absolute;
	right:10px;
	top:-48px;
	z-index:99;
	display:none;
}
.slug-web .web-pic-wrapper {
	z-index:999;
	margin:0 auto;
}

.slug-web .web-desc {
	border-bottom:1px solid #ddd;
	height:500px;
}
.slug-web .web-desc p {
	width:50%;
}
.slug-web .web-desc .super-sub {
	font-size:16px;
	font-style:italic;
	line-height:26px;
	font-family:Georgia,serif;
	color:#666666;
}

.slug-web .web-desc .button {
	color:#FFFFFF !important;
	cursor:pointer;
	display:block;
	font-family:Arial,sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:4em 0;
	padding:1em 0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:200px;
	height:20px;
	text-shadow: #666 1px 1px 2px;

	background:url("img/cta_button2.png") no-repeat;
}
.slug-web .web-desc .button:hover {
	background:url("img/cta_button2.png") no-repeat;
	background-position: 0px -50px;
}
.slug-web .web-desc .button:active {
	background:url("img/cta_button2.png") no-repeat;
	background-position: 0px -100px;
	color:#000 !important;
	color:#fff !important;
	line-height:24px;
	text-shadow: #000 1px 1px 2px;
}

.slug-web .web-port {
	border-bottom:1px solid #ddd;
	overflow:hidden;
	/*-moz-border-radius:20px 20px 20px 20px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #DDDDDD;
	padding:20px;*/
}

.slug-web .project {
	display:block;
	float:left;
	width:286px;
	margin-right:40px;
	padding-top:20px;
}
.slug-web .alpha {
	clear:left;
}
.slug-web .omega {
	margin-right:0;
}
.slug-web .web-port {
	padding-bottom:14px;
	
}
.slug-web .web-port .project img {
	position:relative;
	width:286px;
	height:320px;
	float:left;
}
.slug-web .web-port .project img:hover {
	top:1px;
    left:1px;
}
.slug-web .web-port h3 {
	padding-top:14px;
}
.slug-web .web-port .project p {
	padding:0 0 14px 0;
}
.slug-web .web-port .project .more-link {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	padding:.5em 1em;
	text-decoration:none;
	font-family:Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
	top:2em;
}

.slug-web .web-contact {
	overflow:hidden;
}
.slug-web .web-contact h3 {
	padding-top:0;
}
.slug-web .web-contact .card {
	border-top:1px solid #ddd;
	padding-top:20px;
}

.slug-web .catz {
	margin:0;
}
.slug-web .catz li {
	border-bottom:1px solid #DDDDDD;
	padding:8px 0;
	color:#000000;
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
	list-style:none;
	font-family:Arial,sans-serif;
}
.slug-web .catz li a {
	text-decoration:none;
}

/*
.slug-web .col2 {
	display:block;
	float:left;
	width:430px;
	margin-right:40px;
}
.wpcf7-form {
	font-family:Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	letter-spacing:0.05em;
	text-transform:uppercase;
}

.wpcf7-not-valid-tip, .wpcf7-validation-errors, .wpcf7-mail-sent-ok {
	background:#FFDDDD;
	font-size:10pt;
	left:0;
	padding:2px;
	position:relative;
	top:0;
	border:none;
	z-index:100;
}

.wpcf7-mail-sent-ok {
	background:#DDFFDD;
}*/

.slug-web form input, .slug-web textarea {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	width:272px;
	/*background:#fff;
	box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;*/
}
.slug-web form input[type=submit]{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#000000;
	color:#FFFFFF !important;
	cursor:pointer;
	display:block;
	font-family:Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:1em 0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:140px;
}
.slug-web form input[type=submit]:hover {
	background:#33bbff;
	color:#000 !important;
}


/* SLUG:RESUME*/

.slug-resume .entry-content {
	margin-left:140px;
}

.slug-resume .entry-content h3 {
	clear:none;
}

.slug-resume .entry-content h2 {
	float:left;
	margin-left:-140px;
	width:120px;
	padding:28px 0px 14px;
	text-align:right;
	width:120px;
}

.slug-resume .entry-content ul {
	padding-top:28px;
	list-style:none outside none;
	margin-left:0;
}
.slug-resume .entry-content p {
	margin-bottom:0;
}



/* SLUG:ABOUT */

.slug-about #container {
 width: 960px;
}
.slug-about #content {
 width: 940px;
}
.slug-about #primary, .slug-about #secondary {
 display:none;
}
.slug-about .entry-content {
	padding-top:0;
}
.slug-about .hentry {
	overflow:auto;
	border:none;
}
.slug-about .entry-title {
	display:none;
}
.slug-about .about-bar {
	border-top:1px solid #ddd;
	clear:both;
}
.slug-about .project {
	display:block;
	float:left;
	width:286px;
	margin-right:40px;
	padding-top:20px;
}
.slug-about .alpha {
	clear:left;
}
.slug-about .omega {
	margin-right:0;
}

.slug-about form input, .slug-about textarea {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	width:272px;
	/*background:#fff;
	box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;*/
}
.slug-about form input[type=submit]{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#000000;
	color:#FFFFFF !important;
	cursor:pointer;
	display:block;
	font-family:Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:1em 0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:140px;
}
.slug-about form input[type=submit]:hover {
	background:#33bbff;
	color:#000 !important;
}
.slug-about .catz {
	margin:0;
}
.slug-about .catz li {
	border-bottom:1px solid #DDDDDD;
	padding:8px 0;
	color:#000000;
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
	list-style:none;
	font-family:Arial,sans-serif;
}
.slug-about .catz li a {
	text-decoration:none;
}

.draggable {
	cursor:move;
	z-index:100;
}