/* jmcc_test =  */
@import '../lib/reset.css';


body {
    background: #000000 url(../images/bg_header_v2_2.jpg) center top no-repeat;
    font-family: Arial, Verdana;
    color:#999999;
    font-size:15px;
}

a, a:link {
    color:#ffffff;
}

a:hover, a:active {
    color:#ffffff;
}


/**********
 * HEADER *
 **********/

#header {
    width:950px;
    margin:0 auto;
    position:relative;
    overflow:auto;
}

#logo {
  background:transparent url(../images/jmc_logo_2.2-trans.png) no-repeat scroll -8px 0;
  cursor:pointer;
  display:block;
  height:69px;
  position:absolute;
  text-indent:-9999px;
  width:326px;
  z-index:10;
  top:76px;
}

#rss-icon {
  background:transparent url(../images/rss-overlay-trans.png) no-repeat scroll 0 0;
  display:block;
  height:133px;
  left:363px;
  position:absolute;
  text-align:left;
  text-indent:-9999px;
  top:29px;
  width:133px;
  opacity:0;
  display:none;
}

#featured {
    margin-top:200px;
    overflow:auto;
    position:relative;
}

/* CAROUSEL */

#carousel {
  width: 630px;
  clear: left;
  float: left;
  height: 320px;
  overflow: hidden;
  position: relative;
  background:transparent url(../images/white-15-trans.png) repeat;
}

#carousel .wrap {
  width: 610px;
  clear: left;
  float: left;
  height: 300px;
  overflow: hidden;
  position: relative;
  margin:10px;
}

#carousel ul {
  padding: 0px;
  margin: 0px;
  position: relative;
}

#carousel li {
  display:inline;
  float:left;
  position:relative;
}

#carousel li > a {
  display:block;
  width:610px;
  height:300px;  
}

#carousel img {
  border: 0 none;
  width:610px;
  height:300px;
}

#carousel .info {
  background:transparent url(../images/white-40-trans.png) repeat scroll 0 0;
  display:block;
  height:40px;
  left:0;
  position:absolute;
  top:300px;
  width:610px;
  color:#333;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight:normal;
  font-size:13px;
  letter-spacing:-1px;  
  text-transform:uppercase;  
}

#carousel .info .title {
  padding:12px 15px;
  left:0px;
  position:absolute;
}

#carousel .info .link {
  padding:12px 15px;
  position:absolute;
  right:0;
}

#carousel .info a,
#carousel .info a:link {
  color:#333;
  text-decoration:none;
}

#carousel .info a:hover,
#carousel .info a:active {
  color:#fff;
  text-decoration:none;
}


/* Carousel buttons */

#carousel-left, 
#carousel-right {
  text-indent:-9999px;
} 

#carousel-left {
  position:absolute;
  z-index:3;
  left: 9px;
  top:124px;
  
  width: 36px;
  height: 72px;
  cursor: pointer;
  background: transparent url(../images/carousel-nav-trans.png) no-repeat 0 0;
}

#carousel-left:hover,
#carousel-left:active  {
    background-position: 0 -72px;
}

#carousel-left.disabled,
#carousel-left.disabled:hover,
#carousel-left.disabled:active {
    cursor: default;
    background-position: 0 -288px;
}
 
#carousel-right {
    position:absolute;
    z-index:3;
    left: 584px;
    top:124px;
    width: 36px;
    height: 72px;
    cursor: pointer;
    background: transparent url(../images/carousel-nav-trans.png) no-repeat 0 -144px;
}

#carousel-right:hover,
#carousel-right:active {
    background-position: 0 -216px;
}

#carousel-right.disabled,
#carousel-right.disabled:hover,
#carousel-right.disabled:active {
    cursor: default;
    background-position: 0 -360px;
}




/* INTRO */
#intro {
    width:310px;
    height:320px;
    background:transparent;
    clear:right;
    float:left;
    margin:0 0 10px 0;
    overflow:hidden;
    text-align:right;
}

#intro h2 {
  /*color:#FFFFFF;
  font-family: Impact,Arial,sans-serif;
  font-size:40px;
  margin:44px 10px 22px 10px;
  */
  width:300px;
  height:97px;
  text-indent:-9999px;
  background:transparent url(../images/hello-i-design-stuff-trans.png) right 0 no-repeat;
  overflow:hidden;
  text-align:left;
}

