/*

Theme Name: Visualization

Theme URI: http://www.graphpaperpress.com/

Description: A Wordpress magazine theme based on the Blueprint CSS Framework.

Version: 1.2

Author: Thad Allender for Graph Paper Press

Author URI: http://www.graphpaperpress.com/

Credits: http://code.google.com/p/blueprintcss/

*/



/* IMPORTANT - PLEASE READ

This theme uses the Blueprint CSS framework for

default positioning, typography, form styling, etc.

*/



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

   Based on work by:

   * Nathan Borror     [playgroundblues.com]

   * Jeff Croft        [jeffcroft.com]

   * Christian Metts   [mintchaos.com]

   * Khoi Vinh         [subtraction.com]

   * Olav Bjorkoy      [bjorkoy.com]

   

   By default, the grid is 950px wide, with 24 columns 

   spanning 30px, and a 10px margin between columns.

   

   If you need fewer or more columns, use this 

   formula to find the new total width: 

   Total width = (columns * 40) - 10

   

   Read more about using a grid here:

   * subtraction.com/archives/2007/0318_oh_yeeaahh.php

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



body {
color: #222;
font-family:Arial, Helvetica, sans-serif;
font-size: 75%;
background: #fff;
}



h1,h2,h3,h4,h5,h6 {
color: #1e1e1e;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;

}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

font-weight: bold;

}



h1 {

font-size: 3em;

line-height: 1;

margin-bottom: 0.5em;

}



h2 {

font-size: 2em;

margin-bottom: 0.75em;

}



h3 {

font-size: 1.5em;

line-height: 1em;

margin: 0 0 1em;

}



h4 {

font-size: 1.25em;

font-weight: bold;

line-height: 1em;

margin: 0 0 1em;

}



h5 {

font-size: 1.15em;

font-weight: bold;

line-height: 1em;

margin: 0 0 .3em;

}



h6 {

font-size: 1em;

font-weight: bold;

line-height: 1em;

margin: 0 0 1em;

}



h1 a {

text-transform: uppercase;

}

h3 .title {

font-weight: bold;

}



h4 .title {

font-weight: bold;

font-size: 2em;

}



.entry h3 {

border-bottom: 1px #eee solid;

}



#masthead {

margin: 0;

text-align: left;

height: 55px;

width: 700px;

float: left;

}



#masthead h1 {

font-variant: small-caps;

margin: 0;

}



.description {

float: left;

font-family: Helvetica;

font-weight: lighter;

color: #666;

}



h2.underlined {

border-bottom: 1px solid #1e1e1e;

text-transform: none;

}



h6.right {

font-size: 1em;

font-weight: normal;

line-height: 1.5em;

padding: 1em;

color: #fff;

background: #000;

margin: 0em;

font-style: italic;

}



.alignleft {

float: left;

}

p {

line-height: 1.5em;

margin: 0 0 1em 0;

color: #1e1e1e;

}



p.last {

margin-bottom: 0;

}

img {

border: none;

}

#header_img img {

margin: 0;

}



p.tagged {

clear: both;

text-align: right;

}



p img {

float: left;

line-height: 1em;

margin: 0 1.5em 1.5em 0;

padding: 0;

}



a {

color: #000;

text-decoration: none;

}



a:focus,a:hover,p a {

color: #1e1e1e;

text-decoration: underline;

}



a img {

float: left;

line-height: 1em;

margin: 0 1em 1em 0;

padding: 0;

}





#description {

font-weight: lighter;

margin-top: 1em;

}

.description h2{
font-size: 14px;
}

#skip {

margin-top: 1em;

}



.excerpt_small p {

line-height: .9em;

margin: 0;

font-size: .9em;

text-align:justify;

}



.archive_excerpt {

padding-bottom: 1em;

}



#author {

background: #212121;

margin: 15px 0;

padding: 12px;

}



#author img {

float: left;

padding: 1px 10px 1px 1px;

width: 75px;

}



#author span {

display: block;

margin-top: 12px;

