@charset "utf-8";
/*
Theme Name: Revolution
Theme URI: http://www.alexpascal.com/revolution/
Description: all-purpose community blog theme
Author: Alex Pascal
Author URI: http://www.alexpascal.com
Template:
Version: 1.0
*/
/* Reset Styles */
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, 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-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    vertical-align: baseline
    }
:focus {
    outline: 0
    }
body {
    line-height: 1;
    color: black;
    background: white
    }
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
caption, th, td {
    text-align: left;
    font-weight: normal
    }
h1, h2, h3, h4, h5, h6, p, small {
    margin: 0;
    padding: 0
    }
/* Body Styles ------------------------------------------------------------------------------------------------- */
body, #page {
    background: #d0d0d0;
    font-family: Arial;
    font-size: 12px;
    color: #333;
    line-height: 20px
    }
p {
    padding-bottom: 10px
    }
/*blockquote {
display: block;
padding:10px;
width: 200px;
float:right;
margin-left:auto;
margin-right:auto;
font-family: Palatino;
font-size: 24px;
color: #aa0000;
text-align:center !important;
}

blockquote p {
color:#cc0000;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
width:190px;
text-align:center !important;
}*/
blockquote {
    display: block;
    margin-left: 20px;
    border-left: solid 5px #ddd;
    padding-left: 10px;
    font-family: Georgia;
    font-size: 12px;
    font-style: italic;
    color: #777;
    margin-bottom: 10px
    }
p.wp-caption-text {
    font-size: 11px;
    color: #777;
    text-align: center !important;
    padding-bottom: 10px
    }
a {
    color: #337295;
    text-decoration: none
    }
strong {
    font-weight: bold
    }
em {
    font-style: italic;
    border-bottom: dotted 1px #ccc
    }
a.default, .default a, .page-navigation a, .page-navigation span.current, .reply, span.submit {
    border: solid 1px #dadada;
    height: 30px;
    display: block;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
    margin-right: 5px;
    cursor: pointer
    }
a.default span, .default a span, .page-navigation a span, .page-navigation span.current span, .reply a, span.submit #submit {
    background: url(images/button_grad.gif) 0 top repeat-x;
    border: solid 1px #f4f4f4;
    border-top: solid 1px #fff;
    height: 28px;
    line-height: 27px;
    color: #555;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    text-shadow: #f8f8f8 1px 1px 0;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin: 0 !important
    }
a.default:hover, .default a:hover, .page-navigation a:hover, .page-navigation span.current, .reply:hover, span.submit:hover {
    border: solid 1px #444
    }
a.default:hover span, .default a:hover span, .page-navigation a:hover span, .page-navigation span.current span, .reply:hover a, span.submit:hover #submit {
    background: url(images/button_grad.gif) 0 bottom repeat-x !important;
    color: #fff;
    text-shadow: #333 1px 1px 0;
    border: solid 1px #666;
    border-top: solid 1px #6f6f6f;
    border-bottom: solid 1px #5a5a5a;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    cursor: pointer;
    margin: 0 !important
    }
h1, h2, h3, h4, h5, h6 {
    font-weight: normal
    }
h1 {
    font-family: trebuchet, arial;
    font-size: 36px;
    color: #4087c0;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: right
    }
h1 a {
    font-size: 30px;
    color: #fff;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin-bottom: 20px;
    padding-top: 10px;
    text-align: center !important;
    text-decoration: none !important
    }
h1 a:hover {
    border-bottom: dashed 1px #fff
    }
#body h2, #body h2 a, #footer h2, #footer h3 {
    font-family: Georgia;
    font-style: italic;
    font-size: 24px;
    color: #555;
    text-shadow: #ddd 1px 1px 2px;
    letter-spacing: -0.8px;
    line-height: 1em;
    margin-bottom: 10px
    }
h2.alt {
    color: #777 !important;
    font-size: 20px !important
    }
.heading, .heading-full {
    background-color: #000;
    color: #FFF;
    font-family: Georgia;
    font-size: 30px;
    letter-spacing: 5px;
    line-height: 1.2em;
    margin-bottom: 7px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center !important;
    text-decoration: none !important
    }
.post h1 a, .page h1 {
    font-size: 30px;
    color: #555;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin-bottom: 20px;
    padding-top: 10px;
    text-align: center !important;
    text-decoration: none !important
    }
.post h1 a:hover, .page h1 a:hover {
    border-bottom: dashed 1px #555
    }
.post h2, .page h2 {
    margin-top: 10px
    }
#body h2 span {
    color: #444
    }
#footer h2, #footer h3 {
    color: #eee;
    text-shadow: #111 1px 1px 2px;
    text-transform: none;
    font-weight: normal;
    font-size: 20px
    }
h2.widgettitle, h2.widgettitle a {
    background-attachment: initial;
    background-clip: initial;
    background-color: #ECEFF5;
    background-image: initial;
    background-origin: initial;
    background-position: initial initial;
    background-repeat: initial initial;
    border: solid 1px #93A3C4;
    clear: both;
    color: #3B5998;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 0;
    padding-left: 20px;
    padding-top: 5px;
    position: relative;
    text-transform: uppercase;
    width: 258px;
    margin-top: 10px
    }
h3, h3 a {
    font-size: 20px;
    color: #444;
    letter-spacing: -0.3px;
    margin: 10px 0 10px 0
    }
h4 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase
    }
h4 a {
    border-bottom: 1px dotted #fff
    }
h4 a:hover {
    border-bottom: 1px solid #fff
    }
h5, h5 a {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 10px 0;
    color: #444
    }
h6, h6 a {
    font-family: Georgia;
    font-style: italic;
    color: #333;
    margin: 10px 0 10px 0;
    font-size: 14px
    }
.post ol, .page ol {
    list-style-type: decimal;
    line-height: 26px;
    margin: 0 0 20px 30px
    }
