/*================================================================
    mikemattner.com * Mike Mattner * primary.css
	info@mikemattner.com
	5/2009, 1/2010, 6/2010
================================================================

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: #000; font: 15px/22px Georgia, serif; color: #444;}
h1, h2, h3, h4, h5, h6 {margin: 22px 0 22px 0; color: #000; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility;}

sub, sup {font-size: .5em;}
sup {vertical-align: super;}
sub {vertical-align: sub;}

h1 {font-size: 36px;}
h2 {font-size: 26px;}
h3 {font-size: 18px;}
h4 {font-size: 14px;}

strong      {font-weight: bold;}
em          {font-style: italic;}
p           {margin: 22px 0 22px 0;}
ul, ol      {margin: 22px 0 22px 0; padding: 0; list-style-type:disc;}
li          {}
ol          {list-style-type: decimal;}
dl          {margin: 22px 0;}
dl dt       {}
hr          {display: none;}
blockquote  {margin: 22px 0 22px 0; padding: 0 5px 0 30px; background: url(../images/quote.gif) no-repeat 0 5px;}
.amp        {font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; font-size: 1.1em; line-height:10%; font-style: italic;}
.center     {text-align:center;}
.text-right {text-align: right;}
.text-left  {text-align: left;}
.large      {font-size: 16px;}
.small      {font-size: 11px;}
.opener {font-size: 18px;}

/* Link Styles -----------------------------------> */
a:link, a:visited, a:active {color: #1998e8; text-decoration: none;}
a:hover {color: #ff921d; text-decoration: underline;}

a.mm_logo       {display: block; text-indent: -9999px; padding: 0 !important; margin: 0 auto !important; border-bottom: none; width: 25px; height: 25px; text-decoration: none; background: url(../images/mmlogo.png) no-repeat 0 -25px;}
a.mm_logo:hover {background: url(../images/mmlogo.png) no-repeat 0 0px; padding: 0 !important; margin: 0 auto !important; border-bottom: none;}

a.mm_logo_2       {display: block; text-indent: -9999px; padding: 0 !important; margin: 0 auto !important; border-bottom: none; width: 25px; height: 25px; text-decoration: none; background: url(../images/mmlogo2.png) no-repeat 0 -25px;}
a.mm_logo_2:hover {background: url(../images/mmlogo2.png) no-repeat 0 0px; padding: 0 !important; margin: 0 auto !important; border-bottom: none;}

a.stamp          {display: block; width: 15px; height: 15px; margin: 27px 0 0 0; text-indent: -9999px; text-align: left; background: url(../images/stamp.png) no-repeat 0px 0px;}
a.stamp:hover    {background: url(../images/stamp.png) no-repeat 0px -15px;}

a.prev       {display: block; text-indent: -9999px; padding: 0; margin: 0; width: 16px; height: 16px; text-decoration: none; background: url(../images/prev_next.png) no-repeat 0 0;}
a.prev:hover {background: url(../images/prev_next.png) no-repeat 0 -16px; text-decoration: none;}
.prev_blank       {display: block; text-indent: -9999px; padding: 0; margin: 0; width: 16px; height: 16px; text-decoration: none; background: url(../images/prev_next.png) no-repeat 0 -32px;}

a.next       {display: block; text-indent: -9999px; padding: 0; margin: 0; float: right; width: 16px; height: 16px; text-decoration: none; background: url(../images/prev_next.png) no-repeat -24px -48px;}
a.next:hover {background: url(../images/prev_next.png) no-repeat -24px -64px; text-decoration: none;}
.next_blank       {display: block; text-indent: -9999px; padding: 0; margin: 0; float: right; width: 16px; height: 16px; text-decoration: none; background: url(../images/prev_next.png) no-repeat -24px -80px;}

a.home       {display: block; text-indent: -9999px; padding: 0; margin: 0 auto; width: 16px; height: 16px; text-decoration: none; background: url(../images/prev_next.png) no-repeat 0 -96px;}
a.home:hover {background: url(../images/prev_next.png) no-repeat -16px -96px; text-decoration: none;}
.home_blank       {display: block; text-indent: -9999px; padding: 0; margin: 0 auto; width: 16px; height: 16px; text-decoration: none; background: url(../images/prev_next.png) no-repeat 0 -112px;}

#port_nav a.prev            {display: block; float: none !important; color: #fff; text-indent: 0; padding: 3px 0 3px 0 !important; text-align: center; margin: 22px auto 0 auto; width: 60px; height: inherit; text-decoration: none; background: #222; background: rgba(0, 0, 0, 0.95); -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
#port_nav a.prev:hover {background: #000; color: #fff; background: rgba(0, 0, 0, 0.75);}
#port_nav .prev_blank   {display: block; float: none !important; color: #ccc; text-indent: 0; padding: 3px 0 3px 0 !important; text-align: center; margin: 22px auto 0 auto; width: 60px; height: inherit; text-decoration: none; background: #f3f3f3; background: rgba(255, 255, 255, 0.50); -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}

#port_nav a.next            {display: block; float: none !important; color: #fff; text-indent: 0; padding: 3px 0 3px 0 !important; text-align: center; margin: 22px auto 0 auto; width: 60px; height: inherit; text-decoration: none; background: #222; background: rgba(0, 0, 0, 0.95); -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
#port_nav a.next:hover {background: #000; color: #fff; background: rgba(0, 0, 0, 0.75);}
#port_nav .next_blank   {display: block; float: none !important; color: #ccc; text-indent: 0; padding: 3px 0 3px 0 !important; text-align: center; margin: 22px auto 0 auto; width: 60px; height: inherit; text-decoration: none; background: #f3f3f3; background: rgba(255, 255, 255, 0.50); -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}

a.search_icon_close       {display: block; text-indent: -9999px; padding: 0 !important; margin: 0 auto !important; border-bottom: none; width: 25px; height: 25px; text-decoration: none; background: url(../images/search_icon.png) no-repeat 0 -50px;}
a.search_icon_close:hover {background: url(../images/search_icon.png) no-repeat 0 -75px; padding: 0 !important; margin: 0 auto !important; border-bottom: none;}
#sr_btn {font-size: 14px; text-align: center; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}
.sr_btn_close {background: #000; z-index: 5010; color: #fff;}

/*Searchbox---------------*/
.archivebox {width: 960px; margin: 0 auto; padding-top: 22px; padding-bottom: 22px;}
#archivebox {width: 100%; background: #000; position: absolute; top: 45px; /*background: url(../images/ruler-search.png) repeat-x center bottom;*/ z-index: 1010; font-size: 11px; color: #888;}
#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;}

.searchform_ar        {padding-top: 75px; font-size: 11px; text-align: left;}
.searchform_me        {font-size: 11px; text-align: left;}
input.searchform               {float: left; font-size: 16px; height: 16px; font-weight: normal; padding: 5px; margin: 0 0 5px 0; border: none; background: #fff; width: 500px; color: #777; /*-moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;*/}
input.searchform:focus, #searchform input.sffocus {background: #fff; color: #444;}

input.searchme  {font-weight: bold; height:26px;width:100px;/*-moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;*/}
input.searchme  {font-weight: bold; background-color:#333;border:medium none;color:#fff;float:left;font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", helvetica, arial, serif;font-size:16px;margin:0;cursor:pointer;}
input.searchme:hover  {font-weight: bold; background-color:#ff0000;border:medium none;color:#fff;float:left;font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", helvetica, arial, serif;font-size:16px;margin:0;cursor:pointer;}
input.searchme:active  {font-weight: bold; background-color:#ff0000;border:medium none;color:#fff;float:left;font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", helvetica, arial, serif;font-size:16px;margin:0;cursor:pointer;}

.label {font-size: 11px; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2","Helvetica",sans-serif;}

.tag_space {margin: 0; padding: 0 160px 0 0; float: left; width: 640px;}
ul#tags_cloud {margin: 0; padding: 0; list-style: none;}
ul#tags_cloud li a {width: 140px; margin: 0; padding: 0 10px; float: left;}
ul#tags_cloud li a:hover {background: #fff; color: #000 !important; text-decoration: none !important;}
ul#tags_cloud li a span{float: right; color: #888;}

.cat_space {margin: 0; padding: 0 160px 0 0; float: left; width: 640px;}
ul.cats      {margin: 0 0 0 0; padding: 0; list-style-type:none; font-size: 11px;}
ul.cats li a {width: 140px; margin: 0; padding: 0 10px; float: left;}
ul.cats li a:hover {background: #fff; color: #000 !important; text-decoration: none !important;}
ul.cats  li a span{float: right; color: #888;}
/*END Searchbox---------------*/

.download {font-size: 10px; text-transform: uppercase; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}
a.download:link, a.download:visited, a.download:active {display: block; width: 80px; text-align: center; float: right; margin: 22px 0 22px 20px !important; color: #fff; background: #ccc; background: rgba(200, 200, 200, 0.5); padding: 10px; text-decoration: none; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
a.download:hover {color: #fff; background: #aaa; background: rgba(200, 200, 200, 0.9); text-decoration: none; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}

/* Social Icon Styles -----------------------------------> */
a.rss_icon             {display: block; text-indent: -9999px; padding: 0; margin: 0; width: 25px; height: 25px; text-decoration: none; background: url(../images/social_logos_light.png) no-repeat 0 0;}
a.rss_icon:hover {background: url(../images/social_logos_light.png) no-repeat 0 -25px; text-decoration: none;}

a.twitter_icon             {display: block; text-indent: -9999px; padding: 0; margin: 0; width: 25px; height: 25px; text-decoration: none; background: url(../images/social_logos_light.png) no-repeat -25px 0;}
a.twitter_icon:hover {background: url(../images/social_logos_light.png) no-repeat -25px -25px; text-decoration: none;}

a.facebook_icon             {display: block; text-indent: -9999px; padding: 0; margin: 0; width: 25px; height: 25px; text-decoration: none; background: url(../images/social_logos_light.png) no-repeat -50px 0;}
a.facebook_icon:hover {background: url(../images/social_logos_light.png) no-repeat -50px -25px; text-decoration: none;}

ul#footer_social      {margin: 22px 0; padding: 0; list-style-type:none; font-size: 12px;}
ul#footer_social li   {margin: 0 0 0 10px; padding: 0; float: right;}

/* Content Surround Styles -----------------------------------> */
#content              {background: #f3f3f3 url(../images/bg_pattern.jpg) center top;}

#main_surround  {width: 960px; background: transparent url(../images/grid.png) repeat-y left top; margin: 0 auto;/**/}
#main_surround h2 a:link, #main_surround h2 a:visited, #main_surround h2 a:active {color: #1998e8; text-decoration: none;}
#main_surround h2 a:hover {color: #ff921d; text-decoration: none !important;}

#content_surround  {background: transparent url(../images/ruler.png) repeat-x center top;}
.bg_surround  {background: transparent url(../images/ruler-bottom.png) repeat-x center bottom;}

/* Header Styles -----------------------------------> */
#header                {background: #fff; /*border-top: 3px solid #000; border-bottom: 1px solid #ededed;*/}
.padit-main        {height: 45px;}
.padit-inner      {padding-top: 12px !important; padding-bottom: 8px !important; height: 25px;}
.padit                  {padding-top: 10px !important; padding-bottom: 10px !important; height: 25px;}
.top-description {font-size: 14px; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; /*font-style: italic;*/}

.top-description a.current {position: relative; display: inline-block;}
.top-description a.current span {display: block; text-indent: -9999px; width: 21px; height: 13px; position: absolute; top: 33px; left: 50%; margin-left: -10px; background: url(../images/indicator.png) center center no-repeat;}

/*Archives ================================ */
ul#compact_archives {margin: 0 !important; padding: 0; list-style: none; border-bottom: 1px dotted #ddd;}
ul#compact_archives li {list-style: none;}
ul#compact_archives li.year    {margin: 0; padding: 10px 10px 0 0; float: left; width: 130px; border-top: 1px dotted #ddd; font-size: 20px; font-weight: bold; text-align: right; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}
ul#compact_archives li.months{margin: 0; padding: 10px 0 0 0; float: left; border-top: 1px dotted #ddd; border-left: 1px solid #ddd; width: 799px; list-style: none;}
ul#compact_archives li.months ul {margin: 0; padding: 0;}
ul#compact_archives li.months li {margin: 0 0 40px 0;}
ul#compact_archives li.months li.postmonth {background: url(../images/archive-line.gif) no-repeat 0 10px; padding: 0 0 0 19px;}
ul#compact_archives li.months li.postmonth ul li {font-size: 12px; margin: 0 !important; padding: 3px 0 3px 27px;}
ul#compact_archives li.months li.postmonth ul li  span{font-weight: bold; text-align: center; padding: 1px; border: 1px solid #ededed; color: #999; display: block; float: left; width: 30px; margin-right: 10px; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}
ul#compact_archives li.months li.emptymonth {color: #ccc;}

#page_header {margin-top: 22px;}

/*Resume ================================ */
#resume     {margin-top: 22px;}
#resume h1 {font-size: 36px;}
#resume h2 {font-size: 18px;}
#resume h3 {font-size: 16px;}
#resume h4 {font-size: 14px;}

/*Portfolio ================================ */
#portfolio     {margin-top: 22px;}
#portfolio h1 {font-size: 36px;}
#portfolio h2 {font-size: 20px; margin: 22px 0 0 0;}
/*#portfolio p  {margin: 22px 0 0 0; font-style: italic;}*/
#portfolio p.des  {margin:0 0 22px 0; font-style: italic;}
#portfolio h3 {font-size: 16px;}
#portfolio h4 {font-size: 14px;}
#portfolio   img  {margin: 22px 0;}

#portfolio h2 a {color: #000 !important;}
#portfolio h2 a:hover {color: #1998e8 !important;}
.port_meta {font-size: 12px !important;}
.port_meta h3 {font-size: 12px !important; margin: 22px 0 0 0 !important;}
ul.port_role {margin: 0; font-size: 11px; list-style: none;}

.gallery {display: block; margin: 22px 0;}

.gallery_item h2  {font-size: 14px; margin: 5px 0 0 0;}
.gallery_item em {display: block; font-size: 11px; font-style: italic; color: #999;}
.gallery_item p    {margin: 0; font-size: 12px; }

.extra {background: #fff; background: rgba(255, 255, 255, 0.5); margin-top: 22px !important; margin-bottom: 22px !important; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}

/*List ================================ */
#list     {margin-top: 22px; margin-bottom: 22px;}
#list h1 {font-size: 36px;}
#list h2 {font-size: 16px; margin: 22px 0 0 0 !important;}
#list h3 {font-size: 16px;}
#list h4 {font-size: 14px;}

#list img  {margin: 22px 0;}

ul#giant_list    {margin: 0; padding: 0;}
ul#giant_list li.widget_links {margin: 0; padding: 0; list-style: none; padding-bottom: 11px; margin-bottom: 10px; border-bottom: 1px dotted #ddd;}
ul#giant_list li.widget_links:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
ul#giant_list li.widget_links{display: inline-block;}
* html ul#giant_list li.widget_links{height: 1%;}
ul#giant_list li.widget_links{display: block;}
ul#giant_list li ul {margin: 0; padding: 0;}
ul#giant_list li ul li {list-style: disc; width:220px; margin: 0 20px 0 0; float: left; padding:0; clear:none;}

/*Entry==========================*/
.entry {padding-top: 22px !important; margin-bottom: 22px !important;}
.entry h2 {font-size: 21px !important; line-height: 21px; text-shadow: #fff 1px 1px 1px !important;}
.entry h2 a {color: #000 !important;}
.entry h2 a:hover {color: #1998e8 !important;}
.meta {/*font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;*/ font-size: 14px; color: #777;}

.tags {font-size: 11px; font-style: italic;}

.image {font-size: 12px; color: #777; margin-top: 20px; margin-bottom: 20px; text-align: right; /*font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;*/}
.pull-text {font-size: 12px; color: #999 !important; margin-top: 20px; margin-bottom: 20px; /*font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;*/}
.pull-left {margin-right: 20px !important;}
.pull-right {}
.img-right {margin: 20px 0 20px 20px !important; float: right;}
.img-left {margin: 20px 20px 20px 0 !important; float: left;}

/*QUOTE========================*/
.quote {background: #fff; background: rgba(255, 255, 255, 0.40); font-size: 18px; font-style: italic; margin-top: 22px !important; margin-bottom: 22px !important; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}
.author {font-size: 13px; color: #777;}
a.quote_link:link, a.quote_link:visited, a.quote_link:active       {display: block; text-indent: -9999px !important; padding: 0; margin: 2px 0 0 0; width: 16px; height: 16px; text-decoration: none !important; border-bottom: none !important; background: url(../images/layout/quote-link.gif) no-repeat 0 0;}
a.quote_link:hover {background: url(../images/layout/quote-link.gif) no-repeat 0 -16px; text-decoration: none !important; border-bottom: none !important; }
.quote_style {font-family: Helvetica, Arial, sans-serif; font-size: 75px; padding-top: 35px !important; color: #ddd; text-align: right;}
.quote_style a:link, .quote_style a:visited, .quote_style a:active {color: #ddd !important; text-decoration: none !important; border-bottom: none !important; border-bottom: none !important;}
.quote_style a:hover {color: #444 !important; text-decoration: none !important; border-bottom: none !important; border-bottom: none !important;}
.date {font-size: 13px; color: #777; position: relative; float: right; margin-left: 10px; text-align: right;}

/*LINK========================*/
.link {/*background: #fff; background: rgba(255, 255, 255, 0.5); border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;*/ margin-top: 22px !important; margin-bottom: 22px !important;}
.link h2 {font-size: 16px !important;}
.link h2 a {color: #000 !important;}
.link h2 a:hover {color: #1998e8 !important;}
.link_style {font-family: Helvetica, Arial, sans-serif; font-size: 20px; padding-top: 18px !important; color: #bbb; text-align: right;}
.link_style a:link, .link_style a:visited, .link_style a:active {color: #bbb !important; text-decoration: none !important; border-bottom: none !important; border-bottom: none !important;}
.link_style a:hover {color: #444 !important; text-decoration: none !important; border-bottom: none !important; border-bottom: none !important;}

/*Page Navigation - between pages ------------------------>*/
#page_nav {width: 100%; background: #fff; padding: 5px 0; min-height: 16px; font-size: 12px !important; line-height: 16px !important;}

/*Footer======================================*/
#footer { width: 100%; /*background: url(../images/footer_bg.gif) repeat-x center top;*/ margin: 0 auto; font-size: 11px; color: #888;}
#footer a:link, #footer a:visited, #footer a:active {color: #fff; text-decoration: none;}
#footer a:hover {color: #888; text-decoration: underline;}

ul#quicknotes      {margin: 0 0 0 0; padding: 0; list-style-type:none; font-size: 12px;}
ul#quicknotes li  {}
ul#quicknotes p  {display: inline; margin: 0;}

.foot_section {padding-bottom: 0;}
.legal p {margin: 22px 0;}
ul#footer_nav      {margin: 22px 0; padding: 0; list-style-type:none;}
ul#footer_nav li   {margin: 0; padding: 0 0 0 20px; display: inline;}

ul#elsewhere     {margin: 0 0 0 0; padding: 0; list-style-type:none; font-size: 12px;}
ul#elsewhere li  {display: inline;}

.meta_footer {width: 960px; margin: 0 auto;}
.meta_footer h2 {font-size: 18px !important; margin: 22px 0 10px 0; color: #fff;}
.meta_footer h3 {font-size: 12px !important; margin: 22px 0 10px 0; color: #fff;}

#footer .sep-up     {padding-top: 11px; margin-top: 10px; border-top: 1px dotted #222;}
#footer .sep-down {padding-bottom: 11px; margin-bottom: 10px; border-bottom: 1px dotted #222;}

#rehabstats {color: #777; background: #fff; background: rgba(255, 255, 255, 0.5); font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 11px; text-align: center; margin-top: 22px;}
#rehabstats  h2.set {font-size: 12px; color: #000; display: block; margin: 0;}
#rehabstats  strong {font-size: 26px; color: #999; display: block; margin-top: 10px; margin-bottom: 10px;}
#rehabstats  strong.final {font-size: 48px; color: #999; display: block; margin-top: 22px;}
#rehabstats  strong span {font-size: 9px; font-weight: normal; text-transform: uppercase; color: #999; display: block;}
#rehabstats  strong.final span {margin-top: 5px;}

/*Twitter Styles---------------------------------------------------------------------------->*/
.twitter {font-size: 10px; text-transform: uppercase; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; font-weight: normal;}
a.twitter:link, a.twitter:visited, a.twitter:active {color: #000 !important; background: #333; background: rgba(51, 51, 51, 0.5); padding: 10px; text-decoration: none; border-bottom: none !important;  -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
a.twitter:hover {color: #000 !important; background: #444; background: rgba(51, 51, 51, 0.9); padding: 10px; text-decoration: none !important; border-bottom: none !important; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}

a.twitter_two {color: #333 !important; font-size: 10px; /*font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;*/ font-weight: normal; text-align: left; padding: 5px 20px 5px 85px;}
a.twitter_two:hover {color: #fff !important;}
#twitter_div {position: relative; padding-top: 20px; /*margin-bottom: 10px; margin-top: 20px; padding-top: 0; padding-bottom: 10px; background: url(../images/layout/twitter.png) no-repeat center left;*/}
#twitter_div ul#twitter_update_list {margin: 0; padding: 0;}
#twitter_div ul#twitter_update_list li {list-style: none; font-size: 11px;}

#twitter_div ul#twitter_update_list li {position:relative; padding:15px; margin: 0; border:2px solid #212121; background:#000; color: #555; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

/* creates the larger triangle */
#twitter_div ul#twitter_update_list li:before {content:"\00a0"; display:block; position:absolute; bottom:-40px; left:40px; width:0; height:0; border:20px solid transparent; border-top-color:#212121;}

/* creates the smaller  triangle */
#twitter_div ul#twitter_update_list li:after {content:"\00a0"; display:block; position:absolute; bottom:-26px; left:47px; width:0; height:0; border:13px solid transparent; border-top-color:#000;}

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: 160px; padding-right: 240px;}
ol.commentlist li ul   {margin: 0 0 0 160px; padding: 0; background: #fff; background: rgba(255,255,255,0.25);}
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: 160px; padding-right: 80px !important;}

ul.aktt_tweet_digest {margin: 0; padding: 0;}
ul.aktt_tweet_digest li {list-style: none; margin: 10px 0; padding: 8px; background: #f3f3f3; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }

ul#sidebar {margin: 0 10px; float: left; padding:0;}
ul#sidebar li {list-style: none;}
ul#sidebar h2 {font-size: 18px !important; margin: 22px 0 10px 0 !important;}

ul.otherside {margin: 0; padding: 0;}
ul.otherside li {list-style: none; margin: 0 10px; float: left; padding:0;}

ul.otherside ul {margin: 0; padding: 0;}
ul.otherside ul li {list-style: none; float: none; margin: 0;}

/*Contact Content Styles---------------------------------------------------------------------------->*/
.nodisplay {display: none;}

#contact_us h2 {font-size: 22px;}

/*
input.searchme             {cursor:pointer; display: block; text-indent: -9999px; padding: 0; margin: 0; border: 0; width: 63px; height: 24px; border-bottom: none; text-decoration: none; background: url(../images/search.png) no-repeat 0 0;}
input.searchme:focus {background: url(../images/search.png) no-repeat 0 0; border-bottom: none;}*/

input.submitme             {cursor:pointer; display: block; text-indent: -9999px; padding: 0; margin: 0; border: 0; width: 63px; height: 24px; border-bottom: none; text-decoration: none; background: url(../images/submit.gif) no-repeat 0 0;}
input.submitme:focus {background: url(../images/submit.gif) no-repeat 0 0; border-bottom: none;}

#contact_us {width: 380px; margin: 0 auto;  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}

#contact_us dl          {margin: 0;}
#contact_us dl dt       {}

#contactform label       {font-size: 12px; color: #777;  float: left; width: 190px;}

.formfield               {font-size: 13px; font-weight: normal; padding:3px 2px 3px 2px; margin: 0 0 5px 0; border: 1px solid #d1d1d1; background: #fff url(../images/form_bg.gif) repeat-x bottom left; width: 374px; color: #777; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
#contactform input.formfield:focus, #contactform input.sffocus, #contactform textarea.formfield:focus, #contactform textarea.sffocus {border: 1px solid #aaa; background: #fff url(../images/form_bg.gif) repeat-x bottom left;}

.textarea               {font-size: 13px; font-weight: normal; padding:3px 2px 3px 2px; margin: 0 0 5px 0; border: 1px solid #d1d1d1; background: #fff url(../images/form_bg.gif) repeat-x bottom left; width: 374px; color: #777; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
#contactform textarea.textarea:focus, #contactform textarea.sffocus {border: 1px solid #aaa; background: #fff url(../images/form_bg.gif) repeat-x bottom left;}

input.error              {font-size: 13px; font-weight: normal; padding:3px 2px 3px 2px; margin: 0 0 5px 0; border: 1px solid #ff0000; background: #ffcb4b url(../images/error_bg.gif) repeat-x bottom left; width: 374px; color: #777; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
textarea.error         {font-size: 13px; font-weight: normal; padding:3px 2px 3px 2px; margin: 0 0 5px 0; border: 1px solid #ff0000; background: #ffcb4b url(../images/error_bg.gif) repeat-x bottom left; width: 374px; color: #777; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
textarea.error         {font-size: 13px; font-weight: normal; padding:3px 2px 3px 2px; margin: 0 0 5px 0; border: 1px solid #ff0000; background: #ffcb4b url(../images/error_bg.gif) repeat-x bottom left; width: 374px; color: #777; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
label.error              {margin: 0; color: #ff0000 !important; float: left;  width: 190px; text-align: right; font-style: normal;}

.errorm          {border: 1px solid #b18d34; font-size: 13px; margin: 10px 0; padding: 5px 5px 5px 24px; background: #ffcb4b url(../images/exclamation.png) no-repeat left center; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
.errorm p        {margin: 0;}
.errorm span     {}

.success          {border: 1px solid #d1d1d1; font-size: 13px; margin: 10px 0; padding: 5px 0 5px 20px; background: url(../images/accept.gif) no-repeat left center; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
.success p        {margin: 0;}
.success span     {}

.loading {text-align: center;}

.leftimg {float: left; margin: 0 20px 22px 0;}

#AjaxifyLoading {margin: 50px auto; text-align: center; font-size: 11px;}

/*#loading {width: 100%; min-height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display:none;}
#loadingForm {width: 220px; height: 19px; position: absolute; text-align:center;}*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background: #000 /*url(../images/overlay.gif) 0 0 repeat*/; z-index: 1002;}
#colorbox{}
 
#cboxContent{background:#fff; padding: 0; -moz-border-radius:  6px; -webkit-border-radius: 6px; border-radius: 6x;}
#cboxLoadedContent{/*margin-bottom:28px;*/}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:3px; right:3px; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/*Comments================================================================*/
#comments-sec  {padding-bottom: 20px;}
#comments-sec label       {font-size: 11px; color: #777; display: block; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}
.comfield               {font-size: 11px; font-weight: normal; padding:2px; margin: 0 0 5px 0; border: 1px solid #eee; background: #fff; width: 454px; color: #777;}
#comments-sec input.comfield:focus, #comments-sec input.sffocus, #comments-sec textarea.comfield:focus, #comments-sec textarea.sffocus {border: 1px solid #d1d1d1;}

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

#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;}

/*CODE ------------------------------------------------------------------------ */
div.code {overflow: auto; padding: 11px; background: #fff; font-size: 14px; margin-top: 22px !important; margin-bottom: 22px !important; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}
div.code span {}
code  {font-family: "Courier New", Courier, mono; margin:0; line-height: 22px;}
pre {margin:0;}

/*CODE Highlighting................
Pretty printing styles. Used with prettify.js.*/ 

.str { color:#181; font-style:italic }
.kwd { color:#369 }
.com { color:#666 }
.typ { color:#c40 }
.lit { color:#900 }
.pun { color:#000; font-weight:bold  }
.pln { color:#333 }
.tag { color:#369; font-weight:bold  }
.atn { color:#939; font-weight:bold  }
.atv { color:#181 }
.dec { color:#606 }
pre.prettyprint { }

@media print {
.str { color:#181; font-style:italic }
.kwd { color:#369 }
.com { color:#666 }
.typ { color:#c40 }
.lit { color:#900 }
.pun { color:#000; font-weight:bold  }
.pln { color:#333 }
.tag { color:#369; font-weight:bold  }
.atn { color:#939; font-weight:bold  }
.atv { color:#181 }
.dec { color:#606 }
}

/*Column Structure -------------------------------------------------------------->*/

.surround  {margin: 0 auto; width: 960px;}
.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-left   { margin-left:0; padding-left: 9px; border-left: 1px solid #ededed; }
.border-right { margin-right:0; padding-right: 9px; border-right: 1px solid #ededed; }

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

.sep-up     {padding-top: 11px; margin-top: 10px; border-top: 1px dotted #ddd; /*background: url(../images/sep.gif) repeat-x top center !important;*/}
.sep-down {padding-bottom: 11px; margin-bottom: 10px; border-bottom: 1px dotted #ddd;  /*background: url(../images/sep.gif) repeat-x bottom center !important;*/}

.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 */
/* http://www.positioniseverything.net/easyclearing.html */

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;}
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

/* Easy Slider */

	.viewer{ 
		width: 780px;
        height: 635px;
        padding: 0 0 22px 0;
    }	
		
	/* numeric controls */	
	ol.controls{
		margin: 25px 0 0 0 !important;
        padding: 0 !important;
        list-style: none !important;        
		}
	ol.controls li{
		margin: 0 5px 0 0 !important;
        padding: 0 !important;
        list-style: none !important;
        width: 10px;
        float: left;    
		}
	ol.controls li a{
	   	display: block; text-indent: -9999px; padding: 0 !important; margin: 0 auto !important; border-bottom: none; width: 15px; height: 15px; text-decoration: none; background: url(../images/slider_next.png) no-repeat 0 0;
    }
    ol.controls li a:hover{
	   	background: url(../images/slider_next.png) no-repeat 0 -15px; padding: 0 !important; margin: 0 auto !important; border-bottom: none;
    }
	ol.controls li.current a{
        display: block; text-indent: -9999px; padding: 0 !important; margin: 0 auto !important; border-bottom: none; width: 15px; height: 15px; text-decoration: none; background: url(../images/slider_next.png) no-repeat 0 -15px;
    }
	ol.controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* =Tooltip Styles
--------------------------------------------------------------------------------*/
.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }