/*  
Theme Name: mat-u
Description: BlackBlue Theme created by Mat-u <a href="http://www.mat-u.com">mat-u design</a>.
Version: 1.0
Author: Mat-u
Author URI: http://www.mat-u.com/
*/

body {
background:#2e2e2e url('http://img.mat-u.com/top_header.png') repeat-x top;
color:#333;
font-family:"Lucida Grande", Verdana, sans-serif;
font-size:12px;
line-height:1.3em;
margin:0;
padding:0;
text-align:center;
}
#page{
background:url('http://img.mat-u.com/side_wrap.png') repeat-y center;
margin:0 auto;
padding:0;
text-align:left;
width:810px;
}
#header{
height:129px;
margin:0;
padding:0;
width:810px;
}
#intro,#intron{
background:url('http://img.mat-u.com/updown_wrap.png') no-repeat top center;
height:45px;
margin:0;
padding:0;
width:810px;
}
#welcome{
float:left;
height:60px;
margin-left:60px;
margin-top:0;
width:350px;
font-size:1.1em;
}
#comrecent{
float:right;
margin-right:50px;
margin-bottom:10px;
width:230px;
height:100px;
background:url('http://img.mat-u.com/back.png') no-repeat -480px 0;
}
#pict{
height:150px;
padding:0;
width:810px;
}
.pich{
height:100px;
width:200px;
padding-left:15px;
/*margin-right:35px;*/
}
.pich1{
height:100px;
width:200px;
padding-left:30px;
/*margin-right:20px;*/
}
.rpost{
padding-left:10px;
}
#post-5{
width:300px;
}
#post-7{
padding-bottom:0;
height:165px;
width:710px;
background: url('http://img.mat-u.com/back.png') no-repeat 0 -100px;
}
#post-8{
padding-bottom:10px;
height:90px;
width:460px;
background: url('http://img.mat-u.com/back.png') no-repeat;
}
.post-normal{
width:670px;
float:left;
margin-left:50px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
background-image:none;
}
#servpict{
padding:100px;
width:274px;
height:192px;
}
#headerimg{
background:#eff0f1 url('http://img.mat-u.com/top_header.png') repeat-x;
height:129px;
margin:0;
width:810px;
}
#headerimg a{
display:block;
height:85px;
overflow:hidden;
width:200px;
}
#brush{
width:96px;
padding-right:102px;
height:129px;float:right;
z-index:3;
background:url('http://img.mat-u.com/btn.png') no-repeat -383px 0;
}
#headerimg img{
border:none;
}
#content{
float:left;
}
#nav{
font-size:1.1em;
height:44px;
margin:0 auto;
position:relative;
top:-44px;
width:736px;
}
#nav ul{
float:left;
list-style:none;
margin:0;
overflow:hidden;
padding:0;
}
#nav ul li{
display:block;
float:left;
height:44px;
}
#nav ul li a{
display:block;
float:left;
}
#navigation a,#navigation a .hover {
height: 44px;
position: relative;
display: block;
background: url("http://img.mat-u.com/btn.png") 0 0 no-repeat;
}
#navigation a * {
display: none;
}
#navigation a.menu_home {
background-position: 0 0;
width:96px;
}
#navigation .highlight a.menu_home:hover,#navigation a.menu_home .hover {
background-position: 0 -44px;
}
#navigation a.menu_showroom {
background-position: -96px 0;
width:95px;
}
#navigation .highlight a.menu_showroom:hover,#navigation a.menu_showroom .hover {
background-position: -96px -44px;
}
#navigation a.menu_inside {
background-position: -181px 0;
width:95px;
}
#navigation .highlight a.menu_inside:hover,#navigation a.menu_inside .hover {
background-position: -181px -44px;
}
#navigation a.menu_blog {
background-position: -286px 0;
width:97px;
}
#navigation .highlight a.menu_blog:hover,#navigation a.menu_blog .hover {
background-position: -286px -44px;
}
.widecolumn .entry p{
font-size:12px;
}
.narrowcolumn .entry,.widecolumn .entry{
line-height:1.3em;
}
.widecolumn{
line-height:1.6em;
margin:5px 0 0;
padding:0 0 0 50px;
width:540px;
}
.narrowcolumn .postmetadata{
padding-top:5px;
text-align:center;
}
.alt{
background:#dfdfdf;
margin:0;
padding:0;
}
.delicious-networkbadge{
background:url('http://img.mat-u.com/fonddelicious.png') no-repeat;
height:40px;
width:180px;
padding-left:20px;
padding-top:10px;
}
.delicious-network-username{
color:#333;
}
div.delicious-networkbadge a,div.delicious-networkbadge a:hover{
color:#fff;
}
#twitter_div{
background:url('http://img.mat-u.com/fondtwitter.png') no-repeat;
padding:5px 0 0 5px;
height:45px;
width:395px;
}
#lafraise_div{
background:url('http://img.mat-u.com/fondlafraise.png') no-repeat;
padding:15px 0 0 25px;
height:35px;
width:175px;
}
#hypem_div{
background:url('http://img.mat-u.com/fondhypem.png') no-repeat;
padding:15px 0 0 25px;
height:35px;
width:175px;
}
#twitter_div a, #lafraise_div a, #hypem_div a{
color:#fff;
}
#comments{
clear:both;
width:520px;
padding:0 0 0 20px;
}
small{
font-family:Arial, Helvetica, Sans-Serif;
font-size:.9em;
line-height:1.5em;
}
h1,h2,h3{
font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight:700;
}
h1{
display:none;
font-size:4em;
margin:0;
padding-top:10px;
text-align:left;
}
#headerimg .description{
font-size:1.2em;
text-align:center;
}
h2{
font-size:1.8em;
margin:10px 0;
}
.postblogh2{
font-size:1.7em;
margin:0;
margin-right:75px;
padding:6px 0 6px 6px;
}
.titleblog{
display:block;
width:520px;
background:url('http://img.mat-u.com/h2.png') no-repeat;
}
.date{
font-size:11px;
padding-bottom:20px;
}
h2.pagetitle{
font-size:1.7em;
margin-top:30px;
text-align:center;
}
#sidebar h2{
font-family:'Lucida Grande', Verdana, Sans-Serif;
font-size:1.2em;
margin:5px 0 0;
padding:0;
}
h3{
font-size:1.3em;
margin:30px 0 0;
padding:0;
}
h1,h1 a,h1 a:hover,h1 a:visited,#headerimg .description{
color:#fff;
text-decoration:none;
}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited{
color:#333;
}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite{
text-decoration:none;
}
.entry a{
color: #2785d0;
text-decoration:none;
}
.entry a:hover{
color: #2785d0;
text-decoration:underline;
}
.entryh a:hover{
color:#fff;
}
.commentlist li,#commentform input,#commentform textarea{
font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li{
font-weight:700;
list-style:none;
border: 1px solid #eee;
margin:5px 0 3px;
padding:5px 10px 0;
}
.commentlist cite,.commentlist cite a{
font-size:1.1em;
font-style:normal;
font-weight:700;
}
.commentlist p{
font-weight:400;
line-height:1.3em;
margin:10px 5px 10px 0;
text-transform:none;
}
#commentform p{
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
margin:5px 0;
}
.commentmetadata{
display:block;
font-weight:400;
margin:0;
}
.authcomment{
background-color: #9fcbff !important;
border:1px solid #8bb1df;
}
.altcom{
background-color: #dfdfdf !important;
border:1px solid #bfbfbf;
}
#sidebar{
margin-right:50px;
width:150px;
float:right;
}
small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike{
color:#777;
}
code{
font:1.1em 'Courier New', Courier, Fixed;
}
acronym,abbr,span.caps{
font-size:.9em;
letter-spacing:.07em;
}
a,h2 a:hover,h3 a:hover{
color:#2785d0;
text-decoration:none;
}
a:hover{
color:#2785d0;
text-decoration:underline;
}
a.more-link{
border-bottom:1px dashed #0d2d5b;
color:#467fc8;
font-size:1.1em;
}
.narrowcolumn{
float:left;
margin:0;
padding:0 0 20px;
width:450px;
}
.post{
display:block;
width:520px;
float:left;
margin-left:50px;
padding-bottom:20px;
padding-left:7px;
}
.post hr{
display:block;
}
.widecolumn .postmetadata{
margin:30px 0;
}
.widecolumn .smallattachment{
float:left;
margin:5px 5px 5px 0;
text-align:center;
width:128px;
}
.widecolumn .attachment{
margin:5px 0;
text-align:center;
}
.postmetadata{
clear:left;
}
#footer{
background:url('http://img.mat-u.com/updown_wrap.png') no-repeat bottom center;
width:810px;
height:80px;
clear:both;
}
#footer p{
text-align:center;
}
.lfoot,.lfoot a:visited{
color:#333;
}
.lfoot a:hover{
color:#4c84cc;
}
h3.comments{
margin:40px auto 20px;
padding:0;
}
p img{
padding:0;
}
img.centered{
display:block;
margin-left:auto;
margin-right:auto;
}
img.alignright{
display:inline;
margin:0 0 2px 7px;
padding:4px;
}
img.alignleft{
display:inline;
margin:0 7px 2px 0;
padding:4px;
}
.alignleft{
float:left;
}
p{
margin:0;
padding:5px 0;
}
img{
border:none 0;
}
html>body .entry ul{
list-style:none;
margin-left:0;
padding:0;
text-indent:12px;
}
html>body .entry li{
margin:0 0 7px;
}
.entry ol{
margin:0;
padding:0 0 0 35px;
}
.postmetadata ul,.postmetadata li{
display:inline;
list-style-image:none;
list-style-type:none;
}
#sidebar ul li{
list-style-image:none;
list-style-type:none;
margin-bottom:15px;
}
#sidebar ul p,#sidebar ul select{




