@charset "UTF-8";

/* 

or-bits.com

Website:
Created by Sara Nunes Fernandes aka Vivyane Fernando
Please contact me for any queries or accessibility issues:
websites (at) vivyanefernando (dot) info 

Last modified 06/2010

*/

*, html {margin:0; padding:0;}

body {  
        margin:0;
        padding:0;
        border:0;
        width:100%;
		height:100%;
		text-align:center;
	    font-size: 12px;
        line-height: 17.5px;
        font-weight: normal;
	    word-spacing: -1px;
	    letter-spacing: 1px;
	    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	    cursor:default;
	}

img {border:none;}

p {margin:10px 0 2px 0;}

#fixed {
	margin:0 auto;
	width:900px;
	text-align:left;
	z-index:2;
}
	

/*  Main container that contains all other divs    */
	
.main {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
	background-color: #FFF;
	margin:0;
	padding-bottom:17px;
}

/*    Footer bottom all main pages    */
	
#footer {
	clear:both;
	float:left;
	width:100%;
	background:#FFF;
	text-align:center;
	font-size:10px;
	color: #999;
	padding-top:15px;
	padding-bottom:12px;
	border-top:1px dotted #CCC;
	} 

#footer a:link {text-decoration:none; color: #999;}
#footer a:visited {text-decoration:none; color: #999;}
#footer a:hover {text-decoration: none; color: #FFF; background-color: #00F;}
#footer a:active {text-decoration: none; color: #FFF; background-color:#00F;}
	
/*    INDEX page only    */	

#header {
	clear:both;
	float:left;
	width:100%;
	background-color:#FFF;
	padding-top:17px;
    padding-bottom:17px;
	}

.indexleft {
	width:230px;
	float:left;
	clear:none;
	text-align:center;
	margin-left:150px;
}

.indexlefttext {
	width:230px;
	border:0;
	}

.indexright {
	float:left;
	clear:right;
	width:300px;
	border:0;
	margin-left:90px;
	text-align:left;
}

.indexrighttext {
	background-color:#FFF;
	width:230px;
	padding-left:40px;
	text-align:left;
}

.dist { padding-top:20px;}

.blogposts {
	background-image:url(../blog/wp-content/themes/default/images/backgroundblue.jpg);
	color:black;
	width:220px;
	padding:40px;
	text-align:left;
}

.blogpostslinks {
	    color:black;
	    font-size: 12px;
        line-height: 17.5px;
        font-weight: normal;
	    word-spacing: -1px;
	    letter-spacing: 1px;
	    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	    cursor:default;
		text-decoration:none;
}

.blogpostslinks a:link {text-decoration:none;color:black;}
.blogpostslinks a:visited {text-decoration:none;color:black;}
.blogpostslinks a:hover {text-decoration:underline;color:black;}
.blogpostslinks a:active {text-decoration: none;color:black;}

/* PAGES ALL */

   /* LEFT SECTION */
   
.pageleft {
	background-color:#FFF;
	float:left;
	clear:none;
	width:325px;
	border:0;
	margin-left:60px;
}
   
       /*    or-bits.com 'back link'   */	

.pagearrow {
	float:left;
	clear:left;
	background-color:#FFF;
	width:22px;
	height:97px;
	border:none;
	padding-top:14px;

}


.pagearrow a:link {text-decoration:none;}
.pagearrow a:visited {text-decoration:none;}
.pagearrow a:hover {text-decoration: none;}
.pagearrow a:active {text-decoration: none;}

/*    page title   */	

.pagetitle {
	float:left;
	clear:right;
	background-color:#FFF;
	width:281px;
	height:86px;
	border:none;
	padding-right:11px;
	padding-top:26px;
    text-align:center;
	font-size:28px;
}

       /*    quote areas (left empty on info and links pages)   */	

.quote {
	width:255px;
	text-align:center;
	padding-left:33px;
}

   /*    RIGHT AREA   */	
   
   /* LINKS AND INFO PAGE */

.pageright1 {
	background-color:#FFF;
	float:left;
	clear:right;
	width:355px;
	border:0;
	padding-top:11px;
	margin-left:15px;
	text-align:left;
}

.indent {padding-left:24px;}

	
   /* ALL OTHER PAGES */

.pageright {
	background-color:#FFF;
	float:left;
	clear:right;
	width:355px;
	border:0;
	padding-top:11px;
	margin-left:60px;
	text-align:left;
}

       /*    top box for artists links   */	

.artistlist {
	height:100px;
}


      /*    text area (don't delete as important for links)   */
	  
	  
.text {
}

/*  NORMAL LINKS */

