/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/
/*
Styles for JoshMcNey.com
.
All rights reserved
.

[directory]

		0- Reset 
		1- layout 
		2- Typography 
		3- Navigation 
		4- Content 
		5- Blog
		6- Store
		7- Extras 


*/
/*###############################################################################*/
/*###############################################################################*/
/*###############################################################################*/

div.signup-form { width: 150px; margin-bottom: 10px;}

div.signup-form input.text-input { font-size: 11px; height: 15px; padding-top: 3px; margin-bottom: 5px; width: 140px;}
div.signup-form label { font-size: 10px; margin-bottom: 3px; line-height: 10px;  padding: 0!important;}
div.signup-form input.radio { margin-bottom: 10px; padding-top: 5px; line-height: 10px;}
div.signup-form input.signup-submit { float: right; }
div.signup-form div.options {}
div.signup-form div.options label, 
div.signup-form div.options input { float: left; }
div.signup-form div.options label { margin: 2px 4px; }
div.signup-form div.options:after,
.cf-fix:after { content: "."; height: 0px; display: block; visibility: hidden; clear: both;}



div.signup-form { font-size: 9px; line-height:.8em;}

h2.signup-trigger a	{ color: #333; margin: 0; text-decoration: none; margin-bottom: 10px; }

/*=============================== 0- (reset) =====================================*/
	
* { padding: 0; margin: 0; }
html { height: 100%;}
a {outline: 0;}
:focus {outline: 0; }
a:active { outline: none; }
a img {border: none !important;}

/*=============================== 1- (layout) ====================================*/

body {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 62.5%;
		 text-align: center;
		 
		}

#wrapper { 
			 margin: 5em auto 0;
			 width: 89em;
			 text-align: left;
			}
			
#wrapper:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden;}			

#leftcolumn { 
			 margin: 0;
			 padding: 0;
			 width: 11.5em;
			 float: left;
			}

#rightcolumn { 
				 float: right;
				 background: white;
				 margin: .1em 0 0 0;
				 padding: 0;
				 width: 77em;
				 display: inline;
				 position: relative;
				}
div.info-wrapper {  width: 70%!important; margin: 0 auto 1em!important; float: none!important; }
				
				
/*============================= 2- (typography) ==================================*/	

h1 	{ font-size: 1.6em;}
div.blog-page h1 {color: #3f3f3f!important;}
h2 	{ font-size: 1em}
h3	{ font-size: 1em;}
h4	{ font-size: .9em;}
h4.caption	{ font-size: .9em; color: #666; font-style: italic;}
p { font-size: 1em; line-height: 1.6em !important;}
a { text-decoration: none; color: #3f3f3f; }

#rightcolumn h1 { color: #222; font-size: 1.3em!important; margin-bottom: .3em;  } 
#rightcolumn h2 { color: #444;  margin-bottom: .5em; }
#rightcolumn h3 { color: #666; font-size: .9em; margin-bottom: .5em; font-weight: normal; }

/*div.blog a {background-color: #fffce6;} */
p.nl_link a strong { font-size: 1.2em;}
p.nl_link a:hover strong { color: #555;}

#rightcolumn p { margin-bottom: .5em}

#rightcolumn div.info-wrapper ul {list-style: none;  padding-left: 2em; padding-top: .5em; margin-bottom: .7em; float: left; display: inline;}
#rightcolumn  div.info-wrapper ul li {  margin: 0 1em .4em 1em; color: #555; font-size: 1em; line-height: 1.2em !important; list-style-image:url(../images/list-arrow.gif)!important; list-style-position: outside; }

h3.nl_title a { font-size: 1.4em; font-weight: bold; padding-bottom: .5em;}
span.nl_info { font-size: 1.2em;}
/*============================= 3- (navigation) ==================================*/	

#leftcolumn h1  {
					text-align: right;
					margin: 0 .4em 0 0;}
					
#leftcolumn a:hover { color: #555;}	

ul#navigation { margin: 0;
				padding: 0;
				text-align: right;
				list-style: none;
				}

ul#navigation li 	{ font-size: inherit; margin: 0 1em 0 0!important;  height: auto; }				
				
ul#navigation li a	{ font-size: 1.2em; font-weight: bold; padding: 0px!important; line-height: 1.2em;  display: block; }

	

/*reportage menu*/

ul#navigation li ul.menu-container {	
						margin: 0 0 0em 0;
						list-style: none;
						}

ul#navigation li ul.menu-container li a	{	
								font-size: 1em;
								font-weight: normal;
								line-height: 1.4em !important;
								color: #666;
								
							}
							
ul#navigation li ul li a:hover {
									color: #999 !important;}


