/*
	Theme Name:			MIGI Ver 1.0 beta
	Inpired by:			Robert Ellis based on http://www.upstartblogger.com/
	Theme URI:			http://lab.givision.net/
	Description: 		MIGI Teheme Family
	Version: 			1.0
	Author: 			Jiri Mocicka

*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
	h1,h2,h3,h4,h5,h6 {
		/* font-size: 100%; */
		}
	ol,ul {
		list-style: none;
		}
	address, caption, cite, code, dfn, em, strong, th, var {
		font-style: normal;
		font-weight: normal;
		}
	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
	fieldset,img {
		border: 0;
		}
	caption,th {
		text-align: left;
		}
	q:before, q:after {
		content: '';
		}
/*-----------------------------------------------------------------------------------------------
  Global Value 
-----------------------------------------------------------------------------------------------*/
	* {
		margin: 0;
		}
	html, body, .page {
		min-height: 100%;
		width: 100%;
		height: 100%;
		}
		html>body, html>body .page {
			height: auto;
			}
			.page {
				position: absolute;
				top: 0;
				left: 0;
				margin-bottom: 3em;
				}
/*-----------------------------------------------------------------------------------------------
  LAYOUT MAIN 
 -----------------------------------------------------------------------------------------------*/
body {
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	color: RGB(255,255,255);
	text-align: center;
	line-height: 1.2em;
	background:url(images/blogBG.jpg) no-repeat top fixed RGB(0,0,0);
	}
	#header {
		margin-left: 265px;
		padding-top: 20px;
		font-size: 1em;
		text-transform: uppercase;
		width: 400px;
		}
		#header a {
		font-weight: bold;
		}
	.page {
		padding: 0;
		width: 894px;
		color: RGB(239,233,229);
		text-align: left;
		}
	#content {
		position: relative;
		padding-bottom: 100px;
		}
		#content .post {
			padding-bottom: 100px;
			}
		.narrowcolumn {
			float: left;
			padding: 0 0 20px 45px;
			width: 400px;
			}
	.widecolumn {
		padding: 15px 0 20px 0;
		margin-left: 265px;
		width: 400px;
		}
		.widecolumn .post {
			margin: 0;
			}
		.narrowcolumn .postmetadata {
			padding-top: 5px;
			text-align: center;
			}
		.widecolumn .postmetadata {
			padding: 20px 0;
			}
		.widecolumn .smallattachment {
			text-align: center;
			float: left;
			width: 128px;
			padding: 5px 5px 5px 0px;
			}
		.widecolumn .attachment {
			text-align: center;
			margin: 5px 0px;
			}
		.widecolumn .entry p {
			font-weight: normal;
			padding: 1em 0;
			color: RGB(239,233,229);
			}
		.widecolumn .post .entry blockquote p {
			font-weight: normal;
			font-size: 1em;
			}
		.post {
			margin-top: 100px;
			margin-left: 265px;
			font-size: 1.2em;
			line-height: 120%;
			width: 400px;
			}
			.entry p:first-child {
				font-size: 1.1em;
				font-weight: bold;
				}
				.entry p a:visited {
					color: RGB(238,49,36);	
				}
/*-----------------------------------------------------------------------------------------------
  FOOTER DEFINITION 
 -----------------------------------------------------------------------------------------------*/
	.footer {
		position: absolute;
		display:block;
		margin:10px auto 2px auto;
		bottom: 0;
		width: 100%;
		color: RGB(239,233,229);
		text-align: left;
		line-height: 110%;
		font-size: .95em;
		}
		.footer h5 {
			width: 400px;
			margin-left: 265px;
			padding: 5px 0;
			color: RGB(239,233,229);
			}
		.footer p {
			width: 400px;
			margin-left: 265px;
			padding: 2px 0 20px;  
			}
/*-----------------------------------------------------------------------------------------------
  HEADERS DEFINITION
 -----------------------------------------------------------------------------------------------*/
h1, h2, h3 {
	font-weight: bold;
	}
	h1 {
		font-size: 4em;
		padding-top: 70px;
		margin: 0;
		line-height: 100%;
		}
	h2 {
		padding: 30px 0 5px;
		font-size: 2.3em;
		line-height:1.5em;		
		}
		h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
			color: RGB(238,49,36);
			}

		h2.pagetitle {
			padding-top: 10px;
			text-align: center;
			}
		#sidebar h2 {
			padding: 5px 0 5px;
			}

	h3 {
		padding: 20px 0 ;
		font-size: 2.1em;
		line-height:1.5em;
		}
		h3.comments {
			padding: 20px 0;
			}
	h5.pagetitle {
			padding-top: 10px;
			text-align: center;
			}
	.page #content h5 {
		display:block;
		position:absolute;
		margin-left:265px;
		margin-top:-20px;
		width: 400px;
		height: 20px;
		padding: -30px 0 0 0;
		}
			
