/*  
Theme Name: Networked_Performance
Theme URI: http://turbulence.org/blog/
Description: A custom theme for Turbulence
Version: 0.01
Author: Design by Mushon Zer-Aviv, code by Dan Phiffer 
Author URI: http://shiftspace.org/
*/

body {
    margin: 0;
    padding: 0 0 0 27px;
    font: 12px/20px verdana, sans-serif;
    background: #BDE4F9 url(images/bg.jpg) repeat-x;
    color: #18393D;
    min-width: 950px;
}

a {
    color: #385E8C;
    border-bottom: 1px dotted #378089;
    text-decoration: none;
}

a:hover {
    color: #2E598B;
    background: #A3DDF9;
    border-bottom: 1px solid #14363D;
}

a img, a.noborder {
    border: none;
}

h1 {
    color: #9DCFD4;
    font: 20px georgia, serif;
}

h1.search {
    margin: 20px 0 0 0;
    padding-bottom: 5px;
    border-bottom: 2px solid #9DCFD4;
    
}

.clear {
    line-height: 0;
    clear: both;
}

#main {
    float: left;
    width: 515px;
    margin: 32px 10px 0 0;
}

#title {
    position: absolute;
    left: 552px;
    top: 32px;
}

#top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #00434C;
    height: 31px;
    z-index: 100;
}

#top .relative {
    position: relative;
    z-index: 101;
}

#about {
    position: absolute;
    top: 0;
    left: 27px;
    font: 11px verdana, sans-serif;
    width: 515px;
    height: 30px;
    border-top: 1px solid #9ED0D5;
    border-bottom: 1px solid #9ED0D5;
    color: #9ED0D5;
    z-index: 102;
}

#about div {
    padding-top: 7px;
}

#feed {
    float: left;
}

#feed a {
    color: #3D4428;
    border: none;
}

#feed a.noborder:hover {
    background: transparent;
}

#scroll {
    float: right;
    color: #6CA400;
}

#scroll a {
    color: #6F82A9;
    border: none;
}

#scroll a:hover {
    color: #9ED0D5;
}

#scroll img {
    vertical-align: middle;
}

#feed img {
    margin-bottom: -1px;
    margin-right: 3px;
}

#search {
    position: absolute;
    top: 0;
    left: 552px;
    width: 420px;
    height: 32px;
    background: #FFF url(images/form-bg.gif) no-repeat;
    margin: 0;
    z-index: 100;
    text-align: right;
}

#search .text {
    font: 11px verdana, sans-serif;
    width: 175px;
    margin: 7px 0 0 0;
    padding: 2px;
    color: #18393D;
    background: #4D7980;
    border: none;
}

#search .button {
    vertical-align: bottom;
    margin: 0 7px 0 0;
}

.bg25 {
    background-image: url(images/bg25.png);
}

.bg40 {
    background-image: url(images/bg40.png);
}

.bg60 {
    background-image: url(images/bg60.png);
}

.bg70 {
    background-image: url(images/bg70.png);
}

.bg80 {
    background-image: url(images/bg80.png);
}

.post {
    border-bottom: 2px solid #6F82A9;
}

.post h2, .posts h2 {
    padding: 32px 0 4px 0;
    font: 20px georgia, serif;
    margin: 0;
    color: #18393D;
}

.post h2 a {
    color: #18393D;
}

.post h2 img {
    vertical-align: bottom;
    margin-bottom: 2px;
}

.blogger h2 {
    border-bottom: 2px solid #EFFDC0;
    padding-bottom: 6px;
}

.posts h2 {
    padding-top: 16px;
}

.post h2 a {
    border-bottom: none;
}

.post .top {
    position: relative;
    border-top: 2px solid #9ED0D5;
}

.post .tags {
    width: 410px;
    margin: 0;
    border-bottom: 2px solid #9ED0D5;
    padding: 0 0 4px 0;
}

.post dl.reblog {
    width: 100%;
}

.post .tags {
    padding: 0 12px 3px 12px;
}

.post .tags dt {
    font: bold 12px/12px georgia, serif;
    color: #385E8C;
    margin: 0;
    padding: 5px 0 0 0;
}

.post .tags dd {
    display: block;
    float: left;
    padding: 2px 8px 2px 0;
    margin: 0;
    font: 11px verdana, sans-serif;
}

.post .tags dd.disabled {
    float: none;
    color: #385E8C;
}

