/*BASIC STUFF*/



/*Link styling*/



a:link, a:visited{



	color: #23598C;



	text-decoration: none;



}



a:hover, a:active{



	color: black;



}



/*Image*/

img, div { behavior: url(iepngfix.htc) }

img{



	border: none;



}



/*This is used for hidden stuff, stuff that you don't want people to see with CSS enabled*/



/*Try disabling CSS and you'll see some messages that you don't see with CSS enabled*/



.hidden{



	display: none;



}



/*Use this to centerize any image/text*/



.centerize{



	text-align: center;



}



/*MAIN STRUCTURE*/



/*Don't edit if you know what's good for you*/



body{



	color: #4C4C4C;



	font-size: 12px;



	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;



	background: #ffffff ;



	padding: 0 0 0 0;

line-height: 15px;



	text-align: center;

	margin: 0;





}



#wrapper{

          

	width: 820px;



	margin: 0 auto;



	background: white /*url(images/01_bodybg.jpg) repeat-y*/;



	text-align: left;



}



/*The header image*/



#header{



	position: relative;



	width: 820px;



	height: 160px;



	margin: 0 auto;





}

.headtop{

	position: absolute;



	top: 20px;



	left: 0px;





}

#topheader{



	position: relative;

	width: 820px;



	height: 251px;



	margin: auto;





}

.topheadtop{



		position: absolute;



	top: 0px;



	left: 0px;





}

.topheadmiddle{

	position: absolute;



	top: 58px;



	left: 0px;





}

/*The container - edit "230" to your desired width for the sidebar (lines 55, 58, 62)*/



#container{



	width: 820px;



padding: 0 ;

margin: 2px 0 0 0;



}



#content{



/*	margin-right: 0px;  */



	padding: 0 ;

margin: 0;



}



.artistleft{



padding: 0 20px 0 0;





}

.artistright{



padding: 0 0 0 7px;





}



.artistright img{



height:222px;

width:296px;





}



.artistrightnoimg{



padding: 0 0 0 7px;





}



#sidebar{



	width: 210px;



	float: right;



	padding: 10px 0 0 0;



	text-align: left;



}



#artistblock{



	position: relative;



	width: 820px;







	margin: auto;



}











/*Credits part is where the copyrights/xhtml/css validation stuff will be*/



#credits{



	font-size: 10px;



	text-align: center;



 color: #888;



}



#credits a:link, #credits a:visited{



	color: #CFE6FD;



}



#credits a:hover, #credits a:active{



	color: white;



}



/*Ignore this*/



.clearing{



margin:0;

padding:0;



	height: 0;



	clear: both;



}



/*THE MAIN TITLE - YOUR BLOG NAME ON TOP OF THE HEADER*/





#header h9{



	position: absolute;



	top: 25px;



	left: 10px;



	font-size: 20px;



	color: #333333;



	line-height: 15px;



	margin: 0;



}





#header h1{



	position: absolute;



	top: 14px;



	left: 15px;



	font-size: 20px;



	color: #333333;



	line-height: 20px;



	margin: 0;



}



.rogo{

	position: absolute;



	top: 10px;



	left: 10px;





}





/*THE NAVIGATION - More detailed stuff in 01_navigation.css*/

#topnavigation{



	font-size: 10px;



	width: 820px;



	height: 35px;



	position: absolute;



	top: 208px;



	left: 0px;



}



#topnavigation ul{



	list-style: none;



	padding: 0;



	margin: 0;



}



#topnavigation li{



	background: none;



}

#navigation{



	font-size: 10px;



	width: 820px;



	height: 12px;



	position: absolute;



	top: 0px;



	left: 0px;



}



#navigation ul{



	list-style: none;



	padding: 0;



	margin: 0;



}



#navigation li{



	background: none;



}



/*THE HEADERS (h2: Main titles, h3: Blog and Sidebar titles, h4: Comment names/userlinks)*/



h2{



	color: #3E565F;



	margin: 0 0 3px 0;



	font-size: 16px;



}



h3{



	color: #8F0000;



	margin: 0 0 8px 0;



	font-size: 14px;



}



h4{



	font-size: 11px;



}

.cathead{

position: relative;

height:200px;





}

.catheadallow1{

position: absolute;

top:-8px;

left:97px;



}

