@charset "utf-8";
/*
Theme Name: INDIVIDUAL LOCKER
Theme URI: http://www.individuallocker.com/
Description: INDIVIDUAL LOCKER for WordPress
Author: Koji Komiya
*/

/*----------basic specify common------------------------------------------------------------*/

body,div,ul,li,dl,dt,dd,h1,h2,h3,img{margin:0;padding:0;border:0;}
ul {list-style:none;}

/*----------total layout common------------------------------------------------------------*/

body {
background:#f9f9f9;
font:normal 100% sans-serif;
color:#333333;
text-align:center;
}

a { color:#0096df; text-decoration:none; outline:0; }
a:hover { color:#33cccc; text-decoration:none; }
a[name]:hover { background:transparent; text-decoration:none; }
a img { border:none; } 

#maincontainer {
margin:0 auto;
text-align:left;
width:940px;
}

.clearboth {
clear:both;
}

/*----------header layout common------------------------------------------------------------*/

#header {
width:920px;
text-align:center;
padding:0;
background:#f9f9f9 url(http://www.individuallocker.com/img/topback-tee.jpg) repeat;
border:1px solid #cccccc;
}

#headerlayer {
width:920px;
padding:180px 0;
}

#header img {
margin:0 25px;
}

#header h1 {
font:normal 22px Helvetica, Arial, sans-serif;
text-transform:uppercase;
letter-spacing:-1px;
color:#666666;
padding:40px 20px 20px 20px;
}

#header h1 a {
font:bold 22px Helvetica, Arial, sans-serif;
text-transform:uppercase;
color:#333333;
}

#header h1 a:hover {
text-transform:uppercase;
color:#000000;
}

#indexcopy {
width:920px;
background:#f9f9f9 url(http://www.individuallocker.com/img/bgstripef3e3.png) repeat;
text-align:center;
padding:12px 0 10px 0;
clear:both;
border:1px solid #cccccc;
}

#indexcopy h2 {
font:bold 90% Helvetica, Arial, sans-serif;
text-transform:uppercase;
color:#333333;
}



.navigation {
width:920px;
background:#f9f9f9 url(http://www.individuallocker.com/img/bgstripef3e3.png) repeat;
font:bold 14px/100% Helvetica, Arial, sans-serif;
text-transform:uppercase;
text-align:center;
padding:10px 0 8px 0;
clear:both;
border:1px solid #cccccc;
}

.navigation a {
margin:0 5px;
}

/*----------ads------------------------------------------------------------*/

#ads {
width:920px;
text-align:center;
padding:10px 0 10px 0;
clear:both;
background:#f9f9f9;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#footerads {
width:920px;
text-align:center;
padding:15px 0 10px 0;
clear:both;
background:#f6f6f6;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

#headerads {
width:920px;
text-align:center;
padding:15px 0 10px 0;
clear:both;
background:#f6f6f6;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

#footeradslink {
padding:25px 0 2px 0;
}

/*----------contents layout------------------------------------------------------------*/

#contents {
clear:both;
}

#contents li {
width:300px;
float:left;
display:inline;
margin:0 10px 0 0;
text-align:left;
}

#contents dl.download {
padding:0 0 40px 0;
width:290px;
}

#contents dl.download dt {
font:bold 94% Helvetica, Arial, sans-serif;
color:#333333;
text-transform:capitalize;
letter-spacing:0px;
margin:40px 0 0 0;
height:20px;
border-bottom: 1px solid #999999;
}

#contents dl.download dd {
font:normal 75% Helvetica, Arial, sans-serif;
line-height:170%;
padding:2px 0;
}

#contents dl.download dd.downloadlink {
font:bold 82% Helvetica, Arial, sans-serif;
line-height:170%;
text-transform:uppercase;
}

#contents img {
border:1px solid #999999;
margin:0 0 5px 0;
}


#contents dl.download .aboutlink {
padding-left:50px;
}



#contents dl.single {
padding:0 0 40px 0;
border-left:1px solid #cccccc;
}

#contents dl.single dt{
font:bold 94% Helvetica, Arial, sans-serif;
color:#333333;
text-transform:capitalize;
letter-spacing:0;
padding:40px 15px 0px 15px;
}

#contents dl.single dd {
font:normal 75% sans-serif;
line-height:150%;
padding:5px 15px 10px 15px;
}

#contents dl.single span {
padding:0 0 0 25px;
font-size:11px;
}

#contents dl.single p {
padding:5px 5px 5px 25px;
margin:0;
background:#cccccc url(http://www.individuallocker.com/img/comment-post.gif) no-repeat;
}


#contents dl.advertisement dt{
font:bold 94% Helvetica, Arial, sans-serif;
color:#333333;
text-transform:capitalize;
letter-spacing:0px;
margin:40px 0 0 0;
height:20px;
border-bottom: 1px solid #999999;
}

#contents dl.advertisement dd {
font:normal 75% sans-serif;
line-height:150%;
padding:0 0 15px 0;
}

#contents dl.advertisement p {
padding:0;
margin:0;
}

/*----------comment layout common------------------------------------------------------------*/

.commentinput {
width:260px;
}

input:focus, textarea:focus {
background:#f3f3f3;
}

/*----------footer layout common------------------------------------------------------------*/

#footer {
}

#footer li {
float:left;
display:inline;
background:#f9f9f9;
}

#footer li.category {
width:300px;
height:500px;
padding:0 0 0 10px;
border-left:1px solid #cccccc;
}

#footer li.category dd {
font:normal 80% Helvetica, Arial, sans-serif;
padding:7px 0;
}

#footer li.info {
width:599px;
height:500px;
text-align:justify;
padding:0 0 0 10px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#footer li.info dd {
font:normal 75% Helvetica, Arial, sans-serif;
line-height:150%;
padding:2px 0 7px 0;
text-transform:capitalize;
}

.info span {
color:#666666;
text-transform:capitalize;
padding:0 5px 0 0;
}

#footer dl {
}

#footer dt {
font:bold 94% Helvetica, Arial, sans-serif;
color:#333333;
letter-spacing:0;
text-transform:capitalize;
padding:25px 0 2px 0;
}

.catalog a {
padding:1px 7px 0px 3px;
margin:10px 0;
}

.catalog a:hover {
}


#footer dd.w3c {
padding:15px 0 0 0;
}