/*
http://www.w3schools.com/css/default.asp
http://www.htmlref.com/reference/appb/index.htm
http://www.htmlref.com/reference/appb/properties.htm
http://www.htmlhelp.com/reference/css/quick-tutorial.html
*/



/* Basic Tags */
html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  text-align: center;
  padding: 0;
  font: normal 12px/1.5em "Lucida Grande", "Helvetica Neue", Verdana, Georgia, Arial, sans-serif;
  background: #fff url(../images/col-pantone-347-C-60-176.gif) repeat-x;
  color: #555;
}

/*
h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

p {
}

br {
}

hr {
}
*/

/* Char Format */
/*
b {
}

i {
}

em {
}

big {
}

strong (
}

small {
}

sup {
}

sub {
}

bdo {
}
*/

/* Output */
/*
pre {
}

code {
}

tt {
}

kbd {
}

var {
}

dfn {
}

samp {
}
*/

/* Blocks */
/*
acronym {
}

abbr {
}

address {
}

blockquote {
}

q {
}

cite {
}

ins {
}

del {
}
*/

/* Links */
/*
a {
}

link {
}
*/

/* Frames */
/*
frame {
}

frameset {
}

noframes {
}

iframe {
}
*/

/* Input */
/*
form {
}

input {
}

textarea {
}

button {
}

select {
}

optgroup {
}

option {
}

label {
}

fieldset {
}

legend {
}
*/

/* Lists */
/*
ul {
}

ol {
}

li {
}

dl {
}

dt {
}

dd {
}
*/

/* Images */
/*
img {
}

map {
}

area {
}
*/

/* Tables */
/*
table {
}

caption {
}

th {
}

tr {
}

td {
}

thead {
}

tbody {
}

tfoot {
}

col {
}

colgroup {
}
*/

/* Styles */
/*
style {
}

div {
}

span {
}
*/

/* Meta Info */
/*
head {
}

title {
}

meta {
}

base {
}
*/

/* Programming */
/*
script {
}

noscript {
}

object {
}

param {
}
*/


/* Background Properties 
background:background-color  background-image background-repeat background-attachment background-position
[Ex:  {background: #00ff00 url('smiley.gif') no-repeat fixed center;} ]

background-attachment:scroll | fixed

background-color:color-rgb | color-hex | color-name | transparent

background-image:url('URL') | none

background-position:top left | top center | top right | center left | center center| | center right | bottom left | bottom center | bottom right | x% y% | xpos ypos

background-repeat:repeat | repeat-x | repeat-y | no-repeat
*/

/* Border */

/* Classification */

/* Dimension */

/* Font
font:font-style | font-variant | font-weight | font-size/line-height | font-family
or
font:caption | icon | menu | message-box | small-caption | status-bar
[A shorthand property for setting all of the properties for a font in one declaration.
ex: p {font: italic small-caps 900 12px arial}  ]

font-family:family-name | generic-family
[The font-family property is a prioritized list of font family names and/or generic family names for an element. 
The browser will use the first value it recognizes.
There are two types of font-family values:
    * family-name: The name of a font-family, like "times", "courier", "arial", etc.
    * generic-family: Name of a generic-family, like "serif", "sans-serif", "cursive", "fantasy", "monospace".
Separate each value with a comma, and always offer a generic-family name as the last alternative.
If a family-name contains white-space, it should be quoted. 
Single quotes must be used when using the "style" attribute in  HTML.]
Ex: p {font-family: arial, "lucida console", sans-serif}
Ex: <p style="font-family: arial, 'lucida console', sans-serif">

font-size:xx-small | x-small | small | medium | large | x-large | xx-large | smaller | larger | length | %
Ex: h2 {font-size: 130%}
Ex: p {font-size: 10px}

font-size-adjust:none | number
[The ratio between the height of the font's lowercase letter "x" and the height of the "font-size" 
is called a font's aspect value. If the aspect value is high, the font will be legible when it is 
set to a smaller size. For example: Verdana has an aspect value of 0.58 (means that when font size 
is 100 px, its x-height is 58 px). Times New Roman has an aspect value of 0.46. This means that 
Verdana is more legible at smaller sizes than Times New Roman.
The font-size-adjust property specifies an aspect value for an element that will preserve the x-height 
of the first-choice font.]
[number -Defines the aspect value ratio for the font
The formula to use:
font-size of first-choice font*(font-size-adjust/aspect value of available font) = 
font-size to apply to available font
Example: If 14px Verdana (aspect value of 0.58) was unavailable, but an available font had 
an aspect value of 0.46, the font-size of the substitute would be 14 * (0.58/0.46) = 17.65px]

font-stretch:normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
[The font-stretch property condenses or expands the current font-family.
The font-family are condensed or expanded horizontally only.]

font-style:normal | italic | oblique
[The font-style property sets the style of a font.]
Ex: 
<style type="text/css">
h1 {font-style: italic}
h2 {font-style: normal}
p {font-style: oblique}
</style>

font-variant:normal | small-caps
[The font-variant property is used to display text in a small-caps font, which means that 
all the lower case letters are converted to uppercase letters, but all the letters in the 
small-caps font have a smaller font-size compared to the rest of the text.]
Ex:
<style type="text/css">
p.normal {font-variant: normal}
p.small {font-variant: small-caps}
</style>

font-weight:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
[The font-weight property sets how thick or thin characters in text should be displayed.
400 is the same as normal, and 700 is the same as bold.]
*/