#intro p {
  margin:0px 10px 16px;  
  font-weight:bold;
  line-height:20px;
}

#intro p strong {
  color:#ffffff;
  font-weight:bold;
}

#intro a,
#intro a:link {
  color:#00ccff;
  text-decoration:none;
}

#intro a:hover,
#intro a:active {
  color:#ffffff;
  text-decoration:none;
}


a#my-featured-stuff,
a#my-featured-stuff:link {
  /*
  color: #00CCFF;
  font-family: Impact,Arial,sans-serif;
  font-size:20px;
  margin:22px 10px 22px 10px;
  text-transform:uppercase;
  text-decoration:none;
  */
  width:190px;
  height:20px;
  text-indent:-9999px;
  background:url(../images/my-featured-stuff-trans.png) right 0 no-repeat;
  text-align:left;
  display:block;
  margin-left:110px;
}

a#my-featured-stuff:hover,
a#my-featured-stuff:active {
  /*color: #fff;*/
  background-position: 1px -21px;
}

a#my-featured-stuff span {
  color: #999;
}


/*******
 * NAV *
 *******/
#nav {
  width:950px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

#nav hr {
  position:absolute;
  color:#00CCFF;
  background-color:#00CCFF;
  border:0;
  width:100%;
  height:10px;
  z-index:0;
  top:92px;
}

#nav > ul {
  position:absolute;
  list-style:none;
  overflow:auto;
  width:100%;
  margin:50px 0 10px;
  z-index:2;
}

#nav > ul > li {
  float:left;
  display:block;
  margin-right:10px;
  border:0;
  height:30px;
  width:130px;
  background:transparent url(../images/white-15-trans.png) repeat;
  text-align:center;
  z-index:3;
  overflow:hidden;
  padding:10px;
}

#nav > ul > li.last {
  margin-right:0;
}
#nav > ul > li.search a {
  margin-bottom:0px;
}

#nav > ul > li.search form {
  visibility:hidden;
}


#nav > ul > li > a {
  background:transparent url(../images/nav-bg-trans.png) center 0px no-repeat;
}

#nav > ul > li.current > a {
  height:25px;
}

#nav  li > a > span {
  text-indent:-9999px;
  width:130px;
  height:15px;
  display:block;
  background: transparent url(../images/nav-labels-trans.png) no-repeat 2px -29px;
}

#nav li.home > a > span { background-position:2px 1px; }
#nav li.about > a > span { background-position:2px -29px; }
#nav li.about-summary > a > span { background-position:2px -59px; }
#nav li.about-bio > a > span { background-position:2px -89px; }
#nav li.about-recommendations > a > span { background-position:2px -119px; }
#nav li.portfolio > a > span { background-position:2px -149px; }
#nav li.portfolio-interactive > a > span { background-position:2px -179px; }
#nav li.portfolio-moving > a > span { background-position:2px -209px; }
#nav li.portfolio-still > a > span { background-position:2px -239px; }
#nav li.portfolio-photographic > a > span { background-position:2px -269px; }
#nav li.twitter > a > span { background-position:2px -479px }
#nav li.blog > a > span { background-position:2px -299px; }
#nav li.blog-inspirational > a > span { background-position:2px -329px; }
#nav li.blog-educational > a > span { background-position:2px -359px; }
#nav li.blog-informative > a > span { background-position:2px -389px; }
#nav li.contact > a > span { background-position:2px -419px; }
#nav li.search > a > span { background-position:2px -449px; }

#nav li.home > a:hover > span { background-position:-148px 1px; }
#nav li.about > a:hover > span { background-position:-148px -29px; }
#nav li.about-summary > a:hover > span { background-position:-148px -59px; }
#nav li.about-bio > a:hover > span { background-position:-148px -89px; }
#nav li.about-recommendations > a:hover > span { background-position:-148px -119px; }
#nav li.twitter > a:hover > span { background-position:-148px -479px }

#nav li.portfolio > a:hover > span { background-position:-148px -149px; }
#nav li.portfolio-interactive > a:hover > span { background-position:-148px -179px; }
#nav li.portfolio-moving > a:hover > span { background-position:-148px -209px; }
#nav li.portfolio-still > a:hover > span { background-position:-148px -239px; }
#nav li.portfolio-photographic > a:hover > span { background-position:-148px -269px; }
#nav li.blog > a:hover > span { background-position:-148px -299px; }
#nav li.blog-inspirational > a:hover > span { background-position:-148px -329px; }
#nav li.blog-educational > a:hover > span { background-position:-148px -359px; }
#nav li.blog-informative > a:hover > span { background-position:-148px -389px; }
#nav li.contact > a:hover > span { background-position:-148px -419px; }
#nav li.search > a:hover > span { background-position:-148px -449px; }


