/*

Theme Name: Adam Turtle Portfolio Site

Theme URI: http://www.adamturtle.com/

Description: My personal portfolio site Wordpress theme

Version: 2.0

Author: Adam Turtle

Author URI: http://www.adamturtle.com/

*/



	

/* =General Styles */

html {

	height:100%;

}



body {

	background:#2e2e2e url(images/body-bg.gif) repeat-x top center;

	height:100%;

	font: 14px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;

	color:#C4C4C4;

}



/* =Heading Styles */

div#container {

	width:1000px;

	position:relative;

	min-height:100%;

	height:auto!important;

	height:100%;

	margin:0 auto -25px;

}



div#branding {

	margin:20px 0 15px;

	width:302px;

}



h1#logo {

	display:none;

	text-indent:-9999px;

	width:302px;

	height:43px;

	margin-bottom:4px;

}



h2#strapline {
	font-family: Georgia, Times, serif;
	color:#B0B0B0;
	font-weight:450;
	text-align:right;
	letter-spacing:.1em;
	font-size: 0.8em;
	font-style: italic;
}



h2#strapline em {
	color:#0099ff;
	letter-spacing:.1em;
	margin:0 3px;
	font-style: italic;
}



div#searchbox {

	padding:10px;

	background:#444;

	float:right;

	position:relative;

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

	bottom:70px;

	right:40px;

}





	

/* =Navigation */

div#primary-navigation {

	width:960px;

	height:32px;

	font-weight:350;

}



div#primary-navigation

ul {

	list-style-type:none;

	margin:0;

	padding:20px 20px 0 0;

}



div#primary-navigation

ul li {

	float:left;

	margin:0;

	background:url(images/navigation/new/navtab.gif) no-repeat right top;

}



div#primary-navigation

ul li a {

	line-height: 1em;

	font-size: 16px;

	display:block;

	padding:8px 42px 8px 12px;

	text-decoration:none;

	color:#FFF;

}



div#primary-navigation

ul li a:hover {

	color:#777;

}



div#primary-navigation

ul li.first a {

	padding:8px 48px 8px 32px;

	background:url(images/navigation/new/navtab_first.gif) no-repeat;

}



div#primary-navigation

ul li.last {

	background:url(images/navigation/new/navtab_last.gif) no-repeat right top;

}



div#primary-navigation

ul li.last a {

	padding:8px 30px 8px 0;

}



div#primary-navigation

ul li#firstcurrent {

	background:#fff url(images/navigation/new/navtab_current.gif) no-repeat right top;

}



div#primary-navigation

ul li#firstcurrent a {

	background:url(images/navigation/new/navtab_current_first.gif) no-repeat;

	color:#FF0066;

}



div#primary-navigation

ul li#current {

	margin-left:-39px;

	background:#fff url(images/navigation/new/navtab_current.gif) no-repeat right top;

}



div#primary-navigation ul li#current a {

	padding:8px 48px 8px 39px;

	background:url(images/navigation/new/navtab_current_left.gif) no-repeat;

	color:#FF0066;

}



div#primary-navigation ul li#lastcurrent {

	margin-left:-39px;

	background:#fff url(images/navigation/new/navtab_current_last.gif) no-repeat right top;

}



div#primary-navigation

ul li#lastcurrent a {

	padding:8px 39px;

	background:url(images/navigation/new/navtab_current_left.gif) no-repeat;

	color:#FF0066;

}





	

/* =Content Layout */

div#primary-content {

	clear:both;

	padding:0 10px;

	width:980px;

	margin-left:-12px;

	height:420px;

	background:url(images/home-div-bg.png) no-repeat top left;

}



div#primary-content-small {

	clear:both;

	padding:0 10px;

	width:980px;

	margin-left:-12px;

	height:70px;

	overflow:hidden;

	position: relative;

	background:url(images/home-div-short-bg.png) no-repeat top left;

}



div.left-content,div.left-content-alt {

	width:266px;

	padding:20px;

	float:left;

}



div.right-content,div.right-content-alt {

	width:614px;

	position:relative;

	margin-left:20px;

	padding:20px;

	float:left;

}



div.content-span {

	padding:20px;

}



div.project-primary,div.project-secondary {

	margin-bottom:10px;

	clear:both;

}



div.project-secondary {

	background:#000;

}



div#footer-content {

	margin:20px auto;

	width:960px;

}



div#column-1,div#column-2,div#column-3 {

	float:left;

	width:286px;

	margin-right:20px;

	color:#F7F7F7;

	line-height:1.5em;

	padding-right:20px;

}



div#column-3 {

	margin-right:0;

	padding-right:0;

	width:306px;

}