/* Generated Content */

/* List and Marker */

/* Margin */

/* Outlines */

/* Padding */

/* Positioning */

/* Table */

/* Text 
color:color  [The color value can be a color name (red), a rgb value (rgb(255,0,0)), or a hex number (#ff0000).
Default value: Browser dependent. ex: p {color: rgb(0,0,255)}  ]

direction:ltr | rtl
[The direction property sets the text direction. Really (?): alignment of text against r or l edge of page.]

line-height:normal | number | length | %
[The line-height property sets the distance between lines.
Negative values are not allowed.]

letter-spacing:normal | length
[The letter-spacing property increases or decreases the white space between characters.
Negative values are allowed.]

text-align:left | right | center | justify
[The text-align property aligns the text in an element.]

text-decoration:none | underline | overline | line-through | blink
[The text-decoration property decorates the text.
The color of the decoration should be set by the "color" property.]

text-indent:length | %
[The text-indent indents the first line of text in an element.
Negative values are allowed. The first line will be indented to the left if the value is negative.]

text-shadow (?):none | color | length

text-transform:none | capitalize | uppercase | lowercase
[The text-transform property controls the letters in an element.]

unicode-bidi (?):normal | embed | bidi-override

white-space:normal | pre | nowrap
[The white-space property sets how white-space inside an element is handled.]

word-spacing:normal | length
[The word-spacing property increases or decreases the white space between words.
Negative values are allowed.]
*/



/* Pseudo-classes */

/* Pseudo-elements */




/* Class Selections */
.blue {color:blue}
.green {color:green}
.orange {color:orange}
.red {color:red}

/* from Prototype Javascript Framework page:*/
ul, li, form, dt, dl, dd, ol, div, p, 
blockquote, h1, h2, h3, h4, h5, h6, a, 
pre, code {
  margin: 0;
  padding: 0;
}

a { color: #555; text-decoration: none; outline: none;}
a:hover { 
  color: #000;
}

h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}



/* Hides from IE-mac 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
        End hide from IE-mac 
*/

/*------------------------------------------------------------------------
 *=STRUCTURE
 ------------------------------------------------------------------------*/

#container {
  margin:  0 auto;
  border-right: none;
  width: 1000px;
}

#content {
  margin-top: 80px;
}

#main {
  padding-top: 20px;
  font-size: 110%;
  margin: 0 auto;
  background: transparent;
  text-align: left;
}

#header {
  margin-top: 50px;
}

#col1 {
  float: left;
  width: 380px;
  padding: 0 10px;
}

#col2 {
  margin-left: 410px;
}

#col00 {
   float: left;
   width: 600px;
   padding: 0 10px;
   margin-left: 100px;
}

#col01 {
   margin-left: 630px;
}

#col10 {
  float: left;
  width: 480px;
  padding: 0 10px;
}

#col11 {
  margin-left: 510px;
}

#footer {
  margin-top: 20px;
  color: #555;
  padding: 10px;
  text-align: center;
  font: normal 12px/1.5em "Lucida Grande", "Helvetica Neue", Verdana, Georgia, Arial, sans-serif;
  background: #fff url(../images/col-pantone-347-C-60-176.gif) repeat-x;
  border-top: 1px dotted #ccc;
  position: relative;
}


h2 {
  border-bottom: none !important;
}


/*------------------------------------------------------------------------
 *=NAV
 ------------------------------------------------------------------------*/
#nav {
  padding: 5px;
  height: 40px;
  text-align: right;
}


#nav ul {
  list-style: none;
  float: right;
  margin-top: 15px;
}

