/*  

Theme Name: Clean Copy Full 3 Column

Author URI: http://corymiller.com

Version: 1

Author: Cory Miller and Nathan Parikh

Description: Clean Copy Full is a 3 Column, clean blue, grey and white theme designed for blog content and sharp simplicity, based on Copywriter Michel Fortin's blog.

The CSS, XHTML and design is released under GPL: 

http://www.opensource.org/licenses/gpl-license.php

*/


/* this bit describes the main page. Text is dark grey. bg is white.
*/

body {

background: #ffffff url(images/tmflower_2.jpg) repeat;

color: #363636;

font-size: 12px;

font-family: Arial, Verdana, Sans-Serif;

margin: 0px 0px 0px 0px;

}

/*this text describer is a rockmelon pink, it's the links in the sidebar text
*/

body * {margin: 0px; padding: 0px;}

a, a:visited { 

color: #f0888a;

font-weight: bold;

text-decoration: none;

}

/*the rollover colour is a dark lime
*/

a:hover {

font-weight: bold;

text-decoration: none;

color: #72b720;

}

/*the bg is white
*/

#container { 

background: #ffffff;

width: 990px;

text-align: left; 

margin: 20px auto 30px auto; 

border: none;

overflow: hidden;

}

/*the header section
*/

#header {

background: #ffffff url(images/banner4.jpg) top center no-repeat;

padding: 25px 0px 90px 0px;

text-align: left;

width: 990px;

margin: 0px;

}	

/*trial to find out what is the bold text describer - this col now strawberry - don't think this h2 appears anywhere.
The 'color' below is purple
*/


#header h2 {

color: #5c3e90;

font-size: 16px;

font-family: sans-serif;

font-weight: bold;

margin: 0px;

text-indent: 35px; 

padding: 25px 0px 5px 0px;
}

/*this is now black
*/

#header h2 a {

color: #000000;

text-decoration: none;

}

/*this is now orange but why does it not show up?
*/

#header h3 {

color: #f3b044;

font-size: 16px;

font-family: sans-serif;

font-weight: bold;

margin: 0px;

text-indent: 35px; 

padding: 25px 0px 5px 0px;
}

#menu { 

background: #6666cc;

margin: 0px;

padding: 4px 0px 4px 0px;

text-align: center;

border-bottom: 5px solid #69c08a;

}

#menu img{ border: none; }

#menu h2 {

color: #ffffff;

font-size: 15px;

font-family: Helvetica, Arial, Verdana, Sans-Serif;

font-weight: bold;

margin: 0px;

padding: 0px 0px 0px 0px;

}

#menu li {

display: inline;

list-style-type: none;

margin: 0px;

padding: 0px;

}

#menu ul {

margin: 0px;

padding: 4px;

}

/*nav bar across the top  Lettering is white (ffffff)
*/

#menu ul li a {

font-family: Helvetica, Arial, Verdana, Sans-Serif;

font-weight: bold;

font-size: 15px;

color: #ffffff;

padding: 8px 20px 8px 20px;

margin: 0px 0px 0px 0px;

text-decoration: none;

}

/*This is the nav bar text across the top, rollover colour
Text is tmeg flower purple (4b3594) over state of buttons is midway between orange and yellow (ffb61f) top border when rolled over tmeg flower purple (4b3594)
*/

#menu ul li a:hover {

color: #4b3594;

background: #ffb61f;

padding: 15px 20px 8px 20px;

text-decoration: none;

border-top: 2px solid #4b3594;

}

/* this is the horizontal rule that Matt made for me 
*/

* html #hr {
size: 3;
width: 90%;
align: center;
noshade;
color: #5c3e90;
}


* html #content { width: 475px; margin: 20px 0px; }

#content { 

display: inline;

background: #ffffff;

width: 475px; 

margin-top: 20px;

margin-bottom: 20px;

margin-left: 0px;

margin-right: 0px;

float: left; 

position:relative;

padding: 0px 20px;

border-left: 2px solid #1ca79c;

border-right: 2px solid #1ca79c;

minimum-height: 500px;

overflow: hidden;

}



#content p{

margin: 0px;

font-size: 12px;

line-height: 18px;

padding: 0px 0px 10px 0px;

}

#content p img{

border: none; 

padding: 0px 10px 10px 0px;

}

#content p a { color: #6666cc; text-decoration: none; }

#content p a:hover { color: #339933; text-decoration: none;}

#content h1 {

color: #660099;

font-size: 18px;	

font-family: Verdana, Sans-Serif;;

font-weight: bold;

margin: 0px;

line-height: 125%;

font-variant: normal;

}

/* This is a horizontal rule try in another place. Percentage length seems to work, but it's not displaying in purple
*/

