/*  
Theme Name: Scribble
Theme URI: http://www.aukyo.com
Description: An exclusive theme by <a href="http://www.aukyo.com">Aukyo Development</a>!
Version: Beta 1.1
Author: Alexander Stubbs
Author URI: http://www.aukyo.com/
*/


/* Global Settings */
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:74.5% tahoma, helvetica, arial, sans-serif;
color:#1F1F1F;
}
 
/* Common Formatting */

fieldset { margin: 0; border:0; padding:0; }

h1, h2, h3, h4, h5, h6 {!
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
letter-spacing:-1px;
font:2em  tahoma, helvetica, arial, sans-serif;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
}
 
h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}
 
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/* Links */
 
a, a:visited {
color:#2A68A2;
text-decoration:none;
}
a:hover {
color: #000; 
background: none;
border-bottom: 1px dotted #59c;

}

a.external {
background: url(img/external.png) center right no-repeat;
padding-right: 13px;
}


/* Forms */
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em helvetica, arial, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
 
/* Wrapper */
 
#wrap {
width:960px;
margin:0 auto;
}
 
/* Global Classes */
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#FDFBE7; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.img-left2     { position:relative; top:2px; margin-right:2px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/* Layout */

#header {
width:100%;
height:105px;
background:#FFF url(img/header.png) repeat-x;
border-top:3px solid #8F0300;
}

#content {
float:left;
width:62%;
height:auto;
position:relative;
padding-left:25px;
}

#sidebar {
float:right;
width:35%;
height:auto;
position:relative;
border-left:1px solid #E5DBC9;
top:20px;
margin-bottom:25px;
}

#sidebar li {
margin-bottom:7px;
}
.btitle {
font-size:2.1em;
color:#FFF;
margin-left:40px;
top:20px;
position:relative;
}

.desc {
font-size:1.2em;
color:#FFF;
margin-left:90px;
top:27px;
position:relative;
}

.meta {
margin-bottom:10px;
color:#6C6C6C;
font-size:1em;
}

#post {
position:relative;
top:20px;
margin-left:20px;
}

.title { 
position:relative;
margin-left:-20px;
}

/* Text Management */

.underline {
border-bottom:1px solid #c0c0c0;
}


blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:1.5px solid #0066CC;
	color:#3d3d3d;
}


.pullout {
  width:30%;
  padding:10px;
  background-color:#aed4ff;
  color:#F5F5F5;
  float:right;
  font: bold 14pt/1em Arial, 
  Helvetica, sans-serif;
  text-align:left;
  letter-spacing: 0.05em;
  margin-top:20px;
  margin-left:15px;  
  clear: both;
}

.dropcap {
  float: left;
  font: normal 50pt/0.8em Georgia,
  Helvetica, Verdana, Arial, 
  sans-serif;
  color:#8FD283;
  margin-right: 4px;
}

.lspace { LETTER-SPACING:5pt }

.floatingchar { 
float  : left;
font-size   : 15pt;
font-style  : italic;
font-weight : bold;
padding-right:10px;
}

.bqimg {
background: url("") no-repeat;
font-family: "Courier New", Courier, monospace;
text-align: justify;
padding-left:20px;
}

/* Nav */

ul#nav {
list-style: none;
width: 100%; 
padding:10px;
border-bottom: 1px solid #c0c0c0;
float: left;
clear: both;
background:#EFEFEF;
}

ul#nav li { 
padding: 0.77em 30px 0.5em 0;
font: bold 1.2em Helvetica, Arial, sans-serif; 
text-transform: uppercase; float: left; }

ul#nav li a, ul#nav li a:visited { 
color: #000; 
text-decoration: none; 
}

ul#nav li a:hover { 
color: #3d3d3d; 
text-decoration: underline; 
}

ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { 
color: #BF0000; 
}

ul#nav li.rss {
float: right;
}

/* Misc */

.line1 { 
width:100%;
background:url(img/line1.png) no-repeat;
margin-top:5px;
}

/* Footer */

#footer {
width: 100%;
position: fixed;
bottom: 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
font-size: 90%;
opacity:0.9;
height: 24px;
background-color: #fafafa;
margin-top:20px;
left: 0px;

}

