/********** Global **********/
@font-face {
    font-family: Providence;
    src: url('../fonts/Providence.ttf');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}
body {
	color: #374b4b;
	font: 12px/24px Arial, Helvetica, sans-serif;
	background-color: #26B1F9;
	background-image: url(../images/bg-2.jpg);
}
a {
	color: #FDF942;
	text-decoration: none;
}
    a:hover { color: #c53a28; }
h1, h2, h3, h4 {
	padding-bottom: 15px;
	line-height: 120%;
	color: #FC2217;
	font-family: Providence;
	cursor: default;
}
h1 { font-size: 31px; }
h2 { font-size: 27px; }
h3 { font-size: 23px; }
h4 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
}
h1, h2, h3 { font-weight: normal; }
input[type=text], textarea {
    padding: 0 15px;
    height: 41px;
    line-height: 41px;
    background: #d2ebe8;
    color: #374b4b;
    font-style: italic;
    border-bottom: 3px solid #b2dbd6;
    resize: none;
}
    input[type=text]:hover, select:hover, textarea:hover { border-bottom: 3px solid #9bc6c1; }
    input[type=text]:focus, select:focus, textarea:focus { background: #dff5f2; border-bottom: 3px solid #9bc6c1; }
textarea {
    padding: 15px;
    height: 110px;
    line-height: 24px;
}
input[type=submit], input[type=button] { cursor: pointer; }
label {	cursor: pointer; }
.left, .alignleft { float: left; }
.right, .alignright {
	float: right;
	width: 700px;
}
.aligncenter { margin: 0 auto; }
.clear {
	display: block;
	clear: both;
	width: 0px;
	height: 0px;
	overflow: hidden;
	font-size: 1px;
}
img.alignleft { margin: 3px 10px 5px 0; }
img.alignright { margin: 3px 0 5px 10px; }
::selection { background: #e86452; color: #fff; }
::-moz-selection { background: #e86452; color: #fff; }
/********** End of Global **********/

/********** Site Skeleton **********/
.wrapper {
    margin: 0 auto;
    width: 1000px;
    position: relative;
}
#header {
    background: url('../images/topline.png') repeat-x;
}
#slider {
	margin-top: 32px;
	padding: 10px;
	width: 980px;
	height: 400px;
	background: #fff;
	color: #fff;
	position: relative;
}
#content {
    float: left;
    margin-top: 52px;
    width: 695px;
}
.home #content { margin-top: 80px; }
#sidebar {
	float: right;
	margin-top: 32px;
	width: 275px;
	position: relative;
	z-index: 1;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 27px;
	padding-left: 0;
}
.home #sidebar { margin-top: 316px; }
#footer {
	margin-top: 20px;
	width: 1000px;
	position: relative;
}
#credits {
	padding: 20px 30px;
	width: 940px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
/********** End of Site Skeleton **********/

/**********Header **********/
#logo {
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 10;
}
#topIcons {
    padding-top: 23px;
    height: 47px;
    text-align: right;
    position: relative;
    z-index: 10;
}
    #topIcons li { float: right; margin-right: 12px; }
        #topIcons li a {
            display: block;
            width: 34px;
            height: 32px;
            background: url('../images/icons/header_social.png') no-repeat;
        }
        #topIcons .home a { background-position: 0 0; }
            #topIcons .home a:hover { background-position: 0 -32px; }
        #topIcons .twitter a { background-position: -34px 0; }
            #topIcons .twitter a:hover { background-position: -34px -32px; }
        #topIcons .facebook a { background-position: -68px 0; }
            #topIcons .facebook a:hover { background-position: -68px -32px; }
        #topIcons .rss a { background-position: -102px 0; }
            #topIcons .rss a:hover { background-position: -102px -32px; }
        #topIcons .vimeo a { background-position: -136px 0; }
            #topIcons .vimeo a:hover { background-position: -136px -32px; }
        #topIcons .flickr a { background-position: -170px 0; }
            #topIcons .flickr a:hover { background-position: -170px -32px; }