.post ul, .page ul {
    list-style-type: disc;
    line-height: 26px;
    margin: 0 0 20px 30px
    }
.post p, #_mcePaste {
    font-size: 13px;
    font-family: Verdana;
    line-height: 24px
    }
.intro {
    width: 100%
    }
.intro p {
    font-family: monospace;
    font-size: 15px;
    color: #666;
    text-align: justify
    }
/*.page{
font-family:Georgia;
color: #2d2d2d;
font-size:14px;
line-height:25px;
padding-bottom:10px;
}*/
.post ul ul, .post ul ol, .post ol ol, .post ol ul {
    margin-top: 10px;
    margin-bottom: 10px
    }
.page ul ul, .page ul ol, .page ol ol, .page ol ul {
    margin-top: 10px;
    margin-bottom: 10px
    }
.center {
    width: 960px;
    margin: 0 auto 0 auto;
    overflow: hidden
    }
#header {
    background: #2d2d2d url(images/header_bg.gif) repeat-x;
    min-height: 175px
    }
#header .center {
    overflow: visible !important;
    background: url(images/header_highlight.gif) no-repeat
    }
#container {
    background: #d0d0d0 url(images/bg.gif) repeat-x;
    min-height: 100px
    }
#logo {
    height: 114px;
    width: 400px
    }
#logo a {
    display: block;
    padding-top: 35px
    }
#search {
    float: right;
    width: auto;
    margin-top: 42px;
    height: 31px;
    overflow: hidden
    }
#s {
    background: url(images/search.png) top left no-repeat;
    border: 0;
    height: 31px;
    font-family: Georgia;
    font-size: 12px;
    color: #999;
    padding: 0 0 0 8px;
    font-style: italic;
    width: 146px;
    float: left;
    line-height: 31px
    }
#search_submit {
    background: url(images/search_btn.png) top left no-repeat;
    border: 0;
    height: 31px;
    width: 36px;
    text-indent: -9999px;
    line-height: 1px;
    padding: 0;
    margin: 0;
    float: left;
    cursor: pointer;
    font-size: 0
    }
#nav {
    display: none;
    height: 61px;
    background: url(images/nav.png) top left no-repeat
    }
#nav ul.nav {
    height: 61px;
    display: block;
    float: left
    }
#nav ul.nav li {
    float: left;
    position: relative
    }
#nav ul.nav li a {
    color: #fff;
    font-weight: bold;
    display: block;
    float: left;
    padding: 12px 10px 0 10px;
    height: 48px;
    margin-top: 1px
    }
#nav ul.nav li a span {
    font-weight: normal;
    font-size: 11px;
    color: #777;
    display: block;
    line-height: 15px;
    margin-top: -3px
    }
#nav ul.nav li:hover a, #nav ul.nav li.current-menu-item a {
    color: #333;
    background: #eee;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px
    }
#nav ul.nav li.current-menu-item a {
    margin-left: 5px;
    margin-right: 5px
    }
#nav ul.nav li.home a {
    text-indent: -9999px;
    background: #444 url(images/home.png) no-repeat center 22px;
    margin: 1px 5px 0 0;
    width: 30px;
    display: block;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px
    }
#nav ul.nav li.home a:hover {
    background-color: #eee
    }
#nav ul.nav li.home a span {
    display: none
    }
#nav ul.nav li ul {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 61px;
    width: 150px;
    height: auto;
    border: 0;
    z-index: 1000;
    background: #eee;
    display: none;
    border-bottom: solid 1px #eee
    }
#nav ul.nav li ul span {
    display: none
    }
#nav ul.nav li ul li {
    width: 150px;
    height: 35px
    }
#nav ul.nav li ul li a {
    display: block;
    height: 35px;
    line-height: 33px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: #eee;
    color: #333;
    width: 130px;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    border-radius: 0 !important
    }
#nav ul.nav li ul li a:hover {
    background: #fff;
    width: 129px;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    padding-left: 9px
    }
#nav ul.nav li ul li ul {
    left: 150px;
    top: 0;
    display: none
    }
#nav ul.nav li:hover ul li ul, #nav ul.nav li:hover ul li ul li ul, #nav ul.nav li:hover ul li ul li ul li ul {
    display: none
    }
#nav ul.nav li:hover ul, #nav ul.nav li ul li:hover ul, #nav ul.nav li ul li ul li:hover ul, #nav ul.nav li ul li ul li ul li:hover ul {
    display: block
    }
#nav-social {
    float: right;
    margin-top: 16px
    }
#nav-social ul li {
    float: right
    }
#nav-social ul li a {
    text-indent: -9999px;
    margin-left: 5px;
    display: block;
    width: 32px;
    height: 30px;
    position: relative
    }
#nav-social ul li a span {
    position: absolute;
    top: -40px;
    left: 0;
    height: 14px;
    background: #222;
    color: #777;
    font-size: 11px;
    padding: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    text-indent: 0;
    line-height: 14px;
    opacity: 0
    }
#nav-social ul li a.facebook {
    background: url(images/icons/facebook.png) no-repeat bottom left
    }
#nav-social ul li a.dribbble {
    background: url(images/icons/dribbble.png) no-repeat bottom left
    }
#nav-social ul li a.twitter {
    background: url(images/icons/twitter.png) no-repeat bottom left
    }
#nav-social ul li a.deviantart {
    background: url(images/icons/deviantart.png) no-repeat bottom left
    }
#nav-social ul li a.flickr {
    background: url(images/icons/flickr.png) no-repeat bottom left
    }
#nav-social ul li a.tumblr {
    background: url(images/icons/tumblr.png) no-repeat bottom left
    }
#nav-social ul li a.myspace {
    background: url(images/icons/myspace.png) no-repeat bottom left
    }
