/*
Theme Name: KaijuTheme
Theme URI: http://www.67a2.com
Description: Kaiju Theme
Version: 1.0
Author: 67a2 media: architecture
Author URI: http://www.67a2.com
Tags: Kaiju theme
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/*////////// BODY //////////*/
html, body {
    
    background-image:url(IMAGES/kaijubkg.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	background-position:center; 

	height: 100%;
	min-width:980px;
	width: 100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	
	font-size: 9pt;
}

/* This rule is read by Galleria to define the gallery height: */
.galleria{height:473px; margin-bottom:10px; overflow:hidden;}

/*////////// BACKGROUND //////////*/
/* dotted bkg
#mainbkg {
	background: #FFF;
	height: 100%;
	width:980px;
	position:absolute;
	overflow:hidden;
} */
/* position (center) main site area */
#container {
	overflow:visible;
	background: #FFF;
	min-height:100%;
	height: 100%;
	width:980px;
	margin:0 auto;
	padding:0;
	position: relative;
	text-align:left;
}
/* main site bkg, shadow */
#containerbkg {
	background: #FFF;
	min-height:600px;
	width:100%;
	padding:0;
	position:absolute;
}

#respond {
	position:relative;
}
#respond p{
  font-size: 9pt;
}

#commentform {
	position:relative;
    
 	font-size: 9pt;
}
#comment {
 	
 	font-size: 10pt;
	width:300px;
    border:none;
    border-top:#FF6600 dotted 1px;
    border-bottom:#FF6600 dotted 1px;
    border-left:#FF6600 dotted 1px;
    border-right:#FF6600 dotted 1px;
}
#url {
 	
 	font-size: 9pt;
	width:300px;
    border:none;
    border-top:#FF6600 dotted 1px;
    border-left:#FF6600 dotted 1px;
    border-right:#FF6600 dotted 1px;
}
#email {
 	
 	font-size: 9pt;
	width:300px;
    border:none;
    border-top:#FF6600 dotted 1px;
       border-left:#FF6600 dotted 1px;
    border-right:#FF6600 dotted 1px;
}
#author {
 	
 	font-size: 9pt;
	width:300px;
    border:none;
    border-top:#FF6600 dotted 1px;
    border-left:#FF6600 dotted 1px;
    border-right:#FF6600 dotted 1px;
}

#author_twitter {
 	
 	font-size: 9pt;
	width:300px;
    border:none;
    border-top:#FF6600 dotted 1px;
    border-left:#FF6600 dotted 1px;
    border-right:#FF6600 dotted 1px;
}


/*////////// HEADER //////////*/
#header {
	background: #FFF;
	padding-bottom:20px;
	overflow:hidden;
	left:0px;
	top:0px;
}
/* Logo */
#headerleft {
	width:285px;
	float:left;
	left:0px;
	top:0px;
	background: #FFF;
}
/* Header PAGES Text Style */
#headerleft a:hover {
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}
/* Header SITE TITLE Text Style */
.headername {
	position:absolute;
	top:0px;
	left:286px;
	height:110px;
}
.headername a:hover {
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}

/* Header PAGES Text Style */
#headerright {
	position:relative;
    min-height:110px;
	top: 0px;
	right: 0px;
	width:665px;
	margin-top:12px;
	margin-left:285px;
    border-bottom:#FF6600 dotted 1px;
}
#header ul {
	margin-top:12px;
	margin-bottom:16px;
	line-height: 11px;
}
#header li {
	
	color: #333;
	text-align:right;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	list-style:none;
}
/* header CURRENT CATEGORY Text Style*/
#header p {
	
	color: #FF6600;
	font-size: 14pt;
	font-weight:normal;
	line-height: 85%;
	text-align:left;
    	font-weight: bold;
	text-transform: uppercase;
	margin-top:10px;
	margin-right:30px;
}
/*////////// LEFT1 MENU //////////*/
#left {
	color: #666;
	text-align:left;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;	
	position: relative;
	left:0px;
	top: 0px;
	width:250px;
}
#left h1{

}
/* left Links Styling */
#left a:link {
	color: #666;
	text-decoration:none;
}
#left a:visited {
	color: #666;
	text-decoration:none;
}
#left a:hover {
	color: #FF6600;
	text-decoration:none;
}