div#column-1 ul {

	list-style:circle inside url(images/ul-li-image.gif);

	text-indent:0;

	letter-spacing:.1mm;

	font-weight:200;

}



div.article,div.article-alt {

	margin:-20px;

	width:940px;

	height:auto;

	margin-bottom:40px;

	padding:10px 0 10px 20px;

}



div.article-alt {

	background:#262626;

}



div#blog {

	width:614px;

	float:left;

	padding:20px;

	margin-right: 17px;

}



div#sidebar {

	width:278px;

	float:left;

	color:#F1F1F1;

	font-size:16px;

	margin-top:0;

}



div#sidebar ul {

	list-style:none;

	margin:0;

	margin-bottom:20px;

}



div#sidebar h2 {

	font-weight:300;

	color:#F1F1F1;

	margin-bottom:5px;

}



div#sidebar h2:first-child {

	margin-top:18px;

}



div#sidebar ul+h2 {

	margin-top:35px;

}



div#sidebar ul li {

	border-bottom:1px solid #555;

	margin-bottom:3px;

	padding:3px 0;

	color:#336699;

	font-size:12px;

}



div#sidebar ul li a {

	line-height:1.4em;

	font-size:12px;

	padding-left:0;

	color:#0099FF;

}



div#sidebar ul li a:hover {

	color:#F1F1F1;

}



div.right-content ul#suggestions li:hover {

	border-bottom:1px solid #AAA;

}



div#comment-area h3.commentcount {

	height:38px;

	line-height: 38px;

	color:#FFF;

	border-bottom: 1px solid #555;

	padding-bottom: 3px;

	margin-bottom: 5px;

}



div#comment-area {

	margin:0;

	margin-top: 40px;

	padding:0;

}



div#comment-area ol.commentlist img.wp-smiley {

	border:none;

	display:inline;

}



div#comment-area ol.commentlist {

	margin:0;

	margin-bottom:40px;

	padding: 0;

	text-indent: 0;

	line-height: 1em;

}



div#comment-area ol.commentlist li {

	position:relative;

	list-style: none;

	text-indent: 0;

	padding:10px 10px 1px 0;

	margin:10px 0 0;

	background: url(images/comment-bg.gif) repeat-x bottom center;

}



ol.commentlist li.author_comment {

	background:url(images/author-comment.png) no-repeat top right;

}



ol.commentlist li p {

	margin:0;

	padding:0;

}



div.comment-info {

	width: 140px;

	float:left;

}



div.comment-info ul {

	margin:0;

	padding:0;

}



div.clear {

	clear:both;

}



div#comment-area div.comment-info ul li {

	text-transform: capitalize;

	line-height: 1em;

	margin:0;

	padding:0;

	border:0;

	padding-bottom: 4px;

	background: none;

}



div.comment-info ul li.comment-date {

	font-size:12px;

}



div#comment-area div.comment-text {

	position:absolute;

	top:0px;

	left: 160px;

	width:500px;

}	



div#comment-area ol.commentlist li p {

	line-height: 1.5em;

	margin-top:-3px;

	margin-bottom: 1.5em;

	margin-left: 200px;

}



form#commentform input {

	background: #444;

	border: 0;

	width:180px;

	padding:5px;

	color:#F1F1F1;

	font-size:14px;

	border: 1px solid #555;

}



form#commentform textarea {

	background: #444;

	border: 0;

	padding:5px;

	color:#F1F1F1;

	font-size:16px;

	font-family: Helvetica, Arial, sans-serif;

	line-height: 1.5em;

	height: 80px;

	border: 1px solid #555;

}



form#commentform p label {

	margin-left: 17px;

}



/* =Typography Styles */

div.left-content h1,div.right-content h1,div.content-span h1,div#primary-content-small h1,div.project-primary h1 {

	color:#0099FF;

	text-transform: capitalize;

	font-size:24px;

	font-family:Georgia, Times, serif;

	font-weight:300;

	letter-spacing:.1mm;

	line-height:50px;

}



div#primary-content-small

h1 {

	padding-left:20px;

	line-height:60px;

}



div#primary-content-small

ul {

	position: absolute;

	top:78px;

}



div#primary-content-small

ul li {

	display:inline;

	position:relative;

	bottom:37px;

	padding-left:25px;

	font-size:12px;

	left:20px;

	line-height:24px;

	margin-right:20px;

	font-variant:small-caps;

	color:#777;

}



div#primary-content-small

ul li a {

	color:#FF0066;

}



div#primary-content-small

li#postdate {

	background:url(images/date/date-icon.png) no-repeat center left;

}



