/*  
Theme Name: Imohk Template
Theme URI: http://imohk.com
Description: Imohk Photoblog Template
Version: 1.0
Author: Max Buriak
Author URI: http://maxburiak.com
*/

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:9px;
background: url('http://imohk.com/wp-content/uploads/2009/12/pattern_069c.gif');
background-color: #242424;
margin:0;
padding: 0;
}

#id-logo A H1#close-ban {
margin-top: -5px; font-size: 100px; color: #FFFFFF; font-weight: bold; text-transform: uppercase;
text-decoration:none;}

#id-logo A:hover H1#close-ban {
color: red;
}

#container {
margin-left: 20px;
margin-top: 20px;
margin-bottom: 0px;
margin-right: 20px;


}

#author-information {
margin-bottom: 20px;
margin-top: 20px;

}

#author-information h3 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:10px;
color: #FFFFFF;
margin-left: 10px;
margin-bottom: 5px;
text-transform: uppercase;

}

#author-information h4 {
width: 180px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:9px;
margin-left: 10px;
color: #FFFFFF;
line-height: 16px;

}

a:focus {
	outline: none;
}

#panel {
	background: #000000;
	height: 200px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #000000;
}
.btn-slide {
	text-align: right;

font-size: 8px !important;
	padding: 5px 20px 10px 20px;
	margin: 0 20px 0 0;

right: 0;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #333333;
text-transform: uppercase;
background-color: #000000;
	text-decoration: none;
-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
}

.slide-ft {
	margin: 0;
	padding: 0;
	border-top: solid 4px #000000;
}
.btn-slide-ft {
	text-align: right;

font-size: 8px !important;
	padding: 5px 20px 10px 20px;
	margin: 0 20px 0 0;

right: 0;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #333333;
text-transform: uppercase;
background-color: #000000;
	text-decoration: none;
-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
}
#panel-ft {
	background: #000000;
	height: 200px;
	display: none;
display: absolute;
bottom:0;
}
.slide-ft {
	margin: 0;
	padding: 0;
	border-top: solid 4px #000000;
display: fixed;
bottom:0;
}
.btn-slide-ft {
	text-align: right;

font-size: 8px !important;
	padding: 5px 20px 10px 20px;
	margin: 0 20px 0 0;

right: 0;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #333333;
text-transform: uppercase;
background-color: #000000;
	text-decoration: none;
-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
}


.active {
	background-position: right 12px;
}
#cats a {

font-size: 8px !important;
	padding: 0px 3px 0px 0px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #333333;
text-transform: uppercase;
line-height: 20px;
	text-decoration: none;
}

#cats a:hover {
	color: #CCCCCC;

}
#cats-ft a {
	font-size: 8px !important;
	padding: 0 0 0 0;
	margin: 0 25px 0 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #242424;
	text-transform: uppercase;
	text-decoration: none;
}

#cats-ft a:hover {
	color: #CCCCCC;
}

.preview img 	{ padding-bottom: 0; border: 0px none;}

/* 
.attachment-post-thumbnail{width:200px; height:200px; padding:10px 20px 10px 0;}
*/
.list-date {
text-transform: uppercase;
margin-top: 3px !important;
clear: both;
}
#single-category-container {
margin-top: 10px;
margin-bottom: 20px;
}
#single-category-div { width: auto;}

#single-category-div #header {
margin-bottom: 10px;
}


#single-category-div #header h1 {
margin-top: 10px; margin-left: 0px !important; margin-bottom: 0px; !Important; background-color: #242424; color: #FFFFFF; font-size: 34px; text-transform: uppercase; padding-left: 5px; 
}

#single-category-div #header h2 {
margin-top: 0px; margin-bottom: 0px; color: #FFFFFF; text-transform: uppercase!important; font-size: 20px; padding-left: 5px; margin-left: 0px !important; display: absolute;
}

#single-category-div-bottom {
margin-top: 0px; margin-bottom: 0px; background-color: #242424; color: #FFFFFF; text-transform: uppercase!important; font-size: 20px; margin-left: 0px !important; display: absolute;
}

#single-post-div { width: auto; }
#single-post-div img { width: auto !Important;
margin-bottom: 20px;
border: 0;
 }
#single-post-div h1 {
margin-top: 10px; margin-left: 0px !important; margin-bottom: 0px; !Important; background-color: #242424; color: #FFFFFF; font-size: 34px; text-transform: uppercase; padding-left: 15px; 
}
#single-post-div h2 {
0px; color: #FFFFFF; text-transform: uppercase!important; font-size: 20px; padding-left: 15px; margin-left: 0px !important; display: absolute;
}