#left li {
	list-style:none;
    text-align:right;
}
/*////////// LEFT1 MENU //////////*/
#left1 {
	position: relative;
	top: 0px;
	left: 0px;
	width:250px;
	padding-left:0px;
	z-index:80;
}
#left1 ul {
	margin: 0px 0px 0px 0px;
	line-height: 11px;
}
#left1 #pagelist{
	color: #666;
	font-size: 14pt;
	line-height: 90%;
	letter-spacing:-1px 
}

#pagelist a:link {
	color: #666;
	text-decoration:none;
}
#pagelist a:visited {
	color: #666;
	text-decoration:none;
}
#pagelist a:hover {
	color: #FF6600;
	text-decoration:none;
}
/*////////// LEFT2 MENU //////////*/
#left2 {
	position: relative;
	color:#FF6600;
	top:0px;
	left: 0px;
	width:250px;
	padding:0px;
	margin: 0px;
}

#left2 ul {
	padding:0px;
	margin: 0px;
}
/* left Links Styling */
#left2 a:link {
	color: #FF6600;
	text-decoration:none;
}
#left2 a:visited {
	color: #FF6600;
	text-decoration:none;
}
#left2 a:hover {
	color: #666;
	text-decoration:none;
}
/*////////// LEFT3 MENU //////////*/
#left3 {
	position: relative;
	top:0px;
	width:250px;
	padding:0px;
}


#bLogo{
height: 200px;
width: 980px;
text-indent: -10000px;
overflow: hidden;
background: url(IMAGES/iamheader.jpg) top left no-repeat;
display: block;
}
#bLogo:hover{
background-position: bottom left;
}


.curr {
	float:left;
}
.notcurr {
	float:left;
}
.curr #bCat4{
	background-position: bottom left;
}



#bCat4{
float:left;
top: 96px;
height: 32px;
width: 250px;
text-indent: 10000px;
overflow: hidden;
background: url(IMAGES/cat4.jpg) top left no-repeat;
display: block;
}
#bCat4:hover{
background-position: bottom left;
}

.curr #bCat3{
	background-position: bottom left;
}
#bCat3{
float:left;
top: 64px;
height: 32px;
width: 250px;
text-indent: 10000px;
overflow: hidden;
background: url(IMAGES/cat3.jpg) top left no-repeat;
display: block;
}
#bCat3:hover{
background-position: bottom left;
}

.curr #bCat2{
	background-position: bottom left;
}
#bCat2{
float:left;
top: 32px;
height: 32px;
width: 250px;
text-indent: 10000px;
overflow: hidden;
background: url(IMAGES/cat2.jpg) top left no-repeat;
display: block;
}
#bCat2:hover{
background-position: bottom left;
}

.curr #bCat1{
	background-position: bottom left;
}
#bCat1{
float:left;
top: 0px;
height: 32px;
width: 250px;
text-indent: 10000px;
overflow: hidden;
background: url(IMAGES/cat1.jpg) top left no-repeat;
display: block;
}
#bCat1:hover{
background-position: bottom left;
}


#bNext{
position:relative;
height: 46px;
width: 306px;
text-indent: 10000px;
overflow: hidden;
background: url(IMAGES/next.jpg) top left no-repeat;
display: block;
margin-left:310px;
top:0px;
}
#bNext:hover{
background-position: bottom left;
}

#bPrev{
height: 46px;
width: 306px;
float:left;

text-indent: 10000px;
overflow: hidden;
background: url(IMAGES/previous.jpg) top left no-repeat;
display: block;
}
#bPrev:hover{
background-position: bottom left;
}



/*////////// CONTENT AREA //////////*/
/* content area */
#allcontent {
	position: relative;
	top: 0px;
	float:right;
	width:665px;
	padding-right:30px;
}
/* Content */
#allcontent p {
	margin: 0px 20px 10px 0px;
}