#footer a {
padding: 0px;    
}
#footer a:hover  { 
background: none;
border-bottom: 1px dotted #59c;
color: #000; 
}

#footer #rss-link {
font-weight: bold;
margin: 4px 0 0 15px;
}

#footer #rss-link img {
vertical-align: text-top;
margin-right: 3px;
margin-top:-2px;
}

#footer #dright {
float:right;
margin-right:15px;
}
/* Menu */

#topnav {
width: 100%;
z-index:50;
border-bottom: 1px solid #ccc;
font-size: 80%;
opacity:0.9;
height: 24px;
background-color: #fafafa;
}
#topnav li {
list-style-type:none;
display: inline;
padding-left:20px;
padding-right:10px;  
position: relative;
top:4px;
}
#topnav a {
padding: 0px;  
color:#3d3d3d;
font-size:1.4em;
}
#topnav a:hover  { 
background: none;
border-bottom: 1px dotted #59c;
color: #000; 
}

.md1 {
position:relative;
top:3px;
}

/* Sidebar */

.sidenav {
margin:0 auto;
width:90%;
background:#FFF;
height:auto;
min-height:150px;
z-index:50;
font-size: 80%;
opacity:0.9;
margin-bottom:20px;
}

.stitle {
font-size:1.7em;
font-weight:bold;
position:relative;
top:5px;
}

.under {
position:relative;
margin-top:15px;
font-size:1.6em;
}

#sidebar ul {
	list-style-type:none;
}



/* Moo Tools */

.dragTD{ background: #FFF; }
.dragHandle{
cursor: pointer;
background: url('img/iconDragDrop.gif') no-repeat top left;
height: 43px;
width: 44px;
cursor: move;
}
.arrowImageRight, .arrowImageDown{
margin-top: 2px;
cursor: pointer;
float: right;
}
.arrowImageRight{
background: url('img/spilldownRight.gif') no-repeat;
height: 9px;
width: 5px;
}
.arrowImageDown{
margin-top: 3px;
background: url('img/spilldownDown.gif') no-repeat;
height: 5px;
width: 9px;
}
.information{
padding-top: 15px;
font-face: Arial;
width:235px;
}
.information ul, li {
margin:0; 
position:relative;
margin-left:-15px;
border-bottom:0;
}
.White, .Grey{
position:relative;
margin-bottom:5px;
padding: 5px;
}
.White{
background:#fafbfc;
border:1px solid #B5D4FE;
}

.Grey{
background:#F8FAFC;
border:1px solid #B5D4FE;
}
.sort {
margin-top:10px;
}
#sortableList {
width:90%;
margin-bottom:20px;
}

#sidebar a {
background: url(img/note.png) center left no-repeat;
padding-left: 20px;
border-bottom:0;
}

/* Search */

.search { 
float:right;
margin-right:40px;
height:74px;
}

.line {
position:relative;
background: url(img/dots.gif) no-repeat;
width:3px; height:76px;
top:-33px;
margin-right:12px;
}

.find {
width:374px; height:74px;
background: url(img/searchbg.gif) no-repeat;
position:relative;
top:-108px;
margin-left:30px;
}

.innerfind {
position:relative;
top:18px;
margin-left:20px;
}

.simg {
position:relative;
top:-2px;
margin-right:15px;
}

.searchbar {
width:275px;
height:32px;
background:#FAFAFA;
border:1px solid #d6d6d6;
color:#3d3d3d;
font-size:2.1em;
}

.logotype {
position:relative;
top:-25px;
margin-left:10px;
background:url(img/logotype1.png) no-repeat;
width:33px; height:33px;
}

input {
border:1px solid #ccc;
background:#FAFAFA;
color:#333;
font-weight:bold;
}

textarea {
border:1px solid #ccc;
background:#FAFAFA;
color:#333;
font-weight:bold;
}

.alert {
background:#FFF6BF;
border:1px solid #FFD324;
text-align:left;
margin:10px 0;
padding:5px 20px;
max-width:203px;
width:60%;
margin-left:22px;
}

/* Sticky Footer */

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30em; /* the bottom margin is the negative value of the footer's height */
}
.footer2, .push {
	height: 30em; /* .push must be the same height as .footer */
}
.footer2 {
width:100%;
background:#333;
}