#mainNav {
	margin-left: 390px;
	width: 650px;
	height: 69px;
	font-size: 12px;
	position: relative;
	z-index: 10;
}
    #mainNav > li {
	float: left;
	margin-top: 25px;
	padding-bottom: 13px;
	position: relative;
	list-style: none;
    }




        #mainNav > li > a {
	display: block;
	line-height: 38px;
	color: #F8EC3E;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
        }
            #mainNav > li > a:hover, #mainNav > .active > a {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}
        #mainNav li .sub { display: none; }
            #mainNav li ul {
                position: absolute;
                top: 51px;
                left: 5px;
                padding: 8px 0;
                min-width: 210px;
                background: #fff;
                border-bottom: 1px solid #d4eae7;
            }
                #mainNav li ul a {
                    display: block;
                    padding: 0 25px;
                    height: 32px;
                    line-height: 32px;
                    color: #454545;
                    font-size: 11px;
                    border-top: 1px dashed #b6bdbd;
					font-family: Arial, Helvetica, sans-serif;
                }
                #mainNav li ul a:hover { background: #e0f1ef; }
                #mainNav li ul li:first-child a { border-top: 0; }
            #mainNav li .arrow {
                position: absolute;
                top: 40px;
                left: 19px;
                width: 20px;
                height: 11px;
                background: url('../images/graphic_elements.png') no-repeat -544px -172px;
            }
#breadcrumbs {
	margin-top: 45px;
	padding: 12px 30px;
	width: 634px;
	height: 28px;
	line-height: 14px;
	color: #F00;
	font-size: 14px;
	font-weight: bold;
}
    #breadcrumbs li { float: left; list-style:none; margin: 0 2px; }
        #breadcrumbs a {
	display: block;
	padding: 8px;
	color: #F00;
        }
            #breadcrumbs a:hover {
	background-color: #25A6F6;
	color: #FFF;
}
    #breadcrumbs .current {
	float: left;
	padding: 8px 10px;
	cursor: default;
	color: #FFF;
	background-color: #F00;
    }
#hpGraphic {
    position: absolute;
    top: 0;
    left: -31px;
    width: 1051px;
    height: 892px;
    background: url('../images/hp_graphic.png') no-repeat;
    z-index: -1;
}
#innerGraphic {
    position: absolute;
    top: 0;
    left: -10px;
    width: 1030px;
    height: 719px;
    background: url('../images/inner_graphic.png') no-repeat;
    z-index: -1;
}
/********** End of Header **********/

/********** Slider **********/
#slider .slides li {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}
#slider #slide1 { display: block; z-index: 3; }
    #slider .slideContent {
	padding: 0 20px;
	width: 346px;
	height: 400px;
	line-height: 21px;
	background: url('../images/slider.png') no-repeat;
	position: relative;
	z-index: 1;
    }
        #slider .slideContent a:hover {
	color: #FFF;
}
        #slider .slideContent .date {
            padding: 20px 0;
            margin-bottom: 13px;
            line-height: 11px;
            color: #bcbcbc;
            font-size: 11px;
            border-bottom: 1px dashed #6a7077;
        }
        #slider .slideContent .content { width: 315px; font-size: 11px; }
            #slider .slideContent .content h2 {
                padding-bottom: 10px;
                color: #fff;
                font-size: 42px;
            }
                #slider .slideContent .content h2 a, #slider .slideContent .content h3 a {
	color: #FEFCB2;
}
                    #slider .slideContent .content h2 a:hover, #slider .slideContent .content h3 a:hover {
	color: #000;
}
                    #slider .slideContent .content h2 span {
                        display: block;
                        margin-top: -5px;
                        line-height: 36px;
                        font-size: 30px;
                        font-weight: normal;
                    }
        #slider .slideContent .categories {
            margin-top: 10px;
            padding: 10px 0;
            width: 305px;
            color: #ea6857;
            font-weight: bold;
            font-style: italic;
            border-top: 1px dashed #6a7077;
        }
        #slider .slideContent .readMore {
            position: absolute;
            left: -1px;
            bottom: 0;
            padding: 13px 4px 0 0;
            width: 113px;
            height: 25px;
            background: url('../images/graphic_elements.png') no-repeat 0 -252px;
            color: #6fd4c8;
            font-family: Providence;
            text-transform: uppercase;
            text-align: center;
        }
            #slider .slideContent .readMore:hover { background-position: -117px -252px; color: #6fd4c8; }
    #slider .slideImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 400px;
	text-align: right;
	overflow: hidden;
    }