.infoleft a:link, .inforight a:link, .text a:link, .linkspage a:link { color:#000; text-decoration: underline;}
.infoleft a:visited, .inforight a:visited, .text a:visited, .linkspage a:visited { color:#000; text-decoration: underline;}
.infoleft a:hover, .inforight a:hover, .text a:hover, .linkspage a:hover { text-decoration: none; background-color:#CCC;}
.infoleft a:active, .inforight a:active, .text a:active, .linkspage a:active { text-decoration: none; background-color:#CCC;}

/*   INFO / LINKS / NEWS   Links -----> Index page only   */

.infolinks a:link {font-size:15px; color:#000; text-decoration:none; font-weight:bold;}
.infolinks a:visited {font-size:15px; color:#000; text-decoration:none; font-weight:bold;}
.infolinks a:hover {text-decoration: underline;}
.infolinks a:active {text-decoration: underline;}

.indexright .blog a:link {font-size:15px; color: #00F; text-decoration:none; font-weight:bold;}
.indexright .blog a:visited {font-size:15px; color:#00F; text-decoration:none; font-weight:bold;}
.indexright .blog a:hover {text-decoration: underline;}
.indexright .blog a:active {text-decoration: underline;}

/*   SUPERPOSITION INDEX Link -----> Index page only   */

.green a:link {font-size:15px;color: #0F0; text-decoration:none;}
.green a:visited {font-size:15px;color: #0F0; text-decoration:none;}
.green a:hover {font-size:15px;color: #0F0; text-decoration: underline;}
.green a:active {font-size:15px;color: #0F0; text-decoration: underline;}

/*   SUPERPOSITION ARTISTS Links -----> Programme page only   */

.greenartist a:link {font-size:12px; color: #000; text-decoration:none; border-bottom:1px solid #0F0;}
.greenartist a:visited {font-size:12px; color: #000; text-decoration:none; border-bottom:1px solid #0F0;}
.greenartist a:hover {font-size:12px; color: #000;text-decoration: none; background-color: #0F0;}
.greenartist a:active {font-size:12px; color: #000;text-decoration: none; background-color: #0F0;}

/*   SIMPLICITY INDEX Link -----> Index page only   */

.orange a:link {font-size:15px; color: #FF3300; text-decoration:none;}
.orange a:visited {font-size:15px; color: #FF3300;text-decoration: none;}
.orange a:hover {font-size:15px; color: #FF3300;text-decoration: underline;}
.orange a:active {font-size:15px; color: #FF3300;text-decoration: underline;}

/*   SIMPLICITY ARTISTS Links -----> Programme page only   */

.orangeartist a:link {font-size:12px; color: #000; text-decoration:none; border-bottom:1px solid #FF3300;}
.orangeartist a:visited {font-size:12px; color: #000; text-decoration:none; border-bottom:1px solid #FF3300;}
.orangeartist a:hover {font-size:12px; color: #000;text-decoration: none; background-color: #FF3300;}
.orangeartist a:active {font-size:12px; color: #000;text-decoration: none; background-color: #FF3300;}

/* simplicity page only */

.simp a:link { color:#000; text-decoration: underline;}
.simp a:visited { color:#000; text-decoration: underline;}
.simp a:hover { text-decoration: none; background-color:#CCC;}
.simp a:active { text-decoration: none; background-color:#CCC;}

/*   ON-LOOKING INDEX Link -----> Index page only   */

.violet a:link {font-size:15px;color: #90C; text-decoration:none;}
.violet a:visited {font-size:15px;color: #90C; text-decoration:none;}
.violet a:hover {font-size:15px;color: #90C; text-decoration: underline;}
.violet a:active {font-size:15px;color: #90C; text-decoration: underline;}

/*   ON-LOOKING ARTISTS Links -----> Programme page only   */

.violetartist a:link {font-size:12px; color: #000; text-decoration:none; border-bottom:1px solid #90C;}
.violetartist a:visited {font-size:12px; color: #000; text-decoration:none; border-bottom:1px solid #90C;}
.violetartist a:hover {font-size:12px; color: #000;text-decoration: none; background-color: #90C;}
.violetartist a:active {font-size:12px; color: #000;text-decoration: none; background-color: #90C;}

/*   ACCELERATION INDEX Link -----> Index page only   */

.babyblue a:link {font-size:15px;color: #3CF; text-decoration:none;}
.babyblue a:visited {font-size:15px;color: #3CF; text-decoration:none;}
.babyblue a:hover {font-size:15px;color: #3CF; text-decoration: underline;}
.babyblue a:active {font-size:15px;color: #3CF; text-decoration: underline;}

/*   ACCELERATION ARTISTS Links -----> Programme page only   */

.babyblueartist a:link {font-size:12px; color: #000; text-decoration:none; border-bottom:1px solid #3CF;}
.babyblueartist a:visited {font-size:12px; color: #000; text-decoration:none; border-bottom:1px solid #3CF;}
.babyblueartist a:hover {font-size:12px; color: #000;text-decoration: none; background-color: #3CF;}
.babyblueartist a:active {font-size:12px; color: #000;text-decoration: none; background-color: #3CF;}

/*   TRUTH INDEX Link -----> Index page only   */

.brown a:link {font-size:15px;color: #630; text-decoration:none;}
.brown a:visited {font-size:15px;color: #630; text-decoration:none;}
.brown a:hover {font-size:15px;color: #630; text-decoration: underline;}
.brown a:active {font-size:15px;color: #630; text-decoration: underline;}

/*   TRUTH ARTISTS Links -----> Programme page only   */

.brownartist a:link {font-size:12px; color: #000; text-decoration:none; border-bottom:1px solid #630;}
.brownartist a:visited {font-size:12px; color: #000; text-decoration:none; border-bottom:1px solid #630;}
.brownartist a:hover {font-size:12px; color: #000;text-decoration: none; background-color: #630;}
.brownartist a:active {font-size:12px; color: #000;text-decoration: none; background-color: #630;}