padding-top: 6px;

}



#author p {

margin: 0;

width: 560px;

color: #fff;

}

#author a, #author a:hover, #author a:visited{
color: #fff;
}



.top {

margin-top: 0;

padding-top: 0;

}



.bottom {

margin-bottom: 0;

padding-bottom: 0;

}







.box_blue {
font-family: Arial, Helvetica, sans-serif;
background: #212121;
margin-bottom: 1.5em;
padding: 1.5em;
}



#search {

margin-top: 25px;

float: right;

}



#sidebar-home {

background: #eee;

color: #eee;

height: 350px;

}







/* BEGIN EDITING HERE */





ol {

list-style-type: decimal;

}



ol li a {

color: #000;

font-weight: bold;

list-style-type: decimal;

text-decoration: underline;

}



.entry ul {

list-style-type: none;

margin: 0;

padding: 0;

}



.entry ul li {

list-style-image: url(images/li.png);

margin: 0 0 0 2em;

}



.entry ul li a:hover {

background: #333;

color: #212121;

text-decoration: none;

}



/* SECOND TIER PAGE NAVIGATION */

/* Root = Horizontal, Secondary = Vertical */

#navmenu-h {

background: #000;

}

#navmenu-h-r {

background: #eee;

}

#navmenu-h li.alignright {

float: right;

}



ul#navmenu-h {

margin: 0 0 1em 0;

border: 0 none;

padding: 0;

width: 950px;

	/*For KHTML*/

	list-style: none;

height: 34px;

border-top: 1px #222 solid;

}



#navmenu-h-r {

margin: 0 0 1em 0;

border: 0 none;

padding: 0;

width: 950px;

	/*For KHTML*/

	list-style: none;

height: 24px;

}



ul#navmenu-h li {

margin: 0;

border: 0 none;

padding: 0;

float: left;

	/*For Gecko*/

	display: inline;

list-style: none;

position: relative;

height: 34px;

border-right: 1px #222 solid;

}



#navmenu-h-r li {

margin: 0;

border: 0 none;

padding: 0;

float: right;

	/*For Gecko*/

	display: inline;

list-style: none;

position: relative;

height: 24px;

}



ul#navmenu-h ul {

margin: 0;

border: 0 none;

padding: 0;

width: 160px;

list-style: none;

display: none;

position: absolute;

top: 34px;

left: 0;

}



ul#navmenu-h-r ul {

margin: 0;

border: 0 none;

padding: 0;

width: 160px;

list-style: none;

display: none;

position: absolute;

top: 24px;

left: 0;

}



ul#navmenu-h ul:after,ul#navmenu-h-r ul:after /*From IE 7 lack of compliance*/ {

clear: both;

display: block;

font: 1px/0px serif;

content: ".";

height: 0;

visibility: hidden;

}



ul#navmenu-h ul li, ul#navmenu-h-r ul li {

width: 160px;

float: left;

	/*For IE 7 lack of compliance*/

	display: block !important;

	/*For IE*/

}



/* Root Menu */

ul#navmenu-h a {

padding: 5px 20px 5px 20px;

float: none !important;

	/*For Opera*/

	/*For IE*/

	display: block;

background: #000;

color: #ccc;

font: 12px/24px Georgia;

text-decoration: none;

height: auto !important;

	/*For IE*/

}

ul#navmenu-h-r a {

padding: 2px 20px 0 20px;

float: none !important;

	/*For Opera*/

	/*For IE*/

	display: block;

background: #eee;

color: #333;

font: 11px/22px Helvetica;

text-decoration: none;

height: auto !important;

	/*For IE*/

}



/* Root Menu Hover Persistence */

ul#navmenu-h a:hover,

ul#navmenu-h-r a:hover,

ul#navmenu-h li:hover a,

ul#navmenu-h-r a:hover a,

ul#navmenu-h li.iehover a,

ul#navmenu-h-r li.iehover a {

background: #333;

color: #FFF;

}



/* 2nd Menu */

