/* ----------------------------------------
Theme Name: Blackspike.com
Theme URI: http://www.blackspike.com
Description: Blackspike minimum reset
Version: 1.0
Author: Felix Corke
Author URI: http://www.blackspike.com
Last Modified: 2008.08.12
Provides: Theme definition file for WordPress 2.6
---------------------------------------- */


/* ******* handy debugging crap

Blackspike.com 2008 V2 Default Stylee

div {background-color:red;}
div {border:1px green solid;}
 
 red: 		#990000
 grey:	 	#7C7C7C
 pink:		#FF3366
 green:		#666
 bloo:		#00CFD3
}


 ******* */
 

/* ******* RESET ****** */

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;	padding:0; font-size:100%;}

table {border-collapse:collapse; border-spacing:0; }

img,abbr,acronym  {border:0;}

address,caption,em,th {font-style:normal; font-weight:bold; font-size: 100%}
	
ul, ol  {margin:0 1em 1em; }
ul      {list-style-type: square; }
ol      {list-style-type: decimal; }

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}


/* ******* Blackspike SETTINGS ******* */

body{font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size: 75%; color:#000; background: #eee}

p, dl, dt, dd, table, tr, td, ul, li, ol, input, textarea, select {font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size:100%; text-align:left;  line-height:140%}

p {margin:1em 0}

pre,code,tt	 {font-size: 127.5%; padding:10px 0}
input {line-height:100%}

h1, h2, h3, h4, h5, h6 {font-family: Arial, Segoe UI, Sans-serif; line-height:100%; }

h1 {font-size:3em; line-height:1; margin-bottom:0.5em;}
h2 {font-size:2em; margin-bottom:0.75em;}
h3 {font-size:1.5em; line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em; line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em; font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em; font-weight:bold;}

small{font-size:91%}

hr {height:1px; margin: 3em 0;  border:none; border-top:1px solid #ddd; clear:both;}

blockquote{padding:0.5em 1em; border:1px solid #ccc; background-color:#eee;}

dt {padding:0.5em; font-weight:bold; border-bottom:1px solid #ccc;}
dd {padding:0.5em; background:#f5f5f5; border-bottom:1px solid #ddd;}



/* ******* FLOATS ******* */

.floatRight, .alignright	{float:right; margin:0 0 1em 1em}
.floatLeft, .alignleft		{float:left; margin:0 1em 1em 0}
.floatRightNoPadding 	{float:right; margin:0}
.floatLeftNoPadding  	{float:left;  margin:0}

.right 	{text-align:right;}
.left 	{text-align:left;}
.center	{text-align: center; display: block}
.clear 	{clear:both}

.hide 	{display: none}


/* ******* FORMS ******* */

label { font-weight: bold; }
fieldset    { padding:1.4em; margin: 1em 0; border: 1px solid #ddd; }
legend      { font-weight: bold; font-size:1.2em; }
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
textarea            { width: 400px; height: 150px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }

/* ******* LINX ******* */

a					{color: #666; text-decoration:none; }
a:link				{text-decoration:none}
a:visited			{text-decoration:none; color: #666}
a:hover				{text-decoration:none; color: #111 }
a:active			{text-decoration:none; color: #000;}


/* ******* TABLES ******* */

table, td, th {border:1px solid #ddd; border-collapse: collapse; border-spacing:0}
th {background: #ddd}
td, th {padding:5px 10px}
caption  {padding:10px 0}

/* ******* LISTS ******* */

.resetUL	{margin: 0;}
.resetUL li {list-style-type:none; margin: 0; padding: 0; display: inline}


/* ******* NAVIGATION ******* */

#nav ul, #nav ul li {padding:0; margin:0;  list-style: none;display: inline;  }

#nav a 			{margin-right: 20px; font-size: 1.25em; outline: none; display: inline; line-height:100%}
#nav a:hover	{color: #6f7210; text-decoration: none;}

.postNavigation {padding: 20px 0}

/* ******* LAYOUT ******* */

#container	{width:960px; margin:2em auto; background: #fff}
#header		{clear:both;  } /*background: url('../images/qestLogo.jpg') no-repeat top right;*/
	#logos	{float: right; width: 380px; margin: -20px -30px 0 0}
	#nav	{margin: 1em 3em}
#content	{clear:both; margin: 30px 0}

#sidebar	{width: 380px; float:right}
#footer		{clear:both; border-top:1px solid #ddd; padding: 3em; margin: 3em auto; color: #666}
	#footer	span {margin: 0 10px}

#header, #content, #footer	{padding: 2em 3em}


#sidebar a	{margin-bottom: 2em}

#narrowCol 	{width: 400px}

#header		h2 {color: #ccc;}

.date	{font-size: 14px; color: #666; margin-bottom: 30px; margin-top: -10px}

.contactLink, .sold	{margin: 50px 0 30px; clear: both}

.social	{margin: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0; clear: both}
.social li {list-style-type:none; margin: 0; padding: 10px 20px 10px 0; font-size: 11px; display: inline}


/* ******* PHP GALLERY ******* */

.phpGalleryContainer, .phpGalleryContainer ul {width:888px;  margin: 0 auto; text-align: center; display: block}
.phpGalleryContainer ul, .phpGalleryContainer li {margin: 0 auto; padding: 0;}
.phpGalleryContainer li {display: inline; list-style-type:none; }

.phpGalleryContainer ul li img {width:270px; height:270px; margin: 11px; }

/* ******* EDIT PAGE LINK ****** */

a.post-edit-link, a.post-edit-link:visited {position: absolute; width: 30px; height: 40px; font-weight: bold;  right: 5px; margin-top: 5px; position: fixed; font-size: 125%; background: #8C8C8C; color: #fff; padding: 10px; font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

a.post-edit-link:hover {background: #000;  }
