/*
Theme Name: Mouse
Theme URI: http://cenix.co.uk/
Description: A website for a company that makes awesome websites!
Version: 1.0b
Author: Daniel Morgan - Cenix Web Design
Author URI: http://cenix.co.uk/
Tags: dark, silver, gold, shiny, cms, portfolio, web design
*/



/* RESET */

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form{
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
}

html,body {
height: 100%;
font-size: 12px;
color: #777;
background: #f8f8f8;
margin: auto;
font-family: Arial, Verdana, Sans-Serif;
}

a>img:active {
top: 1px;
position: relative;
}



/* STICKY FOOTER */

body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}

#footerWrap {
position: relative;
margin-top: -360px;
height: 360px;
clear: both;
}

#container {
overflow: hidden;
padding: 0 0 360px 0;
}

#stickyWrap { min-height: 100%; }



/* TEXT */

h1, h2, h3, h4, h5, h6 {
color: #000;
line-height: 30px;
margin: 0 0 20px;
}

h1 { font-size: 30px; }
h2 { font-size: 22px; margin: 30px 0 15px; }
h3 { font-size: 22px; margin: 0 0 10px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { text-decoration: none; }

ul, ol {
line-height: 24px;
font-size: 12px;
color: #444;
}

ul { margin: 0 0 15px 20px; }
ol { margin: 0 0 15px 27px; }

blockquote {
background: url(images/blockquote.png) no-repeat 25px 30px #e0e0e0;
padding: 25px 25px 15px 115px;
width: 75%;
min-height: 70px;
margin: 40px auto 40px;
}

blockquote * {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 16px;
font-style: italic;
line-height: 24px;
letter-spacing: 0.1px;
}

p {
margin: 0 0 10px 0;
line-height: 20px;
font-size: 12px;
}

hr {

}



/* LINKS */

a {
color: #a18957;
text-decoration: underline;
outline: none;
}

a:hover {
color: #ceaa60;
}

a:active {
color: #6b4c0c;
text-decoration: none;
}

a:visited {
color: #a18957;
text-decoration: underline;
}



/* REUSABLE CLASSES */

.clear {
clear: both;
height: 0px;
overflow: hidden;
}

.photo {
padding: 4px;
border: 1px solid #ccc;
background: #eee;
}

.photo:hover {
background: #ddd;
}

.left { display: block; float: left; }
.right { display: block; float: right; }

a.button {
float: left;
width: auto;
height: 32px;
padding: 0 20px 0 0;
background: url(images/black-gold-button.png) right top no-repeat;
text-decoration: none;
outline: none;
}

a.button span {
float: left;
width: auto;
height: 32px;
padding: 0 0 0 20px;
background: url(images/black-gold-button.png) left top no-repeat;
color: #fff;
font-size: 14px;
line-height: 29px;
font-weight: 800;
text-shadow: 1px 1px 0 #3c2f18;
}

a.button:hover { background-position: right -32px; }

a.button:hover span { background-position: left -32px; }

a.button:active { background-position: right -64px; }

a.button:active span { background-position: left -64px; }

.wrap {
width: 940px;
margin: 0 auto;
}



/* FORMS */

.formContainer, .row2 {
padding: 20px;
border: 1px solid #ddd;
background: #f2f2f2;
margin: auto;
border-radius: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 10px;
}

.row2 { margin: 0 0 10px; }

input[type=text] {
border: 1px solid #ccc;
background: #fff;
padding: 5px;
font-size: 18px;
color: #777;
}

input[type=text]:hover {
border: 1px solid #ddd;
}

input[type=text]:focus {
border: 1px solid #bbb;
background: #f1f1f1;
color: #333;
}

input[type=password] {
border: 1px solid #ccc;
background: #fff;
padding: 5px;
font-size: 18px;
color: #777;
}

input[type=password]:hover {
border: 1px solid #ddd;
}

input[type=password]:focus {
border: 1px solid #bbb;
background: #f1f1f1;
color: #333;
}

input[type=submit] {
border: 1px solid #ccc;
background: #fff;
padding: 3px 10px 4px;
font-size: 14px;
color: #777;
cursor: pointer;
}

input[type=submit]:hover {
border: 1px solid #ccc;
background: #f8f8f8;
padding: 3px 10px 4px;
font-size: 14px;
color: #111;
cursor: pointer;
}

input[type=submit]:active {
border: 1px solid #f8f8f8;
background: #333;
padding: 3px 10px 4px;
font-size: 14px;
color: #f8f8f8;
cursor: pointer;
}

textarea {
border: 1px solid #ccc;
background: #fff;
padding: 5px;
font-size: 18px;
font-family: arial, helvetica, sans-serif;
color: #777;
}

textarea:hover {
border: 1px solid #ddd;
}

textarea:focus {
border: 1px solid #bbb;
background: #f1f1f1;
color: #333;
}

select {
border: 1px solid #ccc;
background: #fff;
display: block;
float: left;
padding: 5px;
font-size: 18px;
}

.widget input[type=text] {
width: 180px;
margin: 0 0 0 -6px;
}

input#searchsubmit {
position: relative;
top: -5px;
left: 8px;
}