div#primary-content-small

li#category {

	background:url(images/date/folder.gif) no-repeat center left;

}



div#primary-content-small

li#comments {

	background:url(images/date/comment-icon.png) no-repeat center left;

}



div.left-content h2,div.right-content h2,div.project-primary h2 {

	font-family:Georgia, Times, serif;

	font-weight:200;

	color:#444;

	line-height:38px;

	margin-bottom:20px;

	font-size:38px;

}



div.right-content-alt h2 {

	font-family:Georgia, Times, serif;

	font-weight:200;

	color:#777;

	font-size:21px;

	margin-bottom:5px;

	line-height:20px;

}



div.right-content-alt

p+h2 {

	margin-top:25px;

}



div.right-content

h2.project-title {

	color:#FFF;

	position:absolute;

	font-size:24px;

	margin-left:10px;

	font-weight:100;

	bottom:65px;

}



div.content-span h2 a {

	font-size:32px;

	color:#0099FF;

	font-family:Georgia,Times,serif;

	font-weight:200;

}



div.project-secondary

h2,div.content-span h2 {

	color:#EEE;

}



div.left-content h3,div.content-span h3,div.project-primary h3 {

	font-family:Georgia, Times, serif;

	font-weight:200;

	font-style:italic;

	color:#BBB;

	border:none;

	margin-bottom:10px;

	font-size:18px;

}



div#column-1 h3,div#column-2 h3,div#column-3 h3 {

	font-family:Georgia, Times, serif;

	font-weight:100;

	font-size:26px;

	background:url(images/h3-underline.png) no-repeat bottom left;

	padding-bottom:10px;

	margin-bottom:15px;

}



img.RSS {

	position:absolute;

	bottom:25px;

	right:40px;

}



div#blog div.alert {

	background:#555;

	min-height:45px;

	margin:0;

	margin-bottom:15px;

	padding:10px;

	border-top:1px solid #0099FF;

}



div#blog div.alert	p {

	width:90%;

	float:right;

	text-align:left;

}



div#blog div.alert img {

	float:left;

	border:none;

	display:block;

	margin:5px 0;

}



div#comment-area ul	li {

	list-style:none;

}



p.avatar {

	float:left;

	margin:20px;

	display:block;

}



div#blog p+h3 {

	margin-top:25px;

}



div#blog img {

	display:block;

	margin:10px auto;

	max-width: 602px;

	border: 6px solid #232323;

}



div#blog p a.back {

	padding-left:20px;

	color:#FF0066;

	background:url(images/back-arrow.gif)no-repeat top left;

}



div.left-content p.main {

	color:#444;

	font-size:20px;

	padding-top:0;

	margin-top:-8px;

	line-height:1.5em;

}



div.left-content p.main

strong {

	color:#FF0066;

	font-weight:normal;

}



div.left-content p,div.right-content p,div.project-primary p {

	line-height:1.5em;

	color:#222;

	font-family:Arial, Helvetica, sans-serif;

	margin-bottom:10px;

	font-size:14px;

}



div.content-span p,div.right-content-alt p {

	line-height:1.5em;

	color:#C4C4C4;

	margin-bottom:10px;

	font-size:14px;

	font-weight:400;

}



div.content-span p strong,div.right-content-alt p strong {

	font-weight: bold;

	color:#FFF;

}



div.content-span p:first-child {

	font-size:18px;

}



div.content-span

h1:first-child {

	margin-bottom:30px;

}



div.left-content p a,div.right-content p a,div.right-content-alt p a,div.content-span p a,div.project-primary p a {

	color:#FF0066;

}



div.left-content p	a:hover,div.content-span p a:hover,div.project-primary p a:hover {

	border-bottom:1px dashed #FF0066;

}



div.left-content

a.visit-site,div.project-primary a.visit-site {

	padding-bottom:2px;

	color:#FF0066;

	font-size:14px;

	margin-top:20px;

	font-style:italic;

}



div.left-content p.more {

	text-align:right;

	margin:20px auto;

}



div.left-content p.more

a {

	text-align:center;

	font-style:italic;

	color:#FF0066;

	padding:5px;

	font-size:14px;

}



div.article a.read,div.article-alt a.read {
	background:#0099FF;
	color:#FFF;
	font-weight: bold;
	text-decoration:none;
	border:none;
	padding: 5px 8px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: 0.05em;
}



div.article a.read:hover,div.article-alt a.read:hover {
	background:#0077FF;
	color:#F1F1F1;
	text-decoration:none;
	border:none;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.4);
}