/*-----------------------------------------------------------------------------------------------
  SIDE BAR DEFINITION
 -----------------------------------------------------------------------------------------------*/
	#sidebar {
		font-size: 0.9em;
		}
		#sidebar form {
			padding: 5px 0 0;			
			}
		#sidebar {
			position: fixed;
			top: 5px;
			left: -170px;
			padding: 10px;
			color: RGB(239,233,229);
			text-align: right;
			font-weight: bold;
			width: 160px;
			}
			#sidebar p.menu {
				padding: 5px;
				background: RGB(238,49,36);				
				font-weight: bold;
				color: RGB(239,233,229);
				position: relative;
				left: -20px;
				width: 250px
				}
			#sidebar p {
				color: RGB(239,233,229);
				font-weight: normal;
				}
			#sidebar:hover {
				left: 0px;
				}
				#sidebar ul, #sidebar ul ol {
					text-align: left;
					padding: 10px 0 0;
					color: RGB(239,233,229);
					}
				#sidebar ul p, #sidebar ul select {
					margin: 0;
					}

				#sidebar ul ul, #sidebar ul ol {
					padding: 5px 0 0 10px;
					}
				#sidebar ul ul ul, #sidebar ul ol {
					margin: 0 0 0 10px;
					}
				ol li, #sidebar ul ol li {
					list-style: decimal outside;
					}
				#sidebar ul ul li, #sidebar ul ol li {
					padding: 3px 0 0;
					}
		#sidebar h2 {
			font-size: 1.2em;
			}
			small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
				color: RGB(239,233,229);
				}
			.widget ul li {
				text-align: right;
				}
				h2.widgettitle {
					margin: 5px 0 0;
					text-transform: uppercase;
					}
/*-----------------------------------------------------------------------------------------------
  ENTRY DEFINITION
 -----------------------------------------------------------------------------------------------*/
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 10px;
	list-style: none;
	padding-left: 10px;
	}
	html>body .entry li {
		padding: 7px 0 8px 10px;
		font-weight: normal;
		}
	.entry ol {
		padding: 0 0 0 20px;
		margin: 0;
		}
		.entry ol li {
			margin: 0;
			padding: 0;
			}
		.post li p {
			font-weight: normal;
			}
			li.page_item {
				text-align: right;
				}
	ul.post a span {
		display: none;
		}
		ul.post a:hover span {
			display: block;
			position: absolute;
			top: -70px;
			left: 265px;
			width: 400px;
			font-weight: normal;
			line-height: 150%;
			font-size: 1em;
			color: RGB(120,120,120);
		}
	.post li p.postmetadata {
		font-weight: bold;
		padding: .3em 0 2em;
		}
/*-----------------------------------------------------------------------------------------------
  SEARCH DEFINITION
 -----------------------------------------------------------------------------------------------*/
#searchform {
	margin: 10px 0;
	padding: 5px 0;
	}
	#sidebar #searchform #s {
		width: 108px;
		padding: 2px;
		}
	.search_input {
		margin-top: 5px;
		width: 150px;
		background: RGB(20,9,18);
		border: 1px solid thin RGB(239,233,229);
		color: RGB(239,233,229);
		font-size: .99em;
		text-align: left;
		margin:1em 0 0 0;
		filter:alpha(opacity=40);
		-moz-opacity:0.4;
		opacity:.40;
		text-align:right;			
		}
		.search_input:hover{
			filter:alpha(opacity=100);
			-moz-opacity:1.0;
			opacity:1.00;
			}
		.entry form {
			/* This is mainly for password protected posts, makes them look better. */
				text-align: center;
			}
		select {
			width: 130px;
			}
	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		border: solid thin RGB(120,120,120);		
		background: RGB(20,9,18);
		color: RGB(180,180,180);		
		}
	#commentform textarea {
		width: 100%;
		padding: 2px;
		border: solid thin RGB(120,120,120);		
		background: RGB(20,9,18);
		color: RGB(180,180,180);
		font-weight: lighter;
		}
	#commentform #submit {
		background: RGB(238,49,36);
		font-size: .95em;
		text-align:center;
		padding: 5px;
		margin: 0px;
		float: right;
		}
		#commentform #submit:hover {
			background: RGB(239,233,229);
			font-size: .95em;
			text-align:center;
			color: RGB(20,9,18);
			padding: 5px;
			margin: 0px;
			float: right;
			}