input#emailNewsletter {
font-size: 12px;
color: #999;
padding: 3px 3px 4px;
}

#contactTabs input[type=text] {
width: 450px;
display: block;
float: left;
margin: 0 0 10px;
}

#contactTabs textarea {
width: 450px;
height: 120px;
display: block;
float: left;
margin: 0 0 10px;
}

#contactTabs label {
width: 120px;
display: block;
color: #999;
margin: 3px 0 0 0;
font-size: 18px;
float: left;
}

#contactTabs input[type=submit] {
display: block;
float: right
}

#contactForm {
}

#contactForm div {
clear: both;
}

#quoteForm label {
width: 200px;
margin: 0 20px 0 0;
display: block;
color: #777;
font-size: 12px;
float: left;
}

#quoteForm input[type=text] {
width: 350px;
}

#quoteForm textarea {
width: 350px;
}

#quoteForm select {
width: 360px;
}

input#emailNewsletter {
background: #f8f8f8;
border: 0;
color: #777;
padding: 4px 5px 5px;
width: 154px;
}

input#emailNewsletter:focus {
background: #fff;
color: #333;
}

input#submitNewsletter {
background: #222;
border: 0;
color: #bbb;
margin: 0 0 0 3px;
}

input#submitNewsletter:hover {
background: #111;
color: #aaa;
}

input#submitNewsletter:active {
background: #f8f8f8;
color: #777;
top: 1px;
}



/* GLOBAL CONTENT */

#content {
margin: 0 0 40px;
}

#content h3 {
font-size: 28px;
margin: 0 0 20px 0;
}

#content h4 {
font-size: 20px;
margin: 20px 0 0 0;
color: #333;
font-weight: 600;
}

span.help {
border-bottom: 1px dotted #aaa;
cursor: help;
}



/* TOP HEADER */

#topHeader {
height: 35px;
background: #1a1a1a;
color: #dbdbdb;
}

#topHeader .wrap div {
float: right;
margin: 9px 0 0 30px;
}

#topHeader .wrap div img {
float: left;
margin: 0 5px 0 0;
}

#topHeader .wrap div p {
float: left;
line-height: 12px;
}

#topHeader .wrap div a {
color: #d0b885;
}



/* HEADER */

#header {
background: url(images/header-bg.jpg) repeat-x #1a1a1a;
height: 102px;
border-bottom: 1px solid #fff;
}

#header h1 { margin: 0; }

#header h1 a {
text-indent: -99999px;
display: block;
background: url(images/logo.png) no-repeat;
width: 260px;
height: 28px;
float: left;
margin: 38px 0 0 0;
outline: none;
}



/* TITLE BAR */

#titleBar {
margin: 0 0 30px 0;
border-bottom: 1px solid #d4d4d4;
background: url(images/titleBar-bg.jpg) repeat-x #ddd;
}

#titleBar h2 {
font-size: 40px;
font-weight: 600;
color: #777;
margin: 0;
line-height: 0;
}

.itemTypeTitle {
color: #1a1a1a;
font-weight: 900;
}

#titleBar .wrap {
padding: 33px 0 25px;
height: 40px;
}



/* NAV */

.menu-mouse-1-container .menu {
float: right;
margin: 0;
}