ul.menu-container li{ padding: 0!important;}								
									
.hidden { display: none;}		

.visible { display: block !important;}		

li.normal, 
hr.normal { display: none !important;}

li.nav-space {  margin: 0px!important;}	  
hr.nav-space {visibility: hidden !important; height: 1em; border: none !important;}
			
/*============================= 4- (content) ==================================*/	

#rightcolumn div.home-image img.content { width: 76.3em; height: 50em; padding: .2em;  }

div.home-image {	margin: 0 auto 2em; width: 76.4em;}

div.home-image h4.caption { text-align:center; }


/*============================= 5- (blog) ==================================*/

div.blog	{ width: 59em; margin: 0; float: left; }
div.blog p	{ margin: 0;}
div.blog-preview p a img {  opacity: 1; }
div.blog-preview p a:hover img { opacity: 0.9 }


div.blog-comments { width: 50em; margin: 0 auto ;}

/*--------navigation------------*/

#rightcolumn div.blognav {	width: 14em;
							float: right;
							margin: 0;}
							

#rightcolumn div.blognav h2	{ color: #333; margin: 0; }


#rightcolumn div.blognav ul.blog-link-list { list-style: none; margin: 0;}
#rightcolumn div.blognav ul.blog-link-list li a { margin: 0 0 0 1em;}

ul.blog-link-list { margin: 0 0 .4em 0 !important; }

/*--------navigation / reflect / ditto  /  tags  ------------*/

div.reflect_archive_list ul.reflect_archive { list-style: none !important; margin: 0 0 .5em 0; padding-left: 0;  } 

div.reflect_archive_list ul.reflect_archive li.reflect_year	{ list-style: none; margin: 0 0 .5em 0;}