#content hr {
size: 10;
width: 100%;
align: center;
noshade;
color: #5c3e90;
}

#content h1 a  {

color: #339933;

text-decoration: none;

}

#content h1 a:hover {

color: #ff9900;

background: none;

text-decoration: none;

}

#content h2 {

color: #cc3366;

font-size: 19px;	

font-family: Verdana, Sans-Serif;;

font-weight: bold;

margin: 0px;

line-height: 150%;

font-variant: normal;

}
#content h2 a  {

color: #339933;

text-decoration: none;

}

#content h2 a:hover {

color: #6666cc;

background: none;

text-decoration: none;

}

#content h3 {

color: #333333;

font-size: 14px;

font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;

font-weight: bold;

margin-bottom: 0px;

line-height: 120%;

}

#content h3 a  {

color: #333333;

text-decoration: none;

}

#content h3 a:hover {

color: #2397E9;

background: #ffffff;

text-decoration: underline;

}

#content ol {

list-style-type: decimal;

font-size: 12px;

line-height: 18px;

margin: 0px;

padding: 0px 0px 10px 30px;

}

#content ul {

font-size: 12px;

line-height: 18px;



list-style: none;

margin: 0px;


padding: 0px 0px 10px 0px;


}

#content li {

font-size: 12px;

line-height: 18px;

margin: 0px;

padding: 0px;

}

#content ul li {

list-style: square inside;

margin: 0px 0px 0px 10px;

padding: 5px 0px 0px 0px;

}

#content ul li a {

color: #666666;

text-decoration: underline;

}

/* ok try this one to a dark red
*/


#content ul li a:hover {

color: #ab003c;

text-decoration: underline;

}

blockquote{

margin: 0px 0px 0px 25px;

padding: 0px 25px 0px 10px;

font-style: italic;

color: #00a9a4;

border-left: 1px solid #cccccc;

}

#content blockquote p{

margin: 0px 0px 20px 0px;

padding: 0px;

}

.postspace {

width: 440px;

height: 32px;

margin: 0px;

padding: 0px;

}

.postspace2 {

width: 440px;

height: 0px;

margin: 0px;

padding: 0px;

}

.postspace3 {

width: 440px;

height: 15px;

margin: 0px;

padding: 0px;

}

* html #sidebarl, * html #sidebarr { width: 160px; margin: 0px 10px; }

#sidebarl, #sidebarr {

font-size: 12px;

line-height: 16px; 

display: block;

color: #959595;

width: 170px;

float: left; 

position:relative;

margin: 0px 10px;

padding: 0px 20px;

text-align: left;

border: none;

}

#sidebarl p{

color: #898989;

margin: 0px;

font-size: 12px;

line-height: 16px;

padding: 5px 0px 10px 0px;

}



#sidebarl h2, #sidebarr h2 {

color: #652c90;

font-size: 13px;

font-family: Verdana, Helvetica, Sans-Serif;;

list-style: none;

padding: 25px 0px 10px 0px;

margin: 0px;

border-bottom: 1px solid #669966;

}

#sidebarl img, #sidebarr img{

border: none;

padding: 20px 10px 0px 0px;

}

#sidebarl ul, #sidebarr ul {

list-style: none;

margin: 0px;

padding: 0px 0px 0px 0px;

}

#sidebarl li, #sidebarr li {

list-style: none;

margin: 0px;

padding: 0px;

}

#sidebarl ul li, #sidebarr ul li {

font-size: 12px;

line-height: 16px;

list-style: none;

margin: 0px;

padding: 6px 0px 6px 0px;

}

#sidebarl ul li a, #sidebarr ul li a {

color: #497fbf;

font-weight: bold;

text-decoration: none;

}

#sidebarl ul li a:hover, #sidebarr ul li a:hover {

color: #5c3e90;

text-decoration: none;

}

#sidebarl ul li ul li, #sidebarr ul li ul li {


padding: 10px 0px 0px 15px;

}

#sidebar1 ul li ul li a, #sidebarr ul li ul li a {

color: #959595;

}



#sidebarr { 

display: block;

color: #7d7d7d;

width: 175px;

float: right; 

position:relative;

margin: 0px 10px;

padding: 0px 20px;

text-align: left;

border: none;

}

/*c2c2c2 is pale grey, this is footer descriptor
*/

#footer { 

height: 45px; 

color: #c2c2c2;

background: #ffffff;

font-decoration: none;
font-size: 10px;

padding: 25px;

margin: 0px; 

text-align: center;

clear: both;

border-top: 3px solid #6666cc;

border-bottom: 3px solid #339933;

}

#footer a {

color: #f1a629;

text-decoration: none;

}

#footer a:hover {

color: #339933;

text-decoration: none;

}