#nav-social ul li a.rss {
    background: url(images/icons/rss.png) no-repeat bottom left
    }
#nav-social ul li a:hover {
    background-position: left top
    }
#container .center {
    background: url(images/body.gif) repeat-y
    }
#container .center.full {
    background: #fff
    }
#body {
    width: 640px;
    padding-top: 25px;
    padding-bottom: 25px;
    overflow: hidden;
    float: left;
    /*-moz-box-shadow: 8px 0px 19px #AAAAAA;
       -webkit-box-shadow: 8px 0px 19px #AAAAAA;
       box-shadow: 8px 0px 19px #AAAAAA;
       /* For IE 8 */
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; */
    /* For IE 5.5 - 7 */
    /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); */
    }
.full #body {
    padding-bottom: 25px;
    padding-left: 0;
    padding-right: 25px;
    padding-top: 25px;
    width: 930px
    }
#footer {
    background: #2d2d2d;
    width: 960px;
    margin: 0 auto 30px auto
    }
#copyright {
    background: #1d1d1d;
    padding: 20px 30px 20px 30px;
    overflow: hidden;
    color: #777
    }
#copyright span.left {
    float: left
    }
#copyright span.right {
    float: right
    }
#sidebar {
    width: 300px;
    float: right;
    min-height: 500px;
    margin: 30px 0 20px 0;
    color: #777
    }
#sidebar ul li {
    width: 280px
    }
#sidebar ul li ul li {
    padding: 0;
    margin: 0;
    border: 0;
    width: auto
    }
#sidebar p {
    padding: 0
    }
#featured-wrapper {
    width: 960px;
    padding: 25px 0 10px 0;
    /*margin-bottom: 2px;*/
    position: relative;
    background: #d0d0d0;
    overflow: hidden
    }
#helpFeed {
    display: none
    }
#helpFeed p {
    color: #000
    }
.nivo-controlNav {
    width: 370px;
    margin-top: 6px;
    position: absolute;
    right: -1px;
    z-index: 99;
    overflow: hidden
    }
.nivo-controlNav ul li {
    height: 42px;
    overflow: hidden
    }
.nivo-controlNav ul li.first {
    height: 132px
    }
.nivo-controlNav ul li.first a.nivo-control {
    border-top: solid 1px #e6e6e6
    }
.nivo-controlNav ul li span.excerpt {
    margin-left: 20px;
    background: #444;
    border: solid 1px #373737;
    color: #999;
    display: block;
    width: 278px;
    padding: 15px 20px 16px 20px
    }
.nivo-controlNav ul li span.excerpt a {
    color: #fff;
    font-weight: bold
    }
.nivo-controlNav a.nivo-control {
    height: 41px;
    background: url(images/slider_tab.gif) repeat-x;
    display: block;
    width: 299px;
    margin: 0 0 1px 20px;
    border-right: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
    cursor: pointer;
    line-height: 40px;
    padding-left: 20px;
    color: #777;
    text-shadow: #f4f4f4 1px 1px 0;
    font-weight: bold
    }
.nivo-controlNav a.nivo-control:hover {
    color: #555
    }
.nivo-controlNav a.nivo-control.active {
    background: url(images/slider_tab_active.gif) repeat-x;
    border-right: solid 1px #555;
    border-top: 0 !important;
    color: #fff;
    text-shadow: #444 -1px -1px 0;
    margin-bottom: -1px
    }
.nivo-controlNav a.nivo-control.active span {
    display: block;
    height: 41px;
    background: url(images/slider_active_arrow.gif) no-repeat;
    margin-left: -40px;
    padding-left: 40px
    }
#featured {
    width: 900px;
    padding: 5px;
    position: relative;
    margin-left: 25px;
    float: left;
    overflow: hidden;
    background: #fff;
    border: solid 1px #ddd
    }
#featured ul {
    height: 300px;
    overflow: hidden
    }
#featured h1.hidden, #featured p {
    display: none
    }
.nivoSlider {
    position: relative
    }
.nivoSlider img {
    position: absolute;
    top: 0;
    left: 0
    }
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 98;
    display: block
    }
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 97;
    height: 100%
    }
.nivo-caption {
    /* Overridden by captionOpacity setting */
    }
.nivo-caption p {
    padding: 10px;
    margin: 0;
    font-size: 16px
    }
.nivo-caption a {
    display: inline !important;
    font-size: 18px;
    color: #fff
    }
.nivo-html-caption {
    display: none
    }
.nivo-directionNav a {
    position: absolute;
    top: 45%;
    z-index: 99;
    cursor: pointer
    }
.nivo-prevNav {
    left: 0
    }
.nivo-nextNav {
    right: 0
    }
.nivo-controlNav a.active {
    font-weight: bold
    }
#featured span {
    z-index: 98
    }
#featured span.top {
    height: 3px;
    left: 5px;
    right: 325px;
    top: 5px;
    background: url(images/10percent.png) repeat;
    position: absolute
    }
#featured span.left {
    width: 3px;
    left: 5px;
    top: 8px;
    bottom: 8px;
    background: url(images/10percent.png) repeat;
    position: absolute
    }
#featured span.right {
    width: 3px;
    right: 325px;
    top: 8px;
    bottom: 8px;
    background: url(images/10percent.png) repeat;
    position: absolute
    }
#featured span.bottom {
    height: 3px;
    left: 5px;
    right: 325px;
    bottom: 5px;
    background: url(images/10percent.png) repeat;
    position: absolute
    }
.post-wrapper, .page-wrapper {
    margin-right: 30px;
    overflow: hidden
    }
.post, .page {
    overflow: hidden;
    border-bottom: solid 2px #eee;
    margin: 0 0 25px 30px;
    padding-bottom: 25px
    }
.post > p:first-child, .page > p:first-child {
    font-size: 250%;
    font-family: Georgia, Arial
    }