.post .author {
    position: absolute;
    right: 0;
    bottom: 0;
    font: 12px/15px georgia, serif;
    width: 95px;
    color: #91A458;
    border-bottom: 2px solid #9ED0D5;
    padding: 0 0 1px 0;
}

.post .author a {
    color: #385E8C;
    border: none;
}

.post .bottom {
    position: relative;
    padding-right: 105px;
}

.post .content {
    /*width: 410px;*/
    padding: 12px;
}

.post .content p {
    margin: 0 0 10px 0;
}

.post .description {
    color: #3E4227;
    padding-bottom: 6px;
    width: 410px;
}

.post .content img, .post .description img {
    float: right;
    margin: 0 -105px 0 10px;
}

.post h2 img {
    float: none;
    vertical-align: bottom;
}

.post .meta {
    position: absolute;
    bottom: 0;
    right: 0;
    font: 12px/17px georgia, serif;
    width: 95px;
    color: #6F82A9;
    padding: 3px 0 5px 7px;
}

.posts {
	background: #FFFFFF;
}

.posts dt {
    color: #6CA400;
    font: 14px georgia, serif;
    padding: 5px 0;
    border-bottom: 2px solid #EFFDC0;
}

.posts dd {
    margin: 0;
    border-bottom: 2px solid #EFFDC0;
}

.posts .date {
    font: 12px/20px georgia, serif;
    color: #90A258;
    width: 100px;
    float: left;
    padding: 5px 0;
}

.posts dd a {
    display: block;
    font: 14px/20px georgia, serif;
    float: left;
    border: none;
    padding: 5px 10px;
    width: 395px;
}

#col1, #col2 {
    font: 11px/18px verdana, sans-serif;
    float: left;
    margin-top: 92px;
    margin-left: 0;
    width: 210px;
    color: #3D4428;
}

h3 {
    font: 20px georgia, serif;
    margin: 0;
    padding: 7px 10px 6px 10px;
    color: #697051;
}

#col1 h3 {
    border-top: 2px solid #0FC365;
    border-bottom: 2px solid #0FC365;
}

#col2 h3 {
    border-top: 2px solid #B8F06C;
    border-bottom: 2px solid #B8F06C;
}

#col1 h4, #col2 h4 {
    font: 14px georgia, serif;
    margin: 0;
    color: #3D4428;
}

#col1 .content, #col2 .content {
    padding: 9px 10px;
}

#col1 .content img, #col2 .content img {
    margin-bottom: 5px;
}

#col1 .section {
    border-bottom: 1px solid #0FC365;
}

#col2 .section {
    border-top: 1px solid #B8F06C;
}

#stage .live {
    padding: 9px 10px;
    border-bottom: 1px solid #0FC365;
}

#stage .live img {
    display: block;
    margin-bottom: 5px;
    border: 2px solid #D6D6D6;
}

#stage .live img.country {
    display: inline;
    border: none;
}

#stage .live a:hover img {
    border: 2px solid #0FC365;
}

#stage .live a:hover img.country {
    border: none;
}

#stage ul {
    margin: 0;
    padding: 0 0 0 0;
}

#stage li {
    border-bottom: 1px solid #0FC365;
    padding: 7px 9px;
    margin: 0;
    list-style: none;
}

#stage li.last {
    border-bottom: none;
}

#stage .event {
    float: left;
    width: 150px;
}

#stage .date {
    float: left;
    width: 40px;
}

#stage a div {
    cursor: pointer;
}

#stage img.country {
    vertical-align: bottom;
    margin-bottom: 3px;
}

#interviews {
    background: transparent url(images/col1-bg.gif);
    padding: 0 10px 9px 10px;
    border-bottom: 1px solid #0FC365;
}

#interviews a {
    display: block;
}

#interviews a:hover {
    background: transparent;
}

#interviews a.more {
    display: inline;
    color: #1495FF;
}

#interviews a:hover span {
    background: #D9F8FA;
}

#interviews a:hover strong {
    background: #D9F8FA;
}

#interviews img {
    display: block;
    float: left;
    margin: 0 7px 7px 0;
}

#interviews div {
    float: left;
    margin-top: 3px;
}

#previous_interviews {
    margin: 0;
    padding: 0;
    background: transparent url(images/col1-bg.gif);
}

#previous_interviews a {
    display: block;
    height: 45px;
}

#previous_interviews a:hover {
    background: #FFF;
}

#previous_interviews li {
    position: relative;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #0FC365;
}

#previous_interviews img {
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    margin: 0;
    border: 2px solid #D6D6D6;
}

#previous_interviews .title {
    position: absolute;
    top: 4px;
    left: 62px;
}

