/* ----------------------------------------
Theme Name: JoConlon.com 2
Theme URI: http://www.blackspike.com
Description: JoConlon.com Version 2 
Version: 2.0
Author: Felix Corke
Author URI: http://www.blackspike.com
Last Modified: 2008.08.20
Provides: Theme definition file for WordPress 2.6
---------------------------------------- */



/* ******* 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;}


/* ******* JoConlon DEFAULT SETTINGS ******* */

body{font-family:  Segoe UI, Arial, Helvetica, sans-serif; font-size: 75%;}

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:160%}

p {margin:0.2em 0 1em}

pre,code,tt	 {font-size: 127.5%; padding:10px 0}
input {line-height:100%}
cite, em, i {font-style: normal; font-weight: bold}

h1, h2, h3, h4, h5, h6 {font-family:  Segoe UI, Arial, Helvetica, sans-serif; line-height:100%; font-weight: bold; padding: 0.3em 0 0.5em; }

/* LARGE
h1 {font-size:3em; line-height:1; margin-bottom:0.2em; color: #969f86}
h2 {font-size:1.5em;  font-weight: bold; margin-bottom:0.2em;}
h3 {font-size:1.166em; line-height:1.25; margin-bottom:1em; color: #625324; text-transform: uppercase; font-weight: bold}
h4 {font-size:1em; 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;}
*/

h1 {font-size:2em; font-weight: bold; line-height:1; margin-bottom:0.2em; color: #969f86}
h2 {font-size:1.5em;  font-weight: bold; margin-bottom:0.2em;}
h3 {font-size:1.166em; line-height:1.25; margin-bottom:0.5em 0 0.2em;  font-weight: bold}
h4 {font-size:1em; 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.6%}

hr {height:1px; margin: 1em 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				{float:right; margin:0 0 1em 1em}
.floatLeft				{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;}

.clear {clear:both}

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

label 		{ font-weight: bold; }
fieldset    { padding:1.4em; margin: 1em 0; border: 1px solid #999;}
legend      { font-weight: bold; font-size:1em; padding:0.5em 1em;  color: #000 }
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: 250px; 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: #f77526; text-decoration:none; }
a:link				{text-decoration:none}
a:visited			{text-decoration:none; color: #}
a:hover				{text-decoration:none; color: #666 }
a:active			{text-decoration:none; color: #f77526;}

/* ******* 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}

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

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

#mainNav a 			{margin-right: 40px; ; font-size: 1.5em; outline: none; display: inline; line-height:100%}
#mainNav a:visited 	{color: #ccc6a9;}
#mainNav a:hover, #mainNav li.current_page_item a:hover 	{color: #f77526; text-decoration: none;}
#mainNav a:active, #mainNav li.current_page_item a:active 	{color: #f77526; text-decoration: none;}

#mainNav li.current_page_item a{color: #f77526; font-weight: bold}

h2 a:link	 {color: #666;}
h2 a:visited {color: #666;}
h2 a:hover 	 {color: #f77526;}

#content a {font-weight: bold}

/* ******* JoConlon2 SETTINGS 2 ******* */


body {background:#ccc6a9 url('images/JoBG.jpg')}
#container {background: url('images/joBGStrip.png') center repeat-y}

/* ******* LAYOUT ******* div {border:1px solid beige; } */

#container	{width:1000px; margin:0 auto; }

#header {background: url('images/JoConlonHeaderShadow.png') no-repeat bottom center; text-align: center; height: 220px}

#header		{clear:both; margin:0 auto; width: 1000px; }

#mainNav	{width: 860px; margin: 20px auto; }
	#mainNav .widgettitle {display: none}

#content	{width: 560px; margin-left:75px; padding-top:0.5em;  float: left; display: inline; overflow: hidden}

#CV_Template {width: 660px; margin-left:75px; padding-top:0.5em;  float: left; display: inline; overflow: hidden}
#Portfolio_Template {width: 860px; margin-left:75px; padding-top:0.5em;  float: left; display: inline; overflow: hidden}

.narrowcolumn {	width: 560px}

.widecolumn {width: 560px}

#sidebar {width: 240px; margin-right:70px; padding: 2em 0;	float: right; display: inline; overflow: hidden}	
	#sidebar .widget 	{padding-bottom:20px; margin-bottom:20px; background: url('images/joWidgetBG.png') no-repeat right bottom}
	#sidebar  a 		{padding:0.2em; display: block; width: 100%;  border-bottom:1px solid #ddd; color: #666}
	#sidebar  a:hover 		{background: #eee; color: #f77526}
	#sidebar  ul, #sidebar  li  	{list-style: none; padding: 0; margin: 0}
	#sidebar  h3  			{color: #ccc6a9}
	
	#sidebar  #latest-products a	{border: none}
	#sidebar  #latest-products br	{display:none; line-height:3px}	
	
			#sidebar  .widget_latest_products img {Width: 240px; margin: 1em 0 0}

	
#footer		{clear:both; border-top:1px solid #ddd; color: #666; padding: 3em 0; width: 860px; margin: 50px auto 0; }


/* ******* JO CONLON 1 CSS  ******* */

/* ******* SHOP ******* */

.enlargeImage	{display: block; margin: 1em 0; }

.producttext	{min-height: 310px}


.productdisplay {display: block}

#sidebar  #shoppingcartcontents  td a	{font-size: 1em; border: none; font-weight: bold; color: #000; }
#sidebar  #shoppingcartcontents  td a:hover	{color: #f77526; background:  none}
#sidebar  #shoppingcartcontents  a	 {font-size:1.166em; color: #f77526}
#sidebar  #shoppingcartcontents  br {line-height: 50%}

.widget_wpsc_categorisation .categorytitle {cursor: pointer}
	.widget_wpsc_categorisation .categorytitle:hover {color: #f77526}

#sidebar  .item_image  a:hover 	   {background:none}

.producttext {line-height: 180%;}
.producttext input {margin-top:30px}

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

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

#phpGalleryPage ul li img {width:270px; height:270px; margin: 10px; }