#allcontent .descr p{
	/* position:relative; */
	margin-right:0px;
	margin-top:-1px;
	margin-bottom:40px;
	color: #999;
	text-align:right;
}
.moretext {
	/* border-top:#FF6600 dotted 1px; */
	/* width:665px; */
	text-align:left;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	position:relative;
	padding-top:4px;
	padding-bottom:20px; 
	margin:0px;
	float:left;
	height:0px;
	letter-spacing:2px 
}

.more-link {
	/* border-top:#FF6600 dotted 1px; */
	/* width:665px; */
	text-align:left;	
	font-size: 8pt;
	/* font-weight: bold; */
	text-transform: uppercase;	
	position:relative;
	padding-top:4px;
	padding-bottom:20px;
	margin:0px;
	float:left;
	height:10px;
	letter-spacing:2px 
}

a.more-link:link {
	color: #666666;
	text-decoration:none;
}

a.more-link:visited {
	color: #666666;
	text-decoration:none;
}

a.more-link:hover {
	color: #FF6600;
	text-decoration:none;
	font-weight:thicker;
}

a:link .moretext{
	color: #666666;
	text-decoration:none;
}

a:visited .moretext {
	color: #666666;
	text-decoration:none;
}

a:hover .moretext{
	color: #FF6600;
	text-decoration:none;
	font-weight:thicker;
}
/*//////////CONTENT  TEXT STYLING //////////*/
/* Content Headers */
.h1 {
	
	color: #666;
	font-size: 15pt;
	font-weight: 600;
	line-height: 80%;
}
.h2 {
	
	color: #666;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
.orange1 {
	color: #FF6600;
}
.gray1 {
	color: #CCC;
}
h1 {
	
	color: #666;
	font-size: 14pt;
	font-weight: 600;
	line-height: 80%;
}

h2 {
	
	color: #666;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
.n1 {
	color: #999;
}
a:link {
	color: #FF6600;
	text-decoration:none;
}
a:visited {
	color: #FF6600;
	text-decoration:none;
}
a:hover {
	color: #666666;
	text-decoration:none;
}

#pagelist li.current_page_item a {
	color:#333;
}

/*//////////TITLES//////////*/
/* Post Titles */
.titlewrap {
	position:absolute;
	padding-bottom:10px;
	vertical-align:baseline;
}
.title {
	position:relative;
	margin-left:0px;
	padding-bottom:5px;
	padding-top:3px;
	
	color: #999;
	font-size: 14pt;
	font-weight:bold;
	line-height: 85%;
	vertical-align:baseline;
    text-transform: uppercase;
}
.title a:link {
	color: #000000;
	text-decoration:none;
}
.title a:visited {
	color: #333333;
	text-decoration:none;
}
.title a:hover {
	color: #FF6600;
	text-decoration:none;
}
/* 2 = Category */
.title2 {
	position:relative;
	margin-left:0px;
	padding-bottom:5px;
	padding-top:3px;
	
	color: #999;
	font-size: 14pt;
	font-weight:bold;
	line-height: 85%;
	vertical-align:baseline;
    text-transform: uppercase;
    text-align:right;
}
.title2 a:link {
	color: #666666;
	text-decoration:none;
}
.title2 a:visited {
	color: #333333;
	text-decoration:none;
}
.title2 a:hover {
	color: #FF6600;
	text-decoration:none;
}
/* 3 = News */
.title3 {
	position:relative;
	margin-left:0px;
	padding-bottom:5px;
	padding-top:3px;
	
	color: #999;
	font-size: 14pt;
	font-weight:bold;
	line-height: 85%;
	vertical-align:baseline;
    text-transform: uppercase;
}
.title3 a:link {
	color: #000000;
	text-decoration:none;
}
.title3 a:visited {
	color: #333333;
	text-decoration:none;
}
.title3 a:hover {
	color: #FF6600;
	text-decoration:none;
}

/* Search Page */
.titlesearch a:link {
	color: #FF6600;
	text-decoration:none;
}
.titlesearch a:visited {
	color: #FF6600;
	text-decoration:none;
}
.titlesearch a:hover {
	color: #333333;
	text-decoration:none;
}
.titlesearch ul {
	padding-top:8px;
	padding-bottom:8px;
	
	color: #333;
	font-size: 11pt;
	font-weight: 600;
	line-height: 80%;
}
.datesearch {
	border-bottom:#FF6600 dotted 1px;
	position:relative;
	margin-left:0px;
	padding-bottom:2px;
	
	color: #999;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
blockquote {
border:none;
margin-right:10px;
margin-left:0px;
margin-top:10px;
margin-bottom:10px;
padding: 0px;
padding-left: 40px;
font-size:9.5pt;
background: transparent url('IMAGES/quote.jpg') no-repeat 0 0;
color: #414d47;
}

/* Main Body */
.main {
	margin:0px auto;
	padding-left:0px;
	padding-right:0px;
	padding-top:8px;
	padding-bottom:8px;
	
	font-size: 14px;
	overflow:hidden;
}
.main img {
	padding-bottom:8px;
}


.main ul li{ 
	list-style:disc;
	margin-left:30px;
} 
.main ol li{ 
	list-style:decimal;
	margin-left:30px;
} 

.main h1 {
	
	color: #666;
	font-size: 14pt;
	font-weight: 600;
	line-height: 80%;
	padding-bottom: 2px;
}
.main h2 {
	
	color: #666;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
.main h3 {
	
	color: #333;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom:#FF6600 dotted 1px;
	margin-top:-4px;
	margin-bottom:8px;
}
.content {
	width:665px;
	margin:0px auto;
	padding-bottom:30px;
}
.header {
	overflow:hidden;
	border-bottom:#FF6600 dotted 1px;
}
/* Post Images */
.image {
	width:0px;
	float:left;
	margin-bottom:4px;
}
.image2 {
	width:0px;
	float:left;
	margin-bottom:4px;
}
.image3 {
	width:0px;
	float:left;
	margin-bottom:4px;
}

.wp-caption {
	
	color: #999;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	margin-right:0;
	padding-right:0;
	border:none;
	width:auto;
	text-align:left;
	margin:0px;
	margin-bottom:8px;
	padding:0px;
	background: #FFF;
	overflow:hidden;
}
/* Past Dates*/
.date {
	
	position:relative;
	margin-left:0px;
	padding-bottom:2px;
	
	color: #999;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
.date2 {
	text-align:right;
	position:relative;
	margin-left:0px;
	padding-bottom:2px;
	
	color: #999;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
.date3 {
	
	position:relative;
	margin-left:0px;
	padding-bottom:2px;
	
	color: #999;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}

/*//////////POST FOOTER //////////*/
.footermain {
	padding-top:3px;
	text-align:right;
	
	font-size: 9pt;
	color:#999;
	margin-bottom:10px;
}
.footer {
	padding-top:6px;
	padding-bottom:3px;
	border-top:#FF6600 dotted 1px;
	
	font-size: 9pt;
	color:#999;
}

.footer .fcomment a:link{
	color: #999;
	text-decoration:none;
}
.footer .fcomment a:visited {
	color: #999;
	text-decoration:none;
}
.footer .fcomment a:hover {
	color: #FF6600;
	text-decoration:none;
}

.footerresearch {
	padding-top:6px;
	border-top:none;
	
	font-size: 9pt;
	color:#999;
}
.footertitle {
	
	color: #333;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
.footer_list {
	padding:0;
	margin-top:0px;
	margin-bottom:4px
}
.footer_list li {
	list-style:none;
}
/*////////// ATTACHMENTS PAGE//////////*/
.attach_header {
	overflow:hidden;
	border-bottom:#FF6600 dotted 1px;
	margin-bottom:8px;
}
.attachments {
	padding:0;
	margin-top:0px;
	margin-bottom:8px;
	color:#999;
	
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
.attachments li {
	padding:0;
	margin:0px;
}
.nextprev {
	padding-bottom:4px;
	border-bottom:#FF6600 dotted 1px;
}
.nextprev a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.attachtitle {
	border-bottom: 1px solid #FFF ! important;
	position:relative;
	margin-left:0px;
	padding-top:8px;
	padding-bottom:8px;
	
	color: #999;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
/*////////// SEARCH FORM //////////*/
.search-form input {
	width: 225px;
        margin-left:25px;
	border:#FF6600 dotted 1px;
    	border-color:#AAAAAA;
	color:#AAAAAA;
}
.search-form {
	text-align: right;
	
}
.blank-form {
	height:42px;
}
/*////////// MEDIA GALLERY RESET //////////*/
.gallery {
	width:670px ! important;
	margin:0px ! important;
	padding:0px ! important;
	padding-top:0px ! important;
	padding-bottom:8px ! important;
	border: none ! important;
	height:100% ! important;
}
.gallery-description {
	background-color: #fff ! important;
}
.gallery img {
	margin:0px ! important;
	padding:0px ! important;
	border: none ! important;
}

.gallery a:hover {
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}

.gallery-caption {
	width:0px;
	height:0px;
	overflow:hidden;
}
.gallery-icon {
	margin:0 auto ! important;
	padding:0px ! important;
}
.gallery-icon img {
	margin:0 auto ! important;
	padding:0px ! important;
	margin:0px ! important;
}
.gallery-item {
	overflow:hidden ! important;
	margin:0px ! important;
	padding:0px ! important;
	text-align: left ! important;
	height:110px ! important;
	width:110px ! important;
	border: none ! important;
	border-right: 1px solid #FFF ! important;
	border-top: 1px solid #FFF ! important;
	background: #222 url(IMAGES/dot2.gif) repeat 0 ! important;
}
/*////////// LINE STYLE //////////*/
hr {
	margin-top:8px ! important;
	margin-bottom:8px ! important;
	color: #fff;
	background-color: #fff ! important;
	border: 1px dotted #FF6600 ! important;
	border-style: none none dotted ! important;
}


.commentlist li{
padding-top:10px;
padding-bottom:10px;
border-top: 1px none #FF6600;
}

.commentlist li.depth-1 {
border-bottom: 1px dotted #FF6600;
}

.children{
	position: relative;
	margin-left: 30px;
}

/*////////// Nobuko //////////*/

.comment-body p, div.comment-author{font-size:10.5pt; color: #333;}
.comment-meta a, .says, .comment-reply-link {font-size:7.5pt; color:#999;}
.tunes {font-size:9px; float:right; margin-bottom:10px; font-family:Arial,sans-serif; font-weight:bold;  text-transform:uppercase; color: #999;}
.tunes:before {content:"♪ "; font-size:14px;}

/*//////// bookmark page ///////////*/
.bookmark_rss{margin-bottom:20px;}
.main .bookmark_rss ul li{list-style-type:none;}

.bookmark_title {font-size:20px; font-weight:bold; border-bottom:1px dotted #FF6600; }
.bookmark_title a:link {color:#333;}
.bookmark_title a:hover {color:#FF6600 !important; text-decoration:none; }
.bookmark_title a:visited {color:#333;}
.bookmark_title img{vertical-align:text-top; opacity:0.4; filter:alpha(opacity=40);}

.bookmark-descr{ margin-top:5px; font-size:13px; color:#333; margin-bottom:15px;}
.bookmark-descr img {vertical-align:text-top; opacity:0.4; filter:alpha(opacity=40);}

.latest_post {}
.latest_post li{border-left:1px dotted #999; padding-right:10px; padding-left:10px;background-color:#f2f2f2;}

.rss_item_permalink{font-size:8pt; font-weight:bold; color:#999; padding-top:5px; text-transform:uppercase;}
.rss_item_permalink img{vertical-align:top; opacity:0.6; filter:alpha(opacity=60);}

.rss_item_title{font-size:13px;text-transform:none;}
a.rss_item_title:link{color:#FF6600;}
a.rss_item_title:hover {text-decoration:none; color:#333; }
a.rss_item_title:visited{color:#FF6600;}

.latest_post_excerpt{color: #414d47;font-size:14px; padding-bottom:5px; padding-left:22px;}
.latest_post_excerpt a:link {color:#414d47;}
.latest_post_excerpt a:hover {color:#FF6600; text-decoration:none;}
.latest_post_excerpt a:visited {color:#414d47;}