#previous_interviews .overlay {
    position: absolute;
    top: 2px;
    left: 12px;
    width: 41px;
    height: 40px;
    background: transparent url(images/interviews-overlay.gif);
}

#previous_interviews a:hover img {
    border: 2px solid #1495FF;
}

#previous_interviews a:hover .overlay {
    display: none;
}

#previous_interviews li.last {
    padding: 7px 9px;
    border-bottom: none;
}

#previous_interviews li.last a {
    border-bottom: none;
    display: inline;
}

#tags {
    font-size: 12px;
    border-bottom: 1px solid #B8F06C;
}

#tags .top {
    border-top: 2px solid #0FC365;
    border-bottom: 2px solid #0FC365;
    padding: 7px 10px 6px 10px;
}

#tags h3 {
    float: left;
    border: none;
    padding: 0;
}

#tags .sort {
    float: right;
    margin-top: 6px;
}

#tags .sort a {
    color: #697051;
    margin-left: 5px;
    border-bottom: 1px dotted #697051;
}

#tags .sort a.active {
    color: #385E8C;
    border-bottom: 1px solid #385E8C;
}

#tags .inner {
    padding: 9px 10px;
    text-align: justify;
}

#tags .inner a {
    background: none;
    border: none;
}

#tags_freq {
    display: none;
}

.tag9 {
    color: #385E8C !important;
    font: 12px verdana, sans-serif;
}

.tag8 {
    color: #3B608E !important;
    font: 12px verdana, sans-serif;
}

.tag7 {
    color: #3F6492 !important;
    font: 12px verdana, sans-serif;
}

.tag6 {
    color: #446996 !important;
    font: 11px verdana, sans-serif;
}

.tag5 {
    color: #496F9A !important;
    font: 11px verdana, sans-serif;
}

.tag4 {
    color: #50749E !important;
    font: 11px verdana, sans-serif;
}

.tag3 {
    color: #5679A3 !important;
    font: 11px verdana, sans-serif;
}

.tag2 {
    color: #5B7EA7 !important;
    font: 10px verdana, sans-serif;
}

.tag1 {
    color: #6084AB !important;
    font: 10px verdana, sans-serif;
}

.tag0 {
    color: #6487AE !important;
    font: 10px verdana, sans-serif;
}

#tags a:hover {
    color: #3D4428 !important;
}

#weekly {
    padding: 9px 10px;
}

#weekly h4 {
    font: bold 11px verdana, sans-serif;
    margin: 0 0 7px 0;
}

#weekly img {
    float: left;
    margin-right: 7px;
}

.bloggers {
    margin: 0;
    padding: 0;
}

.bloggers li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 30px;
    border-bottom: 1px solid #B8F06C;
}

.bloggers a {
    display: block;
    padding: 0 9px;
    border-bottom: none;
}

.bloggers a:hover {
    background: #FFF !important;
}

.bloggers img {
    vertical-align: bottom;
    margin: 3px 7px 3px 0;
    border-left: 2px solid #FFF;
}

.bloggers a:hover img {
    margin: 1px 5px 1px 0;
    border: 2px solid #B8F06C;
}

.guest {
    border-top: 1px solid #B8F06C;
}

#commissions a {
    display: block;
    float: left;
    border-bottom: none;
}

#commissions a:hover {
    background: #FFF;
}

#commissions li {
    margin: 0;
    list-style: none;
    border-top: 1px solid #B8F06C;
    line-height: 16px !important;
}

#commissions strong {
    display: block;
    margin-bottom: 1px;
}

#commissions img {
    margin: 2px 2px 0 0;
    border: 2px solid #D6D6D6;
}

#commissions img.odd {
    margin-right: 0;
    border-right: 2px solid #D6D6D6;
}

#commissions .title {
    float: left;
    margin: 5px 0 0 7px;;
}

#commissions a:hover img {
    border: 2px solid #B8F06C;
}

#commissions a.more {
    padding: 7px 9px;
    float: none;
    border-top: 1px solid #B8F06C;
    border-bottom: 1px solid #B8F06C;
}

#links h3 {
    margin: 40px 40px 0 0;
    padding: 0 0 5px 0;
    color: #378089;
    border-bottom: 2px solid #9ED0D5;
    background: transparent;
}

#links .inner {
    padding: 10px 0 10px 0;
}

#links .overview {
    float: left;
    width: 105px;
    font: 14px georgia, serif;
}