#nav > ul > li.current {
  border-color:#00ccff;
  background-color:#00ccff;  
}

#nav > ul > li.current > a {
  cursor:default;
}

#nav > ul > li > a {
  display:block;
  color:#333;
  font-family: Impact,Arial,sans-serif;
  font-weight:normal;
  font-size:15px;
  text-transform:uppercase;
  text-decoration:none;
  width:130px;
  padding:7px 0 8px;
  letter-spacing:0.2px;
}

#nav ul li ul li {
  width:130px;
  display:block;
  clear:both;
  margin:0;
  text-align:center;
  background:transparent;
}

#nav ul li ul li,
#nav ul li ul li a,  
#nav ul li ul li a:link {
  color:#000000;
  background:transparent;
  display:block;
  color:#333;
  font-family: Impact,Arial,sans-serif;
  font-weight:normal;
  font-size:15px;
  text-transform:uppercase;
  text-decoration:none;
  width:100%;
  padding:5px 0 0;  
  letter-spacing:0.6px;
}
#nav ul li ul li a:hover,
#nav ul li ul li a:active {
  color:#ffffff;
  background:transparent;
}

#nav li.search form {

}

.search #s {
  width:120px;
  margin-bottom:10px;
  padding:5px;
  border:none;
}

.search .submit {
  width:130px;
  border:none;
  padding:2px 5px 3px;
  color:#333;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight:normal;
  font-size:13px;
  text-transform:uppercase;
  text-decoration:none;
  background-color:#666;
  letter-spacing:-1px;
}

.search .submit:hover,
.search .submit:active {
  color:#fff;
  background-color:#666;
}

/********
 * MAIN *
 ********/

#main {
  width:950px;
  margin:120px auto 40px;
  overflow:hidden;
}

#primary {
  clear:left;
  float:left;
  margin-right:10px;
  padding:10px 10px 50px;
  width:610px;
  background:transparent url(../images/white-15-trans.png) repeat;
  position:relative;
  z-index:1;
}

#primary.single {
  margin:0 0 10px;
  padding:10px;
  width:930px;
  background:transparent url(../images/white-15-trans.png) repeat;
  position:relative;
}


#secondary {
  width:290px;
  float:left;
  clear:right;
  background:transparent url(../images/white-15-trans.png) repeat;
  padding:10px 10px 30px;
}

.breadcrumb {
  background-color:#000000;
  color:#666666;
  height:15px;
  margin:0 -20px 5px;
  padding:7px 20px 8px;
  text-decoration:none;
  width:570px;
  position:relative;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight:normal;
  font-size:13px;
  letter-spacing:-1px;  
  text-transform:uppercase;  
}

#primary.single .breadcrumb {
  width:890px;
  margin-bottom:0;
}

.breadcrumb a {
  color:#666666;  
  text-decoration:none;
}

.breadcrumb a:hover,
.breadcrumb a:active {
  color: #fff;
}

.breadcrumb .back {
  position:absolute;
  right:20px;
}

#main > h1 {
  font-family: Impact,Arial,sans-serif;
  font-weight:normal;
  margin:5px 10px 15px;
  text-transform:uppercase;
  font-size:15px;
}

/* POST */
#primary > div {
    width:570px;
    margin:0 20px;
}

#primary.single > div {
    width:890px;
    margin:0px;
}

#primary > div.no-results {
  margin-top:20px;
}


#primary div.image {
    width:610px;
    height:300px;
    background:#333333;
    border:10px solid #333333;
    clear:left;
    float:left;
    margin:0 10px 10px 0;
    overflow:hidden;
}

#primary div.image img {
    
}

#primary div.copy {
    width:290px;
    height:300px;
    background:transparent url(../images/white-40-trans.png) repeat;
    border:10px solid #333333;
    clear:right;
    float:left;
    margin:0 0 10px 0;
    overflow:hidden;
    text-align:right;
    position:relative;
}

