/*================================================================
    cc blog * Mike Mattner * primary.css
	mmattner@corvettecentral.com
	12/2009
================================================================	

CSS RESET ----------- Written by Eric Meyer - http://meyerweb.com/eric/tools/css/reset/ ------->*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* General Styles -----------------------------------> */
body           {background: #fff url(../images/bg.gif) repeat-x top center; font: 14px/18px /*"Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif*/ "Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati; color: #444;}
h1, h2, h3, h4, h5, h6 {margin: 18px 0 18px 0; color: #000; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}

strong            {font-weight: bold;}
em                 {font-style: italic;}
p                    {margin: 18px 0 18px 0;}
ul, ol             {margin: 18px 0 18px 0; padding: 0 0 0 15px; list-style-type:disc;}
li                     {}
ol                    {list-style-type: decimal;}
dl                    {margin: 18px 0;}
dl dt                {}
hr                    {display: none;}
blockquote     {margin: 20px 0 20px 0; padding: 0 5px 0 30px; color: #666; background: url(../images/block-quote.gif) no-repeat 0 5px;}
.amp               {font-family: Palatino, Book Antiqua, serif; font-size: 1.1em; line-height:10%; /* Fix to maintain correct baseline */font-style: italic;}
.center         {text-align:center;}
.text-right {text-align: right;}
.text-left   {text-align: left;}
.large           {font-size: 18px; line-height: 24px;}
.small           {font-size: 12px;}

a:link, a:visited, a:active {color: #2f5fff; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: underline;}

/*LOGO*/
a.logo             {display: block; text-indent: -9999px; padding: 36px 0 36px 0; margin: 0; width: 333px; height: 60px; border-bottom: none; text-decoration: none; background: url(../images/logo.gif) no-repeat center center;}
a.logo:hover {background: url(../images/logo.gif) no-repeat center center; border-bottom: none;}

/*================================================================================================================
Section Styles
================================================================================================================*/
#top {width: 100%; background: #000 url(../images/top_bg.gif) repeat-x top center; height: 31px;}
#header {width: 100%; background: #152a72 url(../images/header_bg.jpg) repeat-x top center; height: 133px;}
#content {width: 960px; margin: 0 auto; padding: 18px 0 0 0;}
#sidebar {font-size: 11px; min-height: 625px;}
#primary {}
#footer {width: 100%; background: #000; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; color: #777; padding: 10px 0; font-size: 12px;}

#footer a:link, #footer a:visited, #footer a:active {color: #fff; text-decoration: none;}
#footer a:hover {color: #777; text-decoration: underline;}

.legal {font-size: 12px; padding: 0 0 18px 0;}

.surround {width: 960px; margin: 0 auto;}
.header_surround_c1 {width: 960px; margin: 0 auto; background: transparent url(../images/c1_bg.jpg) no-repeat right center; height: 133px;}
.header_surround_c2 {width: 960px; margin: 0 auto; background: transparent url(../images/c2_bg.jpg) no-repeat right center; height: 133px;}
.header_surround_c3 {width: 960px; margin: 0 auto; background: transparent url(../images/c3_bg.jpg) no-repeat right center; height: 133px;}
.header_surround_c4 {width: 960px; margin: 0 auto; background: transparent url(../images/c4_bg.jpg) no-repeat right center; height: 133px;}
.header_surround_c5 {width: 960px; margin: 0 auto; background: transparent url(../images/c5_bg.jpg) no-repeat right center; height: 133px;}
.header_surround_c6 {width: 960px; margin: 0 auto; background: transparent url(../images/c6_bg.jpg) no-repeat right center; height: 133px;}

/*================================================================================================================
#content styles
================================================================================================================*/
.shadow {background: url(../images/shadow.png) no-repeat top right;}

#primary h2 {font-size: 24px;}
h2.title a:link, h2.title a:visited, h2.title a:active {color: #000; text-decoration: underline;}
h2.title a:hover {color: #777; text-decoration: underline;}

.result-title h3 a:link, .result-title h3  a:visited, .result-title h3  a:active {color: #000; text-decoration: underline;}
.result-title h3  a:hover {color: #777; text-decoration: underline;}

#sidebar h2 {margin: 18px 0 0 0; font-size: 13px; text-transform: uppercase;}
#sidebar ul         {margin: 0; padding: 0; list-style-type: none;}
#sidebar ul li  h2 {margin: 18px 0 0 0; font-size: 13px; text-transform: uppercase;}

#sidebar ul ul#recentcomments        {margin: 0; padding: 0; list-style: none; border-top: 1px dotted #999;}
#sidebar ul ul#recentcomments li      {margin: 0; font-size: 12px; border-bottom: 1px dotted #999; padding: 2px 2px 2px 15px; background: transparent url(../images/comments.gif) no-repeat left center;}

#sidebar ul {margin: 5px 0px 0px; padding: 0px; list-style-type: none; border-top: 1px dotted #999; width: 100%;}
#sidebar ul#widgets {margin: 0; padding: 0px; list-style-type: none; border-top: none !important; width: 100%;}
#sidebar ul li#archives a {display: inline !important; text-decoration: none; padding: 0 !important; text-align: left; color: #666; background: none !important; border-bottom: none !important;}
#sidebar ul li#archives a:hover {display: inline !important; text-decoration: none; padding: 0 !important; text-align: left; color: #000; background: none !important; border-bottom: none !important;}
#sidebar ul li {position: relative;}
#sidebar ul li a {display: block; text-decoration: none; padding: 2px 2px 2px 15px; text-align: left; color: #666; background: transparent url(../images/published.gif) no-repeat left center; border-bottom: 1px dotted #999;}
#sidebar ul li a:hover {display: block; text-decoration: none; padding: 2px 2px 2px 15px; text-align: left; color: #000; background: #f3f3f3 url(../images/published.gif) no-repeat left center; border-bottom: 1px dotted #999;}
#sidebar ul li.published a {display: block; text-decoration: none; padding: 2px 2px 2px 15px; text-align: left; color: #666; background: transparent url(../images/published.gif) no-repeat left center; border-bottom: 1px dotted #999;}
#sidebar ul li.published a:hover {display: block; text-decoration: underline; color: #ff0000; padding: 2px 2px 2px 15px; text-align: left; background-color: #fff; border-bottom: 1px dotted #999;}
#sidebar ul li.commentedon a {display: block; text-decoration: none; color: #666; padding: 2px 2px 2px 15px; text-align: left; border-bottom: 1px dotted #999; background: transparent url(../images/comments.gif) no-repeat left center;}
#sidebar ul li.commentedon a:hover {display: block; text-decoration: underline; color: #ff0000; padding: 2px 2px 2px 15px; text-align: left; background-color: #fff; border-bottom: 1px dotted #999;}

.date {font-size: 11px; color: #777; margin: 0;}
.author {font-size: 12px; color: #777; margin: 0;}
.meta{font-size: 11px; color: #777; margin: 10px 0 0 0; padding: 5px; border: 1px solid #eee;}
.comments {padding: 0 14px 0 0; background: transparent url(../images/comments_a.gif) no-repeat right bottom;}
.title {margin: 18px 0 0 0;}


.post {line-height: 1.5em;}

.post img{
  display: block;
  padding: 3px;
  margin: 4px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -moz-border-radius: 4px;
}

.post img.alignleft, .attachment img.alignleft{ margin-left: 0; }
.post img.alignright, .attachment img.alignright{ margin-right: 0; }
.post img, .post img.aligncenter, .attachment img.aligncenter{ margin: 10px auto; text-align: center; }

.post p.tags{
  background: transparent url(../images/tag.gif) no-repeat left center;
  font-size: 80%;
  color: #999;
  padding: 0 0 0 13px;
  margin: 1em 0;
}
p.metadata {font-size: 80%; color: #999;}

.phone {font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; text-align: right; padding-top: 4px !important;}
/*=============================================================================================================
Comment Styles
===============================================================================================================*/
/*New Style===========================================================================================*/
#comments-sec  {padding-bottom: 20px;}
#comments-sec label       {font-size: 13px; text-align: right; color: #777; display: block; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}
.comfield               {font-size: 13px; font-weight: normal; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x; padding:2px; margin: 0 0 5px 0; border: 1px solid #eee; background: #fff url(../images/form_bg.gif) repeat-x bottom left; width: 500px; color: #777;}
#comments-sec input.comfield:focus, #comments-sec input.sffocus, #comments-sec textarea.comfield:focus, #comments-sec textarea.sffocus {border: 1px solid #d1d1d1;}

ul#comments_list {margin: 0; padding: 0; list-style: none;}
ul#comments_list ul {margin: 0 0 0 80px; padding: 0; list-style: none;}
ul#comments_list ul  li {}
ul#comments_list blockquote {margin: 8px 0 8px 0; padding: 9px 5px 9px 30px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; color: #666; background: url(../images/block-quote.gif) no-repeat 0 30px;}

ol.commentlist          {margin: 0; padding: 0;}
ol.commentlist li       {list-style: none; padding-bottom: 0; border-bottom: 1px dotted #ddd;}
ol.commentlist li div.comment_area {padding-left: 80px; padding-right: 40px;}
ol.commentlist li ul   {margin: 0 0 0 60px;}
ol.commentlist li ul li {border-top: 1px dotted #ddd; padding-bottom: 0; margin-bottom: 0; border-bottom: none !important;}
ol.commentlist li  ul li div.comment_area {padding-left: 80px; padding-right: 0 !important;}

.comment_date   {color: #777; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal;}
.comment_author {font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; font-weight: bold;}
.comment_pad_top {padding-top: 20px !important;}
.comment_number {font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; float: right;}
a.comment_number:link, a.comment_number:visited, a.comment_number:active {margin-top: 20px; color: #ddd !important; text-decoration: none !important; border-bottom: none !important;}
a.comment_number:hover {color: #888 !important; text-decoration: none !important; border-bottom: none !important;}
.avatar {border: 4px solid #eee;}

/*Trackback===========================================================================================*/
#trackbacker h3 {font-size: 14px !important; margin: 20px 0 0 0 !important;}

ol.trackback {margin: 0 0 18px 0; padding: 0; font-size: 12px; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}
ol.trackback li {}

ol.trackback li a:link, ol.trackback li a:visited, ol.trackback li a:active {color: #999 !important; text-decoration: none !important; border-bottom: none !important;}
ol.trackback li a:hover {color: #444 !important; text-decoration: none !important; border-bottom: none !important;}

.prev_next h2:first-child  {font-size: 13px !important; margin: 0 !important;}
.prev_next h2  {font-size: 13px !important; margin: 10px 0 0 0 !important;}
.prev_next {margin-bottom: 20px; padding-bottom: 20px;}

/*Related Entries===========================================================================================*/
#the_related       {font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 12px; margin-bottom: 20px;}
div#the_related h2 {font-size: 13px !important; margin: 0 !important;}

ul.related {margin: 0; padding: 0;}
ul.related li {}

ul.related li a:link, ul.related li a:visited, ul.related li a:active {color: #999; text-decoration: none;}
ul.related li a:hover {color: #444; text-decoration: none;}

.search {margin-top: 3px !important;}

#searchform input, #searchform button {
	border: none;
	float: left;
}

.searchform               {font-size: 13px; font-weight: normal; padding: 2px 2px; margin: 2px 0 2px 2px; border: 1px solid #999; background: #fff; width: 168px; color: #999; -moz-border-radius-bottomleft:  3px; -moz-border-radius-topleft:  3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3x; border-top-left-radius: 3x;}
#searchform input.searchform:focus, #searchform input.sffocus {font-size: 13px; font-weight: normal; padding: 2px 2px; margin: 2px 0 2px 2px; background: #fff; width: 168px; color: #999; -moz-border-radius-bottomleft:  3px; -moz-border-radius-topleft:  3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3x; border-top-left-radius: 3x;}

#searchform input.btn {
	width: 46px;
	height: 20px;
	cursor: pointer;
    margin: 2px 0;
    border: 0;
    outline: 0;
    padding: 0;
	text-indent: -9999px;
	background: #000 url(../images/search.png) no-repeat 0 0;
}
#searchform input.btn:hover {
    width: 46px;
	height: 20px;
	cursor: pointer;
    margin: 2px 0;
    border: 0;
    outline: 0;
    padding: 0;
	text-indent: -9999px;
	background: #000 url(../images/search.png) no-repeat 0 -20px;
}
#searchform input.btn:focus {
    width: 46px;
	height: 20px;
	cursor: pointer;
    margin: 2px 0;
    border: 0;
    outline: 0;
    padding: 0;
	text-indent: -9999px;
	background: #000 url(../images/search.png) no-repeat 0 -40px;
}

.archivebox {width: 960px; margin: 0 auto; padding-bottom: 22px;}
#archivebox {font-size: 11px; color: #888; background: #000;}
#archivebox a:link, #archivebox a:visited, #archivebox a:active {color: #fff; text-decoration: none;}
#archivebox a:hover {color: #888; text-decoration: underline;}
#archivebox h2 {font-size: 18px !important; margin: 22px 0 10px 0; color: #fff;}
#archivebox h3 {font-size: 12px !important; margin: 22px 0 10px 0; color: #fff;}

.tag_space {margin: 0; padding: 0; float: left; width: 960px;}
.tag_space  h2 {margin-left: 10px !important;}
ul#tags_cloud {margin: 0; padding: 0; list-style: none;}
ul#tags_cloud li a {width: 140px; margin: 0; padding: 0 9px 0 10px; border-right: 1px dotted #222; float: left;}
ul#tags_cloud li a:hover {background: #fff; color: #000 !important; text-decoration: none !important; border-right: 1px solid #fff;}
ul#tags_cloud li a span{float: right; color: #888;}

.tags_archives {font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 11px;}
.tags_archives ul {margin: 0; padding: 0;}
.tags_archives ul li {list-style: none;}

a.comment_quote_link {font-size: 12px;}

.navigation {padding: 18px 0;}

/* footer links/widgets */
ul#footer-widgets{
  margin: 0;
  padding: 0;
  color: #777;
}

ul#footer-widgets li.widget{
  float: left;
  padding: 0;
  margin: 0;
  width: 50%; /* default  */
  list-style-type: none;
}

ul#footer-widgets.widgetcount-1 li.widget{ width: 50%; }
ul#footer-widgets.widgetcount-2 li.widget{ width: 50%; }
ul#footer-widgets.widgetcount-3 li.widget{ width: 33%; }
ul#footer-widgets.widgetcount-4 li.widget{ width: 25%; }
ul#footer-widgets.widgetcount-5 li.widget{ width: 20%; }
ul#footer-widgets.widgetcount-6 li.widget{ width: 16%; }
/* no point to add more than 6 widgets, unreadable */

ul#footer-widgets h2.widgettitle{
  font-size: 14px;
  color: #777;
  margin: 0;
}

ul#footer-widgets li ul{
  margin: 0 1em 0 0;
  padding: .4em 0;
}

ul#footer-widgets li.widget ul{
  padding: 0;
  border-top: 1px dotted #222;
}

ul#footer-widgets li.widget li{
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  border-bottom: 1px dotted #222;
  padding: 3px;
  position: relative;
  margin-top: 1px;
}

ul#footer-widgets li.widget li li{
  padding-left: 1em;
  border: 0;
}

ul#footer-widgets li.widget li a{

}

ul#footer-widgets li.widget li a:hover{
  
}

ul#footer-widgets li.widget li span.hover {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: -1;
  margin: 0;
  padding: 0;
}

/* tables */

#primary table{
  margin: .5em 0 1em;
}

#primary table td, #primary table th{
  text-align: left;
  border-right: 1px solid #eee;
  padding: .4em .8em;
}
#primary table td.first, #primary table th.first{
  text-align: left;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: .4em .8em;
}

#primary table th{
  background: #ccc;
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  border-bottom: 1px solid #eee;
  font-size: 10px;
}

#primary table tbody td{
  background: #fff;
  border-bottom: 1px solid #eee;
  font-size: 10px;  
}

#primary table tbody tr.even td{
  background: #f3f3f3;
}

#primary table tbody tr.over td{
  background: #eee;
}

/*================================================================================================================
MENU
================================================================================================================*/
ul#main_menu         {margin: 0 !important; padding: 6px 0 0 0 !important; line-height: 1; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}
ul#main_menu li    {list-style: none; color: #666; display: block; float: left; text-align: center; background: url(../images/menu_sep.gif) repeat-y left center; margin: 0;}
ul#main_menu li a {display: block;  padding: 4px 8px 4px 10px; font-size: 11px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #858585;}
ul#main_menu li a:hover {color: #ccc; text-decoration: none;}

ul#main_menu li a.rss {background: url(../images/rss.png) no-repeat 10px 1px; display: block; padding: 4px 8px 4px 30px; font-size: 11px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #858585;}
ul#main_menu li a.rss:hover {color: #ccc; text-decoration: none;}

ul#main_menu li.first {display: block; text-align: center; background: none!important; margin: 0;}
ul#main_menu li .first a {display: block; padding: 4px 8px; font-size: 11px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #858585;}

a.rssfeed:link, a.rssfeed:visited, a.rssfeed:active {color: #EE8533; margin: 5px auto 5px auto; text-decoration: none; background: url(../images/feed-icon.gif) no-repeat 0px 0px; display: block; padding: 0px; font-size: 10px; width: 49px; text-indent: -9999px; height: 16px;}
a.rssfeed:hover {color: #fff; text-decoration: underline; background: url(../images/feed-icon.gif) no-repeat 0px -16px;}

div.sociable { padding: 5px; margin: 22px 0; border: 1px solid #eee; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
    border-top: none !important;
}
.sociable ul li {
	background: none!important;
	display: inline !important;
	list-style-type: none !important;
	margin: 0 !important;
	padding: 1px !important;
}
.sociable ul li a {
	background: none!important;
	display: inline !important;
	margin: 0 !important;
	padding: 1px !important;
    border-bottom: none !important;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
    display: inline !important;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


/*Column Structure ------------------------------------------------------------------------->*/
.column   {margin: 0 10px; float: left; padding:0;} /*Legacy Code*/
/* HACK IT \*/
* html .column { display: inline; } /*Legacy Code*/
/* End */

.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {display: inline; margin: 0 10px; float: left; padding:0;}

.span-1    { width: 20px; } /*1 col*/
.span-2    { width: 60px; } /*2 col*/
.span-3    { width: 100px; } /*3 col*/
.span-4    { width: 140px; } /*4 col*/
.span-5    { width: 180px; } /*5 col*/
.span-6    { width: 220px; } /*6 col*/
.span-7    { width: 260px; } /*7 col*/
.span-8    { width: 300px; } /*8 col*/
.span-9    { width: 340px; } /*9 col*/
.span-10  { width: 380px; } /*10 col*/
.span-11  { width: 420px; } /*11 col*/
.span-12  { width: 460px; } /*12 col*/
.span-13  { width: 500px; } /*13 col*/
.span-14  { width: 540px; } /*14 col*/
.span-15  { width: 580px; } /*15 col*/
.span-16  { width: 620px; } /*16 col*/
.span-17  { width: 660px; } /*17 col*/
.span-18  { width: 700px; } /*18 col*/
.span-19  { width: 740px; } /*19 col*/
.span-20  { width: 780px; } /*20 col*/
.span-21  { width: 820px; } /*21 col*/
.span-22  { width: 860px; } /*22 col*/
.span-23  { width: 900px; } /*22 col*/
.span-24  { width: 940px; } /*24 col*/

/* Add these to a column to append empty cols. */
.append-1    { padding-right: 40px; } /*1 col*/
.append-2    { padding-right: 80px; } /*2 col*/
.append-3    { padding-right: 120px; } /*3 col*/
.append-4    { padding-right: 160px; } /*4 col*/
.append-5    { padding-right: 200px; } /*5 col*/
.append-6    { padding-right: 240px; } /*6 col*/
.append-7    { padding-right: 280px; } /*7 col*/
.append-8    { padding-right: 320px; } /*8 col*/
.append-9    { padding-right: 360px; } /*9 col*/
.append-10  { padding-right: 400px; } /*10 col*/
.append-11  { padding-right: 440px; } /*11 col*/
.append-12  { padding-right: 480px; } /*12 col*/
.append-13  { padding-right: 520px; } /*13 col*/
.append-14  { padding-right: 560px; } /*14 col*/
.append-15  { padding-right: 600px; } /*15 col*/
.append-16  { padding-right: 640px; } /*16 col*/
.append-17  { padding-right: 680px; } /*17 col*/
.append-18  { padding-right: 720px; } /*18 col*/
.append-19  { padding-right: 760px; } /*19 col*/
.append-20  { padding-right: 800px; } /*20 col*/
.append-21  { padding-right: 840px; } /*21 col*/
.append-22  { padding-right: 880px; } /*22 col*/
.append-23  { padding-right: 920px; } /*22 col*/

/* Add these to a column to prepend empty cols. */
.prepend-1    { padding-left: 40px; } /*1 col*/
.prepend-2    { padding-left: 80px; } /*2 col*/
.prepend-3    { padding-left: 120px; } /*3 col*/
.prepend-4    { padding-left: 160px; } /*4 col*/
.prepend-5    { padding-left: 200px; } /*5 col*/
.prepend-6    { padding-left: 240px; } /*6 col*/
.prepend-7    { padding-left: 280px; } /*7 col*/
.prepend-8    { padding-left: 320px; } /*8 col*/
.prepend-9    { padding-left: 360px; } /*9 col*/
.prepend-10  { padding-left: 400px; } /*10 col*/
.prepend-11  { padding-left: 440px; } /*11 col*/
.prepend-12  { padding-left: 480px; } /*12 col*/
.prepend-13  { padding-left: 520px; } /*13 col*/
.prepend-14  { padding-left: 560px; } /*14 col*/
.prepend-15  { padding-left: 600px; } /*15 col*/
.prepend-16  { padding-left: 640px; } /*16 col*/
.prepend-17  { padding-left: 680px; } /*17 col*/
.prepend-18  { padding-left: 720px; } /*18 col*/
.prepend-19  { padding-left: 760px; } /*19 col*/
.prepend-20  { padding-left: 800px; } /*20 col*/
.prepend-21  { padding-left: 840px; } /*21 col*/
.prepend-22  { padding-left: 880px; } /*22 col*/
.prepend-23  { padding-left: 920px; } /*22 col*/



.border-img-left   { margin-left:0; padding-left: 9px; background: url(../images/menu_sep.gif) repeat-y left center; }

.border-left   { margin-left:0; padding-left: 9px; border-left: 1px solid #eee; }
.border-right { margin-right:0; padding-right: 9px; border-right: 1px solid #eee; }

.sep-up     {padding-top: 9px; margin-top: 8px; border-top: 1px dotted #ddd;}
.sep-down {padding-bottom: 9px; margin-bottom: 8px; border-bottom: 1px dotted #ddd;}

.sepr-up     {padding-top: 9px; margin-top: 8px; background: url(../images/layout/sep-up.png) repeat-x top;}
.sepr-down {padding-bottom: 9px; margin-bottom: 8px; border-bottom: 1px dotted #a5d9e9;}

.first { margin-left: 0; }
.last   { margin-right: 0; }

/* Use these classes on an element to pull it into the previous column.  */

.pull-1   { margin-left: -40px; }
.pull-2   { margin-left: -80px; }
.pull-3   { margin-left: -120px; }
.pull-4   { margin-left: -160px; }
.pull-5   { margin-left: -200px; }
.pull-6   { margin-left: -240px; }
.pull-7   { margin-left: -280px; }
.pull-8   { margin-left: -320px; }
.pull-9   { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}

.push-1   { margin-right: -40px; }
.push-2   { margin-right: -80px; }
.push-3   { margin-right: -120px; }
.push-4   { margin-right: -160px; }
.push-5   { margin-right: -200px; }
.push-6   { margin-right: -240px; }
.push-7   { margin-right: -280px; }
.push-8   { margin-right: -320px; }
.push-9   { margin-right: -360px; }
.push-10 { margin-right: -400px; }
.push-11 { margin-right: -440px; }
.push-12 { margin-right: -480px; }
.push-13 { margin-right: -520px; }
.push-14 { margin-right: -560px; }
.push-15 { margin-right: -600px; }
.push-16 { margin-right: -640px; }
.push-17 { margin-right: -680px; }
.push-18 { margin-right: -720px; }
.push-19 { margin-right: -760px; }
.push-20 { margin-right: -800px; }
.push-21 { margin-right: -840px; }
.push-22 { margin-right: -880px; }
.push-23 { margin-right: -920px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

/**/