ul#navmenu-h li:hover li a,

ul#navmenu-h li.iehover li a,

ul#navmenu-h-r li:hover li a,

ul#navmenu-h-r li.iehover li a {

float: none;

background: #000;

color: #ccc;

}



/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a:hover,

ul#navmenu-h li:hover li:hover a,

ul#navmenu-h li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover a,

ul#navmenu-h-r li:hover li a:hover,

ul#navmenu-h-r li:hover li:hover a,

ul#navmenu-h-r li.iehover li a:hover,

ul#navmenu-h-r li.iehover li.iehover a {

background: #333;

color: #FFF;

}



/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li a,

ul#navmenu-h-r li:hover li:hover li a,

ul#navmenu-h-r li.iehover li.iehover li a {

background: #000;

color: #ccc;

}



/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a:hover,

ul#navmenu-h li:hover li:hover li:hover a,

ul#navmenu-h li.iehover li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover a,

ul#navmenu-h-r li:hover li:hover li a:hover,

ul#navmenu-h-r li:hover li:hover li:hover a,

ul#navmenu-h-r li.iehover li.iehover li a:hover,

ul#navmenu-h-r li.iehover li.iehover li.iehover a {

background: #CCC;

color: #FFF;

}



/* 4th Menu */

ul#navmenu-h li:hover li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li.iehover li a,

ul#navmenu-h-r li:hover li:hover li:hover li a,

ul#navmenu-h-r li.iehover li.iehover li.iehover li a {

background: #EEE;

color: #666;

}



/* 4th Menu Hover */

ul#navmenu-h li:hover li:hover li:hover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover li a:hover,

ul#navmenu-h-r li:hover li:hover li:hover li a:hover,

ul#navmenu-h-r li.iehover li.iehover li.iehover li a:hover {

background: #CCC;

color: #FFF;

}



ul#navmenu-h ul ul,

ul#navmenu-h ul ul ul,

ul#navmenu-h-r ul ul,

ul#navmenu-h-r ul ul ul {

display: none;

position: absolute;

top: 0;

left: 160px;

}



/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu-h li:hover ul ul,

ul#navmenu-h li:hover ul ul ul,

ul#navmenu-h li.iehover ul ul,

ul#navmenu-h li.iehover ul ul ul,

ul#navmenu-h-r li:hover ul ul,

ul#navmenu-h-r li:hover ul ul ul,

ul#navmenu-h-r li.iehover ul ul,

ul#navmenu-h-r li.iehover ul ul ul {

display: none;

}

ul#navmenu-h li:hover ul,

ul#navmenu-h ul li:hover ul,

ul#navmenu-h ul ul li:hover ul,

ul#navmenu-h li.iehover ul,

ul#navmenu-h ul li.iehover ul,

ul#navmenu-h ul ul li.iehover ul,

ul#navmenu-h-r li:hover ul,

ul#navmenu-h-r ul li:hover ul,

ul#navmenu-h-r ul ul li:hover ul,

ul#navmenu-h-r li.iehover ul,

ul#navmenu-h-r ul li.iehover ul,

ul#navmenu-h-r ul ul li.iehover ul {

display: block;

}





/* SIDEBAR LISTS */

.bottombar {

}



.bottombar h2 {

font-size: 1em;

font-weight: bold;

line-height: 1em;

margin: 1em 0 1em;

}



.bottombar ul {

list-style-type: none;

margin: 0;

padding: 0;

}



.bottombar ul li {

list-style-image: url(images/li.png);

background-repeat: no-repeat;

border-top: 1px solid #e5e5e5;

line-height: 1.5em;

margin: 0 0 0 1em;

}



.bottombar ul li a:hover {

background: #ffffff;

color: #212121;

text-decoration: none;

}



/* AJAX TABBED LISTS */

.tabbed div {

float: left;

display: block;

width: 100%;

margin: 0;

padding: 5px 0;

}



.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {

display: none;

}



