/* Total reset
----------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
   border: 0;
   outline: 0;
   vertical-align: baseline;
   background: transparent;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; }


/* Default
----------------------------------------------------------------------------- */

body { font-family: Arial, Tahoma, sans-serif; font-size: 1em; }

body, html { height: 100%; }

ul { padding-left : 20px; }

/* Layout
----------------------------------------------------------------------------- */

#page { min-height: 100%; }
#content { padding-bottom: 93px; }
#bottom { height: 93px; margin-top: -93px; }

/* Header
----------------------------------------------------------------------------- */

#header { width: 100%; height: 71px; background: #000;}

	#header table { width: 100%; height: 100%; }
		#header td { width: auto; height: 100%; }
		
	#header table #logo { width: 137px;  }
	
	#header table #dayCounter { width: 150px; text-align: center; vertical-align: middle; font-size: 11px; color: #fff; }
		#header table #dayCounter div { }
		#header table #dayCounter .counter { font-size: 26px; }

	#header .page_title { vertical-align: middle; color: #fff; font-size: 1.2em; }


/* Navigation
----------------------------------------------------------------------------- */

#navigation { width: 100%; height: 22px; background: #111; font-size: 13px;}
	#navigation li { display: block; width: 120px; height: 19px; float: left; text-align: center; padding: 3px 0 0 0; }
		#navigation li a { color: Silver; text-decoration: none; }
		#navigation li:hover { background: #222; }
			#navigation li:hover a { color: Yellow; }
			
			
/* Footer
----------------------------------------------------------------------------- */

#footer { width: 100%; height: 62px; background: #000;}

	#footer table { width: 100%; height: 100%; }
		#footer td { width: auto; height: 100%; }
		
	#footer table #counters { width: 137px; text-align: left; vertical-align: middle; padding: 0 0 0 5px; }
	
	#footer table #copyright { width: auto; text-align: right; vertical-align: middle; font-size: 12px; color: #fff; padding: 0 5px 0 0; }
		#footer table #copyright a { color: Silver; text-decoration: none; font-weight: bold; }
			#footer table #copyright a:hover { color: Yellow; }


/* Links
----------------------------------------------------------------------------- */
#links { background: Yellow; height: 10px; font-size: 10px; text-align: center; }
	#links div { margin: 1px 0; }
		#links a { color: #000; text-decoration: none;  }	