#primary h2.title {
  color:#0066cc;
  font-family: Impact,Arial,sans-serif;
  font-size:50px;
  margin: 44px 0 -3px;
  font-weight:normal;
}

#primary h2.title a{
  text-decoration:none;
  color:#00ccff;
}

#primary h3.subtitle {
  color:#FFFFFF;
  font-family: Impact,Arial,sans-serif;
  font-size:17px;  
  margin: 0 0 22px;
  text-transform:uppercase;
  font-weight:normal;  
  letter-spacing:0.2px;
}

#primary p.date {
    margin: 0 0 40px;
    line-height:20px;
    font-weight:bold;
}

#primary div.excerpt {
    margin: 0 0 30px;
    line-height:20px;
}

#primary p.action {
  position:absolute;
  right:20px;
  bottom:20px;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight:normal;
  font-size:13px;
  letter-spacing:-1px;  
  text-transform:uppercase;  
}

#primary p.action a,
#primary p.action a:link {
  color:#00CCFF;
  text-decoration:none;
}

#primary p.action a:hover,
#primary p.action a:active {
  color:#ffffff;
  text-decoration:none;
}

#primary p img.size-full,
#primary p img.size-large {
  margin:0 -20px 10px; 
}

#primary p {
  margin-bottom:20px;
  line-height:20px;
}

#primary p.copyright {
  background:transparent url(../images/white-40-trans.png) repeat;
  color:#333333;
  font-family:Arial, Verdana;
  font-size:12px;
  font-weight:bold;
  height:15px;
  margin:0 -20px;
  padding:4px 20px 9px;
  text-align:center;
  width:570px;
  position:absolute;
  bottom:10px;
}

.wp-caption {
  width:610px;
  margin:0 -20px 20px;
	/*
  border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
	/*/-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}
.wp-caption img {
	margin: 0 0 -10px;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	/*font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
  */
}

div.post p object {
  margin: 0 -20px;
}

div.post p.wp-caption-text {
  display:none;
}

div.post-listing {  }
div.post-listing div.image { 
    width:610px;
    height:300px;
    background: transparent url(../images/white-15-trans.png) repeat;
    border:none;
    clear:left;
    float:left;
    padding:10px;
    margin:0 10px 10px 0;
    overflow:hidden;
}

div.post-listing div.image a {  }
div.post-listing div.image a img.featured {  }

div.post-listing div.detail {  
    width:290px;
    height:300px;
    background:#262626;/*transparent url(../images/white-15-trans.png) repeat;*/
    padding:10px;
    clear:right;
    float:left;
    margin:0 0px 10px 0;
    overflow:hidden;
    position:relative;
}

div.post-listing div.detail h2.title {
  color:#00CCFF;
  font-family: Impact,Arial,sans-serif;
  font-size:40px;
  margin: 20px 10px -3px;
  font-weight:normal;
  text-align:right;
}

div.post-listing div.detail h2.title a{
  text-decoration:none;
}

div.post-listing div.detail h3.subtitle {
  color:#FFFFFF;
  font-family: Impact,Arial,sans-serif;
  font-size:17px;  
  margin: 0 10px 22px;
  text-transform:uppercase;
  font-weight:normal;
  text-align:right;  
  letter-spacing:0.2px;
}

div.post-listing div.detail p.date {
  margin: 0 10px 20px;
  line-height:20px;
  font-weight:bold;
  text-align:right;    
}

div.post-listing div.detail div.excerpt {  
  margin-left:10px;
  margin-right:10px;
}
div.post-listing div.detail div.excerpt p { 
  line-height:20px;
  font-size:15px;
  text-align:right;    
}

div.post-listing div.detail p.action {  
  position:absolute;
  right:15px;
  bottom:15px;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight:normal;
  font-size:13px;
  letter-spacing:-1px;  
  text-transform:uppercase;  
}

div.post-listing div.detail p.action a,
div.post-listing div.detail p.action a:link {
  color:#00CCFF;
  text-decoration:none;
}

div.post-listing div.detail p.action a:hover,
div.post-listing div.detail p.action a:active {
  color:#ffffff;
  text-decoration:none;
}


/* CONTACT */

div.contact-details dl {
  overflow:auto;
  clear:both;
}

div.contact-details dt {
  font-family:"Arial Black", Arial, sans-serif;
  letter-spacing:-1px;
  font-size:13px;  
  font-weight:normal;
  line-height:20px;
  color:#666;
  text-transform:uppercase;
  float:left;
  margin-right:5px;
}

