/*
      MultiLinkr - Main CSS
      Written by Joel Day - blog.dayjo.org
*/

/* -- Content Redefinition -- */
html,body{
      margin: 0px; padding: 0px; height: 100%;
}

* {
      font-family: Georgia,"Nimbus Roman No9 L", "Times New Roman", Times,serif;
}

body{
      font-family: Georgia,"Nimbus Roman No9 L", "Times New Roman", Times,serif;
      font-size: 12px;



      text-align: center;
}

/* --------------------------- */


/* -- Header -- */

h1 {
      font-size: 80px;
      margin-top: 0px;
      margin-bottom: 15px;
}

h1 a{
   text-decoration: none;
}

h1 div {
      font-size: 14px;
      font-weight: normal;
}

h1 div span {
      display: none;
}

h2 {
      font-size: 24px;

      margin-top: 35px;
      margin-bottom: 29px;
}
/* --------------------------- */


/* -- Content Areas -- */

#Page {
      width: 1000px; height: 100%;
      margin: 0px auto;
      
      text-align: left;
}

#LeftHalf{
      width: 580px; height: 100%;
      float: left;

      margin-left: 20px;
}

#RightHalf{
      width: 380px; height: 100%;
      float: right;

      text-align: center;

      padding: 0px 10px;
}

/* --------------------------- */

/* -- Content Formatting -- */

#RightHalf p { text-align: justify; }

#MultiLinkr div {
      float: left;
      height: 400px; width: 440px;
      display: none;
      border-top: none;
      border: 1px solid #000;
      border-bottom: 1px solid #000;
      background-image: url(../img/box-top.png);
      background-repeat: repeat-x;
      overflow: auto;
      overflow-x: hidden;
      
}

      #MultiLinkr #Paste { display: block; position: relative; background-color: #fff; }
	    #MultiLinkr #Paste textarea {
		  margin: 0px;
		  font-size: 12px;
		  width: 440px; height: 100%;
		  overflow: auto;

		  border: none;
		  
		  position: relative; z-index: 11;

		  background-image: url(../img/box-top.png);
		  background-repeat: repeat-x;
		  background-position: top left;
		  background-attachment: scroll;
	    }

      #MultiLinkr div a,#MultiLinkr div ul li {
	    display: block;
	    padding: 4px;
	    margin: 0px;
	    border-bottom: 1px solid #cecece;
      }

      #MultiLinkr div ul {
	    list-style-type: none;
	    padding: 0px; margin: 0px;
      }

#MultiLinkr ul {  list-style-type: none; float: left; padding: 0px;  margin: 0px; }

      #MultiLinkr ul li a {
	    display: inline-block;

	    text-decoration: none;
	    text-align: center;
	    font-size: 14px;
	    
	    width: 100px;
	    padding: 6px;

	    outline: none;
      }

      #MultiLinkr ul li.sel a {
	    font-weight: bold;

	    border: 1px solid #a2460f;
	    border-left: 1px solid #b24d10;
	    border-right: none;
	    margin-left: -1px;
      }

      #MultiLinkr ul li.paste.sel a {
	    background-image: url(../img/box-top.png);
	    background-repeat: repeat-x;
	    border: 1px solid #000;
	    border-right: none;
	    border-left: none;
	    
	    position: relative;
	    z-index: 1;
      }


      #MultiLinkr #SelectAll {
	    margin-top: 26px;
      }

#MultiLinkr .clearfix {
      display: none; clear: both; height: 1px; background: transparent; border: none;
}
/* --------------------------- */


/* -- Colours --*/

.colourBox{
      display: inline-block;
      float: left;
      width: 50px; height: 50px;
      border: 1px solid white;
      margin: 5px;
      position: relative;

}

a.colour {
      display: inline-block;
      position: relative;
      width: 50px; height: 0px;
      top: 50px;
     
      
      background-image: url(../img/box-top.png);
      background-repeat: repeat-x;

      cursor: pointer;
}

a.colour.default {
      background-color: #d15a13;
}
a.colour.default:hover {
      background-color: #bd5211;
}

a.colour.pastel {
      background-color: #e0e4da;
}
a.colour.pastel:hover {
      background-color: #ced1c8;
}

a.colour.blue {
      background-color: #1395d1;
}
a.colour.blue:hover {
      background-color: #0d7aac;
}

a.colour.green {
      background-color: #92a463;
}
a.colour.green:hover {
      background-color: #5f6452;
}

/* ------------- */