.excerpt {
    display: block;
    overflow: hidden
    }
.excerpt p {
    font-size: 13px;
    text-align: left
    }
.excerpt p:first-letter {
    font-size: 250%;
    font-family: script, Georgia
    }
#body small {
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: Georgia;
    color: #888;
    font-style: italic;
    display: block
    }
#body small a {
    color: #fff;
    background-color: #000;
    color: #FFF;
    line-height: 23px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    display: inline-block
    }
#body small a:hover {
    text-decoration: underline
    }
.meta {
    width: 145px;
    margin-right: 30px;
    overflow: hidden;
    float: left
    }
.meta img {
    margin-right: 5px;
    margin-bottom: -3px
    }
.meta h3.cufon {
    font-size: 25px;
    letter-spacing: -0.8px;
    color: #999;
    margin-top: 5px;
    margin-bottom: 10px;
    text-transform: none !important
    }
.meta a {
    color: #999
    }
.meta img {
    margin-right: 5px;
    margin-bottom: -2px
    }
.meta span {
    display: block;
    float: left;
    color: #aaa
    }
.date3 {
    line-height: 14px;
    color: #808080;
    font-weight: 700;
    text-align: right
    }
.meta strong {
    font-weight: bold;
    color: #999
    }
.meta a img {
    margin-top: 15px;
    float: left;
    margin-right: 5px
    }
a.thumb-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
    width: 170px;
    height: 170px;
    margin: 0 25px 0 25px;
    float: left
    }
a.thumb-wrapper.left {
    float: left
    }
a.thumb-wrapper.right {
    float: right;
    margin-right: 0
    }
a.thumb-wrapper span.top, a.thumb-wrapper span.bottom {
    background: url(images/10percent.png) repeat top left;
    height: 3px;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px
    }
a.thumb-wrapper span.bottom {
    top: auto;
    bottom: 5px
    }
a.thumb-wrapper span.right, a.thumb-wrapper span.left {
    background: url(images/10percent.png) repeat top left;
    width: 3px;
    top: 8px;
    bottom: 8px;
    right: 5px;
    position: absolute
    }
a.thumb-wrapper span.left {
    right: auto;
    left: 5px
    }
a.thumb-wrapper img {
    background: url(images/banner_bg.png) top left repeat-y;
    padding: 5px 5px 5px 5px
    }
a.banner-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
    width: 610px;
    height: 210px;
    margin-bottom: 20px
    }
a.banner-wrapper img {
    background: url(images/banner_bg.png) -80px top repeat-y;
    padding: 5px 5px 5px 0
    }
a.banner-wrapper span.top, a.banner-wrapper span.bottom {
    background: url(images/bannerOverlay.png) repeat-y top left;
    height: 3px;
    width: 610px;
    position: absolute;
    top: 5px;
    left: 0
    }
a.banner-wrapper span.bottom {
    top: auto;
    bottom: 5px
    }
a.banner-wrapper span.right {
    background: url(images/10percent.png) repeat top left;
    width: 3px;
    top: 8px;
    bottom: 8px;
    right: 0;
    position: absolute
    }
.page-navigation {
    margin: -10px 25px 5px 30px;
    overflow: hidden
    }
.alignright {
    float: right;
    margin-left: 20px
    }
.alignleft {
    float: left;
    margin-right: 20px
    }
.size-thumbnail, .size-medium {
    padding: 3px;
    background: #fff;
    border: solid 1px #e2e2e2
    }
.wp-pagenavi {
    float: right;
    width: auto;
    overflow: hidden
    }
.wp-pagenavi span.pages {
    float: left;
    font-family: Georgia;
    font-style: italic;
    display: block;
    line-height: 30px;
    margin: 10px 20px 0 20px
    }
#counter {
    width: 280px;
    overflow: hidden;
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px !important
    }
#feed {
    background: url(images/icons/rss_large.png) no-repeat -7px top;
    padding: 3px 0 0 43px;
    height: 48px;
    color: #999;
    width: 102px;
    float: left
    }
#feed a, #twitter a {
    font-size: 30px;
    display: block;
    font-family: Georgia;
    margin-bottom: 3px;
    color: #666;
    text-shadow: 1px 1px 2px #ccc
    }
#feed a:hover, #twitter a:hover {
    color: #444
    }
#twitter {
    background: url(images/icons/twitter_large.png) no-repeat -7px top;
    padding: 3px 0 0 43px;
    height: 48px;
    color: #999;
    width: 92px;
    float: left
    }
#ads {
    padding: 9px 4px 0 9px;
    border: solid 1px #ddd;
    background: #fff;
    width: 265px
    }
#ads ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
    width: 300px
    }
#ads ul li {
    float: left
    }
#ads ul li a {
    float: left;
    background: #fff;
    display: block;
    height: 135px;
    width: 135px
    }
#ads ul li a img {
    margin: 0 10px 10px 0
    }
#ads ul li.wide a {
    width: 260px;
    height: 130px;
    margin-right: 0
    }
.box {
    border: solid 1px #e5e3dc
    }
.tab .box {
    background: #eee;
    border: solid 1px #dbdbdb;
    padding: 4px
    }
ul.tabs {
    overflow: hidden;
    padding: 0;
    height: 37px;
    margin-bottom: -1px
    }
ul.tabs li {
    float: left;
    position: relative
    }
ul.tabs li a {
    background: #fff;
    border: solid 1px #e0e0e0;
    line-height: 29px;
    padding: 0 10px 0 10px;
    float: left;
    display: block;
    height: 30px;
    margin-right: 4px;
    font-weight: bold;
    color: #888
    }
ul.tabs li a:hover {
    text-decoration: none;
    border: solid 1px #d0d0d0
    }
ul.tabs li.active a {
    height: 36px;
    color: #555;
    border-bottom: 0
    }
