/* KOKESHI:DECONSTRUCTER LAYOUT STYLESHEET */

/* BODY STYLE 
============================================================== */
html, body		{	background-color: #C81638;
					background-image: url(../img/layout/pattern.gif);
					margin: 0 0 0 0; 
					padding: 0;
					cursor: url(http://www.jrocksaga.com/vidoll/style/normal.cur), default;
					font-family: verdana, helvetica, arial, sans-serif; 
					font-size: small; 
					color: #FFFFFF;
				}

img 		{ 	border: 0; 	}

/* LINK STYLES AND CLASSES
============================================================== */
/* REGULAR LINKS STYLE 
--------------------------------------------------------------------------------------------------------------------------- */
a:link, a:visited 	{ 	font-family: verdana, helvetica, sans-serif; 
						font-size: small; 
						font-weight: normal; 
						color: #252525; 
						text-decoration: underline; 
						cursor: url(http://www.jrocksaga.com/vidoll/style/linked.cur), hand; 
					} 

a:hover, a:active	{ 	font-family: verdana, helvetica, sans-serif; 
						font-size: small; 
						color: #252525; 
						text-decoration: none; 
						cursor: url(http://www.jrocksaga.com/vidoll/style/linked.cur), hand; 
					}

/* CAPTION LINKS STYLE - used smaller links that appear on captions 
--------------------------------------------------------------------------------------------------------------------------- */
.caplink a:link 			{ font-family: verdana, helvetica, sans-serif; font-size: x-small; font-weight: normal; color: #252525; text-decoration: underline; 
						cursor: url(http://www.jrocksaga.com/vidoll/style/linked.cur), hand; } 
.caplink a:visited 		{ font-family: verdana, helvetica, sans-serif; font-size: x-small; font-weight: normal; color: #252525; text-decoration: underline; 
						cursor: url(http://www.jrocksaga.com/vidoll/style/linked.cur), hand; }
.caplink a:hover 		{ font-family: verdana, helvetica, sans-serif; font-size: x-small; font-weight: normal; color: #252525; text-decoration: none; 
						cursor: url(http://www.jrocksaga.com/vidoll/style/linked.cur), hand; }
.caplink a:active 		{ font-family: verdana, helvetica, sans-serif; font-size: x-small; font-weight: normal; color: #252525; text-decoration: none; 
						cursor: url(http://www.jrocksaga.com/vidoll/style/linked.cur), hand; }

/* FONT CLASSES 
============================================================== */
/* FONTS STYLE NOTES

TITLE = TITLES (points of major reference, eg: to differenciate sections on the same page)
ITEM = LIST ITEMS (items, such as the discography items, like price, etc.)
CAPTION = CAPTIONS (commentaries of smaller relevance, link language hints, etc.)
BLACK = NORMAL FONT SIZE BUT WITH COLOR VARIATION (black hands, for eg.)
 */

.title		{ 	font-family: verdana, arial, helvetica, sans-serif; 
				font-size: 85%; 
				color: #FFFFFF; 
				font-weight: bold; 
				text-decoration: none; 
				text-transform: uppercase; 
			}
.item		{	font-family: verdana, arial, helvetica, sans-serif; 
				font-size: x-small; 
				color: #252525; 
				font-weight: bold; 
				text-decoration: none; 
			}
.caption	{	font-family: verdana, arial, helvetica, sans-serif; 
				font-size: x-small; 
				color: #FFFFFF; 
				font-weight: normal; 
				text-decoration: none; 
				}
.black		{ 	font-family: verdana, arial, helvetica, sans-serif; 
				font-size: small; 
				color: #252525; 
				font-weight: normal; 
				text-decoration: none; 
			}

/* LISTS
============================================================== */
/* MENU LIST 
--------------------------------------------------------------------------------------------------------------------------- */
ul#menulist 	{ 	margin: 0;
					padding: 0 0 27px 0; 
				}

#menulist li 	{ 	display: inline;
					list-style-type: none;	
				}

.on { background-image: url("../img/layout/menu-on.gif"); }

#menulist a:link 	{	text-decoration: none;						
						background-repeat: no-repeat; 
						background-position: center bottom; 
						padding-bottom: 27px;
					}

#menulist a:visited	{ 	text-decoration: none; 
							background-repeat: no-repeat; 
							background-position: center bottom; 
							padding-bottom: 27px; 
						}

#menulist a:hover 	{  	background-image: url("../img/layout/menu-over.gif"); 
							text-decoration: none;
							background-repeat: no-repeat; 
							background-position: center bottom; 
							padding-bottom: 27px; 
						}

#menulist a:active 	{	background-image: url("../img/layout/menu-over.gif"); 
							text-decoration: none;						
							background-repeat: no-repeat; 
							background-position: center bottom; 
							padding-bottom: 27px; 
						}

/* NAVIGATION LIST
--------------------------------------------------------------------------------------------------------------------------- */
ul#navilist 	{ 	margin: 0;
					padding: 0;
				}

#navilist  li 	{ 	display: inline;
					list-style-type: none;	
				}

/* LAYERS
============================================================== */
/* CONTAINER LAYER
--------------------------------------------------------------------------------------------------------------------------- */
#container 	{ 	width: 455px; 
					margin: 0 auto 0 auto;
				}

/* SITE TITLE BAR 
--------------------------------------------------------------------------------------------------------------------------- */
#barra {  	width: 100%;
			height: 34px; 	
			background-color: #FFFFFF;
			text-align: center;
		}

/* MENU  
--------------------------------------------------------------------------------------------------------------------------- */
#menu 	{ 	width: 455px;
				margin-top: 10px;
				text-align: center;
			 }

/* ARTICLE 
--------------------------------------------------------------------------------------------------------------------------- */
#article 	{	margin-top: -16px;
				background-color: #D3173B;
				border: 1px solid #982222;
				padding: 25px 30px 35px 30px;
				text-align: left; width: 395px;
			}

/* NAVIGATION 
--------------------------------------------------------------------------------------------------------------------------- */
#navi 	{ 	position: relative; width: 455px;	 }