.catheadallow2{

position: absolute;

top:-8px;

left:256px;



}

.catheadallow3{

position: absolute;

top:-8px;

left:364px;



}

.catheadallow4{

position: absolute;

top:-8px;

left:472px;



}

.catheadallow5{

position: absolute;

top:-8px;

left:580px;



}

.catheadallow6{

position: absolute;

top:-8px;

left:688px;



}

.catheadallow7{

position: absolute;

top:-8px;

left:796px;



}

.catheadimg{

position: absolute;

top:0;

left:0;



}



.catheadlink{

position: absolute;

top:175px;

left:8px;



}





.catheadps{

position: absolute;

top:175px;

left:680px;



}

.catbottomimg{



}

.cathead a:link, a:visited{



	color: #ffffff;



	text-decoration: none;



}



/*Sub structure - To create the margins of the body (where text will be placed)*/



.contentdiv{

	margin: 0 ;

padding: 0;



}





      .captcha{

   position:relative;

      width:400px;

height:82px;

   margin:0;

pading:0;

}

.captchaimg{

   position:absolute;

     top:5px;

left:169px;

   margin:0;

}

.captchatext{

   position:absolute;

        top:5px ;

left:0;

width:154px;

   margin:0;

}









.top_contents{

position: relative;

top:0;

left:0;

width:820px;

height:180px;

	margin: 0 ;



}

.top_contents h2{

 padding :16px 0 18px 0;



}

.top_contents1{

position: absolute;

top:0;

left:0;

width:270px;

height:180px;

	margin: 0 ;



}

.top_contents2{



position: absolute;

top:0;

left:290px;

width:270px;

	margin: 0 ;



}

.top_contents3{

position: absolute;

top:0;

left:580px;

width:270px;

	margin: 0 ;



}

.top_contents4{



width:820px;

	margin: 0 ;



}





.sidebardiv{



	margin: 0 10px 0 10px;



}



/*The image styling of your blog*/







/*COMMENTS STYLING*/



.c_commentbody{



	padding: 0 0 5px 0;



	background: url(images/01_hdot.gif) bottom repeat-x;



}



/*User links on comments made (eg. Ivan wrote:)*/



.c_userlink{



	margin: 0 0 5px 0;



}



/*Time stamp info in comments made*/



.c_commentinfo{



	font-size: 10px;



	margin: 3px 0 0 0;



	padding: 0 0 0 13px;



	background: url(images/01_item1.gif) 0 1px no-repeat;



}



/*THE STYLING OF THE BODY OF CONTENTS AND SIDEBAR*/



.contentbody{



	margin: 0;



	padding: 8px 0 0 0;



	text-align: justify;





}

.index_top{

position:relative;



width:820px;

height:540px;

	margin: 0;



	padding: 0 0 0 0;







}

.index_top_about{

position:relative;



width:820px;

height:260px;

	margin: 0;



	padding: 0 0 0 0;







}

.news_top{

position:relative;



width:820px;

height:260px;

	margin: 0;



	padding: 0 0 0 0;







}