ul.tabs li.active a:hover {
    border: solid 1px #e0e0e0;
    border-bottom: 0
    }
.tab_container {
    background: #fff;
    border: solid 1px #94A3C4;
    padding: 10px
    }
ul.double-col {
    padding: 0;
    overflow: hidden;
    margin-bottom: -3px;
    width: 260px !important
    }
ul.double-col li {
    float: left;
    width: 103px !important;
    margin: 0 10px 5px 0 !important;
    padding: 0 0 6px 15px !important;
    border-bottom: dotted 1px #e1dedd !important;
    background: url(images/bullet.png) no-repeat 2px 8px
    }
ul.double-col li a:hover, ul.single-col li a:hover {
    text-decoration: underline
    }
ul.single-col {
    padding: 0;
    overflow: hidden;
    margin-bottom: -7px
    }
ul.single-col li {
    margin-bottom: 15px !important;
    padding-bottom: 7px !important;
    border-bottom: dotted 1px #e1dedd !important;
    background: 0;
    overflow: hidden
    }
ul.single-col li small {
    color: #777;
    font-size: 11px;
    display: block;
    margin: 5px 0 5px 0;
    line-height: 15px
    }
ul.single-col li a.thumb {
    float: left;
    display: block;
    width: 52px
    }
ul.single-col li a.thumb img {
    width: 40px;
    height: 40px;
    padding: 1px;
    border: solid 1px #ddd;
    margin-right: 10px;
    background: #fff
    }
ul.single-col li .block {
    width: auto;
    overflow: hidden
    }
.content {
    margin: 0 30px 0 30px
    }
#footer ul {
    list-style: none;
    padding: 30px 0 30px 30px;
    overflow: hidden;
    color: #777
    }
#footer ul li {
    float: left;
    width: 200px;
    margin-right: 30px
    }
#footer ul li ul {
    padding: 0 !important
    }
#footer ul li ul li {
    padding-bottom: 10px;
    border-bottom: dotted 1px #444;
    margin-bottom: 10px
    }
#footer a {
    color: #4c9ac5
    }
#footer p {
    color: #777
    }
#comments {
    overflow: hidden;
    border-bottom: solid 2px #eee;
    margin-bottom: 25px
    }
#comments p.space {
    padding-bottom: 25px
    }
#comments-wrapper {
    width: 580px;
    overflow: hidden;
    margin: 0 30px 0 30px
    }
ul.commentlist {
    overflow: hidden;
    clear: both;
    padding-top: 15px;
    margin-bottom: 10px
    }
.comment-author {
    padding: 0;
    height: 30px;
    margin-bottom: 5px
    }
.comment-body {
    min-height: 90px;
    padding: 10px 80px 10px 10px;
    position: relative
    }
.comment-body p {
    padding: 0
    }
.comment-body em {
    display: none
    }
.comment-body br {
    display: none
    }
#cancel-comment-reply {
    display: block;
    height: 27px;
    line-height: 26px;
    font-size: 11px;
    margin: 0 0 0 10px;
    float: left
    }
.textfield {
    border: solid 1px #ddd;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #555
    }
#comments-wrapper .comment .textfield {
    width: 95%
    }
.input {
    background: #fff url(images/form_gradient.gif) repeat-x 0 1px;
    border: solid 1px #ddd
    }
#cancel-comment-reply {
    display: block;
    height: 27px;
    line-height: 26px;
    font-size: 11px;
    margin: -4px 0 0 10px;
    float: left
    }
span.says {
    font-style: italic;
    color: #777
    }
cite.fn, cite.fn a {
    font-size: 18px;
    font-style: italic;
    font-family: Georgia
    }
.comment-meta {
    text-align: right;
    position: absolute;
    top: 12px;
    right: 70px
    }
.comment-meta a {
    color: #999
    }
.comment-meta a:hover {
    text-decoration: none
    }
.comment {
    border: solid 1px #e2e2e2;
    margin-bottom: 20px
    }
#comments-wrapper ul li ul li, #comments-wrapper ul li ul li ul li ul li, #comments-wrapper ul li ul li ul li ul li ul li ul li {
    background: #f6f6f6
    }
#comments-wrapper ul li ul li ul li, comments-wrapper ul li ul li ul li ul li ul li {
    background: #fff
    }
#comments-wrapper ul.children {
    margin: -10px 10px 0 10px;
    overflow: hidden;
    clear: both
    }
#comments-wrapper ul.children .comment {
    margin: 20px 0 10px 0;
    width: auto;
    float: none
    }
#comments-wrapper ul.children .comment-body {
    width: auto
    }
#comments-wrapper ul.children .comment-meta {
    margin-right: 0
    }
#comments-wrapper img.photo {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    right: 10px;
    margin: 0;
    padding: 3px;
    border: solid 1px #ddd;
    background: #fff
    }
#comments-wrapper img.avatar {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    right: 10px;
    margin: 0;
    padding: 3px;
    border: solid 1px #ddd;
    background: #fff
    }
#comments-wrapper ul.children .comment-author {
    top: 10px;
    left: 10px
    }
#comments-wrapper .navigation {
    margin-bottom: 5px;
    overflow: hidden
    }
#respond {
    margin-right: 20px
    }
#respond small {
    margin: 0
    }
#comments-wrapper .comment #respond {
    margin: 10px;
    margin-top: 0;
    overflow: hidden
    }
.reply {
    position: absolute;
    bottom: 10px;
    right: 5px
    }
span.submit {
    margin-top: 0
    }
span.submit #submit {
    height: 30px;
    padding-bottom: 4px
    }
#author-wrapper, #social-wrapper, #related-wrapper {
    margin: 0 30px 0 30px;
    padding-bottom: 15px;
    border-bottom: solid 2px #eee;
    margin-bottom: 25px;
    overflow: hidden
    }