#single-post-div-bottom {
margin-top: 0px; margin-bottom: 0px; background-color: #242424; color: #FFFFFF; text-transform: uppercase!important; font-size: 20px; margin-left: 0px !important; display: absolute;
}

#inner-post {
margin-left: 10px; margin-top 10px !Important;
margin-right: 10px;

}
#side-cat {
clear: both; width: 214px; padding-top: 5px !important; padding-bottom: 3px !important; padding-left: 5px !important; margin: 0 0 10px 0 !important; background-color: #333333; border-bottom: 1px solid #000000; border-right: 1px solid #000000; text-transform:uppercase; color: #FFFFFF;
-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;
}
#side-cat p {
color: #FFFFFF; text-transform:uppercase; margin: 0;
}
#side-keywords {
margin-bottom: 20px;
}
#side-keywords p  {

}
#side-keywords a {
color: #FAFAFA !important; 
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
margin-top: 0px;
text-decoration: none;
display: block;
padding: 0;
clear: both;
text-transform:capitalize;
}
#side-keywords a:hover {
color: #FFFFFF !important; 
text-decoration: underline;

}



#side-link p  {
margin: 0 0 5px 0 !important; 
padding: 0;
}
#side-link p a {
color: #FAFAFA !important; 
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
margin-top: 0px;
text-decoration: none;
}
#side-link p a:hover {
color: #FFFFFF !important; 
text-decoration: underline;

}

#sendlink-all {
width: 100%;
text-align: right;
margin-bottom: 30px;
}
#sendlink-all a {
color: #333333 !important; 
margin-left: 10px;
margin-right: 10px;
text-decoration: none;

}

#sendlink-all a:hover {
color: #FFFFFF !important; 
}

#page-container {
background: url('http://imohk.com/wp-content/uploads/2010/01/trans-50.png'); 
-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
display: block;
clear: both;
padding-bottom: 10px;
overflow: hidden;
padding-right: 10px !important;
}

#tagnav {
margin-top: 10px; margin-bottom: 30px; color: #FFFFFF;
}

#tagnav a {
color: #FAFAFA !important;
background-color: #000000;
margin: 0px !important;
}
#tagnav a:hover {
color: #ffe400 !important;
}




#footer{clear:both;font-size:10px;padding-top:36px;}

/* =links */


.mods .preview 	{ position:absolute; bottom:0; left: 0px; z-index: 3; white-space: nowrap; }
#modded-url-260 a {text-decoration:none;
}
#modded-url-260 a:hover {text-decoration:underline;}

#modded-url-260 {
position:absolute; top:10px; left: 0px; 
z-index: 5;
text-transform: uppercase;  
margin: 0 !important;
padding-top: 3px;
padding-left: 10px;
padding-bottom: 3px;
padding-right: 3px;
background: url('http://imohk.com/trans-black.png'); 
width: 208px;

}
#modded-url-cat-260 {
position:absolute; bottom:0px; right: 0px; 
z-index: 6;
text-transform: uppercase;  
padding-top: 3px;
padding-left: 3px;
padding-bottom: 3px;
padding-right: 3px;
background: url('http://imohk.com/trans-black.png'); 

}
#modded-url-keys-260 {
position:absolute; top:20px; left: 0px; 
z-index: 1;
text-transform: uppercase;  
padding-top: 3px;
padding-left: 0px;
padding-bottom: 3px;
padding-right: 3px;
}

#modded-url-keys-260 p {
line-height: 16px;
}

#modded-url a:hover {text-decoration:none;}


/* =home */
p{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

dl, dt, dd, ul, li { list-style-type: none; margin: 0; padding: 0; }

.hide        { display:none; }

.show        { display:block; }

.loading     { background:none center no-repeat; }

.clearAll    { clear: both; } 

.mods { margin:0 10px 10px 0; padding:0 6px 2px 6px; float:left; position:relative; overflow: hidden; display: block; }

#modded { }

.meme { width:369px; height:160px;  }

.video { width:369px; height:337px;  }

.front { width:300px; height:360px;  }



.archive_list { width:350px; height:360px;  }

.sociological { width:300px; height:360px;  }

 .internetnews { width: 225px; height:159px;   color:rgb(86,73,66); background: url('http://imohk.com/wp-content/uploads/2010/01/trans-50.png'); }

/*
.internetnews { width:                                                                                                                                                                                                                                                                                                                                                                                                      22%; height:157px;  background-color: #000000; color:rgb(86,73,66); }
*/
#image-style img {
border: 3px #FFFFFF solid;
width:10% !important;
}

