/* Primary layout 
==============================*/
html{
	SCROLLBAR-FACE-COLOR:#CAC5BF;
 	SCROLLBAR-HIGHLIGHT-COLOR: #CAC5BF;
 	SCROLLBAR-SHADOW-COLOR: #473E3A;
	SCROLLBAR-3DLIGHT-COLOR:#473E3A;
 	SCROLLBAR-ARROW-COLOR: #473E3A;
 	SCROLLBAR-TRACK-COLOR:#473E3A;
 	SCROLLBAR-DARKSHADOW-COLOR:#CAC5BF;
}


body {
  margin: 0;
  padding: 0;
  background: url(http://home.graffiti.net/tsukiyo_shin/chip02.jpg);
  background-attachment:fixed;
  background-repeat:repeat;
  background-position: right bottom;
  color: #000000;
  font-size: small;
  line-height:2.5em;
  star:expression(document.body.onselectstart = document.body.oncontextmenu = function(){return false;});
}

/* font specs */ 
h2, h3 {
	font-family: "trebuchet ms", verdana, sans-serif;
}
h1, #header p, #navigation h3 {
  font-family: "trebuchet ms", verdana, serif;
}
body, p, li, ul {
	font-family: avenir, "lucida grande", verdana, "bitstream vera sans", sans-serif;
}
#brand_line {
	font:11px "Lucida Grande",Verdana,sans-serif;
	background: url(http://home.graffiti.net/tsukiyo_shin/brand.gif) no-repeat left;
	margin:0;
	padding:0;
	width:100%;
	height:32px;
	display:block;
	border-bottom:0px dashed #DCDAD5;
	border-top:0px dashed #DCDAD5;
                text-decoration: none;
}
#brand_line #tp_branding {
	border:none;
	float:left;
	margin-left:15px;
	padding:9px 0 10px 95px;
	color:#111111;
                text-decoration: none;
}
#brand_line #user_links {
	margin:0;
	padding:2px 10px 0 0;
	color:#716D53;
	line-height:30px;
	float:right;
}	
#brand_line p a {
	color:#111111;
	text-decoration:none;
	padding:9px;
	border-left:0px dashed #DCDAD5;
                cursor: crosshair;
                text-decoration: none;
}
#brand_line p a:hover{
	background:;
	color:#723F21;
	border-top:0px solid #839EAF;
	border-left:0px solid #839EAF;
	border-bottom:0px dashed #DCDAD5;
                cursor: crosshair;
                text-decoration: overline underline;

}
#wrapper {
  position: relative;
  width: 930px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto; /* use long form to avoid problems with Mac IE5 */
  border-bottom: 0px solid #DCDAD5;
  padding: 1px 0 0 20px;
  background: url() repeat-y center;
}

#header,#center,#footer {
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 110%;
  float: left;
  margin-right: 0;
  width: 920px;
}

/* Header 
==============================*/
#header {
  height: 342px;
  width: 100%;
  margin: 0;
  border-bottom: 0;
  padding: 0;
  background: url(http://home.graffiti.net/tsukiyo_shin/hk_01.jpg);
  color: #FFFFFF;
  text-align: left;
  cursor: crosshair;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity: 0.9;
}

#header h1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 35px;
}

#header p {
  margin-top: 0;
}

#title {
  font-size: 27px;
}

#description {
  font-size: 120%;
}

/* Images
==============================*/
img {
  border: 0;
}

/* Navigation 
==============================*/
#navigation {
  float: right;
  width: 200px;
  height: 40px;
  margin: 1.5em 0 0 10px;
  border: 0; /*specify to avoid a bug in MacIE5 */
  padding: 0;  
	font-size: 90%;
  background-color: #FAFAFA;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;
}

#navigation ul {
  margin: 0;
  border-bottom: 1px solid #DCDAD5;
  padding: 5px 0 5px 25px;
  background-color: #FAFAFA;
  list-style-type: circle;
  list-style-image: url(http://home.graffiti.net/tsukiyo_shin/star.gif);	
}

#navigation li {
  line-height: 150%;
}

#navigation h3 {
  height: 40px;
  border-bottom: 1px solid #DCDAD5;
  padding: 0px;
  background: url(http://home.graffiti.net/tsukiyo_shin/banlsk42.jpg);
  color: #000000;
  text-align: center;
	font-size:15px;
  cursor: crosshair;
  background-color: #FAFAFA;
}

#authorprofile, #navsearch {
	border-bottom: 1px dashed #DCDAD5;
}

#navsearch, #changestyles {
	padding-bottom:5px;
	margin:0;
  background-color: #FAFAFA;
}

#navsearch form, #changestyles form {
	margin:0;padding:.5em;
	text-align: center;
  background-color: #FAFAFA;
}

div#authorprofile, div#photography {
	padding:0; padding-bottom: .5em;
}