#related-wrapper ul {
    width: 590px;
    margin: 0
    }
#related-wrapper ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
    }
#related-wrapper ul li a img {
    padding: 5px;
    background: url(images/banner_bg.png) repeat-y -100px
    }
#related-wrapper ul li a:hover img {
    background: url(images/banner_bg.png) repeat-y -30px
    }
#author-wrapper .avatar {
    float: left;
    padding: 5px;
    background: url(images/banner_bg.png) repeat-y -120px;
    margin-right: 20px
    }
#author-wrapper h2, #social-wrapper h2 {
    margin-bottom: 20px
    }
.single-post .post {
    padding-bottom: 15px !important;
    margin-bottom: 23px
    }
#social-wrapper ul li {
    float: left;
    margin-right: 10px
    }
#social-wrapper ul li a:hover {
    opacity: 0.7
    }
.col-wrapper {
    width: 600px;
    overflow: hidden
    }
.col-wrapper img {
    margin-left: auto;
    margin-right: auto
    }
.col-wrapper p {
    padding-bottom: 0 !important;
    text-align: justify
    }
.col-quarter {
    width: 130px;
    overflow: hidden;
    margin: 0 20px 10px 0;
    float: left
    }
.col-half {
    width: 280px;
    overflow: hidden;
    margin: 0 20px 10px 0;
    float: left
    }
.col-third {
    width: 180px;
    overflow: hidden;
    margin: 0 20px 10px 0;
    float: left
    }
.full .col-wrapper {
    width: 920px;
    overflow: hidden
    }
.full .col-quarter {
    width: 210px;
    overflow: hidden;
    margin: 0 20px 10px 0;
    float: left
    }
.full .col-half {
    width: 440px;
    overflow: hidden;
    margin: 0 20px 10px 0;
    float: left
    }
.full .col-third {
    width: 280px;
    overflow: hidden;
    margin: 0 25px 10px 0;
    float: left
    }
.last {
    margin-right: 0
    }
.navigation a {
    margin-right: 0
    }
ul.contactform {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    overflow: hidden;
    list-style: none !important
    }
ul.contactform small {
    margin-bottom: 10px !important
    }
ul.contactform input {
    margin-bottom: 10px;
    width: 300px
    }
ul.contactform .area {
    width: 558px;
    line-height: 20px
    }
ul.contactform span.submit {
    margin-top: 10px;
    margin-bottom: 10px
    }
ul.contactform #submit {
    width: auto;
    padding-bottom: 3px
    }
.wrap {
    overflow: hidden;
    width: 260px
    }
.flickr-thumb .thumb {
    height: 75px;
    width: 75px;
    float: left;
    margin-right: 11px;
    margin-bottom: 11px
    }
.light {
    color: #777
    }
.piclenselink img {
    padding-right: 15px;
    padding-left: 16px;
    height: 90px;
    width: 85px
    }
.posts-header {
    width: 610px;
    height: 70px;
    padding-bottom: 80px;
    padding-top: 65px
    }
.posts-header p {
    font-size: 20px;
    color: #aaa;
    text-align: justify;
    margin-left: 20px;
    line-height: 27px
    }
.posts-header img {
    float: right;
    padding-left: 10px
    }
/* IMG HOVER

a img {
   -webkit-transition: -webkit-transform 0.3s ease;
   -moz-transition: -moz-transform 0.3s ease;
   -o-transition: -o-transform 0.3s ease;
   transition: transform 0.3s ease;


}

a:hover img {
   -webkit-transform: scale(1.01);
   -moz-transform: scale(1.01);
   -o-transform: scale(1.01);
   transform: scale(1.01);


}
*/
/* MASONRY  */
#filtering-nav .all {
    color: #fff;
    background-color: #000
    }
#filtering-nav {
    margin-left: auto;
    margin-right: auto;
    width: 486px
    }
#filtering-nav ul {
    margin-left: auto;
    margin-right: auto;
    width: 486px
    }
#filtering-nav li {
    list-style: none;
    float: left
    }
#filtering-nav li a {
    display: block;
    padding: 0.5em 1em;
    margin-right: 5px;
    color: #fff;
    background-image: -moz-linear-gradient(-90deg, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0));
    background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(hsla(0, 0%, 100%, 0.4)), to(hsla(0, 0%, 100%, 0)));
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3);
    -moz-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3);
    -o-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3);
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3)
    }
#filtering-nav li a:active {
    background-image: -moz-linear-gradient(-90deg, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2));
    background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(hsla(0, 0%, 0%, 0)), to(hsla(0, 0%, 0%, 0.2)));
    -webkit-box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6);
    -moz-box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6);
    -o-box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6);
    box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6)
    }
.masonry-wrapper {
    clear: both;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 510px
    }
.masonry-box {
    background-attachment: initial;
    background-clip: initial;
    background-color: #A00;
    background-image: initial;
    background-origin: initial;
    background-position: initial initial;
    background-repeat: initial initial;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    float: left;
    font-size: 13px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    padding-top: 5px;
    width: 160px
    }
.masonry-box:hover {
    -moz-box-shadow: 1px 1px 7px #000;
    -webkit-box-shadow: 1px 1px 7px #000;
    box-shadow: 1px 1px 7px #000
    }
.masonry-box.day, #filtering-nav .day, #filtering-nav .concert {
    background-color: #0a0
    }
.masonry-box.minute {
    background-color: #FF9912
    }
.masonry-box.hour {
    background-color: #7D26CD
    }
.masonry-box.done {
    background-color: #000
    }
.masonry-box > p {
    color: #fff !important;
    text-align: center;
    font-size: 12px;
    margin-left: 5px;
    margin-right: 5px;
    font-family: Corbel, "Lucida Grande", "Lucida Sans", Verdana, sans-serif
    }