/* Decorations
----------------------------------------------------------------------------- */
.divider { height: 7px; background: url('/assets/templates/mj/images/stars.gif') top left repeat-x #000; font-size: 1px; clear: both; }


/* Twitter M
----------------------------------------------------------------------------- */

#twitter-m { width: 20%; padding: 1em; vertical-align: top; font-size: 12px;  }
	#twitter-m .container { /*background: #4374AC;*/ }
		
		#twitter-m .caption { background: #4374AC; padding: 5px 5px; font-weight: bold; color: #fff; border-bottom: 1px dashed #fff; }
	
		#twitter-m .tweet { padding: 5px; background: #CBE6FC; border-bottom: 1px dashed #fff; }
			#twitter-m .tweet .date { font-size: 9px; color: #4374AC; }
			#twitter-m .tweet .content { font-size: 11px; }
		
		#twitter-m .outer-link { background: #4374AC; padding: 5px 5px; font-weight: bold; color: #fff; border-bottom: 1px dashed #fff; }
			#twitter-m .outer-link a { color: #fff; text-decoration: none; }
				#twitter-m .outer-link a:hover { color: Yellow; }
			#twitter-m .outer-link .go { font-size: 14px; position: relative; top: -0px; }
				
			
			
/* Twitter J
----------------------------------------------------------------------------- */

#twitter-j { width: 20%; padding: 1em; vertical-align: top; font-size: 12px; }

	#twitter-j .container { /*background: #40BD43;*/ }

	#twitter-j .caption { background: #40BD43; padding: 5px 5px; font-weight: bold; color: #fff; border-bottom: 1px dashed #fff; }

	#twitter-j .tweet { padding: 5px; background: #C3F3C4; border-bottom: 1px dashed #fff; }
		#twitter-j .tweet .date { font-size: 9px; color: #40BD43; }
		#twitter-j .tweet .content { font-size: 11px; }
	
	#twitter-j .outer-link { background: #40BD43; padding: 5px 5px; font-weight: bold; color: #fff; border-bottom: 1px dashed #fff; }
		#twitter-j .outer-link a { color: #fff; text-decoration: none; }
			#twitter-j .outer-link a:hover { color: Yellow; }
		#twitter-j .outer-link .go { font-size: 14px; position: relative; top: -0px; }


/* Index blog M
----------------------------------------------------------------------------- */
#m_blog_index { width: 30%; padding: 1em; }
	#m_blog_index .container {  }

		#m_blog_index .link-archive { margin: 1em 0; font-weight: bold; text-align: center; }
				#m_blog_index .link-archive a { color: #4374AC; }
		
		#m_blog_index .blog-row { margin: 0 0 1em 0; font-size: 0.85em; }
			#m_blog_index .blog-row .date { font-size: 0.7em; }
			
			#m_blog_index .blog-row .title { font-weight: normal; }
					#m_blog_index .blog-row .title a { color: #4374AC; text-decoration: none; }
			
		#m_blog_index .person-logo { font-size: 2em; text-align: left; margin: 0 0 1em 0; }
			#m_blog_index .person-logo span { margin: 0; padding: 0; color: #4374AC; }


/* Index blog J
----------------------------------------------------------------------------- */
#j_blog_index { width: 30%; padding: 1em; }
	#j_blog_index .container {  }
			
			#j_blog_index .link-archive { margin: 1em 0; font-weight: bold; text-align: center; }
				#j_blog_index .link-archive a { color: #2CAB2F; }
			
			#j_blog_index .blog-row { margin: 0 0 1em 0; font-size: 0.85em; }
				#j_blog_index .blog-row .date { font-size: 0.7em; }
			
				#j_blog_index .blog-row .title { font-weight: normal; }
					#j_blog_index .blog-row .title a { color: #2CAB2F; text-decoration: none; }

			#j_blog_index .person-logo { font-size: 2em; text-align: right; margin: 0 0 1em 0; }
				#j_blog_index .person-logo span { margin: 0; padding: 0; color: #2CAB2F; }


/* Text content
----------------------------------------------------------------------------- */
#text { margin: 1em 4em; }
	
	#text h1 { font-size: 2em; margin: 0 0 1em 0; }
	
	#text p { margin: 0.7em 0; }
	


/* Blog archive
----------------------------------------------------------------------------- */

.blog-archive-m {}

	.blog-archive-m h1 { color: #4374AC; }

	.blog-archive-m .change-person { float: right; font-size: 1.5em; }
		.blog-archive-m .change-person a { color: #2CAB2F; text-decoration: none; }

		.blog-archive-m .blog-row { margin: 0 0 1em 0; font-size: 0.85em; }
			.blog-archive-m .blog-row .date { font-size: 0.7em; }
		
			.blog-archive-m .blog-row .title { font-weight: normal; }
				.blog-archive-m .blog-row .title a { color: #4374AC; text-decoration: none; }



.blog-archive-j {}

	.blog-archive-j h1 { color: #2CAB2F; }
	
	.blog-archive-j .change-person { float: right; font-size: 1.5em; }
		.blog-archive-j .change-person a { color: #4374AC; text-decoration: none; }
	
		.blog-archive-j .blog-row { margin: 0 0 1em 0; font-size: 0.85em; }
			.blog-archive-j .blog-row .date { font-size: 0.7em; }
		
			.blog-archive-j .blog-row .title { font-weight: normal; }
				.blog-archive-j .blog-row .title a { color: #2CAB2F; text-decoration: none; }




/* Blog view
----------------------------------------------------------------------------- */

.blog-m {}

	.blog-m h1 { color: #4374AC; }

	.blog-m .change-person { float: right; font-size: 1.5em; }
		.blog-m .change-person a { color: #2CAB2F; text-decoration: none; }

		.blog-m .blog-row { margin: 0 0 1em 0; font-size: 0.85em; }
			.blog-m .blog-row .date { font-size: 0.7em; }
		
			.blog-m .blog-row .title { font-weight: normal; }
				.blog-m .blog-row .title a { color: #4374AC; text-decoration: none; }

	.blog-m .postscriptum { margin: 1em 0; font-weight: bold; color: #4374AC; }
	
	.blog-m .paginator { margin: 1em; text-align: center; font-size: 1.2em; }
		.blog-m .paginator a { color: #999; margin: 0 0.7em; }
			.blog-m .paginator a:hover { color: #C41200; }
		.blog-m .paginator span.no-more { color: #ddd}


.blog-j {}

	.blog-j h1 { color: #2CAB2F; }
	
	.blog-j .change-person { float: right; font-size: 1.5em; }
		.blog-j .change-person a { color: #4374AC; text-decoration: none; }
	
		.blog-j .blog-row { margin: 0 0 1em 0; font-size: 0.85em; }
			.blog-j .blog-row .date { font-size: 0.7em; }
		
			.blog-j .blog-row .title { font-weight: normal; }
				.blog-j .blog-row .title a { color: #2CAB2F; text-decoration: none; }

	.blog-j .postscriptum { margin: 1em 0; font-weight: bold; color: #2CAB2F; }

	.blog-j .paginator { margin: 1em; text-align: center; font-size: 1.2em; }
		.blog-j .paginator a { color: #999; margin: 0 0.7em; }
			.blog-j .paginator a:hover { color: #C41200; }
		.blog-j .paginator span.no-more { color: #ddd}




/* Site archive
----------------------------------------------------------------------------- */

.ngm { margin: 0.7em; padding: 0.5em; background: #FFF4E1; border: 1px solid #333; }



/* Gallery
----------------------------------------------------------------------------- */

.gallery { text-align: center; }
	.element { width: 180px; height: 180px; float: left; text-align: center; margin: 0 1em 1em 0; padding: 1em; }
		.element .photo { margin: auto; width: 150px; height: 150px; }
			.element .photo img { max-width: 150px; max-height: 150px; }
		
.photoDetail { text-align: center; }

	.photoDetail .title { font-size: 1.8em; margin: 0.3em 0; }
	
	.photoDetail  .sign { font-size: 0.8em; color: #ccc; }

	.photoDetail .paginator { margin: 1em; text-align: center; font-size: 1.2em; }
		.photoDetail .paginator a { color: #999; margin: 0 0.7em; }
			.photoDetail .paginator a:hover { color: #C41200; }
		.photoDetail .paginator span.no-more { color: #ddd}