.menu-mouse-1-container .menu-item {
float: left;
list-style: none;
margin: 0 10px;
padding: 39px 10px 38px 10px;
}

.menu-mouse-1-container .menu-item a {
font-size: 16px;
font-weight: 800;
text-decoration: none;
color: #8e8e8e;
text-transform: lowercase;
outline: none;
margin: -39px 0 -38px;
padding: 39px 0 38px;
display: block;
}

.menu-mouse-1-container .menu-item a:hover {
color: #fff !important;
}

.menu-mouse-1-container .current-menu-item {
background: url(images/selected-arrow.png) center bottom no-repeat transparent;
padding: 39px 10px 48px 10px;
margin: 0 0px;
position: relative;
z-index: 10;
}

.menu-mouse-1-container .current-menu-item a { 
background: #1a1a1a;
margin: -39px 0 -38px;
padding: 39px 10px 38px 10px;
display: block;
color: #e5d1b1;
}



/* INTRO BACKGROUND */

#introWrap {
background: url(images/intro-bg.jpg) top center no-repeat #c9c9c9;
padding: 40px 0 0 0;
height: 538px;
}



/* INTRO */

#weMakeAwesomeWebsites {
width: 310px;
margin: 5px 20px 0 0;
float: left;
}

#weMakeAwesomeWebsites h2 {
font-weight: 600;
color: #1a1a1a;
font-size: 34px;
letter-spacing: -2px;
text-transform: lowercase;
margin: 0 0 15px;
}

#weMakeAwesomeWebsites h2 span {
font-weight: 900;
color: #967d46;
/** text-transform: uppercase; **/
}

#weMakeAwesomeWebsiwtes p strong {
color: #666;
}

#weMakeAwesomeWebsites p {
color: #888888;
font-size: 16px;
line-height: 22px;
font-weight: 600;
letter-spacing: -0.5px;
}

#weMakeAwesomeWebsites a {
text-decoration: none;
}

#weMakeAwesomeWebsites a:hover {
color: #ceaa60;
}

a#getAQuoteButton {
display: block;
text-indent: -99999px;
background: url(images/getaquote-button.png) no-repeat;
width: 189px;
height: 48px;
float: right;
margin: 20px 0 0 0;
}

a#getAQuoteButton:hover { background-position: 0 -48px; }
a#getAQuoteButton:active { background-position: 0 -96px; position: relative; top: 1px; }



/* SLIDER */

#slider {
width: 583px;
float: left;
position: relative;
margin: 0 0 0 27px;
}

.slideInfo {
float: right;
clear: both;
margin: 0 10px 0 0;
}

.slideInfo p {
color: #999;
font-size: 22px;
font-weight: 800;
float: left;
margin: 2px 15px 0 0;
}

.slideInfo a {
float: left;
}

a.readmoreTransparentButton {
display: block;
text-indent: -99999px;
background: url(images/readmore-transparent-button.png) no-repeat;
width: 106px;
height: 32px;
}

a.readmoreTransparentButton:hover { background-position: 0 -32px; }
a.readmoreTransparentButton:active { background-position: 0 -64px; position: relative; top: 1px; }

#controller span {
cursor: pointer;
z-index: 200;
}

#intro .jFlowPrev {
background: url(images/slider-prev.png) no-repeat;
width: 22px;
height: 43px;
display: block;
position: absolute;
top: 208px;
left: -27px;
}

#intro .jFlowNext {
background: url(images/slider-next.png) no-repeat;
width: 22px;
height: 43px;
display: block;
position: absolute;
top: 208px;
right: -3px;
}

#intro #sliderIndicators {
position: absolute;
top: 265px;
right: 3px;
}

#intro .jFlowControl {
background: url(images/slider-indicator.png) no-repeat;
width: 12px;
height: 12px;
display: block;
margin: 0 0 3px;
}

#intro .jFlowSelected {
background: url(images/slider-indicator-selected.png) no-repeat;
}

#sliderFadeLeft {
background: url(images/slider-fade-left.png) no-repeat;
width: 12px;
height: 492px;
position: absolute;
top: 0;
left: -2px;
z-index: 100;
}