div.contact-details dd {
  font-family:"Arial Black", Arial, sans-serif;
  letter-spacing:-1px;
  font-size:13px;    
  font-weight:normal;
  line-height:20px;
  color:#999;
  text-transform:none;
  float:left;
  clear:right;
}

div.contact-details dl.email dd a,
div.contact-details dl.email dd a:link {
  color:#00CCFF;
  text-decoration:none;
}

div.contact-details dl.email dd a:hover,
div.contact-details dl.email dd a:active {
  color:#ffffff;
  text-decoration:none;
}


.formcontainer p.information,
.formcontainer p.error,
.formcontainer p.important,
.formcontainer p.success {
  margin-top:30px;
}

.formcontainer p.information {
  color:#00ccff;
}

.formcontainer p.error {
  color:#ff9900;
}

.formcontainer p.important {
  color:#ff9900;
}

.formcontainer p.success {
  color:#00ff00;
}

.formcontainer p.important em {
  font-size:11px;
}


.contact-form > fieldset  > div{
  clear:both;
  overflow:auto;
  margin-bottom:10px;
}

.contact-form legend {
  display:none;
}

.form-label {
  float:right;
  width:120px;
  font-family:"Arial Black", Arial, sans-serif;
  letter-spacing:-1px;
  font-size:13px;  
  font-weight:normal;
  line-height:20px;
  color:#666;
  text-transform:uppercase;   
}

.form-input {
  float:left;
  width:430px;
}

.form-textarea textarea {
  height:150px;
}

.form-input input,
.form-textarea textarea  {
  width:430px;
  background-color:#000;
  border:0 none;
  color:#999;
  padding:7px 5px;
}

.form-submit .button {
  width:440px;
  border:0 none;
  text-align:center;
  display:block;
  padding:5px;
  color:#000;
  font-family:"Arial Black", Arial, sans-serif;
  letter-spacing:-1px;
  font-size:13px;  
  text-transform:uppercase;
  text-decoration:none;
  background-color:#00ccff;
  cursor:pointer;
}

.form-submit .button:hover {
  color:#333;
  background-color:#fff;
}


/* PAGINATION */
#pagination {
  width:100%;
  overflow:auto;
  height:100px;
}

#pagination .pages,
#pagination > a,
#pagination > a:link {
  display:block;
  width:290px;

  margin-right:10px;
  background: transparent url(../images/white-40-trans.png) repeat;
  border:10px solid #333333;
  color:#333333;
  text-transform:uppercase;
  text-align:center;
  float:left;
  clear:none;
  letter-spacing:0.2px;
}

#pagination > a.next {
  margin-right:0;
}
  
#pagination > a:hover,
#pagination > a:active {
  border-color:#ffffff;
  color:#ffffff;
}

#pagination > a.right {
  margin-right:none !important;
}

#pagination .wrapper {
  text-align:center;
  float:left;
  position:relative;
  left:50%;
  text-align:left;
}

#pagination ul {
  list-style:none;
  position:relative;
  left:-50%;
}

#pagination li.current {
    
}

#pagination li.current a {
    color:#ffffff;
}

#pagination li {
  display:block;
  float:left;
  clear:none;
  position:relative;
}

#pagination li a {
  padding-left:5px;
  padding-right:5px;
}

#pagination a,
#pagination a:link {
  display:block;
  color:#333;
  font-family:"Arial Black", Arial, sans-serif;
  letter-spacing:-1px;
  font-size:13px;  
  font-weight:normal;
  text-transform:uppercase;
  text-decoration:none;
  padding-top:7px;
  padding-bottom:8px;    
}

#pagination li a:hover,
#pagination li a:active {
    color:#ffffff;
}


/***********
 * SIDEBAR *
 ***********/
#secondary {
  background:transparent url(../images/white-15-trans.png) repeat;
}

#secondary > div {
  width:290px;
  margin-bottom:5px;
  text-align:right;
  background: #666;
  padding-bottom:10px;
}
 
#secondary > div h3 {
  text-align:right;
  padding-top:20px;
  margin: 0px 20px 5px;
  color: #fff;
  text-transform:uppercase;
  font-weight:normal;
  font-size: 20px;
  font-family: Impact,Arial,sans-serif;
  letter-spacing:0.2px;
}