.masonry-box > p.strong {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center
    }
.masonry-box h4, h4 a {
    color: #fff;
    background-color: transparent;
    text-align: center;
    margin-left: 3px;
    margin-right: 3px
    }
.masonry-box > img {
    margin-left: auto;
    margin-right: auto;
    width: 160px
    }
.masonry-box a {
    font-size: 14px;
    color: #fff !important
    }
.masonry-box a:hover {
    text-decoration: underline
    }
.masonry-box.event, #filtering-nav .event {
    background-color: #a00
    }
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0

Copyright 2009 Jeremie Tisseau
"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
http://www.gnu.org/licenses/gpl-3.0.html
*/
/***** clearfix *****/
.clear {
    clear: both;
    height: 0;
    line-height: 0
    }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
    }
.clearfix {
    display: inline-block
    }
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%
    }
.clearfix {
    display: block
    }
/* End hide from IE-mac */
.clearfix {
    height: 1%
    }
.clearfix {
    display: block
    }
/* Panel Tab/button */
.tab {
    /*	background: url(images/slidinglogin/tab_b.png) repeat-x 0 0; */
    height: 42px;
    position: relative;
    top: 0;
    z-index: 999;
    width: 100%
    }
.tab ul.login {
    display: block;
    position: relative;
    float: right;
    clear: right;
    height: 42px;
    width: auto;
    font-weight: bold;
    line-height: 42px;
    margin: 0;
    right: 150px;
    color: white;
    font-size: 80%;
    text-align: center
    }
.tab ul.login li.left {
    /*	background: url(images/slidinglogin/tab_l.png) no-repeat left 0; */
    height: 42px;
    width: 30px;
    padding: 0;
    margin: 0;
    display: block;
    float: left
    }
.tab ul.login li.right {
    /*background: url(images/slidinglogin/tab_r.png) no-repeat left 0;*/
    height: 42px;
    width: 30px;
    padding: 0;
    margin: 0;
    display: block;
    float: left
    }
.tab ul.login li {
    text-align: left;
    padding: 0 6px;
    display: block;
    float: left;
    height: 42px;
    /*background: url(images/slidinglogin/tab_m.png) repeat-x 0 0;*/
    }
.tab ul.login li a {
    color: #15ADFF
    }
.tab ul.login li a:hover {
    color: white
    }
.tab .sep {
    color: #414141
    }
.tab a.open, .tab a.close {
    height: 20px;
    line-height: 20px !important;
    padding-left: 30px !important;
    cursor: pointer;
    display: block;
    width: 467px;
    position: relative;
    top: 11px
    }
.tab a.open {
    background: url(images/slidinglogin/bt_open.png) no-repeat left 0
    }
.tab a.close {
    background: url(images/slidinglogin/bt_close.png) no-repeat left 0
    }
.tab a:hover.open {
    background: url(images/slidinglogin/bt_open.png) no-repeat left -19px
    }
.tab a:hover.close {
    background: url(images/slidinglogin/bt_close.png) no-repeat left -19px
    }
/* sliding panel */
#toppanel {
    /*position: absolute;*/
    /*Panel will overlap  content */
    position: relative;
    /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto
    }
#panel {
    width: 100%;
    height: 270px;
    color: #999;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none
    }
#panel h1 {
    font-size: 1.6em;
    padding: 5px 0 10px;
    margin: 0;
    color: white
    }
#panel h2 {
    font-size: 1.2em;
    padding: 10px 0 5px;
    margin: 0;
    color: white
    }
#panel p {
    margin: 5px 0;
    padding: 0
    }
#panel a {
    text-decoration: none;
    color: #15ADFF
    }
#panel a:hover {
    color: white
    }
#panel a-lost-pwd {
    display: block;
    float: left
    }
#panel .content {
    width: 960px;
    margin: 0 auto;
    padding-top: 15px;
    text-align: left;
    font-size: 0.85em
    }
#panel .content .left {
    width: 280px;
    float: left;
    padding: 0 15px;
    border-left: 1px solid #333
    }
#panel .content .right {
    border-right: 1px solid #333
    }
#panel .content form {
    margin: 0 0 10px 0
    }
#panel .content label {
    float: left;
    padding-top: 8px;
    clear: both;
    width: 280px;
    display: block
    }
#panel .content input.field {
    border: 1px #1A1A1A solid;
    background: #414141;
    margin-right: 5px;
    margin-top: 4px;
    width: 200px;
    color: white;
    height: 16px
    }
#panel .content input:focus.field {
    background: #545454
    }
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login, #panel .content input.bt_register {
    display: block;
    float: left;
    clear: left;
    height: 24px;
    text-align: center;
    cursor: pointer;
    border: none;
    font-weight: bold;
    margin: 10px 0
    }
#panel .content input.bt_login {
    width: 74px;
    background: transparent url(images/slidinglogin/bt_login.png) no-repeat 0 0
    }
#panel .content input.bt_register {
    width: 94px;
    color: white;
    background: transparent url(images/slidinglogin/bt_register.png) no-repeat 0 0
    }
#panel .lost-pwd {
    display: block;
    float: left;
    clear: right;
    padding: 15px 5px 0;
    font-size: 0.95em;
    text-decoration: underline
    }
.clear {
    clear: both
    }
#iphone {
    width: 280px
    }
#info_color {
    display: hidden
    }
/* VIDEOS */
div#video {
    background: url(images/bg-video.png) no-repeat right top;
    margin-left: auto;
    margin-right: auto;
    width: 536px;
    padding-bottom: 15px;
    z-index: 0
    }
div#video > div {
    margin-left: auto;
    margin-right: auto;
    width: 480px;
    height: 270px;
    padding: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15)
    }
#video > div {
    margin-left: auto;
    margin-right: auto;
    width: 610px;
    height: 458px;
    padding: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15)
    }