#links .overview a {
    float: left;
    width: 25px;
    text-align: center;
    margin-top: 3px;
    border: none;
}

#links #sections {
    width: 840px;
    overflow: hidden;
}

#links #sections .inner {
    width: 10000000px;
}

#links .section {
    font: 10px/20px verdana, sans-serif;
    float: left;
    width: 210px;
}

#links .section a {
    overflow: hidden;
    display: block;
    border: none;
    width: 190px;
    padding: 0 10px;
}

#nav_next span {
    margin-right: 5px;
}

#nav_next:hover {
    background: transparent;
}

#nav_next:hover span {
    background: transparent;
    text-decoration: underline;
}

#prev_label {
    color: #9ED0D5;
    text-decoration: underline;
    display: none;
    margin-right: 5px;
}

.subscribe {
    color: #3E4323;
    padding-bottom: 30px;
}

.subscribe h3 {
    font: 14px georgia, serif;
    color: #6FA102;
    padding: 15px 0 6px 0;
    border-top: 2px solid #EFFDC0;
    border-bottom: 2px solid #EFFDC0;
}

.subscribe h4 {
    font: bold 12px verdana, sans-serif;
    margin: 10px 0;
}

.subscribe form {
    margin: 0;
}

.subscribe label {
    display: block;
}

.subscribe label.inline {
    display: inline;
}

.subscribe input.text {
    border: 2px solid #E5FCA1;
    padding: 2px;
    font: 12px verdana, sans-serif;
}

.subscribe input.wide {
    width: 300px;
}

.subscribe div {
    margin-bottom: 5px;
}

.subscribe .button {
    float: right;
    font: 12px verdana, sans-serif;
    background: #D2DEA0;
    color: #629400;
    border: 2px outset #D2DEA0;
    padding: 3px 7px;
    margin-left: 3px;
    cursor: pointer;
}

.subscribe .button:active {
    border: 2px inset #D2DEA0;
}

.feeds ul {
    margin: 0;
    padding: 0;
}

.feeds li {
    font-size: 11px;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
}

.feeds a {
    padding-left: 20px;
    background: transparent url(images/feed.gif) no-repeat  left top;
    border: none;
}

.feeds a:hover {
    background: transparent url(images/feed-hover.gif) no-repeat left top;
}

#response {
    font-weight: bold;
    color: #FD2C0B;
    margin-bottom: 10px;
}

#comments h3 {
    color: #18393D;
    padding: 0;
    margin: 20px 0;
}

#comments form {
    margin: 0;
}

#comments textarea, #comments .text {
    border: 2px solid #9ED0D5;
    padding: 2px;
    font: 12px verdana, sans-serif;
}

#comments textarea {
    width: 80%;
}

#comments .commentmetadata {
    float: right;
    font: 12px/17px georgia, serif;
    width: 95px;
    color: #91A458;
    padding: 3px 0 5px 7px;
}

#comments .commentmetadata a {
    border-bottom: none;
}

#comments ol {
    margin: 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #9ED0D5;
}

#comments li {
    border-bottom: 1px solid #9ED0D5;
    padding: 0 0 3px 0;
    margin: 0 0 10px 0;
    list-style: none;
}

#comments cite {
    font-style: normal;
    font-weight: bold;
}

#comments .button {
    font: 12px verdana, sans-serif;
    background: #CDEAFA;
    color: #378089;
    border: 2px outset #CDEAFA;
    padding: 3px 7px;
    cursor: pointer;
}

#comments .button:active {
    border: 2px inset #CDEAFA;
}

#comments .trackback {
    float: right;
    margin-top: 20px;
    border-bottom: none;
    font: 12px/17px georgia, serif;
}

h3.comments {
    float: left;
}

#comments label {
    font: 11px verdana, sans-serif;
    margin-left: 5px;
}

.page_nav a {
    display: block;
    font: 15px georgia, serif;
    padding: 10px;
    background-image: url(images/bg40.png);
}

#credits {
	margin: 0 40px 0 0;
    padding: 10px 0 20px 0;
    font: 10px verdana, sans-serif;
	border-top: 2px solid #9ED0D5;
}

#archive {
    border-bottom: 1px solid #0FC365;
}

#archive h4.year {
    font: bold 11px verdana, sans-serif;
    color: #18393D;
    border-bottom: 1px solid #0FC365;
    padding: 7px 10px;
}

#archive .months {
    padding: 7px 10px;
    border-bottom: 1px solid #0FC365;
    color: #385E8C;
}

#archive .months a {
    color: #385E8C;
    border: none;
}