#sliderFadeRight {
background: url(images/slider-fade-right.png) no-repeat;
width: 12px;
height: 492px;
position: absolute;
top: 0;
right: 20px;
z-index: 100;
}



/* HOME CONTENT */

#howDoWeDoIt {
width: 480px;
float: left;
margin: 40px 55px 0 0;
}

#dontTakeOurWordForIt {
width: 350px;
float: left;
margin: 40px 0 40px 25px;
}

#recentArticles {
width: 350px;
float: left;
margin: 0 0 0 25px;
}

#recentArticles h3 {
color: #555;
margin: 0 0 15px;
}

#recentArticles ul {
margin: 0;
list-style: none;
}

#recentArticles li {
line-height: 28px;
margin: 0;
padding: 0 0 0 5px;
border-bottom: 1px solid #ccc;
}

#recentArticles li small {
color: #999;
margin: 0 3px 0 0;
float: right;
}

#recentArticles li.last { border: none; }

#howDoWeDoIt p, #dontTakeOurWordForIt p {
font-size: 16px;
color: #333;
line-height: 22px;
}

#howDoWeDoIt ul {
margin: 25px 40px 0 20px;
}

#howDoWeDoIt li, #dontTakeOurWordForIt li {
font-size: 14px;
color: #777;
line-height: 20px;
margin: 0 0 15px;
}

#dontTakeOurWordForIt p {
color: #999;
font-size: 22px;
line-height: 26px;
}

#dontTakeOurWordForIt a {
text-decoration: none;
}

#dontTakeOurWordForIt a:hover {
color: #ceaa60;
}




/* MINI CONTACT FORM */

#miniContactControl {
background: #d6d6d6;
padding: 15px 0;
}

#miniContactControl a {
color: #8d8d8d;
font-weight: 900;
text-decoration: none;
font-size: 16px;
display: block;
width: 103px;
margin: 0 auto;
}

#miniContactControl img {
margin: 0 10px 0 0;
}

.collapse {
display: none;
}

#miniContactForm {
display: none;
background: #e3e3e3;
padding: 20px 0;
}

#miniContactForm h4 {
font-size: 20px;
margin: 0 0 10px 0;
color: #333;
font-weight: 600;
}

#homeContact {
width: 577px;
padding: 20px 50px 25px;
}

#homeContact .col {
float: left;
}

#homeContact p {
text-align: center;
margin: 15px 0 0 0;
color: #999;
}

#homeContact input[type=text] {
display: block;
margin: 1px 0 9px;
}

#homeContact textarea {
margin: 0 0 0 10px;
width: 341px;
height: 109px;
}

#homeContact input[type=submit] {
display: block;
float: right;
}

.messageSent {
color: #fff !important;
background: #6ba824 !important;
}


/* WHAT WE DO CONTENT */

.aboutRowLeft {
clear: both;
padding: 25px 0;
border-bottom: 2px solid #e7e7e7;
}

.aboutRowLeft img {
float: left;
margin: 0 0 0 30px;
}

.aboutRowLeft h4 {
margin: 15px 0 7px 30px !important;
float: left;
width: 622px;
}

.aboutRowLeft p {
width: 622px;
float: left;
margin: 0 0 25px 30px;
display: block;
}

.aboutRowRight {
clear: both;
padding: 25px 0;
border-bottom: 2px solid #e7e7e7;
}

.aboutRowRight img {
float: right;
margin: 0 30px 0 0;
}

.aboutRowRight h4 {
margin: 20px 30px 7px 0 !important;
float: right;
width: 622px;
}

.aboutRowRight p {
width: 622px;
float: right;
margin: 0 30px 25px 0;
display: block;
}

.aboutRowRight.first, .aboutRowLeft.first { padding: 10px 0 25px }

.aboutRowRight.last, .aboutRowLeft.last { border: 0; }



/* PORTFOLIO CONTENT */

.portfolio-itemExcerpt {
width: 290px;
float: left;
margin: 0 11px 60px;
}

#content .portfolio-itemExcerpt h3 {
margin: 0 0 10px;
font-size: 22px;
}

.portfolio-itemExcerpt p {
display: block;
margin: 5px 0 -20px 0;
height: 50px;
font-size: 16px;
line-height: 20px;
letter-spacing: -0.3px;
}