#secondary > div p, 
#secondary > div ul, 
#secondary > div ol, 
#secondary > div dl {
  margin:0 20px 5px;
  color:#333333;
  font-size:13px;
  line-height:20px;
  font-family: "Arial Black", Arial, Helvetica;
  text-transform:uppercase;
  letter-spacing:-1px;
}

#secondary span.email {
  text-transform: lowercase;
}

#secondary > div strong.status {
  color:#00CCFF;
  text-transform:uppercase;
  font-weight:normal;
  display:block;
  clear:both;
}

#secondary > div a,
#secondary > div a:link {
  color:#00CCFF;
  text-decoration:none;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight:normal;
  font-size:14px;
  letter-spacing:-1px;  
  text-transform:uppercase;    
}

#secondary > div a:hover,
#secondary > div a:active {
  color:#ffffff; 
  text-decoration:none;
}


#secondary > div#sb-view-live-site {
  width:290px;
  margin-bottom:5px;
  text-align:right;
  background:transparent;
  padding-bottom:0;
}

#secondary > div#sb-view-live-site a,
#secondary > div#sb-view-live-site a:link {
  display:block;
  padding:10px 20px;
  background:#00CCFF;
  text-decoration:none;
  color:#333;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight:normal;
  font-size:13px;
  letter-spacing:-1px;  
  text-transform:uppercase;  
}

#secondary > div#sb-view-live-site a:hover,
#secondary > div#sb-view-live-site a:active {
  text-decoration:none;
  color:#ffffff;
}


#secondary > div#sb-share,
#secondary > div#sb-share-2,
#secondary > div#sb-share-3,
#secondary > div#sb-share-4 {
  width:290px;
  margin-bottom:5px;
  text-align:right;
  background:#00CCFF;
  padding-bottom:15px;
  overflow:hidden;
  height:19px;
}

#secondary > div a#sb-share-btn,
#secondary > div a#sb-share-btn:link {
  display:block;
  padding:10px 20px;
  background:transparent;
  text-decoration:none;
  color:#333;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight:normal;
  font-size:13px;
  letter-spacing:-1px;  
  text-transform:uppercase;  
}

#secondary > div a#sb-share-btn:hover,
#secondary > div a#sb-share-btn:active {
  text-decoration:none; 
  color:#ffffff;
}

#secondary ul.share-icons {
  width:253px;
}

#secondary ul.share-icons li {
  width:32px;
  margin:0;
  float:right;
}

#secondary #quick-flickr  div.flickr > div,
#secondary div div.flickr > div {
  width: 270px;
  margin:20px 10px 0;
}

#secondary #quick-flickr  div.flickr > div img,
#secondary div div.flickr > div img{
  /*width: 84px;*/
  margin-right:11px;
  margin-bottom:11px;
}

#secondary  #sb-my-sites-1 p a,
#secondary  #sb-my-sites-2 p a{
  text-transform:none;
}

#secondary #sb-random-quote, 
#secondary #sb-random-quote2, 
#secondary #sb-random-quote-3 {
  background:transparent none;
  overflow:auto;
  padding-bottom:0;
}

#secondary div p.quote {
  background: #666;
  font-style:italic;
  font-size:14px;
  line-height:20px;
  color:#333;
  font-weight:bold;
  text-transform:none;
  letter-spacing:0;
  margin:0;
  padding:30px 20px 20px;
  font-family: Arial, Verdana;  

}

#secondary div p.source {
  font-style:normal;
  font-size:20px;
  line-height:20px;
  color:#666;
  font-family: Impact,Arial,sans-serif;
  font-weight:normal;
  text-transform:none;
  letter-spacing:0;
  display:block;
  background:transparent url(../images/quote-bottom.png) 250px 0 no-repeat;
  padding:25px 20px 20px;
  margin:0;
}

#secondary div p.source span {
  display:block;
  width:250px;
}

#secondary div p.source span.affiliation {
  font-size:15px;
  text-transform:uppercase;
}


#secondary div.aktt_tweets ul{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:15px;
  text-transform:none;
  letter-spacing:0;
	margin-top:10px;
}

#secondary  div.aktt_tweets ul li {
  margin-bottom:20px;
	overflow:hidden;
}

#secondary  div.aktt_tweets ul li a {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:15px;
  text-transform:none;
  letter-spacing:0;
}

