/* RESET */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
html { overflow-y: scroll; }
html { -webkit-font-smoothing: antialiased; }

/* GENERAL */
body {color:#333; font:16px Arial Helvetica, sans-serif; line-height: 0.9; font-weight: bold;letter-spacing:-2px;background:#fefefe;}
select, input, textarea { font:99% Arial, Helvetica sans-serif; }
h1,h2,h3,h4,h5,h6 {font-weight: bold;}
h1 {text-transform:uppercase; font-size: 16px; margin-bottom: 40px;}
h1 a, h1 a:visited {color: #ccc;}
h2 {letter-spacing:-2px; text-transform: uppercase; font-size: 16px; margin-bottom: 40px;}

a, a:active, a:visited {text-decoration: none;color:#333;}
a:hover, a:active { color:#ccc;outline: none;}
a.sel {background:none}
p, .img {margin-bottom: 10px;}

::-moz-selection{ background: #96A3BE; color:#ccc; text-shadow: none; }
::selection { background:#96A3BE; color:#ccc; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #96A3BE; } 

/* grid and stuff */
.g1,.g2,.g3,.g4, .g5 {float: left; display: inline; margin-right: 10px;}
.g1 {width: 100px;}
.g2 {width: 210px;}
.g3 {width: 430px;}
.g4 {width: 550px;}
.g5 {width: 600px;}
.content p{
	letter-spacing:-1px;
	line-height:1;
}

.hidden {display:none;} 
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { display: inline-block; }
.cl { display: block; }
.ic {margin-bottom: 20px;}

/* .ic {display: none;} */

/* LAYOUT */
#container {width: 900px; margin: 20px auto;}
#header .menuul li {margin-bottom: 20px; }
#header .menuul li a:link, #header .menuul li a:visited {text-transform:uppercase; float:left;display:inline;margin:5px 40px;width: 1em;  font-weight: bold; letter-spacing: 16px;border-bottom:#ccc}
#header .menuul li a.sel {width: auto; letter-spacing: -1px;margin:50px 5px;}

#menu .menuul li { float:left;}
#menu .menuul li a:link, #menu .menuul li a:visited {width:100px;height:100px;display:block;}
#menu .menuul li a.sel {}

.diarylist a.sel {color: #ccc;}

/* COLLECTIONS */
.collectionItem .img {text-align: right;}
.collectionItem .g1 img {width: 100px;}

.collectionInfo {font-weight: normal; font-size: 16px;}
#collections .collectionInfo a {bakground-color: #96A3BE;}
#collections .collectionInfo a.sel,#collections .collectionInfo a:hover {color: #ccc;}
#collections .collectionInfo .activeSlide a {color: #ccc;}
.collectionInfo li {margin-bottom: 10px;}

.relCol {margin-left: 0px; text-transform: uppercase; clear: both;}

/* COLLECTION */
.collectionImages .images {cursor: pointer; margin-top: 40px; height: 600px; overflow: hidden;}
.collectionImages img {width: 430px;}
.text {margin-top: 40px;}

/* diary */
.diarylist li {letter-spacing:-2px; margin-bottom: 6px;}
.diaryItem .g2 {clear: both;}
.diaryItem img {max-width: 600px;display: block; clear: both;}

.conny {position: fixed; right: 10px; top: 50%; margin-top:-71px;;width: 200px;}
.cg	{display:block;width:210px;height:210px;background:url(/site/gfx/cg.gif);margin-bottom:40px;}
.top_spacer{height:100px;display:block;background:#efe;}

#imgOver {position: fixed; top: 0; left: 0; background: #fff; width: 100%; height: 100%; z-index: 800; display: none;}
#imgOver img {cursor: pointer; position: absolute; top:0; left:0;}

.c_txt{
	width:300px;margin-left:300px;
}
.c_txt img{margin-top:10px;}
.c_txt a{border-bottom:1px solid;}

.strip {position:absolute;width:1px;height:100px;}