/*-----------------------------------------------------------------------------------------------
  SIDE BAR DEFINITION
 -----------------------------------------------------------------------------------------------*/


div.bubble {
	width: auto;
	margin-bottom: 24px;
	}
	div.bubble blockquote {
		margin: 0px;
		padding: 0px;
		border: 1px solid RGB(120,120,120);
		}
	div.bubble blockquote p {
		margin: 10px;
		padding: 0px;
		color: RGB(120,120,120);		
		}
	div.bubble cite {
		position: relative;
		margin: -7px;
		padding: 7px 0px 10px 15px;
		top: 5px;
		background: transparent url('images/tip.gif') no-repeat 20px 0;
		font-style: normal;
		font-size: 1.2em;
		display: block;
		}
		.alt {
			margin: 0;
			padding: 0;
			}			
	#commentform p {
		padding: 5px 0;
		font-size: 1em;
	 	font: 'Helvetica New', Helvetica, Arial, sans-serif;
		font-size:1.2em;
		color: RGB(239,233,229);		
		}
		.nocomments {
			text-align: center;
			margin: 0;
			padding: 0;
			}
		.commentmetadata {
			margin: 0;
			display: block;
			}

/*-----------------------------------------------------------------------------------------------
  HEADER IMAGE DEFINITION
 -----------------------------------------------------------------------------------------------*/
	#header img {
		position: absolute;
		top: 20px;
		}
		p img {
			padding: 0;
			max-width: 100%;
			}
		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
			}
/*-----------------------------------------------------------------------------------------------
  CALENDAR DEFINITION
 -----------------------------------------------------------------------------------------------*/
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	color: RGB(239,233,229);
	}
	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}
	#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}
	#wp-calendar a {
		display: block;
		}
	#wp-calendar caption {
		text-align: center;
		width: 100%;
		}
	#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}
		/* Doesn't work in IE */
		#wp-calendar td.pad:hover {
			background-color: RGB(38);
			}
		#wp-calendar #prev a, #wp-calendar #next a {
			font-size: 9pt;
			}
			#wp-calendar a {
				text-decoration: none;
				}
	#wp-calendar caption {
		font: bold 1.3em "Helvetica Neue", Helvetica, Arial, Sans-Serif;
		text-align: center;
		}
	#wp-calendar th {
		font-style: normal;
		text-transform: capitalize;
		}
/*-----------------------------------------------------------------------------------------------
  SIDE BAR DEFINITION
 -----------------------------------------------------------------------------------------------*/
	* a {
		text-decoration: none;
		}
	code {
		font: 1.2em 'Courier New', Courier, Fixed;
		padding: 5px;
		margin-left: 10px;
		color: #2a910c;
		font-weight: bold;
		width: auto;
		height: auto;
		display: block;
		overflow: auto;
		}
	acronym, abbr, span.caps {
		font-size: 0.9em;
		letter-spacing: .07em;
		}
		a, h2 a:hover, h3 a:hover {
			color: RGB(120,120,120);
			}
			a:hover {
				color: RGB(238,49,36);
				}
	acronym, abbr, span.caps {
		cursor: help;
		}
	acronym, abbr {
		border-bottom: 1px dashed #999;
		}
		blockquote {
			margin: 15px 30px 0 10px;
			padding-left: 20px;
			border-left: 5px solid #ddd;
			font-size: 1.2em;
			font-weight: normal;
		}
		.center {
			text-align: center;
			}
			em {
				font-style: italic;
				}
			hr {
				display: none;
				}

			a img {
				border: none;
				}

	.navigation {
		display: block;
		text-align: center;
		padding: 20px 0 60px 0;
		}
		small {
			font-size: 0.9em;
			line-height: 1.5em;
			font-weight: normal;
			}
		strong {
			font-weight: bold;
			}

/*
WE RESPECT
	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

PORTED 
	Ported to WP (http://wordpress.org/) by Jarrod Piccioni of GoodBasic (http://goodbasic.com/)
	Based on Kubrick v1.5, designed by Michael Heilemann, http://binarybonsai.com/kubrick/.
	License: Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/. 
	Feel free to make any changes, but please keep a link back to Upstart Blogger in your sidebar or footer.	

	OLO COLOR
	Black					140912 | RGB(20,9,18);
	Red						EE3124 | RGB(238,49,36);	
	White					FFFFFF | RGB(255,255,255);
	Light Gray				D2D2D2 | RGB(239,233,229);
	
*/