#secondary  div.aktt_tweets ul li a[href ^="http://twitter.com/jonnymccauley/statuses"] {
	color:#fff;
}

#secondary  #hypem-widget {
  background:inherit!important;
}

#secondary  .hypem-small  {
  width:auto!important;
}



/**********
 * FOOTER *
 **********/

#footer-wrapper {
    width:100%;
    background:transparent url(../images/bg_footer_v2_2.jpg) center bottom no-repeat;  /*background-bottom.jpg*/
}

#footer {
  margin:-470px auto 0;
  overflow:hidden;
  padding-top:470px;
  width:950px;
  height:260px;
}

#footer h3 {
  font-family:Impact,Arial,sans-serif;
  font-weight:normal;
  font-size:16px;
  text-align:center;
  display:block;
  width:130px;
  height:23px;
  color:#333333;
  text-transform:uppercase;
  text-indent:-9999px;
  padding:7px 0 0;
  margin-bottom:20px;
  letter-spacing:0.2px;
}

#footer > div {
  margin-right:10px;
  float:left;
  clear:none;
  width:150px;
  height:260px;
  position:relative;
  text-align:center;
  top:215px;  
}

#footer > div > div {
  width:130px;
  height:260px;
  margin:10px 10px 0;
  background:transparent;
}

#footer > div > div p, 
#footer > div > div li {
  font-weight:normal;
  color:#333;
  line-height:20px;
  width:110px;

  font-family: "Arial Black", Arial, sans-serif;
  font-weight:normal;
  font-size:13px;
  letter-spacing:-1px;  

}

#footer > div > div p {
  margin:0 10px 15px;
} 
#footer > div > div li {
  margin:0 10px;
}


#footer > div > div a,
#footer > div > div a:link {
  text-decoration:none;
  color:#333;
}

#footer > div > div a:hover,
#footer > div > div a:active {
  text-decoration:none;
  color:#fff;
}


/* EXPLORE ME */
#ft-explore-me {
    text-align:center;
    background: transparent url(../images/ft-bg-explore.png) left top no-repeat
}

#ft-explore-me ul li {
  text-transform:uppercase;  
  
}

/* READ ME */
#ft-read-me {
    background: transparent url(../images/ft-bg-read.png) left top no-repeat
}

#ft-read-me ul {
  text-align:center;
}

/* KNOW ME */

#footer > div#ft-know-me {
  margin-right:0px;
  width:310px;
  background: transparent url(../images/ft-bg-know.png) left top no-repeat 
}

#footer > div#ft-know-me > div{
  width: 290px;
}

#ft-know-me h3 {
  width: 290px;
  margin-bottom:0;
}

#ft-know-me div.tag-cloud {
  width: 290px;
}

/* USE ME */
#ft-use-me {
    text-align:center;    
    background: transparent url(../images/ft-bg-use.png) left top no-repeat    
}

#ft-use-me h3 {
    
}

#ft-use-me p {
    
}

#ft-use-me p strong.status {
  display:block;
  color:#fff;
	text-transform:uppercase;
  letter-spacing:0.2px;
  font-weight:normal;
}

#ft-use-me p span.email {
    margin-top:10px;
    display:block;
}

#ft-use-me p span.email a,
#ft-use-me p span.email a:link {
    color:#00CCFF;
}

#ft-use-me p span.email a:hover,
#ft-use-me p span.email a:active {
    color:#ffffff;
}

#ft-use-me p span.tel {
    margin-top:10px;
    display:block;
}

/* SHARE ME */
#ft-share-me {
  background: transparent url(../images/ft-bg-share.png) left top no-repeat
}

#ft-share-me h3 {
    
}

ul.share-icons {
  list-style:none;  
  margin:auto;
  overflow:auto;
  width:96px;
}

#footer .share-icons li {
  width:32px;
  margin:0;
  float:left;
}

.share-icons a {
  display:block;
  overflow:hidden;
  width:32px;
  height:32px;
  background: transparent url(../images/share-icons-trans.png) no-repeat;
  float:left;
  text-indent:-9999px;
}
.share-icons a span {
  display:none;
}
.share-icons a.stumbleupon {
  background-position: -128px 0;
}

.share-icons a.facebook {
  background-position: -160px 0;
}

.share-icons a.twitter {
  background-position: -192px 0;
}