/* PORTFOLIO-ITEM */

#portfolio-itemSlider {
position: relative;
width: 423px;
float: left;
margin: 10px 0 0 0;
}

#portfolio-itemControllerPrev {
float: left;
position: relative;
top: 122px;
margin: 0 10px 0 0;
}
#portfolio-itemControllerNext {
position: absolute;
top: 122px;
right: 0;
}
#portfolio-itemSliderIndicators {
margin: 10px 0 25px 177px;
width: 88px;
}

#portfolio-itemSlideshow {
float: left;
}

.portfolio-itemController span {
cursor: pointer;
}

.portfolio-itemController .jFlowControl {
background: url(images/slider-indicator.png) no-repeat;
width: 12px;
height: 12px;
display: block;
margin: 0 3px;
float: left;
}

.portfolio-itemController .jFlowSelected {
background: url(images/slider-indicator-selected.png) no-repeat;
}

.portfolio-itemController .jFlowPrev {
background: url(images/slider-prev.png) no-repeat;
width: 22px;
height: 43px;
display: block;
}

.portfolio-itemController .jFlowNext {
background: url(images/slider-next.png) no-repeat;
width: 22px;
height: 43px;
display: block;
}

.portfolio-itemSlide {
padding: 4px 4px 1px 4px;
border: 1px solid #ccc;
background: #eee;
}

.portfolio-itemSlideTransparent {
padding: 4px 4px 1px 4px;
border: 0;
background: transparent;
}

#portfolio-itemContent {
float: left;
width: 450px;
position: relative;
background: url(images/divider-v.png) top right repeat-y;
padding: 40px 61px 0 0;
margin: -30px 5px 0 0;
}

#portfolio-itemContent h3 {
margin: 0 0 3px;
}

.strapline {
display: block;
font-size: 22px;
line-height: 26px;
letter-spacing: -0.3px;
margin: 0 0 20px;
position: relative;
z-index: 10;
color: #999;
}

.signature {
font-size: 11px;
color: #999;
float: right;
margin: 5px 0 10px 0;
}

#portfolio-itemContent .button {
float: right;
margin: 20px 0 40px 0;
position: relative;
z-index: 10;
}



/* TEAM PAGE */

.teamMember {
clear: both;
margin: 0 0 30px;
}

.teamMemberInfo {
width: 380px;
float: left;
height: 301px;
margin: -30px 0 0 0;
padding: 30px 51px 0 0;
position: relative;
background: url(images/divider-v.png) top right repeat-y;
}

.teamMemberSocial {
float: left;
width: 270px;
margin: -15px 0 0 10px;
}

.teamMemberSocial ul {
padding: 15px 20px;
background: #eee;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 20px 0 0 0;
width: 100px;
}

.teamMemberSocial ul li {
margin: 0 0 5px;
height: 26px;
list-style: none;
}

.socialFacebook {
background: url(images/facebook_16.png) no-repeat;
padding: 0 0 1px 22px;
}

.socialTwitter {
background: url(images/twitter_16.png) no-repeat;
padding: 0 0 1px 22px;
}

.socialYouTube {
background: url(images/youtube_16.png) no-repeat;
padding: 0 0 1px 22px;
}

.socialLinkedIn {
background: url(images/linkedin_16.png) no-repeat;
padding: 0 0 1px 22px;
}

.socialDelicious {
background: url(images/delicious_16.png) no-repeat;
padding: 0 0 1px 22px;
}

.socialFlickr{
background: url(images/flickr_16.png) no-repeat;
padding: 0 0 1px 22px;
}

.teamMemberPhoto {
width: 229px;
float: left;
}

.teamMemberPhoto img {
padding: 4px;
border: 1px solid #ccc;
background: #eee;
}

#content .teamMemberInfo h3 {
margin: 0 0 20px;
}

#content .teamMemberSocial h4 {
color: #999;
line-height: 20px;
margin: 20px 0 0 0;
width: 228px;
}



/* CONTACT PAGE */

#contactTabs {
float: left;
width: 640px;
margin: 0 0 0 0;
}

.tab { clear: both; }

#content #contactTabs h3 {
margin: 10px 0 5px;
font-size: 24px;
}