/* Color Mod */

#cmDefault{
	position:absolute;
	left:0;
	top:0;
	height: 234px;
	width: 282px;
	z-index:900;
}
#ColourMod {
	position:relative;
	left:0;
	top:0;
	display:none;
	z-index:900;
}

.cmDefaultMiniOverlay {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/ColourModMiniBG.png');
	height: 234px;
	width: 282px;
	position:absolute;
	left:0;
	top:0;
}
.cmDefaultMiniOverlay[class] {
 	background: url(img/ColourModMiniBG.png) no-repeat;
}

#cmSatValContainer {
	height: 150px;
	width: 150px;
	position: absolute;
	left: 14px;
	top: 43px;
}

#cmHueContainer {
	position: absolute;
	top: 44px;
	left: 185px;
	height: 168px;
	width: 40px;
}
.cmColorContainer {
	background: #FFFFFF;
	height: 160px;
	width: 20px;
	position: absolute;
	left: 230px;
	top: 49px;
}
.cmBlueDot {
	position: relative;
	z-index: 3;
background: url(img/BlueDot.png)
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/BlueDot.png');
	height: 21px;
	width: 21px;
}
.cmBlueDot[class] {
	background: url(img/BlueDot.png) no-repeat;
}
.cmBlueArrow {
	position: relative;
	z-index: 3;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/colourmod/ColourMod-seoimage/images/BlueArrow.png');
	height: 21px;
	width: 23px;
}
.cmBlueArrow[class] {
	background: url(img/BlueArrow.png) no-repeat;
}
.cmSatValBg {
	height: 150px;
	width: 150px;
	background: #FF0000;
	position: absolute;
	left: 29px;
	top: 50px;
}

a.cmLink {
width:90px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position:absolute;
	top:203px;
	z-index:400;
	color: #CCCCCC;
	text-decoration: none;
	border: none 0px;
}
a.cmLink:hover {
	color: #999999;
	text-decoration: none;
	border: none 0px;
}
#cmHex {
	position:relative;
	top:3px;
	color: #333333;
	font: 12px "Arial Narrow", Arial, Helvetica, sans-serif;
	border:1px solid #CCC;

}
#cmClose {
	position:absolute;
	left:135px;
	width:120px;
	text-align:right;
	height:30px;
}
#cmCloseButton {
position:relative;
top:13px;
}

/* footer2 */



.first {
width: 220px;
float: left;
margin: 0;
padding: 0;
}

.firstb {
width: 220px;
float: left;
margin: 0;
padding: 0;
margin-top:15px;
}

.first a { background:#545454; color:#FFF; }

.second, .third {
float: left;
padding: 0;
margin: 0;
margin-top:15px;
width: 280px;
padding-left: 35px;
width:240px;
text-align:justify;
}

.footer2 ul {
list-style-type:none;
	margin:1.5em 0 2em 0;
	border-top:1px solid #3D3D3D;
}
.footer2 li {
list-style-type:none;
	margin:0;
	padding:0.5em 0;
	border-bottom:1px solid #3D3D3D;
}
.footer2 a { color:#fafafa; border-bottom:0; }
.footer2 a:hover { color:#c0c0c0; }


.dragger2 {
width:97%;
background-color:#191919;
border:1px solid #FFF;
margin: 2px;
padding: 2px;
text-indent:10px;

position: relative;
color:#a0a0a0;
}

.container { position:relative; }

.block {
width:190px;
height:auto;
min-height:80px;
background:#333;
border:2px solid #1B1B1B;
position:relative;
margin-bottom:10px;
color:#FFF;
}
.block_f {
background:#333;
width:215px;
height:auto;
min-height:80px;
position:relative;
margin-bottom:10px;
color:#FFF;
}

.footernav {
margin:0 auto;
width: 800px;
text-align: left;
color:#ccc;
font-size:1.2em;
top:30px;
position:relative;
}

.keep { position:relative; top:-10px; padding-left:10px; padding-top:10px; text-align:left; }
.keep li { list-style-type:none; }

.alert a {
text-decoration:none;
background:none;
}