.attachment-post-thumbnail{
border: 3px #FFFFFF solid;
width:10%;

}

/*
.internetnews { width: 225px; height:157px;  background-color: #000000; color:rgb(86,73,66); }
*/
.vimeo { width: 228px; height:157px; background-color: #020202; color: #FFFFFF; }

.mod-thumbs { width: 220px; height:260px;  color:rgb(86,73,66); }
/*
.mod-logo { margin:0 10px 10px 0; padding:0 6px 2px 6px; float:left; position:relative; width: 22%; height:157px; color:rgb(86,73,66); 
-moz-border-radius: 20px; -webkit-border-radius: 20px;
}
*/


.mod-logo { margin:0 10px 10px 0; padding:0 6px 2px 6px; float:left; position:relative; width: 228px; height:157px; color:rgb(86,73,66); 
-moz-border-radius: 20px; -webkit-border-radius: 20px;
}


.mod-logo-side { background-color: #ffe400;
-moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; 
-moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; 
-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; 
margin:10px 10px 10px 0; padding:0 6px 2px 6px; width: 208px; height:157px; color:rgb(86,73,66); 
   }

.mod-logo2 { margin:0 15px 15px 0; padding:0 6px 2px 6px; float:left; position:relative; width: 627px; height:780px; background: url('http://www.imohk.com/background-logo.png') red no-repeat 50% 50% #ffe400; color:rgb(86,73,66); }

.internetnews2 { width: 313px; height:360px;  background-color: #FFFFFF; color:rgb(86,73,66); }
.vimeo2 { width: 365px; height:360px;  background-color: #eeeeee; color: #FFFFFF; }


.Sunday { background-color: #FBFBFA !important; }
.Monday { background-color: #f7f7f7 !important; }
.Tuesday { background-color: #f4f4f4 !important; }
.Wednesday { background-color: #f2f2f2 !important; }
.Thursday { background-color: #efefef !important; }
.Friday { background-color: #ededed !important; }
.Saturday { background-color: #e6e6e6 !important; }

.innovationnews { width:300px; height:360px;  }

.japannews { width:300px; height:360px;  }

.webadvnews { width:300px; height:360px;  }



.sociological .top {

	border-top:     3px solid #333333;

	border-bottom:  1px solid #CECDC6;

}



.mods h2, 

.mods h2 a 			{ font-size: 11px; color:#242322; font-weight: bold; line-height: 12px; margin: 3px 3px 0 0; }

/*
.mods h3,

.mods h3 a 			{ font-size: 11px; margin:3px 3px 0 0; color:#FAFAFA; font-weight: normal; line-height: 12px;}
*/
.mods h3,

.mods h3 a 			{ font-size: 11px; margin:0; color:#FAFAFA; font-weight: normal; line-height: 12px;}

.mods h4,

.mods h4 a 			{ font-size: 10px; margin:2px 3px 0 0; color:#8A8881; line-height: 10px; height: 10px; }

.mods h5,

.mods h5 a 			{ font-size: 12px; margin:2px 3px 0 2px; color:#8A8881; line-height: 10px; height: 10px; }



.mods p 				{ margin: 0; padding: 0; }

.mods blockquote 		{ line-height: 12px; margin:0; color:#555251; font-size: 10px; position:absolute; top: 91px; height: 75px; left: 6px; width: 175px;}

.mods blockquote p, .mods .textblock p 	{ margin-bottom: 16px; font-size: 10px; }

.mods .casestudies h3 { font-size: 12px; }



.mods.blank 		{ background-color:rgb(212,210,200); }

.hover 				{ background-color: #fcfcf7; }


.mods .top { margin: 6px 0 0px 0; padding-bottom: 2px; }
.mods .top-260 { }
.front .top {

	border-top: 3px solid #8F8B86;

	border-bottom: 1px solid #CECDC6;
}

.internetnews .top {

}

.vimeo .top {

}

.internetnews2 .top {

	border-top:     3px solid #CCCCCC;

	border-bottom:  1px solid #CECDC6;

}

.vimeo2 .top {

	border-top:     3px solid #CCCCCC;

	border-bottom:  1px solid #CECDC6;

}


.innovationnews .top {

	border-top:     3px solid #999999;

	border-bottom:  1px solid #CECDC6;

}



.japannews .top {

	border-top:     3px solid #333333;

	border-bottom:  1px solid #CECDC6;

}



.webadvnews .top {

	border-top:     3px solid #666666;

	border-bottom:  1px solid #CECDC6;

}

.meme .top, .scenes .top { border-top: 0 none; border-bottom:	0 none; }

.preview img 		{ position: absolute; bottom: 0px; overflow: hidden; display: block;}

.mods .preview span {

	color: #969592;

	font-size: 10px;

	line-height: 10px;

	position: absolute;

	bottom: 0;

	left: 0;

	margin: 0 3px 3px 6px;

	padding: 0 0 0 10px;

	z-index: 3;

	

}



.mods .preview span.play {

	background: url('../images/play.png') no-repeat 0 2px;	

}




.hr .intro 			{ font-size:.7em; }

.hr .meme 			{ font-weight:bold; margin:6px 0 0 6px; }

.hr .meme a.more 	{ font-weight:normal; line-height:2.2em; }


.meme blockquote             { margin: 0; position: static; height: 60px; }

.front blockquote             { margin: 0; position: static; height: 60px; }

.internetnews blockquote             { margin: 0; position: static; height: 60px; }
.vimeo blockquote             { margin: 0; position: static; height: 60px; }
.internetnews2 blockquote             { margin: 0; position: static; height: 60px; }
.vimeo2 blockquote             { margin: 0; position: static; height: 60px; }
.innovationnews blockquote             { margin: 0; position: static; height: 60px; }

.japannews blockquote             { margin: 0; position: static; height: 60px; }

.webadvnews blockquote             { margin: 0; position: static; height: 60px; }

.meme h2 			           { width: auto; }



.mods .top-260 .section a {
	color: #8A8881;
	font-size: 10px;
	text-decoration:none;
	text-transform:uppercase;
}


.mods .top-260 .section a:hover {

	color: #FFFFFF;

background-color: #C03600;

}

.mods .top-260-keys {
margin-left: 10px !important;
margin-right:10px;

}
.mods .top-260-keys .section p {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration:none;
	text-transform:uppercase;
text-align: left;
}


.mods .top a.section {

	color: #C03600;

	font-size: 10px;

	text-decoration:none;

}

.mods .top .section a {
	color: #8A8881;
	font-size: 10px;
	text-decoration:none;
	text-transform:uppercase;
}



.mods .top .section a:hover {

	color: #FFFFFF;

background-color: #C03600;

}

.mods h5.date {

    margin-top: 6px;

    margin-left: 3px;

    font-size: 12px;

}



.cal-top {width:750px; clear: both;}

.internetnewscol1 {width:600px;}
.vimeocol1 {width:600px;}


#center-beam { margin-top: 0px; margin-bottom: 20px; padding: 0px 10px 0px 10px; height:66px; background-color: #333333; background: url('/images/back-beam.png') repeat-x bottom left;clear: both; text-align: right;}

#center-beam #nav-beam { float: right; padding: 33px 0px 0px 0px; }

#center-beam #filter-nav-beam { float: left; padding: 29px 0px 0px 0px; }

div#category-beam {

	width: 200px;

	height: 20px;

	overflow: hidden;

	border-top: 0px solid black;

	border-right: 5px solid black;

	border-left: 5px solid black;

	border-bottom: 1px solid black;

	background-color: #f9f9f9;

	font-size: 10px;

	float:left;

	position:relative; z-index:1;

	text-align: left;

}



div#category-beam span {

	display: block;

	padding: 2px 0px 3px 12px;

	background: #000000;

color: #FFFFFF;

cursor: pointer;

}



div#category-beam a {

	display: block;

	padding: 2px 0px 2px 8px;

border-top: 1px solid #f9f9f9;

}



div#category-beam a:hover {

	background: #666666;

	color: #FFFFFF;

	text-decoration: none;

border-top: 1px solid #000000;

padding-left: 20px;

background: url('/images/back-list.png');

}



div#archive-beam {

	width: 200px;

	height: 20px;

	text-align: left;

	overflow: hidden;

	font-size: 10px;

	border-top: 0px solid black;

	border-right: 5px solid black;

	border-left: 5px solid black;

	border-bottom: 1px solid black;

	background-color: #f9f9f9;

	float:left;

	position:relative; z-index:1;

}





div#archive-beam span {

	display: block;

	padding: 2px 0px 4px 4px;

	background: #000000;

	color: #FFFFFF;

	cursor: pointer;

}



div#archive-beam a {

	display: block;

	padding: 2px 0px 2px 12px;

	border-top: 1px solid #f9f9f9;



}





div#archive-beam a:hover {

	padding-left: 20px;

	background: #666666;

	color: #FFFFFF;

	text-decoration: none;

	background: url('/images/back-list.png');

	border-top: 1px solid #000000;

}

div#footer {

width: 100%;

background-color: #000000;

border: solid 1px #FFFFFF;

padding-bottom: 20px;

margin-top: 20px;

}