#authorprofile p, #photography p {
	width:160px;
	margin:.5em 0 0 10px;
}
#photography .photo, #profilephoto .photo {
	border:1px dashed #DCDAD5;
}
#profilephoto {
	float:right;
	margin:10px;	
}
#ads_nav {
	text-align:center;
	border-bottom:1px dashed #DCDAD5;
	padding-bottom:5px;
  background-color: #FAFAFA;
}

/* Content Group Header
==============================*/
#contentgroupheader {
  margin-bottom: 5px;
  border-bottom: 1px dashed #DCDAD5;
  background-color: #FAFAFA;
  text-align: center;
	padding: .5em 0;
}

#contentgroupheader h2 {
  margin: 0;
  padding: 5px;
  background-color: #FAFAFA
}

/* Blog Content Area
==============================*/
#blogcontent {
float:left;
  width: 705px;
  margin: 1.5em 0 1.5em 0;
  padding: 0;
  background-color: #FAFAFA;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;
}

/* For Win IE only, float the blogcontent to actually visually touch the navigation. \*/
* html #blogcontent {
  float: right;
  margin: 0 1px 0 0;
}
/* */

#blogcontent h3 {
  margin: 0;
  font-weight: normal;
}

.entry {
  border-bottom: 1px #DCDAD5 dashed;
  padding: 10px;
  background-color: #FAFAFA;
}

.entry img.photo {
  padding-bottom:5px;
}

#blogcontent h2 {
  padding-left: 0;
}

.entrydetails {
  margin: 0;
}

.entrydetails:before {
  content: url(/img/4/icon-page.gif);
  padding-right: .5em;
}

/* This comment with a \ is a hack to make Mac IE5 ignore the following rule */
.entrycontent, .comment {
  overflow: auto;
}
/* Proprietary IE rule to avoid long strings (urls) causing problems */
.entrycontent, .comment {
  word-wrap: break-word;
}

.commentlink {
  margin-left: 1em;
  padding-left: 1.5em;
  background: url(/img/4/icon-comments.gif) no-repeat left top;
}

.commentdetails {
  margin-top: 0;
  font-size: 90%;
}

.othercontent {
  margin-bottom: 10px;
  border-bottom: 1px solid #DCDAD5;
  padding: 10px;
  background-color: #FAFAFA;
}

#entrynavigation {
  margin: 5px;
  padding: .3em;
  text-align: center;
}
.bookmarking_options{
	border-top:1px dotted #DCDAD5;
	border-bottom:1px dotted #DCDAD5;
	padding:4px 0;
	line-height:12px;
	width:40%;
	float:left;
	margin:0;
}
.bookmarking_options img{
	vertical-align:middle;
	height:14px;
	width:14px;
}
.bookmarking_options a{
	margin-right:2px;
	padding:2px 4px 4px;
	border:1px dashed #DCDAD5;
                cursor: crosshair;
}
.bookmarking_options a:hover{
	border:0px dashed #DCDAD5;
                cursor: overline underline;
}
p.entry_nav {
	border-top:1px dotted #DCDAD5;
	border-bottom:1px dotted #DCDAD5;
	width:60%;
	margin:0;
	padding:5px 0;
	line-height:12px;
	text-align:right;
}
p.entry_nav a.previous {
	background: url(/img/icon_previous.gif) no-repeat right;
	padding-right:15px;
}
p.entry_nav a.next {
	background: url(/img/icon_next.gif) no-repeat left;
	padding-left:15px;
}
p.entry_nav a.toc {
	background: url( /img/icon_toc.gif) no-repeat;
	padding-left:18px;
	margin-left:20px;
}
p.entry_nav a {
	font-size:10px;
}

/* Links
==============================*/
:link,:visited {
  font-weight: bold;
  text-decoration: none;
  cursor: crosshair;
}
:link {
  color: #000000;
  cursor: crosshair;
  
}
:visited {
  color: #716D53;
  cursor: crosshair;
  text-decoration: none;
}
:link:hover, :visited:hover {
  color: #722921;
  cursor: crosshair;
  text-decoration: overline underline;
}
:link:active {
  color: #716D53;
  cursor: crosshair;
  text-decoration: line-through;
}
/* Footer 
==============================*/
#footer {
	width: 930px;
	display: block;
	clear: both;
	margin: 1em 0 0;	
	border-top: 1px dashed #DCDAD5;
	background-color: #FAFAFA;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;
}
#footer p {
	margin: 0;
	padding: 1em 0 .2em;
	text-align:center;
}
#footer .tp_plug {
	margin:0;
	padding:0 0 1em;
	list-style:none;
	text-align:center;
}
#footer .tp_plug li {
	margin:0 0.2em;
	display:inline;
}
#footer p#copyright_notice {
	font-size:10px;
	padding-top:0;
}