/* Design for main page of Varial-Artworks.com by Varial Artworks - murhaaya */
body {

 font-family : Arial, Sans-Serif;
 text-align : center;
 margin : 10px;
 padding : 0px;
 background-position : 100% 100%;
 background-image : url('../imgs/copy.gif');
 background-repeat : no-repeat;
 background-attachment : fixed;
 background-color : #1c1c1c;
}

#all {
 text-align : left;
 margin : auto;
 padding : 0px;
 width : 900px;
}

#all-news {
 text-align : left;
 margin : auto;
 padding : 0px;
 width : 800px;
}

#top h1 {
 font-size : 30px;
 height : 40px;
 width : 450px;
 font-weight : bold;
 letter-spacing : -3px;
 margin : 30px 0px 30px 0px;
 background-repeat : no-repeat;
}

#top h1 a {
 text-decoration : none;
 color : #ccc;
 text-indent : -10000px;
 display : block;
}

#top .mid-grey {
 color : #999;
}

#top .dark-grey {
 color : #333;
}

a img {
 border : 0px solid #444;
}
/*logos ----------------------------------------------------------------------*/
#logo {
 background : url('../imgs/logo.gif');
}
#logo-about {
 background : url('../imgs/logo-about.gif');
}
#logo-contact {
 background : url('../imgs/logo-contact.gif');
}
#logo-infra {
 background : url('../imgs/logo-infra.gif');
}
#logo-event {
 background : url('../imgs/logo-event.gif');
}
#logo-people {
 background : url('../imgs/logo-people.gif');
}
#logo-still {
 background : url('../imgs/logo-still.gif');
}
#logo-lofi {
 background : url('../imgs/logo-lofi.gif');
}
#logo-fetish {
 background : url('../imgs/logo-fetish.gif');
}
#logo-bodymods {
 background : url('../imgs/logo-bodymods.gif');
}
#logo-news {
 background : url('../imgs/logo-news.gif');
}
#logo-project {
 background : url('../imgs/logo-project.gif');
}
#logo-404 {
 background : url('../imgs/logo-404.gif');
}
/*end logos ------------------------------------------------------------------*/
#page {
 margin : 0px;
 padding : 0px;
}

#images {
 position : relative;
}

.ImgCaptDescBox{
	position : absolute;
	top : 0px;
	right : 0px;
	width : 100px;
}

.ImgCaptDesc{
	text-align : left;
	padding : 5px 0px 2px 10px;
	height : 100%;
	background-image : url('../imgs/selection-bg.gif');
  background-repeat : repeat;
}

.smallbox {
 margin : 5px 6px 0px 0px;
}

.more {
 font-size : 11px;
 text-decoration : none;
 color : #666;
}
.more:hover {
 color : #aaa;
}

/* info ----------------------------------------------------------------------*/
#info {
 width : 900px;
 color : #777;
 padding : 20px 0px 20px 0px;
 background : #202020;
 position : relative;
}

#info p {
 font-size : 12px;
 padding : 0px 200px 0px 100px;
 text-align : justify;
 margin: 5px 0px 15px 0px
}

#info b {
 font-size : 18px;
 letter-spacing : -1px;
 color : #999;
 font-weight : bold;
}

#info p a {
 color : #aaa;
 text-decoration : none;
}
#info p a:hover {
 color : #fff;
}
/* ---------------------------------------------------------------------------*/

/* links ul ------------------------------------------------------------------*/
ul {
 margin : 0px;
 padding : 0px;
 width : 100px;
}

li {
 list-style-type : none;
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 8px;
 background : #222;
 line-height : 25px;
 border-bottom : 1px solid #1c1c1c;
}

li a {
 font-size : 11px;
 text-decoration : none;
 color : #888;
}

li a:hover {
 color : #ccc;
}

#active {
 color : #fff;
}

#copy {
 display : none;
}
/*----------------------------------------------------------------------------*/

/*news -----------------------------------------------------------------------*/
.links {
 cursor : default;
 margin-bottom : 20px;
}
.links a {
 font-size : 11px;
 color : #999;
 text-decoration : none;
 padding : 0px 15px 0px 5px;
}
.links a:hover {
 color : #ccc;
}
/*----------------------------------------------------------------------------*/
.imgdiv img {
 border : 0px solid #000;
 padding : 0px;
 margin : 0px;
}

a img {
 margin : 0px;
 padding : 0px;
 border : 0px solid #000;
}

.txtdiv {
 padding-left : 10px;
 border-bottom : 80px solid #1c1c1c;
 line-height : 30px;
 background : #202020;
}

.txtdiv a {
 color : #999;
 font-weight : bold;
 font-size : 15px;
 letter-spacing : -1px;
 text-decoration : none;
}

.txtdiv a:hover {
 color : #eee;
}
/*----------------------------------------------------------------------------*/
.pageSelect {
 font-size : 11px;
 font-weight : bold;
 color : #999;
 letter-spacing : -1px;
 text-align : center;
 cursor : default;
 padding : 5px;
 margin-bottom : 5px;
}

.pageSelect a {
 color : #bbb;
 text-decoration : none;
 padding : 4px;
}

.pageSelect span {
 color : #666;
 padding : 2px;
}
/*----------------------------------------------------------------------------*/