ul.latest  li, ul.popular li, ul.categories li, ul.authors li {

border-bottom: 1px #fff solid;

color: #333;

list-style-type: none;

margin: .9em 0 0 0;

}



.tabbed ul.tabs li a:hover,.tabbed ul.tabs li a.tab-current {

background: #eee;

}



.tabbed ul.tabs {

background: #fff;

color: #eee;

display: inline;

float: left;

list-style-type: none;

margin: 0;

padding: 0;

width: 100%;

}



.tabbed ul.tabs li {

background: #fff;

float: left;

list-style-type: none;

margin: 0;

padding: 0;

}



.tabbed ul.tabs li a {

background: #ccc;

border: none;

display: block;

margin: 0 2px 0 0;

overflow: hidden;

padding: 5px;

width: auto;

color: #212121;

}



.hide,.tabbed div.t2,.tabbed div.t3,.tabbed div.t4 {

display: none;

}



.tabbed div {

display: block;

float: left;

margin: 0;

padding: 5px 0;

width: 100%;

}



ul.latest li,ul.popular li,ul.categories li,ul.authors li {

border-bottom: 1px #fff solid;

color: #333;

list-style-type: none;

margin: 10px 0 0;

}



/* COMMENT STYLES */

#comments {

width: 100%;

}
#comments a, #comments a:visited, #comments a:hover{
color: #fff;
}

dl#comment_list {

margin: 0 0 0 0;

}



dl#comment_list dt {

padding: 0 0 33px 0;

background: url('images/comment_top.gif') 0 100% no-repeat;

font-size: 1.1em;

line-height: 1.8182em;

}



dl#comment_list dt.author {

background: url('images/comment_author_top.gif') 0 100% no-repeat;

}

dl#comment_list dt .comment_num {

padding: 0 0.3636em 0 0;

}

dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited {

color: #999;

}

dl#comment_list dt .comment_num a:hover {

color: #a90000;

}



dl#comment_list dt strong {

font-size: 1.4545em;

color: #000;

}



dl#comment_list dt strong a, dl#comment_list dt strong a:visited {

color: #000;

border-bottom: 1px dotted #999;

}



dl#comment_list dt strong a:hover {

color: #ff0000;

border-bottom: 1px solid #a90000;

}



dl#comment_list dd {

padding: 20px;

margin: 0 0 1.5385em;

background: #313131;

}



dl#comment_list dd.author {

background: #000000 url('images/comment_author_bottom.gif') 0 100% no-repeat;

}

dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote {

color: #ccc;

text-align: justify;

margin-bottom: 1.1538em;

}



/* COMMENT FORM */

#comment_form {

width: 46.8em;

margin: 0 0 4.0em 0;

}



#comment_form a:hover {

text-decoration: underline;

}

#comment_form p {

padding: 0.7692em 0;

}



#comment_form label {

padding: 0 0 0 0.83333em;

font-size: 1.2em;

}



#comment_form .text_input {

width: 15.3846em;

padding: 0.23077em;

color: #a90000;

font: bold 1.3em Verdana, sans-serif;

border-top: 0.15385em solid #999;

border-left: 0.15385em solid #999;

border-right: 0.07692em solid #eee;

border-bottom: 0.07692em solid #eee;

}



#comment_form .text_input:focus {

border-top-color: #666;

border-left-color: #666;

border-right-color: #ddd;

border-bottom-color: #ddd;

}



#comment_form .text_area {

width: 32.9231em;

}

#comment_form p.subscribe-to-comments {

font-size: 1.3em;

}

#comment_form p.subscribe-to-comments label {

font-size: 1.0em;

}



#comment_form .form_submit {

padding: 0.5em;

background: url('images/submit_bg.gif') repeat-x;

color: #000;

border: 0.21429em double #999;

border-top-color: #ccc;

border-left-color: #ccc;

font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;

cursor: pointer;

}



#comment_form .form_submit:hover {

color: #212121;

}



.search_input {

width: 210px;

}



/*Kenzt add this for special purposes*/

.justified{

	text-align:justify;

}