div.reflect_archive_list ul.reflect_archive li.reflect_year a.reflect_year_link	{ color: #555; font-weight: bold; margin: 0 0 0 .5em;}
div.reflect_archive_list ul.reflect_archive li.reflect_year a.reflect_year_link:hover { color: #777;}

div.reflect_archive_list ul.reflect_archive li.reflect_year ul.reflect_months li.reflect_month { list-style: none; margin: 0;}
div.reflect_archive_list ul.reflect_archive li.reflect_year ul.reflect_months li.reflect_month a.reflect_month_link { color: #555; font-weight: normal; margin: 0 0 0 .5em; }
div.reflect_archive_list ul.reflect_archive li.reflect_year ul.reflect_months li.reflect_month a.reflect_month_link:hover { color: #777; }

div.reflect_archive_list ul.reflect_archive li.reflect_year ul.reflect_months li.reflect_month ul.reflect_items { list-style: none; margin: 0 0 .4em 0; }
div.reflect_archive_list ul.reflect_archive li.reflect_year ul.reflect_months li.reflect_month ul.reflect_items li.reflect_item { margin: 0 0 .3em 0; }

div.reflect_archive_list ul.reflect_archive li.reflect_year ul.reflect_months li.reflect_month ul.reflect_items li.reflect_item a,
#rightcolumn div.blognav ul.blog-link-list li a {  line-height: 1.1em;}

/*--------navigation  [typography]  ------------*/

/*links*/
div.reflect_archive_list ul.reflect_archive li.reflect_year ul.reflect_months li.reflect_month ul.reflect_items li.reflect_item a,
#rightcolumn div.blognav ul.blog-link-list li a { color: #777; margin: 0 0 0 1em; display: block;   }


div.reflect_archive_list ul.reflect_archive li.reflect_year ul.reflect_months li.reflect_month ul.reflect_items li.reflect_item a:hover,
#rightcolumn div.blognav ul.blog-link-list li a:hover { color: #999; }

h1.filterhead { margin: 0 0 1em 0 !important;}

/*-----------content-----------*/
div.ditto_item { 	float: left; 
								
								margin: 0 0 2em 2em; 
								padding-bottom: 2em; 
								border-right: 0px; border-left: 0px; border-top: 0px; 
								border-style: double; border-color: #ccc;}
							
div.ditto_item h3	{margin: 0 0 .5em 0; }
div.ditto_item h3 span.nl_info { display: block; margin: 0 0 0 0;}

div.blog-preview	{ margin: 0 0 1em 2em; padding: .3em 0 .3em 1em; border-left: 1px solid #ccc;   }
div.blog-preview img	{ padding: .2em; margin: 0 1em 1em 0em; }
div.blog div.ditto_item { width: 100%;}

/*----------------blog page content--------------*/
div.blog-page { 	width: 57em !important;
					margin: 0 0 1em 1.9em; float: left; }
					
div.blog-page p {	font-size: 1em; line-height: 1.2em; margin: 0 1em .7em 1em; color: #555;}	

div.blog-page p a { color: #333; background: #fcffef;}
div.blog-page  a:hover { color: #999; }				
					
div.blog-page img { margin: 0 0 1em 0; padding: .2em;  }
div.blog-page h1 { margin: 0; color: #444; font-size: 1em; }
div.blog-page h4 { margin: 0 0 1em 0; color: #555; font-weight: normal; font-size: .9em; }

div.blog-archive { margin: 0 0 2em 0 !important; }
span.reflect_date { display: none;}
		

			
/*----------content typography----------*/

div.ditto_item h3 a	{ color: #444;}
div.ditto_item h3 a:hover	{ color: #666;}

div.ditto_item h3 span.nl_info a.blog-author	{ font-size: .8em; font-weight: bold;}
div.ditto_item h3 span.nl_info span.blog-date	{ font-size: .8em; color: #555;}	

div.ditto_item div.blog-preview p	{ font-size: 1em; line-height: 1.2em; color: #555; margin: 0 0 .7em 0;}		

/*------------------search-----------------*/

div.search { border: none; margin: 0; }

#ajaxSearch_form {
   color: #444;
   margin: 0;
   
}

#ajaxSearch_form fieldset {
  border: none; margin: 0 0 0 0;
}
#ajaxSearch_input {
   width: auto;
   display: inline;
   height: 15px;
   border: 1px solid #ccc;
   margin: 0 3px .5em 0;
   padding: 3px 0 0;
   vertical-align: top;
   font-size: .9em;
   color: #555;
   text-indent: .4em;
   width: 12em;
}
#ajaxSearch_submit {
   display: inline;
   height: 18px;
   line-height: 22px;
   font-size: 1em
}
#ajaxSearch_output {
   border: 1px solid #444;
   padding: 10px;
   background: #fff;
   display: block;
   height: auto;
   vertical-align: top;
   margin: 0;
}
.AS_ajax_result {
   color: #444;
   margin-bottom: 3px;
}
.AS_ajax_resultLink {
   text-decoration: underline;
}
.AS_ajax_resultDescription{
   color: #555;
}
.AS_ajax_more {
   color: #555;
}

/*============================= 7- (extras) ==================================*/

div.product_item { margin: 2em; width: 19em; float: left; text-align: center;}
div.product_item div.detail { text-align: left;}
div.product_item h2 { color: #333; margin: 0 0 .3em 0;}
div.product_item p.description { color: #555; margin: 0 0 .3em 0; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: .3em; }
div.product_item p.treasure_actions { color: #333; margin: 0 0 .3em 0; }

div.call_cart { float: right; height: 2em;}
span.tc_cart_count { width: 1em; margin: 0 .5em 0 1.5em; color: #999; }

div.product_item div.tcimage { height: 15em; margin: 0 auto; }
div.product_item div.tcimage img { margin: .3em; padding: .2em; }
/*============================= 7- (extras) ==================================*/
br.clear { height: 1px; clear: both;}
.lines {border: 1px solid red;}

ul.thumbs:after { content: "."; display: block; clear: both; height: 0px; visibility: hidden;}


div.tcimage {  height: auto!important; min-height: 150px; }

.ecomerce_item .product_item { min-height: 350px; }

div.tcimage a {   }

a.thickbox:after,
div.tcimage:after,
.cf-fix:after {
content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

a.thickbox,
div.tcimage,
.cf-fix { display: block;}



/*============================= 7- (jot specifics) ==================================*/


div.comment-captcha {width: 400px; margin-bottom: 1em;   }
div.captcha-box { width: 160px; float: left; display: inline;}
div.comment-captcha div.captcha-input { float: left; margin: 1.2em 0 0 2em;  display: inline;}
div.captcha-input input { width: 200px;}


.jot-form input, 
.jot-form textarea { margin: .5em 0 .8em; width: 100%;}
.jot-form input.comment-submit { width: 100px !important;}
h2.comment-form-header { border-bottom: 1px solid #ccc; padding: .5em 0 .2em; margin: 1em 0; font-size: 1.2em; color: #555;}



/*============================== 8- (user styles) ===================================*/
.float-left {float: left;}

.image-float-left {
 
float: left;
padding: 2px;
margin: .2em 1em .5em 0!important;

 }
 
 
.image-float-right {
float: right;
padding: 2px;
margin: 0 0 1em 1em !important;
}

blockquote { display: block;
	margin: 0 3em 1em;
	font-style: italic;}
	
	blockquote p {
	color: black!important;
	}