#filtering-nav .all {
    color: #fff;
    background-color: #000
    }
#featured-nav {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    float: left;
    padding-bottom: 10px;
    background-color: #D0D0D0
    }
#featured-nav > ul {
    float: right;
    padding-right: 20px
    }
#featured-nav li {
    list-style: none;
    float: left
    }
#featured-nav li a {
    font-size: 18px;
    font-weight: bold;
    font-family: Helvetica;
    display: block;
    padding: 0.5em 1em;
    margin-right: 5px;
    color: #fff;
    background-image: -moz-linear-gradient(-90deg, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0));
    background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(hsla(0, 0%, 100%, 0.4)), to(hsla(0, 0%, 100%, 0)));
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3);
    -moz-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3);
    -o-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3);
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3)
    }
#featured-nav li a:active {
    background-image: -moz-linear-gradient(-90deg, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2));
    background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(hsla(0, 0%, 0%, 0)), to(hsla(0, 0%, 0%, 0.2)));
    -webkit-box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6);
    -moz-box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6);
    -o-box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6);
    box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6)
    }
#featured-nav .nav-button {
    background-color: #000
    }
#featured-nav .nav-rss {
    background-color: #FF9912
    }
#featured-nav .nav-newsletter {
    background-color: #7D26CD
    }
#featured-nav .nav-donation {
    background-color: #00a
    }
#gp-nav {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
    }
#gp-nav ul {
    margin-left: auto;
    margin-right: auto;
    width: 100%
    }
#gp-nav li {
    list-style: none;
    float: left
    }
#gp-nav li a {
    font-size: 18px;
    font-weight: bold;
    font-family: Helvetica;
    display: block;
    padding: 0.5em 1em;
    margin-right: 5px;
    color: #fff;
    background-image: -moz-linear-gradient(-90deg, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0));
    background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(hsla(0, 0%, 100%, 0.4)), to(hsla(0, 0%, 100%, 0)));
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3);
    -moz-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3);
    -o-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3);
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3)
    }
#gp-nav li a:active {
    background-image: -moz-linear-gradient(-90deg, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2));
    background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(hsla(0, 0%, 0%, 0)), to(hsla(0, 0%, 0%, 0.2)));
    -webkit-box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6);
    -moz-box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6);
    -o-box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6);
    box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.6)
    }
#gp-nav .nav-black, #gp-nav .done {
    background-color: #000
    }
#gp-nav .nav-orange, #gp-nav .minute {
    background-color: #FF9912
    }
#gp-nav .nav-purple, #gp-nav .hour {
    background-color: #7D26CD
    }
#gp-nav .nav-blue, #gp-nav {
    background-color: #00a
    }
#gp-nav .nav-green, #gp-nav .day {
    background-color: #0a0
    }
#gp-nav .nav-red, #gp-nav .week {
    background-color: #a00
    }
#infovis {
    width: 960px;
    height: 385px;
    padding-bottom: 35px !important;
    position: relative;
    margin-left: 25px;
    float: left;
    overflow: hidden;
    background: #fff
    }
#infovis #loading {
    z-index: 0
    }
hr {
    border: dashed 1px #94A3C4
    }
#parallax {
    width: 550px;
    height: 198px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none outside none;
    border: 1px dashed #555;
    overflow: hidden
    }
#parallax li {
    margin: 0;
    padding: 0;
    width: 590px;
    height: 198px
    }
/* SIGNUP CALL ON FRONTPAGE */
.signup h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 10px
    }
.signup ul {
    font-weight: bold;
    line-height: 0;
    margin-bottom: 15px
    }
.signup ul li {
    text-transformation: uppercase;
    line-height: 22px
    }
.signup .strong {
    color: #C00;
    font-size: 32px
    }
.signup #joinus {
    font-size: 48px
    }
.rel_category {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    display: block;
    margin-top: -6px;
    text-align: center;
    width: 108px;
    font-size: 16px;
    padding-top: 5px
    }
.rel_category_red {
    background: none repeat scroll 0 0 #c00000;
    color: #fff;
    display: block;
    margin-top: -6px;
    text-align: center;
    width: 108px;
    font-size: 16px;
    padding-top: 5px
    }
.rel_category_green {
    background: none repeat scroll 0 0 #00c000;
    color: #fff;
    display: block;
    margin-top: -6px;
    text-align: center;
    width: 108px;
    font-size: 16px;
    padding-top: 5px
    }
.cform {
    width: 100%
    }
/* GALLERY CSS */
.boxgrid {
    width: 96px;
    height: 75px;
    margin: 10px;
    float: left;
    background: #161613;
    border: solid 2px #8399AF;
    overflow: hidden;
    position: relative
    }
.boxgrid img {
    position: absolute;
    top: 0;
    left: 0;
    border: 0
    }
.boxgrid p {
    margin: 5px
    }
.boxcaption {
    float: left;
    position: absolute;
    background: #000;
    height: 100px;
    width: 100%;
    opacity: 0.8;
    /* For IE 5-7 */
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
    }
.captionfull .boxcaption {
    top: 75;
    left: 0
    }
.caption .boxcaption {
    top: 220;
    left: 0
    }
.left {
    float: left
    }
.right {
    float: right
    }
.post img {
    border: 1px #8d9193 solid;
    -moz-box-shadow: 2px 4px 5px #0b1723;
    -webkit-box-shadow: 2px 4px 5px #0b1723;
    box-shadow: 2px 4px 12px #0b1723;
    padding: 5px
    }
.post img.left {
    margin: 0 10px 10px 0
    }
.post img.right {
    margin: 0 0 10x 10px
    }
.widget_tag_cloud .tagcloud, .widget_twitter {
    background: #fff;
    border: solid 1px #94A3C4;
    padding: 5px
    }
.completion h4 {
    text-decoration: line-through
    }