#content #contactTabs p.formSummary {
margin: 0 0 20px;
}

#content label#contact-details-main-label {
width: 100%;
margin: 0;
font-weight: bold;
color: #333;
}

#content #contactTabs label#contact-details-main-label small {
margin: -10px 0 25px;
font-weight: normal;
}

#content #contactTabs label small {
color: #999;
display: block;
clear: left;
margin: 10px 0 0;
}

#contactInformation {
width: 210px;
background: url(images/divider-v.png) top left repeat-y;
padding: 25px 0 35px 90px;
margin: -25px 0 0 0;
position: relative;
float: left;
}

#content #contactInformation  h4 {
margin: 0 0 10px;
}

#contactInformation p {
float: left;
display: block;
margin: 0 0 0 8px;
color: #999;
}

#contactInformation a {
color: #999;
}

#contactInformation a:hover {
color: #aaa;
}

#contactInformation img {
margin: 4px 0 0 -3px;
}


/* AWESOME WEB MAIL LOGIN */

#awesomeWebMailLogin {
width: 400px;
padding: 20px 60px;
margin: 30px auto;
}

#awesomeWebMailLogin h3 {
font-size: 22px;
color: #333;
margin: 0 0 10px;
}

#awesomeWebMailLogin input {
width: 388px;
margin: 0 0 10px
}

#awesomeWebMailLogin input[type=submit] {
width: 80px;
float: right;
}

#awesomeLogo {
margin: 35px 0 -22px 215px;
}



/* BLOG LISTING PAGES (archive.php, author.php, category.php, search.php, blog.php) */

#blog {
width: 622px;
float: left;
}

.postPreview {
margin: 0 0 20px 0;
box-shadow: 1px 2px 6px #ccc;
-webkit-box-shadow: 1px 2px 6px #ccc;
-moz-box-shadow: 1px 2px 6px #ccc;
}

.postThumbnail {
float: left;
margin: -2px 0 20px 0;
display: block;
background: url(images/photo-frame120.png) no-repeat;
width: 142px;
height: 142px;
padding: 9px 0 0 11px;
}

.postThumbnail img {
}

.postSummary {
padding: 10px 15px 0;
background: #f0f0f0;
}

#blog .postSummary h3 {
margin: 5px 0 10px 7px;
font-size: 22px;
font-weight: 600;
}

.postSummary h3 a {
color: #1a1a1a;
}

.postSummary .button {
float: right;
margin: 25px 0 0 0;
}

.postMeta {
text-shadow: 1px 1px 0 #fff;
background: #ddd;
background:
	-moz-linear-gradient(
		center bottom,
		rgb(217,217,217) 0%,
		rgb(250,250,250) 100%
	);
background:
	-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(217,217,217)),
		color-stop(1, rgb(250,250,250))
	);
padding: 10px 15px 0px 15px;
}

.postMeta span {
float: left;
margin: 0 20px 0 0;
}

.postMeta span p {
float: left;
}

.postMeta span img {
float: left;
margin: 3px 7px 0 0;
}

.postMeta .commentCount {
float: right;
margin: 0;
}



/* SINGLE */

.post {
margin: 0 0 20px;
padding-bottom: 10px;
border-bottom: 2px solid #e7e7e7;
}

.post .postContent p {
margin: 0 0 20px;
font-size: 14px;
line-height: 24px;
}

.post .postContent ul {
}

.post .postContent ul li {
margin: 0 0 8px;
font-size: 14px;
color: #777;
line-height: 20px;
}

.post .postThumbnail {
margin: 20px 0 0 0;
}

#blog .post h3 {
font-size: 26px;
margin: 23px 0 10px;
font-weight: 600;
}

.post small.excerpt p {
line-height: 18px !important;
font-size: 12px !important;
color: #999;
}

hr {
background: #e7e7e7;
height: 2px;
border: 0;
margin: 10px 0 20px 0;
}



/* COMMENTS */

.comment {
clear: both;
}

.comment-meta {
float: left;
width: 90px;
}

.comment-author {
display: block;
margin: -3px 0 5px;
line-height: 16px;
}

.comment-date {
font-size: 14px;
font-weight: bold;
margin: 0 0 10px;
color: #ccc;
}