#nav ul li {
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin-right: 4px;
  display: inline;
  float: left;
  font-weight: bold;
  text-shadow: 2px 2px #fff;
  margin-right: 15px;
}

#nav ul li a {
  display: block;
  padding: 0;
  color: #444;
  border-bottom: 1px solid #ccc;
  line-height: 100%;
}


#nav ul li a:hover {
  text-shadow: none;
  color: #111;
}


/*------------------------------------------------------------------------
 *=HEADER
 ------------------------------------------------------------------------*/

#header h1 {
  float: left;
  margin-left: 30px;
}


/*#header h1 a {
  display: block;*/
/*  text-indent:  -9999px;*/
/*  background: url(../images/logo-home.gif) no-repeat;*/
/*  width:  127px;
  height: 64px;*/
}

#tagline {
/*  text-indent: -9999px;*/
/*  background: url(../images/tagline-home.gif) no-repeat;*/
  width: 406px;
  height: 82px;
  margin-left: 400px;
}



/*------------------------------------------------------------------------
 *=COLS
 ------------------------------------------------------------------------*/

#col2 h2 {
  font-family: "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-weight: normal;
  font-size: 170%;
  margin-bottom: 4px;
  color: #444;
}

ul#actions {
  list-style: none;
}

ul#actions li {
  padding: 10px 0 15px 0;
  margin-bottom: 5px;
}

p.embold {
  font-size: 110%;
  margin-top: 10px;
}

#sell p, #basic p {
  margin-bottom: 10px;
}

#nav-more {
  list-style: none;
  margin: 0 0 0 0;
}

#nav-more li a {
  display: block;
  padding: 2px 0;
  color: #888;
}




/*------------------------------------------------------------------------
 *=CORE
 ------------------------------------------------------------------------*/

ul#core {
  margin: 0;
  padding: 0;
}

ul#core li {
  position: relative;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}

ul#core li .profile-pic {
  float: left;
  margin: 0 10px 0 0;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
}

ul#core p {
  font-size: 120%;
  line-height: 150%;
}



/*------------------------------------------------------------------------
 *=BASIC
 ------------------------------------------------------------------------*/
/*
#basic a {
  color: #f71;
}

#basic h2, #basic h3, #basic h4 {
  margin: 20px 0 5px 0;
}

h3#stable a, h3#newest a {
  display: block;
  padding: 1.2em; text-align: center;
  margin: 0.8em 0;
}
h3#stable a {
  background: #efe; color: #252;
  border: 1px solid #6b6;
}
#stable a:hover { color: #131 }

#newest a { background: #eee; color: darkblue; border: 1px solid silver; }
#newest a:hover { color: black }
*/


/*------------------------------------------------------------------------
 *=FOOTER
 ------------------------------------------------------------------------*/
/*
#footer {
  clear: both;
}

#footer abbr {
  border: none;
}

#footer a {
  text-decoration: underline;
}

#badge {
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
}

#badge img {
  border: none;
}

#badge a {
  text-decoration: none;
}

#logos {
  margin: 20px 0 !important;
  list-style: none;
}

#logos li {
  display: block;
  float: left;
  height: 75px;
  margin: 0 30px 30px 0;
}

#logos li a {
  display: block;
  height: 75px;
}

#logos li a img {
  border: none;
  vertical-align: middle;
}
*/


/*------------------------------------------------------------------------
 *=CODE
 ------------------------------------------------------------------------*/
/*
pre {
  background: #f7f7f7;
  padding: 10px;
  font-size: 90%;
  line-height: 130%;
}

pre code {
    font-family: Monaco, Consolas, "Lucida Console", monospace;
    font-size: 92%;
}

.keywords { color: #f71; }
.comment { color: #517; }
.string { color: #392; }

#excerpt pre  {
  background: transparent;
  padding: 2px;
  font-size: 100% !important;
  font-family: Monaco, Consolas, "Lucida Console", monospace;
  margin: 5px 0;
  font-weight: normal;
  border-bottom: 1px dotted #fff;
  color: #34a;
}

#abody pre {
  margin: 10px;
}

#excerpt ul, #excerpt ol, #abody ul, #abody ol {
  margin: 10px 40px;
}

#blog-excerpt {
  margin-top: 30px;
  margin-right: 10px;
  margin-left: -10px;
  padding: 10px;
  background-color: #e9eff8;
}

#blog-excerpt h3 {
  margin-bottom: 13px;
  line-height: 20px;
}

#link-to-blog {
  text-align: right;
  margin-top: 10px;
}

#link-to-blog a  {
  text-decoration: underline;
}
*/