margin:5px 0 8px;
}
#sidebar ul ul,#sidebar ul ol{
margin: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{
margin:3px 0 0;
padding:0;
}
#searchform #s{
border:1px solid #afafaf;
color:#333;
font:11px 'Lucida Grande', Verdana, sans-serif;
height:18px;
padding:2px;
vertical-align:middle;
width:150px;
}
#searchform{
margin:0;
padding:0;
text-align:left;
}
#sidebar #searchform #s{
padding:2px;
padding-right:16px;
width:108px;
background:url('http://img.mat-u.com/deg.png') repeat-x bottom;
}
.list-search{
background:url('http://img.mat-u.com/magnifier.png') no-repeat center right;
}
#sidebar #searchsubmit{
padding:1px;
}
select{
width:130px;
}
#commentform input{
margin:5px 5px 1px 0;
padding:2px;
width:170px;
}
#commentform textarea{
padding:5px;
width:490px;
}
#commentform #submit{
float:right;
margin:0;
margin-right:15px;
}
.commentlist{
padding:0;
text-align:justify;
}
.nocomments{
margin:0;
padding:0;
text-align:center;
}
acronym,abbr{
border-bottom:1px dashed #999;
}
blockquote{
border-left:5px solid #ddd;
margin:15px 30px 0 10px;
padding-left:20px;
}
blockquote cite{
display:block;
margin:5px 0 0;
}
a img{
border:none;
}
.navigation{
display:block;
width:300px;
height:20px;
margin:10px 0 30px 60px;
text-align:center;
}
.widecolumn .post,#sidebar form{
margin:0;
}
.alignright,#search{
float:right;
}
form,.entry ol li,#sidebar ul,#sidebar ul ol{
margin:0;
padding:0;
}
.entry form,.center{
text-align:center;
}
/*gallery*/
.caption{display:block;padding:10px 0;color:#333;}
.demo{width:690px;margin:0 auto;}
.gallery_demo{width:690px;}
.gallery_demo li{display:block;float:left;}
.gallery_demo li.active div img,.gallery_demo li.active div{display:block;}
#main_image{margin:0;margin-left:85px;height:360px;width:500px;background:#fff url('http://img.mat-u.com/matuwork.png') no-repeat center center;}