#slider .topGraphic {
    position: absolute;
    top: 0px;
    left: 179px;
    width: 165px;
    height: 31px;
    background: url('../images/hp_graphic.png') no-repeat -210px -171px;
    z-index: 5;
}
#slider .bottomGraphic {
    position: absolute;
    bottom: 0px;
    left: 283px;
    width: 126px;
    height: 17px;
    background: url('../images/hp_graphic.png') no-repeat -314px -489px;
    z-index: 5;
}
#slider .cornerGraphic {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 23px;
    height: 21px;
    background: url('../images/hp_graphic.png') no-repeat -1008px -485px;
    z-index: 5;
}
#slider .controls {
    position: absolute;
    bottom: -28px;
    left: 0;
    z-index: 1;
}
    #slider .controls li {
        float: left;
        margin-right: 10px;
        width: 18px;
        height: 18px;
        background: #fff;
        cursor: pointer;
    }
        #slider .controls li:hover {
	background: #F00;
}
        #slider .controls .active {
	cursor: default;
	background-color: #F00;
}
            #slider .controls .active:hover {
	background: #F00;
}
/********** End of Slider **********/

/********** Content **********/
.post {
	margin-bottom: 60px;
	background: #fff;
	position: relative;
	margin-top: -20px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 0;
}
.posts .post { padding-bottom: 20px; }
    .posts .post h2 { padding-top: 0 !important; }
    .post .meta {
        float: left;
        margin: -25px 20px 13px 0;
        width: 143px;
        line-height: 18px;
        background: #0a999b;
        color: #fff;
        position: relative;
    }
    .posts .meta { margin-bottom: 0; }
        .post .meta li {
            padding: 9px 20px 9px 34px;
            font-weight: bold;
            border-bottom: 1px dashed #bee4e4;
        }
        .post .meta li.last { border: 0; }
            .post .meta a { color: #fff; }
                .post .meta a:hover { color: #6bded2; }
            .post .meta .label {
                color: #86edee;
                font-size: 10px;
                font-weight: bold;
                text-transform: uppercase;
            }
        .post .meta .date {
            padding: 12px 0 30px 25px;
            font-family: Providence;
            font-weight: normal;
            position: relative;
            z-index: 1;
        }
            .post .meta .date .day { padding-bottom: 23px; line-height: 72px; font-size: 72px; }
            .post .meta .date .month { padding-bottom: 10px; line-height: 44px; font-size: 44px; }
            .post .meta .date .year { font-size: 36px; line-height: 36px; }
        .post .meta .author { background: url('../images/icons/post_meta.png') no-repeat 0 0; }
        .post .meta .categories { background: url('../images/icons/post_meta.png') no-repeat -143px 0; }
        .post .meta .comments { padding-right: 15px; background: url('../images/icons/post_meta.png') no-repeat -286px 0; }
        .post .meta .tags { background: url('../images/icons/post_meta.png') no-repeat -429px 0; }
        .post .meta .socialButtons { padding: 30px 0 15px 20px; border-top: 1px dashed #bee4e4; }
            .post .meta .like { margin-bottom: 9px; }
            .post .meta .tweets { margin-bottom: 10px; }
        .post .meta .bgTop {
            position: absolute;
            top: -22px;
            left: -19px;
            padding: 0;
            width: 162px;
            height: 113px;
            background: url('../images/graphic_elements.png') no-repeat 0 0;
            border: 0;
        }
        .post .meta .bgBottom {
            position: absolute;
            bottom: 0px;
            right: 0px;
            padding: 0;
            width: 11px;
            height: 12px;
            background: url('../images/graphic_elements.png') no-repeat -567px -164px;
            border: 0;
        }
    .post .content { float: left; width: 512px; }
    .post .content.full { float: none; padding: 0 0 8px 30px; width: 635px; }
        .posts .post h2, .relatedPosts h2, .comments h2, .submitComment h2 { padding-top: 0; font-size: 31px; }
        .post .content h2, .post .content h3, .post .content h4 { padding-top: 10px; }
        .post .content p, .post .content table { padding-bottom: 15px; }
        .post .content ul { padding-bottom: 9px; }
            .post .content ul > li { padding: 0 0 6px 17px; background: url('../images/bullet.png') no-repeat 0 9px; }
        .post .content ol { padding: 0 0 9px 18px; }
            .post .content ol > li { padding-bottom: 6px; }
                .post .content ol ul { margin-bottom: -6px; padding: 6px 0 0 1px; }
                .post .content ol ol { margin-bottom: -6px; padding: 6px 0 0 18px; }
                .post .content ul ol { margin-bottom: -6px; padding: 6px 0 0 18px; }
                .post .content ul ul { margin-bottom: -6px; padding: 6px 0 0 1px; }
        .post .content blockquote {
            margin-top: 5px;
            padding: 7px 0 1px 70px;
            line-height: 21px;
            background: url('../images/quote.png') no-repeat;
            color: #73aeaa;
            font-style: italic;
        }
        .post .content .highlight1 { padding: 0 3px; background: #d2ebe8; color: #374b4b; }
        .post .content .highlight2 { padding: 0 3px; background: #e86452; color: #fff; }
        .post .content table { width: 100%; }
            .post .content table tr th {
	padding: 10px 20px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #C71916;
            }
            .post .content table td {
	padding: 6px 20px;
	color: #000;
}
            .post .content table .odd td {
	background-color: #FEFDD9;
}
            .post .content .separator { height: 12px; }
        .post .content hr {
            margin-bottom: 21px;
            height: 0px;
            border: 0;
            border-top: 1px dashed #bcc5c5;
        }
        .post .content .postImage img {
            display: block;
            margin-bottom: 23px;
            border: 7px solid #d2ebe8;
        }
            .post .content a.postImage:hover img { border: 7px solid #b7e2dd; }
        .post .content .imgLeft {
            float: left;
            margin: 7px 30px 20px 0;
            border: 7px solid #d2ebe8;
        }
        .post .content .imgRight {
            float: right;
            margin: 7px 0 20px 30px;
            border: 7px solid #d2ebe8;
        }
            .post .content .imgLeft img, .post .content .imgRight img { display: block; }
        .post .content .columnHalf {
            float: left;
            width: 50%;
        }
            .post .content .columnHalf > * { margin-left: 15px; }
            .post .content .columnHalf.first > * { margin: 0 15px 0 0; }
    .post .readMore {
        position: absolute;
        bottom: -10px;
        right: 9px;
        padding: 20px 0 0 22px;
        width: 98px;
        height: 26px;
        background: url('../images/graphic_elements.png') no-repeat -216px 0;
        color: #fff;
        font-family: Providence;
        text-transform: uppercase;
        text-align: center;
    }
        .post .readMore:hover { background-position: -216px -46px; }
.relatedPosts, .postComments {
    margin: -30px 0 60px;
    padding: 25px 30px 7px;
    background: #fff;
    position: relative;
}
    .relatedPosts h2 { padding-bottom: 14px; }
    .relatedPosts p { padding-bottom: 25px; }
    .relatedPosts li {
        padding: 15px 0;
        color: #6f8282;
        border-top: 1px dashed #bcc5c5;
    }
    .relatedPosts li:first-child { padding-top: 0; border: 0; }
    .relatedPosts .postImage {
        float: left; 
        margin-right: 20px;
        border: 4px solid #d2ebe8;
    }
    .relatedPosts .right {
        float: left;
        padding-top: 4px;
        width: 561px;
    }
        .relatedPosts h3 {
            padding-bottom: 3px;
            font-family: Arial;
            font-size: 15px;
            font-weight: bold;
        }
.postComments { padding-bottom: 27px; }
    .postComments h2 { padding: 0 0 50px 132px; }
        .postComments h2 span {
            position: absolute;
            top: -19px;
            left: 8px;
            padding: 39px 35px 0 15px;
            width: 97px;
            height: 64px;
            background: url('../images/graphic_elements.png') no-repeat -180px -290px;
            color: #fff;
            font-family: Providence;
            font-size: 46px;
            text-align: center;
        }
    .postComments li {
        padding-bottom: 30px;
    }
        .postComments .avatar { border: 7px solid #d2ebe8; }
        .postComments .comment {
            float: right;
            padding: 15px 20px;
            width: 462px;
            background: #d2ebe8;
            position: relative;
        }
            .postComments h3 {
                padding-bottom: 6px;
                color: #263a3a;
                font-family: Arial;
                font-size: 15px;
                font-weight: bold;
            }
            .postComments .meta {
                display: block;
                padding-bottom: 8px;
                color: #5c968f;
            }
            .postComments .arrow {
                position: absolute;
                top: 31px;
                left: -16px;
                width: 16px;
                height: 45px;
                background: url('../images/graphic_elements.png') no-repeat -164px -340px;
            }
            .postComments .reply {
                position: absolute;
                bottom: -27px;
                right: -5px;
                padding-top: 9px;
                width: 71px;
                height: 26px;
                line-height: 26px;
                background: url('../images/graphic_elements.png') no-repeat 0 -340px;
                color: #fff;
                font-family: Providence;
                font-size: 12px;
                text-transform: uppercase;
                text-align: center;
            }
                .postComments .reply:hover { background-position: -71px -340px; }
        .postComments li .sub {
            position: absolute;
            bottom: -45px;
            left: 0px;
            width: 22px;
            height: 34px;
            background: url('../images/graphic_elements.png') no-repeat -142px -340px;
        }
        .postComments li li { margin-top: 56px; padding-left: 133px; }
            .postComments li li .avatar { width: 50px; border-width: 4px; }
            .postComments li li .comment { width: 385px; }
                .postComments li li .arrow { left: -11px; }
.submitComment { margin-top: -30px; }
    .submitComment h2 { color: #fff; text-shadow: #91c886 0 3px 0; }
    .submitComment .left { width: 325px; }
        .submitComment input[type=text], .submitComment textarea {
            margin-bottom: 10px;
            width: 294px;
            height: 38px;
            line-height: 38px;
            background: #fff;
            color: #48606a;
            border-bottom: 3px solid #a8c76f;
        }
    .submitComment .right { width: 338px; position: relative; }
        .submitComment textarea {
            display: block;
            width: 308px;
            height: 110px;
            line-height: 24px;
        }
        .submitComment input[type=submit] {
            position: absolute;
            bottom: -29px;
            right: -7px;
            padding-top: 11px;
            width: 164px;
            height: 50px;
            background: url('../images/graphic_elements.png') no-repeat -327px -343px;
            color: #fff;
            font-family: Providence;
            font-size: 14px;
            text-transform: uppercase;
            text-align: center;
        }
            .submitComment input[type=submit]:hover { background-position: 0 -375px; }
        .submitComment .cancel {
            position: absolute;
            bottom: -29px;
            left: 0;
            width: 157px;
            height: 39px;
            line-height: 40px;
            background: #518a88;
            color: #fff;
            font-family: Providence;
            font-size: 14px;
            text-transform: uppercase;
            text-align: center;
        }
            .submitComment .cancel:hover { background: #3a7674; }
.pagination {
    margin-left: 14px;
    height: 38px;
    line-height: 20px;
    background: #ea6856;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6f5e', endColorstr='#e55f4d');
    background: -webkit-gradient(linear, left top, left bottom, from(#ef6f5e), to(#e55f4d));
    background: -moz-linear-gradient(top, #ef6f5e, #e55f4d);
    color: #fff;
    font-family: Providence;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}
    .pagination a {
        margin: 9px 13px 0;
        padding: 0 7px;
        height: 20px;
        color: #fff;
    }
        .pagination a:hover {
            background: #ca412f;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7513f', endColorstr='#ba2d1a');
            background: -webkit-gradient(linear, left top, left bottom, from(#d7513f), to(#ba2d1a));
            background: -moz-linear-gradient(top, #d7513f, #ba2d1a);
        }
    .pagination .prev { float: left; margin-left: 5px; line-height: 23px; }
    .pagination ul {
        display: inline-table;
        padding-top: 6px;
        font-family: Providence;
    }
        .pagination li {
            display: table-cell;
            height: 26px;
            line-height: 26px;
            text-align: center;
        }
            .pagination li a {
                display: block;
                margin: 0 2px;
                padding: 0 9px;
                height: 26px;
            }
        .pagination .current {
            margin: 0 2px;
            padding: 0 9px;
            background: #ca412f;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7513f', endColorstr='#ba2d1a');
            background: -webkit-gradient(linear, left top, left bottom, from(#d7513f), to(#ba2d1a));
            background: -moz-linear-gradient(top, #d7513f, #ba2d1a);
            cursor: default;
        }
    .pagination .next { float: right; line-height: 23px; text-align: right; }
    .pagination .graphicLeft {
        position: absolute;
        top: 0;
        left: -14px;
        width: 14px;
        height: 48px;
        background: url('../images/graphic_elements.png') no-repeat -564px -176px;
    }
    .pagination .graphicRight {
        position: absolute;
        bottom: -8px;
        right: 0;
        width: 24px;
        height: 8px;
        background: url('../images/graphic_elements.png') no-repeat -543px -164px;
    }
.post .contactForm h1 { padding-bottom: 16px; }
.post .contactForm p { padding-bottom: 24px; }
.post .contactForm input[type=text] { margin-bottom: 10px; width: 460px; }
.post .contactForm textarea { display: block; width: 605px; }
.post .contactForm input[type=submit] {
    float: right;
    padding-top: 12px;
    width: 90px;
    height: 50px;
    background: url('../images/graphic_elements.png') no-repeat 0 -290px;
    color: #fff;
    font-family: Providence;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    bottom: 11px;
    left: 7px;
}
    .post .contactForm input[type=submit]:hover { background-position: -90px -290px; }
/********** End of Content **********/

/********** Sidebar **********/
#sidebar h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#sidebar a { color: #fff; }
    #sidebar a:hover { color: #6bded2; }
    #sidebar .light a, #sidebar .twitter a { color: #749332; }
        #sidebar .light a:hover, #sidebar .twitter a:hover { color: #67832a; }
#sidebar .separator1 {
    margin: 0 0 -9px -17px;
    width: 292px;
    height: 90px;
    background: url('../images/graphic_elements.png') no-repeat 0 -162px;
    position: relative;
}
#sidebar .separator2 {
    margin-left: -1px;
    width: 281px;
    height: 63px;
    background: url('../images/graphic_elements.png') no-repeat -297px -101px;
}
#sidebar .separator3 {
    margin-left: -7px;
    width: 297px;
    height: 49px;
    background: url('../images/graphic_elements.png') no-repeat 0 -113px;
}
#sidebar .searchForm { padding: 10px 20px 20px; border-bottom: 1px dashed #bee4e4; position: relative; }
    #sidebar .searchForm input[type=text] {
        padding: 0 20px;
        width: 175px;
        height: 47px;
        line-height: 47px;
        background: #fff;
        color: #3b8e8f;
        border: 0;
    }
    #sidebar .searchForm input[type=submit] {
        position: absolute;
        top: 2px;
        right: 10px;
        width: 54px;
        height: 56px;
        background: url('../images/graphic_elements.png') no-repeat -162px 0;
    }
        #sidebar .searchForm input[type=submit]:hover { background-position: -162px -56px; }
#sidebar .widget { background: #0a999b; }
#sidebar .twitter { margin-bottom: -20px; padding: 0 0 45px 0; background: url('../images/widget_light.png') no-repeat bottom; }
    #sidebar .twitter p {
        padding: 0 20px;
        line-height: 21px;
        color: #fff;
        font-weight: bold;
    }
    #sidebar .twitter .moreTweets {
        display: inline-block;
        margin: 20px 0 0 20px;
        padding: 6px 10px 4px;
        line-height: 12px;
        background: #86a249;
        color: #fff !important;
        font-family: Providence;
        text-transform: uppercase;
    }
        #sidebar .twitter .moreTweets:hover { background: #749332; }
#sidebar .widget.light {
	margin-top: 30px;
	background-repeat: no-repeat;
	background-color: #FFF;
}
#sidebar .widget.firstLight {
    margin-top: -14px;
    padding-top: 14px;
    position: relative;
    z-index: -1;
}
    .widget h2 {
	padding: 17px 20px 13px;
	color: #000;
	font-size: 21px;
	text-transform: uppercase;
	text-shadow: #00000 0 3px 0;
    }
    .widget.light h2, .widget.twitter h2 {
	margin-bottom: 16px;
	/* [disabled]text-shadow: #000 0 3px 0; */
	border-bottom: 1px dashed #a0dbd9;
}
    .listingThumb h2 { padding-bottom: 5px; }
    .listingLinks h2 { margin-bottom: 10px; border-bottom: 1px dashed #7cc9ca; }
    .listing li, .listingThumb li { padding: 20px; border-top: 1px dashed #7cc9ca; }
    .listingLinks li { padding: 8px 20px; }
    .listingThumb li { padding: 15px 20px 15px; }
    .listingThumb li:first-child { border: 0; }
        .listingThumb li .thumbnail { float: left; width: 52px; margin-right: 15px; }
            .listingThumb li .thumbnail img { float: left; border: 3px solid #fff; text-align: center; }
        .listingThumb li .meta {
            float: left;
            width: 168px;
            line-height: 18px;
            color: #fff;
            font-style: italic;
        }
            .listing li h3, .listingThumb li h3, .listingLinks li h3 { padding-bottom: 0; font-size: 12px; font-style: normal; }
            .listingThumb li h3 { padding-bottom: 8px; }
            .listingThumb li .date { color: #7fe6dc; }
    .widget.tags { padding-bottom: 13px; }
        .widget.tags ul { padding: 4px 10px 0 20px; }
            .widget.tags li { float: left; }
                .widget.tags li a {
	display: block;
	margin: 0 20px 7px 0;
	padding: 0 8px;
	height: 20px;
	line-height: 20px;
	background: url('../images/tags.png') no-repeat;
	color: #FFF !important;
	font-weight: bold;
	position: relative;
                }
                    .widget.tags li a span {
                        position: absolute;
                        top: 0;
                        right: -13px;
                        display: block;
                        width: 13px;
                        height: 20px;
                        background: url('../images/tags.png') no-repeat top right;
                    }
                    .widget.tags li a:hover {
	background-position: bottom left;
	color: #F00 !important;
}
                        .widget.tags li a:hover span { background-position: bottom right; }
    .widget.video { padding-bottom: 20px; }
        .widget.video h2 { margin-bottom: 0; border: 0; }
        .widget.video iframe { display: block; }
/********** End of Sidebar **********/

/********** Footer **********/
#footer .col {
	float: left;
	margin-left: 45px;
	color: #FFF;
}
    #footer a {
	color: #0C3;
	font-weight: bold;
}
        #footer a:hover {
	color: #FFF;
}
    #footer h2 {
        margin-bottom: 13px;
        padding-bottom: 12px;
        color: #fff;
        font-size: 24px;
        font-weight: normal;
        border-bottom: 1px dashed #8da0a0;
    }
    #footer li a { display: block; }
#footer .wide { width: 244px; }
#footer .narrow { width: 158px; }
#footer .col:first-child { margin-left: 0; }
#footer .newsletterForm { padding: 22px 0 8px; }
    #footer .newsletterForm input[type=text] {
        float: left;
        width: 127px;
        height: 43px;
        line-height: 43px;
        background: url('../images/newsletter_input.png');
        color: #fff;
        border: 0;
    }
    #footer .newsletterForm input[type=submit] {
        float: left;
        height: 43px;
        width: 87px;
        line-height: 43px;
        background: #5baaa4;
        color: #fff;
        font-family: Providence;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
    }
        #footer .newsletterForm input[type=submit]:hover { background: #1f9f94; }
#footer .socialIcons { margin-top: -1px; }
    #footer .socialIcons a {
        padding: 1px 0 2px 35px;
        background: url('../images/icons/footer_social.png') no-repeat 0 0;
    }
    #footer .socialIcons .twitter a { background-position: 0 0; }
        #footer .socialIcons .twitter a:hover { background-position: -1500px 0; }
    #footer .socialIcons .facebook a { background-position: -300px 0px; }
        #footer .socialIcons .facebook a:hover { background-position: -1800px 0px; }
    #footer .socialIcons .rss a { background-position: -600px 0px; }
        #footer .socialIcons .rss a:hover { background-position: -2100px 0px; }
    #footer .socialIcons .vimeo a { background-position: -900px 0px; }
        #footer .socialIcons .vimeo a:hover { background-position: -2400px 0px; }
    #footer .socialIcons .flickr a { background-position: -1200px 0px; }
        #footer .socialIcons .flickr a:hover { background-position: -2700px 0px; }
#footer .gotoTop {
    position: absolute;
    top: -68px;
    right: -11px;
    width: 208px;
    height: 101px;
    background: url('../images/graphic_elements.png') no-repeat -336px 0;
}
    #footer .gotoTop:hover { background-position: -292px -164px; }
/********** End of Footer **********/

/********** Credits **********/
#credits a {
	color: #C0181E;
}
    #credits a:hover {
	color: #FFF;
}
#credits .right {
	width: 200px;
}
    #credits .dodoweb {
        float: right;
        margin-top: 1px;
        width: 89px;
        height: 18px;
        background: url('../images/dodoweb.png') no-repeat;
    }
        #credits .dodoweb:hover { background-position: 0 -18px; }
/********** End of Credits **********/

.safariInput { /* Safari Placeholders Fix */
    line-height: 12px !important;
}