p.project-description {

	line-height:1.4em;

	margin-top:7px;

	font-size:14px;

	padding-left:5px;

	border-left:10px solid #0099FF;

	color:#444;

}



p.project-description	a {

	color:#FF0066;

}



div.project-secondary p {

	color:#F1F1F1;

}



div#column-1 a {

	color:#F1F1F1;

}



div#column-2 p {

	font-size:14px;

	font-weight:200;

}



div#column-2 p a.follow-me {

	display: block;

	font-size:14px;

	font-weight:200;

	color: #FF0066;

	margin-left:10px;

	margin-top: 10px;

	text-align:right;

}



p.twitter-message {

	font-size:14px;

	background:#262626;

	padding:2px 10px;

	width:258px;

}



.twitter-timestamp {

	font-style:italic;

	display:block;

	color:#777;

	font-size:12px;

	font-weight:100;

	text-align:right;

}



.twitter-timestamp

:before {

	content:"about ";

	background:none;

}



a.twitter-link {

	color:#FF0066;

}



a.twitter-user {

	color:#FF0066;

}



div.left-content p.cv {

	width:200px;

	height:50px;

	color:#F1F1F1;

	padding:10px;

	padding-left:60px;

	background:#262626 url(images/CV.png) no-repeat 2% 50%;

}



ul#contact {

	margin-top:45px;

	list-style-type:none;

}



ul#services li {
	width:400px;
	height:90px;
	float:left;
	margin-right:40px;
	margin-bottom:50px;
}



ul#services li#CMS {

	background:url(images/services/cms.png) no-repeat top left;

}



ul#services li#code {

	background:url(images/services/webstandards.png) no-repeat top left;

}



ul#services li#usability {

	background:url(images/services/usability.png) no-repeat top left;

}



ul#services li#seo {

	background:url(images/services/seo.png) no-repeat top left;

}



ul#services li h2 {

	padding-left:90px;

	font-weight:300;

	color:#F1F1F1;

	margin-bottom:3px;

}



ul#services li p {

	font-weight:300;

	padding-left:90px;

	color:#777;

	display:block;

	font-size:13px;

}



h1 em {

	color:#FF0066;

	font-style:normal;

}





	

/* =Image Styles */

img.portfolio-image-main {

	border:5px solid #DDD;

	margin-top:15px;

	max-width:606px;

	min-width:606px;

	max-height:300px;

	min-height:300px;

}



img.homepage-button {

	display:block;

	margin:20px auto;

}



img#portrait {

	display:block;

	border:5px solid #262626;

	margin:0 20px 15px 0;

}



div.push {

	height:50px;

}



a.homepageButton {

display:block;

width: 127px;

height: 35px;

background: url('http://adamturtle.com/wp-content/themes/adamturtle-v2/images/button.png') no-repeat top left;

line-height: 35px;

margin:0 auto;

padding: 0 3px;

text-align:center;

color: #FFF;

font-weight: bold;

text-shadow: #004c7e 1px 1px 0px;

float: left;

}



a.homepageButton:hover {

text-shadow: #004c7e -1px -1px 0px;

}



	

/* =Form Styles */

form.wpcf7-form {

	background:#262626;

	padding:20px;

	border-top:1px solid #555;

	border-bottom:1px solid #555;

}



form.wpcf7-form	textarea {

	font-family:Georgia, Times, serif;

	font-size:14px;

	line-height:1.5em;

}





/* =404 Styles */

div.right-content

ul#suggestions {

	list-style-type:none;

	width:400px;

	margin:20px 0;

}



div.right-content

ul#suggestions li {

	border-bottom:1px solid #CCC;

	background:#EEE;

	margin-bottom:5px;

	padding:3px 0;

}



div.right-content ul#suggestions li	a {

	line-height:1.5em;

	font-size:15px;

	padding-left:10px;

	color:#0099FF;

}



div.right-content ul#suggestions li:hover {

	border-bottom:1px solid #AAA;

}

	

/* =Blog Styles */

div.article h2,div.article-alt h2 {

	margin-bottom:15px;

	padding-bottom:5px;

	margin-left:60px;

	margin-right:20px;

	border-bottom:1px solid #777;

}



div.article-alt h2 a {

	color:#0077FF;

}



div.article h2 a:hover,div.article-alt h2 a:hover {

	background:#444;

}



div.shield p.date {

	width:42px;

	height:10px;

	color:#222;

	font-size:18px;

	font-weight:bold;

	padding:12px 0 14px;

	text-align:center;

}



p.date span {

	display:none;

}



.month1 {

	background:url(images/date/01.gif) no-repeat 0 0;

}



.month2 {

	background:url(images/date/02.gif) no-repeat 0 0;

}



