@charset "UTF-8";
/* CSS Document */


/* AUTHOR: tamago */
/* DESCRIPTION: for the main site structure and dependencies (WordPress) */


/* STRUCTURE */
body {
 width: 950px;
 margin: 0 auto;
 background: url(../media/bkgd_main.gif) repeat-y top center #E5EBEA;
}
#container {
 min-height: 100%;
 position: relative;
}


/* HEADER */
#header {
 width: 100%; height: 80px;
 margin: 0; padding: 0; border: 0;
 clear: both; overflow: hidden;
 background: url(../media/bkgd_main_header.gif) repeat-x top center;
}
#our_logo {
 width: 190px; height: 80px;
 margin: 0; padding: 0 0 0 50px; border: 0;
 float: left;
 background: url(../media/logo_tamago_main_sticker.jpg) no-repeat bottom right;
}
#our_location {
 width: auto; height: 40px;
 margin: 0; padding: 20px 50px 0 25px; border: 0;
 float: right;
 background: url(../media/button_location_googlemaps.gif) no-repeat left center;
}
#our_location p, #our_location a {
 margin: 0; padding: 0; border: 0;
 vertical-align: bottom;
 font-size: 95%; color: #666666; text-decoration: none; text-align: left;
}


/* CONTENT */
#body {
 width: auto;
 text-align: center;
 margin: 0; padding: 0; border: 0;
 clear: both; overflow: auto;
 background-color: #FFFFFF;
}
#column_1 {
 width: 550px; height: 100%;
 float: left;
}
#column_2 {
 width: 400px; height: 100%;
 float: right;
}
#column_single {
 width: 550px; height: 100%;
 margin: auto;
 float: none;
}
#title {
 width: auto; height: 50px;
 margin: 15px; padding: 0;
 text-align: left;
}
#navigation {
 width: auto; height: 20px;
 margin: 0 50px 30px; padding: 0;
}


/* CONTENT, DATA */
#item {
 margin: 20px auto 50px; padding: 0 30px;
 text-align: left;
}
.item_title {
 padding: 0 0 1px;
 font-size: 110%; font-weight: bold; color: #996699;
}
.item_detail, .item_technical {
 font-size: 90%; color: #0099cc;
}
.item_description, .item_media {
 padding: 5px 5px;
}
.item_description p, .item_medialink p {
 padding: 4px 0;
 font-size: 95%; color: #666666;
}
.item_description li {
 font-size: 95%; color: #666666;
}
.item_description a {
 font-size: 95%; color: #999999; text-decoration: none;
}
.item_description a:hover {
 color: #333333; background: #999999; text-decoration: none;
}
.item_medialink p {
 background: url(../media/icon_media.jpg) no-repeat left;
 padding: 0 0 0 16px;
}
.item_medialink a {
 color: #666666; text-decoration: none;
}
.item_medialink a:hover {
 color: #333333; background: #CCCCCC; text-decoration: none;
}
.nav_next {
 width: 100px;
 float: left;
 margin: 0; padding: 0 25px;
 text-align: left;
 background: url(../media/button_main_nav_back.gif) no-repeat left;
}
.nav_prev {
 width: 100px;
 float: right;
 margin: 0; padding: 0 25px;
 text-align: right;
 background: url(../media/button_main_nav_forward.gif) no-repeat right;
}
.nav_home {
 width: 100px;
 float: left;
 margin: 0; padding: 0 25px;
 text-align: left;
 background: url(../media/button_main_nav_home.gif) no-repeat left;
}
.nav_next, .nav_prev, .nav_home {
 font-size: 95%; color: #666666;
}
.nav_next a, .nav_prev a, .nav_home a {
 color: #666666; text-decoration: none;
}
.nav_next a:hover, .nav_prev a:hover, .nav_home a:hover {
 color: #333333; background: #CCCCCC; text-decoration: none;
}


/* CONTENT, SPECIFIC */
.category-works #title {
 background: url(../media/logo_main_works.jpg) no-repeat left center;
}
.category-ideas #title {
 background: url(../media/logo_main_ideas.jpg) no-repeat left center;
}
.category-works .item_mediabanner {
 width: 480px; height: 96px;
 margin: 0 auto 10px; padding: 3px;
 text-align: center;
 border: solid 1px #999999;
 background-color: #FFFFFF;
}
.category-ideas .item_mediabanner {
 display: none;
}
.category-ideas .item_technical {
 display:  none;
}
.category-ideas .item_medialink {
 display:  none;
}
.category-works .item_detail p {
 display:  none;
}
.category-ideas blockquote {
 font-size: 80%;
}
.category-ideas img {
 margin: 10px;
}


/* FOOTER */
#footer {
 width: 100%; height: 40px;
 position: absolute; bottom: 0;
 margin: 0; padding: 0 0; border: 0;
 clear: both; overflow: hidden;
 background: url(../media/bkgd_main_footer.gif) repeat-x top center;
}
#search {
 width: 300px; height: 20px;
 margin: 0; padding: 10px 0 10px 50px; border: 0;
 float: left;
 font-size: 90%;
}
.searchfield {
 width: 180px;
}
.searchfield, .searchbutton {
 background-color: #FFFFFF; border: solid 1px #999999;
 font-size: 90%;
}
#copyrightnotice {
 width: auto; height: 10px;
 margin: 0; padding: 15px 50px 0 15px; border: 0;
 float: right;
 font-size: 75%; color: #666666;
 text-align: left; 
}