/*  
Theme Name: Thomas Murphy Shoes
Theme URI: http://wordpress.org/
Description: thomasmurphyshoes.com theme.
Version: 1
Author: Stephan Charbit
Author URI: 

*/
/*  
	This CSS contains elements from the Wordpress 'Kubrick' theme at http://binarybonsai.com/kubrick/, 
	which was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/. 

	The CSS is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



body { font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Kreon, Georgia, Times, serif;  
	margin: 0 0 0 0; padding: 0;  background-color: #ffffff; 
		}
#pageContainer { width: 960px; overflow:hidden; margin: 0px auto; }
#page { background-color: white; margin: 0px auto; margin-top: 12px; padding: 0px 15px 15px 15px; width: 794px; text-align: left; }

/* Typography */
p { font-size: 1.25em; line-height: 1.5em; color: #444; margin: 8px 0px 12px 0px; padding: 0; }

.post {border-top: 1px dotted #94a88c; margin:0px 0px 30px 0px}

small { color: #6F6F6F; font-size: 1.2em; line-height: 1.2em; margin:-16px 0px 0px 0px;}

h1, h2, h3, h4 { font-family: 'Kreon', 'Georgia', 'Times', serif; font-weight: normal; padding: 10px 0px 0px 0px; }

h1 { font-size: 2.2em; color: #95AA8B; margin: 6px 0px 0px 0px; padding: 6px 0px 0px 0px; }
#landing h1{ font-size: 1.6em; letter-spacing:0.1em; color:#555;}
#landing h1 a:hover {text-decoration:underline;}

h2 { font-size: 2.3em; color: #43553D; margin: 10px 0 10px 0; }
.styleName h2 { color: #43553D; float:left;}
.colourName h2{ color: #95AA8B; float:left;	margin-left: 6px; }
#styleFlash h2 { padding-left: 8px; }
.post h2 {font-size: 1.8em; text-transform: uppercase; letter-spacing: .2em; margin: 8px 0px 6px 0px}
.frontPageColumn h2 {font-size: 1.2em; text-transform: uppercase; letter-spacing: .2em; margin: 4px 0px 0px 0px; line-height:1.3em;}
#about h2 { margin: 5px 0 0; padding: 0; }
h2 img { margin-top: 2px; }
h2 a:hover {  }
h2.pagetitle { font-size: 1.6em; }

h3 { font-size: 1.2em; color: #43553D; margin: 0px 0px 6px 0px; padding: 0px; }

h4 { font-size: 1.2em; color: #43553D; font-weight: normal; }	
h4 { margin: 0px; }

.colourNameBelow { font-size: 2.2em; color: #95AA8B; float:left; padding: 0x 0px 0px 0px; margin: -4px 0px 20px 0px; }
.details { font-size: 1.5em; color: #6a6a6a; line-height: 1.5em; }

p a { font-size: 1em; color: #777; }
a { color: #777; text-decoration: none }
a img { border: none; }
a:hover { color: #333; text-decoration:  underline}
ul { list-style: none; margin: 0; padding:0;} 
li { display:inline; margin: 5px}

#navigation li { margin: 0; }
#navigation a, #navigation a:visited { background-color: transparent; font-size: 1.6em; letter-spacing: 0.2em; text-decoration: none; color: #5e778c; text-transform: uppercase;}
#navigation a:hover, #navigation a:active { text-decoration: none; color: #222; }
.activeNav { color: #f00; text-decoration: underline;}
.activeNav a, .activeNav a:visited { color:#f00; }


/* End Typography & Colours */

/* Structure */

#header { margin: 0px 0px 35px 0px;  padding: 34px 0px 0px 0px;  width: 792px; height: 85px; text-align: center; }
#header img { margin: 0px auto; }
#footer { color: #EEE; clear: both; background: url('images/fullstitch_corner.jpg') top right no-repeat; font-size: 0.9em; letter-spacing: 0.25em; margin: 20px 0px 0px 0px; height: 20px;padding: 10px 10px 0px 0px; width: 780px; text-transform: uppercase }
#sidebar { float: right;  width: 250px; }

#frontPageCols{  }
.frontPageColumn{border-top: 1px solid #94a88c; border-bottom: 1px solid #94a88c; padding: 0px 0px 12px 0px; float: left; margin:30px 50px 30px 0px; width: 230px;}
.frontPageColumn h1{text-transform: lowercase; color:#95AA8B; };

.widecolumn { float: left; width: 520px; }
.productColumn { float: left; width: 360px; }
.galleryColumn { float: right; width: 380px; margin: 0 0 20px 0;}
	
#rightColContent { border-top: 1px dotted #94a88c; float: right; margin: 0px 10px 15px 25px; padding: 0; width: 360px; }
#halfContentRight { border-top: 1px dotted #94a88c; float: left; margin: 10px 0 0 20px; padding:0px; width: 380px; line-height: 1.8em; }
#halfContentLeft { border-top: 1px dotted #94a88c; float: left; margin: 10px 20px 0px 0px; padding:0px; width: 380px; line-height: 1.8em; }

#controls { font-size: 1.2em; float: right; display: block; margin: 10px 120px 0px 0px; padding: 0px 0px 0px 0px;}
#controls li{ padding: 0px; margin: 0px 10px 0px 10px; float: left; font-size: 1.1em;}
#controlNumbers { float: left; margin: 0px 0px 0px 0px; }
#prevbutton{ float: left; width: 100px; height: 40px; margin-right: 30px; }
#nextbutton{ float: right; margin: 0px 40px 0px 0px; }	

#about { font: 1em Georgia, Times, serif;  }

#backLink{ font-size: 1.2em; line-height: 3em; font-family: 'Kreon', 'Georgia', 'Times', serif; margin-top: -15px;}
#backLink a{ font-size: 1.3em; padding: 4px 6px 2px 6px; color: #43553D; }
#backLink a:hover{ padding: 6px 6px 2px 6px; background-color: #95AA8B; color: #FFF; }

#promoBox { margin: 0px 0px 10px 0px; }


#subscribe { background: url('images/swingtag.jpg') top right no-repeat;  float: right; padding: 180px 0px 60px 0px; text-align: center; width: 384px; }
	
#navigation { margin: 25px 0px 0px 0px; padding: 14px 0px 0px 0px; width: 794px; height: 30px; background: url('images/792stitch.jpg') top left no-repeat;}

.navElement {height: 12px; float:left; border-right: 2px solid #95AA8B; padding:2px 16px 0px 16px;}
	
.navigation { /*FOR WORDPRESS NAVIGATION ELEMENTS*/
	margin: 0; height: 12px; }
#logo { float: right; margin: 8px 5px 0px 0px; }
	
#clearfix { clear: both;}

#landing { width: 960px; margin: 20px 0px 30px -80px; padding: 0px 0px 0px 0px; border: }

.zoetropeContainer{width:347px; height:257px; position: absolute;}
.zoetropeContainer{cursor:pointer;}

#newsContent { float: left; padding: 0; width: 380px; }
	
.descpanelbg { opacity: 0.2; padding: 124px 0px 0px 0px; 
}
.descpanelfg { font-family: 'Georgia', 'Times', serif; text-align: center; font-size: 1.4em; height: 20px; padding: 124px; }
	
#blogContent { float: left; padding: 0; width: 520px; }
	
#aboutImage { margin: 10px 0px 20px 0px; padding:0px; width: 384px; float: left; }


#collectionsLinks {
 font-size: 1.4em; letter-spacing: 0.1em; text-transform: uppercase; height: 30px; text-align: center; margin: 0px auto;  width:480px;
}

.collectionsList{ text-align: center; margin:0px auto; width:700px; height: 30px; }

#collectionsLinks LI, #reset {
    text-decoration: none;
  
  }

#collectionsLinks LI:HOVER, #reset:HOVER {
    text-decoration: underline; cursor: pointer;
  }


 
.collectionsContainer{ width: 3000px; margin: 0 0 30px 0;}
.collection{ float:left; width: 960px}
.collectionItem{ text-align: center; float: left; }	

.collectionDescription{ text-align: center; width:660px; margin:20px 0 0px 60px; font-size: 1.1em; }	

.visible{ visibility:visible; }
.hidden{ visibility:hidden; }
.activeLink{ text-decoration:underline; }
.floatLeft{float:left}
	
#collections { width: 792px; padding-top:1px; margin: 0px 0px 20px 0px; }
	
#collections { font: 1em Georgia, Times, serif; }


.collectionDescription{ float:left; height:160px; margin-top: -160px}; /* set height and matching vertical offest  */
.collectionYear { font-size: 1.6em; color: #43553D; }
		
.collectionSet { float: left; margin-bottom: 15px; }

.collectionThumbs { margin-top: 14px; background: url('images/150stitch.jpg') top left no-repeat;  padding-top: 8px; width: 212px; float: left; }
	
.collectionThumbsSmall { margin-top: 14px; background: url('images/140stitch.jpg') top left no-repeat;  padding-top: 8px; width: 163px; float: left; }
	
.collectionThumbsSmall img{ margin-bottom: 8px; float: left; }
	
.collectionThumbsSmallRight { margin: 14px 0px 0px 0px; background: url('images/140stitch.jpg') top left no-repeat;  padding-top: 8px; width: 138px; float: right; }
	
.collectionThumbsRight { margin: 14px 0px 20px 0px; background: url('images/150stitch.jpg') top left no-repeat;  padding-top: 8px; width: 152px; float: right; }
	
#styleInfo { background: url('images/shortstitch.jpg') top left no-repeat;  float:left; padding: 0; margin: 0px 0px 0px 0px; width: 305px; }
	#styleInfo p { width: 250px; }
	
#gallery { float:right; padding: 0; margin: 15px 0px 0px 20px; }
#colourwayLink a{ color: #444; }
#colourwayLink a:hover{ color: #5a7c62; }
#colourwayLink a{ width: 68px; float: left; margin-right: 8px; }	
#colourwayLink a img{ 	border: 1px solid #543; 	margin-bottom: 8px; 	}
	
#blogFooter { }

.post p img { border:1px solid #CCC;  margin: 0px 10px 0px 0px; }

.entry{margin-top: 10px}


.comments { padding: 0; margin: 0px auto 20px ; width: 380px; }	

#searchform { margin: 10px auto; padding: 5px 3px;  text-align: center; }
/* End Structure */

/* Images */
img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left
	}
	
	
	
#slideshow-container  { width:230px; height:172px; position:relative; }
#slideshow-container img { width:230px; height:172px; display:block; position:absolute; top:0; left:0; z-index:1; }

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

	

/* End Images */

/**************************************************************

	Highslide

**************************************************************/

* {
}

.highslide { cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none; }.highslide-active-anchor img { visibility: hidden; }.highslide img { 	
}
.highslide:hover img { }

.highslide-wrapper { background: white; }.highslide-image {
   }
.highslide-image-blur {
}
.highslide-caption {
    display: none; 
    border: 2px solid white;
    border-top: none;
    padding: 5px;
    background-color: white; }.highslide-loading {
    display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold;
    text-decoration: none; padding: 2px; border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px; }a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none; font-size: 10px; }a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray; }
a.highslide-full-expand { background: url(highslide/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; }
#caption1{ font-size: 1.3em; }

#thumbnailStrip{ float: left; margin: 0px 0px 30px 0px; }
#thumbnail{ float: left; margin: 0px 10px 0px 0px; }


/* These must always be last */
.highslide-display-block {
    display: block; }.highslide-display-none {
    display: none; }