.comment-text {
float: left;
margin: 0 0 0 10px;
border: 1px solid #ccc;
background: #fff;
width: 480px;
padding: 15px 20px 10px;
min-height: 63px;
color: #777;
}

ol#comments {
list-style: none;
margin: 0;
}

#comments li {
margin: 0 0 20px 0;
}





/* SIDEBAR */

#sidebar {
float: left;
position: relative;
width: 240px;
margin: -20px 0 0 5px;
padding: 20px 0 0 73px;
background: url(images/divider-v.png) top left repeat-y;
}

.coverTop {
background: url(images/divider-cover-top.png) no-repeat;
width: 79px;
height: 39px;
position: absolute;
top: 0;
left: 0;
}

.coverBottom {
background: url(images/divider-cover-bottom.png) no-repeat;
width: 79px;
height: 39px;
position: absolute;
bottom: 0px;
left: 0;
}

.coverTopRight {
background: url(images/divider-cover-top.png) no-repeat;
width: 79px;
height: 39px;
position: absolute;
top: 0;
right: 0;
}

.coverBottomRight {
background: url(images/divider-cover-bottom.png) no-repeat;
width: 79px;
height: 39px;
position: absolute;
bottom: 0px;
right: 0;
}

#sidebar h4 {
font-weight: 800;
font-size: 18px;
margin: 0 0 5px;
color: #3e3e3e;
}

#sidebar p, #sidebar ul, #sidebar li {
margin: 0;
list-style: none;
}

.widget {
margin: 0 0 0px -10px;
padding: 0 0 54px 20px;
background: url(images/divider-h280.png) bottom center no-repeat;
}

.widget label {
display: none;
}

.widget li {
line-height: 26px;
margin: 0;
border-bottom: 1px solid #ccc;
}

.widget .last { border: none; }

.widget li a {
color: #777;
text-decoration: none;
}

.widget li a:hover {
color: #333;
text-decoration: underline;
}

.widget li a:active {
color: #ccc;
text-decoration: none;
}

.widget li.last {
border: 0;
}



/* MEGA FOOTER */

#megaFooter {
background: #2f2f2f;
height: 380px;
padding: 30px 0 0;
}

#megaFooter a {
text-decoration: none;
}

#megaFooter a:hover {
color: #ceaa60;
}

.footerThird {
width: 259px;
margin: 0 30px 0 0;
padding: 0 30px 0 0;
float: left;
border-right: 1px solid #444;
height: 350px;
}

.lastFloat {
margin: 0;
border: 0;
width: 260px;
}

.footerThird h5 {
color: #fff;
font-size: 16px;
line-height: 20px;
letter-spacing: -0.5px;
margin: 0 0 15px;
}

.footerThird ul {
margin: 0;
}

.footerThird li {
list-style: none;
line-height: 26px;
border-bottom: 1px solid #444;
}

.footerThird li ul {
margin: -3px 0 0 10px;
}

.footerThird li ul  li.first{
margin: 5px 0 0 0;
border-top: 1px solid #444;
}

.footerThird .last {
border: 0;
}

#updatesButtons {
margin: 30px 0 0 0;
}

.attribution {
margin: 15px 0 0 0;
display: block;
}

.updatesButton {
display: block;
clear: both;
}

.updatesButton img {
float: left;
}

.updatesButton p {
float: left;
font-size: 16px;
margin: 10px 0 0 6px;
}

.updatesButtonRSS img {
margin: 0 0 0 2px;
}

.subscribed {
color: #fff !important;
background: #6ba824 !important;
padding: 3px 4px 4px !important;
}



/* TWEETS */

.tweet {
margin: 0 0 10px;
}

.tweetMessage {
padding: 10px;
background: #262626;
font-size: 11px;
color: #bbb;
width: 239px;
overflow: hidden;
}

.tweetMeta {
float: right;
margin: 3px 0 0 0;
font-size: 10px;
}




/* SUB FOOTER */

#subFooter {
background: #1a1a1a;
height: 50px;
}

#footerTagline {
font-family: Georgia, Times New Roman, Serif;
font-size: 16px;
color: #575757;
float: right;
margin: 15px 0 0 0;
}





/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('images/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('images/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/f