.share-icons a.blogger {
  background-position: -224px 0;
}

.share-icons a.google {
  background-position: -32px 0;
}

.share-icons a.newsvine {
  background-position: 0 0;
}

.share-icons a.netvibes {
  background-position: -256px 0;
}

.share-icons a.technorati {
  background-position: -288px 0;
}

.share-icons a.delicious {
  background-position: -96px 0;
}

.share-icons a.digg {
  background-position: -64px 0;
}

.share-icons a {
  text-indent:-9999px;    
}

/* STALK ME */

#ft-stalk-me {
  background: transparent url(../images/ft-bg-stalk.png) left top no-repeat
}

#ft-stalk-me ul.icons {
  list-style:none;
  margin:auto;
  overflow:auto;
  width:96px;
}

#ft-stalk-me ul.icons li {
  width:32px;
  margin:0;
  float:left;
}

#ft-stalk-me .icons a {
  display:block;
  overflow:hidden;
  width:32px;
  height:32px;
  background: transparent url(../images/stalk-icons-trans.png) no-repeat;
  float:left;
}

#ft-stalk-me .icons  a {
  text-indent:-9999px;    
}

#ft-stalk-me .facebook  a {
  background-position: 0 0;
}

#ft-stalk-me .picasa  a {
  background-position: -32px 0;
}

#ft-stalk-me .linkedin  a {
  background-position: -65px 0;
}

#ft-stalk-me .flickr  a {
  background-position: -97px 0;
}


#ft-stalk-me .twitter a {
  background: transparent url(../images/share-icons-trans.png) no-repeat;
  background-position: -192px 0;
}


#ft-stalk-me .rss a {
  background-position: -128px 0;
}




/*
 * FancyBox
 */
 
 div#fancy_wrap a {
	outline:none;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../lib/fancybox/img/fancy_progress.png) no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url(../lib/fancybox/img/fancy_loading.gif) no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0 0 -60px;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 0px none;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	height: 50px;
	width: 50px;
	background: url(../lib/fancybox/img/lightbox-close-trans.png) 0 -1px no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
  height:72px;
  margin-top:-15px;
	z-index: 112; 
	cursor: pointer;
	display: block;
  width:37px;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url(../lib/fancybox/img/fancy_left-trans.png) no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url(../lib/fancybox/img/fancy_right-trans.png) no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../lib/fancybox/img/fancy_shadow_n-trans.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../lib/fancybox/img/fancy_shadow_ne-trans.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../lib/fancybox/img/fancy_shadow_e-trans.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../lib/fancybox/img/fancy_shadow_se-trans.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../lib/fancybox/img/fancy_shadow_s-trans.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../lib/fancybox/img/fancy_shadow_sw-trans.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../lib/fancybox/img/fancy_shadow_w-trans.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../lib/fancybox/img/fancy_shadow_nw-trans.png) no-repeat;
}



div#fancy_title table {
	margin: 0 auto;
  background:transparent;
  border-collapse:separate;
  border: 0;
  width:auto;
}

div#fancy_title tr {
  background:transparent;
  border: 0;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
}

td#fancy_title_left {
  display:none;
}

td#fancy_title_main {
	display:block;
}

td#fancy_title_right {
	display:none;
}



div#fancy_title {
  background:transparent;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
}

div#fancy_title div {
  background:transparent url(../images/white-40-trans.png) repeat scroll 0 0;
  display:block;
  left:0;
  position:relative;
  margin:0 20px;
  color:#333;
  font-family: Impact,Arial,sans-serif;
  font-weight:normal;
  font-size:15px;
  text-transform:uppercase;  
  padding:12px 15px;
}


#primary #tagcloudflash {
  width:570px;
  height:420px;
}

#cse-search-results {
  width:570px;
  padding:20px;
  background:#262626;
  margin-left:-20px;
  margin-right:-20px;  
}

#primary blockquote {
  background:transparent url(../images/bq-close-trans.png) no-repeat scroll right bottom;
  font-style:italic;
  margin:0 0 20px 15px;
  padding:30px 45px 0;
  width:465px
}

#primary blockquote p {
  background:transparent url(../images/bq-open-trans.png) no-repeat scroll left top !important;
  padding:10px 0 10px 45px !important;
}

#primary .flash-tag-cloud {
  background:#000000;
  width:610px;
  margin-left:-20px;
  margin-right:-20px;
}