.month3 {

	background:url(images/date/03.gif) no-repeat 0 0;

}



.month4 {

	background:url(images/date/04.gif) no-repeat 0 0;

}



.month5 {

	background:url(images/date/05.gif) no-repeat 0 0;

}



.month6 {

	background:url(images/date/06.gif) no-repeat 0 0;

}



.month7 {

	background:url(images/date/07.gif) no-repeat 0 0;

}



.month8 {

	background:url(images/date/08.gif) no-repeat 0 0;

}



.month9 {

	background:url(images/date/09.gif) no-repeat 0 0;

}



.month10 {

	background:url(images/date/10.gif) no-repeat 0 0;

}



.month11 {

	background:url(images/date/11.gif) no-repeat 0 0;

}



.month12 {

	background:url(images/date/12.gif) no-repeat 0 0;

}



.shield {

	position:relative;

	float:left;

	margin-top:6px;

}



.commentscloud {

	position:absolute;

	text-align:center;

	top:-6px;

	left:24px;

	width:28px;

	height:28px;

	color:#FF0066;

	font-size:14px;

	font-weight:bold;

	padding:4px 0 3px;

	background:url(images/date/bubble.png) no-repeat 0 0;

}



textarea#comment {

	width:100%;

	height:130px;

}





	

/* =Footer Styles */

div#footer {

	clear:both;

	height:225px;

	background:#222;

	border-top:1px solid #606060;

}



ul#Flickr {

	width:100%;

	padding:0;

}



ul#Flickr li {

	display:inline;

	margin-left:12px;

}



ul#Flickr img {

	height:72px;

	width:72px;

	border:5px solid #262626;

}



ul#Flickr li:first-child {

	margin-left:0;

}



div#footer p.copyright {

	color:#555;

	width:960px;

	font-size:13px;

	clear:both;

	border-top:1px solid #555;

	padding-top:10px;

	margin:180px auto 4px;

}





div#blog strong,

div#blog em,

div#blog code {

	color: #FFF;

}



div#blog acronym {

	border-bottom: 1px dotted #F1F1F1;

}



div#blog hr {

	border: 0 #ccc solid;

	border-top-width: 1px;

	clear: both;

	height: 0;

}



/* `Headings

----------------------------------------------------------------------------------------------------*/



div#blog h1 {

	font-size: 25px;

}



div#blog h2 {

	font-size: 23px;

}



div#blog h3 {

	font-size: 21px;

}



div#blog h4 {

	font-size: 19px;

}



div#blog h5 {

	font-size: 17px;

}



div#blog h6 {

	font-size: 15px;

}



/* `Links

----------------------------------------------------------------------------------------------------*/



div#blog a:focus {

	outline: 1px dotted invert;

}



div#blog a:link {

	color: #ff0066;

}



div#blog a:visited {

	color: #cc0066;

}





div#blog a:hover {

	border-bottom: 1px solid #ff0066;

}





div#blog a:active {

	color: #ff0066;

}



/* `Lists

----------------------------------------------------------------------------------------------------*/



div#blog ol {

	list-style: decimal inside;

}



div#blog ul {

	list-style:circle inside url(images/ul-li-body.gif);

}



div#blog li {

	margin-left: 20px;

}



div#blog ul.series {

	background: #232323;

	padding:20px 10px;

}



div#blog ul.series li a {

	font-weight:bold;

}



div#blog ul.series li {

	list-style:inside disc;

	margin-bottom: 1em;

}



div#blog ul.series li:last-child {

	margin-bottom: 0;

}



div#blog ul.series li p {

	margin-left: 12px;

}



div#blog ul.series li p:last-child {

	margin-bottom:0;

}





div#blog p,

div#blog dl,

div#blog hr,

div#blog ol,

div#blog ul,

div#blog pre,

div#blog table,

div#blog address,

div#blog fieldset {

	margin-bottom: 20px;

}



div#blog blockquote {

	background: #444;

	padding:10px;

	margin: 20px;

	margin-bottom: 0;

	text-align: center;

	font-style: italic;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}



div#blog cite {

	margin:0 10px 20px auto;

	padding-top: 15px;

	display: block;

	text-align:center;

	width:200px;

	background: url(images/blockquote-cite2.gif) no-repeat top	center;

}



div#blog h1,

div#blog h2,

div#blog h3,

div#blog h4,

div#blog h5,

div#blog h6 {

	color:#FFF;

	margin-bottom: 10px;

}



div#blog pre code {

	background: #444;

	padding:10px;

	margin: 20px;

	border: 1px solid #777;

	display:block;

}