.index_top span{

	font-size: 12px;

color:#e50060;

	margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.newsimage{



width:820px;

height:200px;

	margin: 0;



	padding: 0 0 0 0;







}

.contentbody_top1{

position:absolute;

top: 0;

left:0;

width:260px;

height:260px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_top2{

position:absolute;

top: 0;

left:280px;

width:260px;

height:260px;



	margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_top3{

position:absolute;

top: 0;

left:560px;

width:260px;

height:260px;



	margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_top4{

position:absolute;

top: 280px;

left:0;

width:260px;

height:260px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_top5{

position:absolute;

top: 280px;

left:280px;

width:260px;

height:260px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_top6{

position:absolute;

top: 280px;

left:560px;

width:260px;

height:260px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.square820{

position:relative;

top:0;

left:0;

width:820px;

height:260px;

	margin: 0;



	padding: 0;



	text-align: justify;





}

.square820 p{

	font-size: 13px;

color:#e50060;

	margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}



.square260{

position:relative;

top:0;

left:0;

width:260px;

height:260px;

	margin: 0;



	padding: 0;



	text-align: justify;





}





.index_date{

position:absolute;

top:5px;

left:5px;



	margin: 0;



	padding: 0;



	text-align: justify;





}

.news_date{

position:absolute;

top:5px;

left:5px;



	margin: 0;



	padding: 0;



	text-align: justify;





}

.squareshop1{

width:260px;

height:260px;

position:absolute;

top:0;

left:0;

	margin: 0;



	padding: 0;



	text-align: justify;

          overflow:hidden;



}

.squareshop2{

width:260px;

height:260px;

position:absolute;

top:0;

left:280px;

	margin: 0;



	padding: 0;



	text-align: justify;

        overflow:hidden;



}

.squareshop3{

width:260px;

height:260px;

position:absolute;

top:0;

left:560px;

	margin: 0;



	padding: 0;



	text-align: justify;

          overflow:hidden;



}



.squareimg{

width:260px;

height:260px;

position:absolute;

top:0;

left:0;

	margin: 0;



	padding: 0;



	text-align: justify;





}

.squareimgright{

width:400px;

height:260px;

position:absolute;

top:0;

left:420px;

	margin: 0;



	padding: 0;



	text-align: justify;





}

.frame260{

width:260px;

height:260px;

position:absolute;

top:0;

left:0;

	margin: 0;



	padding: 0;



	text-align: justify;





}

.squaretext{

position:absolute;

top:198px;

left:7px;

width:250px;

height:69px;



	margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.squaretext2{

position:absolute;

top:217px;

left:6px;

width:248px;

height:37px;

overflow:hidden;

font-size:10px;

	margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_news1{

position:absolute;

top: 0;

left:0;

width:260px;

height:120px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_news2{

position:absolute;

top: 0;

left:280px;

width:260px;

height:120px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_news3{

position:absolute;

top: 0;

left:560px;

width:260px;

height:120px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_news4{

position:absolute;

top: 140px;

left:0;

width:260px;

height:120px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_news5{

position:absolute;

top: 140px;

left:280px;

width:260px;

height:120px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_news6{

position:absolute;

top: 140px;

left:560px;

width:260px;

height:120px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_news7{

position:absolute;

top: 280px;

left:0;

width:260px;

height:120px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_news8{

position:absolute;

top: 280px;

left:280px;

width:260px;

height:120px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.contentbody_news9{

position:absolute;

top: 280px;

left:560px;

width:260px;

height:120px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.news120{

position:relative;

top:0;

left:0;

width:260px;

height:120px;

	margin: 0;



	padding: 0;



	text-align: justify;



        overflow:hidden;

}

.news120 span{

	font-size: 12px;

color:#e50060;

	margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.newsimg{

width:120px;

height:120px;

position:absolute;

top:0;

left:0;

	margin: 0;



	padding: 0;



	text-align: justify;





}

.frame120{

width:120px;

height:120px;

position:absolute;

top:0;

left:0;

	margin: 0;



	padding: 0;



	text-align: justify;





}

.newstext{

position:absolute;

top:0;

left:140px;

width:120px;

height:120px;

font-size:10px;

	margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}



.contentbody_about{

position:absolute;

top: 0;

left:0;

width:820px;

height:260px;



margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

.abouttext{

position:absolute;

top:0;

left:0;

width:400px;

height:260px;

font-size:12px;

	margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}

 .contacttext{

position:absolute;

top:0;

left:0;

width:400px;

height:260px;

font-size:12px;

	margin: 0;



	padding: 0 0 0 0;



	text-align: justify;





}



.sidebarbody{



	margin: 0 0 20px 0;



	padding: 0px;



}



/*THIS PART IS THE SIDEBAR'S INDIVIDUAL DIVS*/



/*Note that it doesn't have any styling, but it's here in case you want to add some styles*/



.sidebarin{



	padding: 0;



	margin: 0;



}





.footlink{

position: relative;

top:20px;

left:0;

width:820px;

height:305px;

	margin: 0 ;



}



.footlink1{

position: absolute;

top:0;

left:0;

width:120px;

height:120px;

	margin: 0 ;



}

.footlink2{

position: absolute;

top:0;

left:140px;

width:120px;

height:120px;

	margin: 0 ;



}

.footlink3{

position: absolute;

top:0;

left:280px;

width:120px;

height:120px;

	margin: 0 ;



}



.footlink4{

position: absolute;

top:0;

left:420px;

width:120px;

height:120px;

	margin: 0 ;



}

.footlink5{

position: absolute;

top:0;

left:560px;

width:120px;

height:120px;

	margin: 0 ;



}

.footlink6{

position: absolute;

top:0;

left:700px;

width:120px;

height:120px;

	margin: 0 ;



}

.footlink7{

position: absolute;

top:140px;

left:0;

width:120px;

height:120px;

	margin: 0 ;



}

.footlink8{

position: absolute;

top:140px;

left:140px;

width:120px;

height:120px;

	margin: 0 ;



}

.footlink9{

position: absolute;

top:140px;

left:280px;

width:120px;

height:120px;

	margin: 0 ;



}



.footlink10{

position: absolute;

top:140px;

left:420px;

width:120px;

height:120px;

	margin: 0 ;



}

.footlink11{

position: absolute;

top:140px;

left:560px;

width:120px;

height:120px;

	margin: 0 ;



}

.footlink12{

position: absolute;

top:140px;

left:700px;

width:120px;

height:120px;

	margin: 0 ;



}

.footcopy{

position: absolute;

top:280px;

left:0;

width:75px;

height:12px;

	margin: 0 ;



}

.footcatnote{

position: absolute;

top:278px;

left:696px;

width:124px;

height:17px;

	margin: 0 ;



}









/*THIS PART IS TO STYLE THE BACKGROUND IMAGES (THE QUOTE ON THE LEFT)*/



/*You can create different image on your on, but only if you know what you're doing should you edit this part*/



.divweblog .contentbody, .divarchives .contentbody, .divarchivelist .contentbody, .diverror .contentbody, .divmemberinfo .contentbody,



.divsendmessage .contentbody, .divcommentitem .contentbody, .divsearch .contentbody{





/*





	background: url(images/01_quote.gif) 0 3px no-repeat;



*/



}



/*A different background for comments made*/



.divcommentsmade .contentbody{



	background: url(images/01_quote1.gif) 0 3px no-repeat;



}



/*A different background for the admin (in the comments made area)*/



.divcommentsmade .id1{



	background: url(images/01_quote4.gif) 0 3px no-repeat;



}



/*Add comment form's background*/



.divaddcomment .contentbody{



	background: url(images/01_quote3.gif) 0 3px no-repeat;



}



/*MORE DETAILED STUFF - Item details of your blog items*/



.itemdetails{



	text-align: right;



	padding: 5px 0 0 0;



	background: url(images/01_hdot.gif) top repeat-x;



}



/*Posted by*/



.item1{



	padding: 0 0 0 13px;



	margin: 0 0 0 12px;



	background: url(images/01_item1.gif) 0 1px no-repeat;



}



/*Category*/



.item2{



	padding: 0 0 0 13px;



	margin: 0 0 0 12px;



	background: url(images/01_item2.gif) 0 3px no-repeat;



}



/*Comments*/



.item3{



	padding: 0 0 0 15px;



	margin: 0 0 0 12px;



	background: url(images/01_item3.gif) 0 3px no-repeat;



}



/*STYLING OF SIDE TITLES*/



/*You can remove all parts here if you do not wish to use images as your side titles*/



.about h3{



	height: 23px;



	text-indent: -9999px;



	margin: 0 0 2px 0;



	background: url(images/01_s_about.gif) no-repeat;



}



.login h3{



	height: 23px;



	text-indent: -9999px;



	margin: 0 0 2px 0;



	background: url(images/01_s_login.gif) no-repeat;



}



.categories h3{



	height: 23px;



	text-indent: -9999px;



	margin: 0 0 2px 0;



	background: url(images/01_s_categories.gif) no-repeat;



}



.search h3{



	height: 23px;



	text-indent: -9999px;



	margin: 0 0 2px 0;



	background: url(images/01_s_search.gif) no-repeat;   



}



.links h3{



	height: 23px;



	text-indent: -9999px;



	margin: 0 0 2px 0;



	background: url(images/01_s_links.gif) no-repeat;



}



/*MAIN TITLES*/



/*You can remove all parts here if you do not wish to use images as your main titles*/



h2.weblog, h2.comments, h2.commentsmade, h2.addcomment, h2.archives, h2.error, h2.member, h2.sendmessage, h2.searchpage{



	height: 23px;



	text-indent: -9999px;



	margin: 0 0 5px 0;



}



h2.weblog{



	background: url(images/01_m_weblog.gif) no-repeat;



}



h2.comments{



	background: url(images/01_m_comments.gif) no-repeat;



}



h2.commentsmade{



	background: url(images/01_m_commentsmade.gif) no-repeat;



}



h2.addcomment{



	background: url(images/01_m_addcomment.gif) no-repeat;



}



h2.archives{



	background: url(images/01_m_archives.gif) no-repeat;



}



h2.error{



	background: url(images/01_m_error.gif) no-repeat;



}



h2.member{



	background: url(images/01_m_member.gif) no-repeat;



}



h2.sendmessage{



	background: url(images/01_m_sendmessage.gif) no-repeat;



}



h2.searchpage{



	background: url(images/01_m_search.gif) no-repeat;



}



/*FORM STYLING*/



form{



	margin: 0;



	text-align: left;



}



/*Styling for all form fields*/



.formfield{





	font-size: 11px;



	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;



	margin: 0 0 2px 0;



	color: #494949;



	border-top: 1px solid #868686;



	border-left: 1px solid #868686;



	border-bottom: 1px solid #D4D2CF;



	border-right: 1px solid #D4D2CF;



}



/*Form fields on focus effect (when user click on that input field)*/



.formfield:focus{



	border: 1px solid black;



}



/*Form's buttons*/



.formbutton{



	font-size: 11px;



	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;



	margin: 1px 0 0 0;



	padding: 1px 10px;



	color: #494949;



	background: white;



	border-top: 1px solid #D4D2CF;



	border-left: 1px solid #D4D2CF;



	border-bottom: 1px solid #868686;



	border-right: 1px solid #868686;



}



/*Don't show textarea scrollbar on IE*/



textarea{



	overflow: hidden;



}



/*Wider formfields for comment and mailform*/



.commentform .formfield,  .formfield{



	width: 400px;



}



.mailform{

         position:relative;

width: 400px;

        height: 260px;

      

	font-size: 12px;



}

.mailformfield{



	width: 400px;

 height:90px;



}

/*Add background to comment textarea*/



.commentform textarea{



	background: white url(images/01_txbg.gif) center center no-repeat;



}



/*STYLING OF THE FORMS BACKGROUND, AND THE LITTLE ROUNDED TOPS*/



/*Add comment form and mailform (same size)*/



.divaddcomment form, .divsendmessage form{



	width: 390px;



	background: #E2EDF0 url(images/01_mountaintop.gif) top no-repeat;



}



.commentform, .mailform{



	padding: 0;



}



/*Login form and search form (same size)*/



.login form, .search form{



	width: 184px;



	background: #E2EDF0 url(images/01_mountaintop2.gif) top no-repeat;



}



.loginform, .searchform{



	padding: 10px;



}













#artist{



	font-size: 10px;



	width: 500px;



	height: 94px;



	position: absolute;



	top: 10px;



	left: 0px;



}



#artist ul{



	list-style: none;



	padding: 0;



	margin: 0;



}



#artist li{



	background: none;



}

















/*THE LIST STYLES*/



ul{



	list-style: none;



	padding: 0;



	margin: 0;



}



li{



	padding: 0 0 0 9px;



	margin: 0 0 0 0;



/*	background: url(images/01_arrow.gif) 0 6px no-repeat; */



}



/*THE SEARCH HIGHLIGHT*/



.highlight{



	font-weight: bold;



	text-decoration: underline;



}



/*Comment error - For Nucleus v3.2*/



div.error{

        position:absolute;

top:0;

left:180px;

	color: red;



	font-weight: bold;

  

/*mailform*/



.form-preview {

   width: 400px;

        border-style:none;

}

.form-name {

        border-style:none;

   background-color: #EEEEEE;

   width: 120px;

}

.form-value {

        border-style:none;

}

.formerror {

   font-weight:bold;

   color:red;

}

.form-notice {

   font-weight:bold;

   color:#FF3300;

}









}





.footer{

        position: relative;

	font-size: 100%;



	text-align: center;



 color: #4c4c4c;





	width: 820px;

	margin: auto;



	padding: 0 0 0 0;



}