/*  
Theme Name: bipolar red
Theme URI: http://www.x13design.com/bipolar/?theme=bipolar-red
Description: An inaugural WordPress theme created for <a href="http://www.x13design.com/bipolar/">bipolar</a>.
Version: 1.0
Author: Matthew Rasnake
Author URI: http://www.x13design.com/bipolar/
ThemeSwitcherBlurb: a brand new bipolar theme, built to celebrate the transition from MovableType to WordPress

	bipolar red
	 http://www.x13design.com/bipolar/

	This theme was designed and built by Matthew Rasnake,
	whose blog you will find at http://www.x13design.com/bipolar/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Have fun, and don't be afraid to contact me if you have questions.
*/

/* Begin Typography & Colors */
@import url(/bipolar/helpers/global.css);
body {
    background-color:   white;
    font-family:        Verdana, Arial, sans-serif;
    overflow:           visible;
    width:              99%;
    color:              #411;
}
#bodyDiv {
    margin:             10px 0 0 10px;
}
div, ul, li, table, tr, td, p {
    margin:             0;
    padding:            0;
}
p {
    margin:             3px 0 10px 0;
}
ul {
    margin-left:        13px;
    _margin-left:       16px;
}

a {
  color:                #336699;
}
  a:active {
    color:              #00FF00;
  }
  a:visited {
    color:              #CC0000;
  }
  a:hover {
    color:              #336699;
  }

.date   { color:        #AF2020;  }
.normal { color:        #006699;  }
.small  { color:        #006699;  }

h1, h2, h3, h4, h5, h6 { margin: 0;}
h1 {
  font-size:            120%;
}

.title, .title a, .title a:visited, h2 , h2 a, h2 a:visited {
  font-size:            100%;
  color:                #000000;
}
  .title a:hover, h2 a:hover {
    color:              #FF0000;
    text-decoration:    none;
  }

.cam {
    color:              #000;
    font-size:          87%;
}
    .cam a {
        color:          #F55;
    }
    .cam a:visited {
        color:          #CCC;
    }
    .cam a:hover {
        color:          #000;
    }
    .cam.mp3 {
        float:          left;
        width:          47%;
        margin-left:    4px;
    }
    .cam.refresh {
        float:          right;
        white-space:    nowrap;
        width:          47%;
        margin-right:   4px;
    }
img.camImage {
    border: 2px solid  #6F0000;
    margin-bottom: 5px;
}
.imagebar {
  border:             1px solid black;
  margin:             5px;
  width:              60px;
  float:              right;
  padding-bottom:     4px;
}
.imagebarIMG {
  border:             1px solid #666666;
  margin:             4px 4px 0 4px;
  margin-bottom:      0;
}

.gallery-thumb {
  border:             1px solid #7A5050;
  margin:             0 4px 4px 0;
  padding:            1px;
}

.gallery-header {
  width:              275px;
  border:             1px solid #DEDEDE;
  background-color:   #EDEDED;
  padding:            2px;
}

.gallery {
  width:              235px;
  margin:             5px 10px 5px 10px;
}
.gallery-nav {
  width:              235px;
  margin:             5px 10px 5px 10px;
}

.blogContainer, div.rounded {
    position:                   relative;
    border:                     2px solid #6F0000;
    border-right:               0;
    padding:                    1px 0 1px 0;
}
    .blogContainer .corner-lt,  div.rounded .corner-lt {
        position:               absolute;
        float:                  left;
        height:                 12px;
        width:                  12px;
        background:             url(images/corner_top-left.gif) no-repeat top left;
        top:                    -2px;
        _top:                   0;
        left:                   -2px;
    }
    #mlogDiv .corner-lt, #botLeftDiv.rounded.blog .corner-lt, #botLeftDiv.rounded.both .corner-lt{
        background:             url(images/corner_top-left_mlog.gif) no-repeat top left;
    }
    div.rounded .corner-lt {
        top: -2px;
    }
    .blogContainer .content {
        min-height:             240px;
        overflow:               auto;
    }
        div.rounded .content {
            height:             114px;
            overflow:           auto;
        }
        .blogContainer div.sub, div.rounded div.sub {
            margin-left:        15px;
            padding:            8px 15px 0 0;
        }
        #blogContent {
            padding-left:       85px;
        }
        #mlogContent {
            padding-right:      100px;
        }
        #bothContent {
            padding:            0 100px 0 85px;
        }
    .blogContainer .corner-lb, div.rounded .corner-lb {
        position:               absolute;
        float:                  left;
        height:                 12px;
        width:                  12px;
        background:             url('images/corner_bot-left.gif') no-repeat bottom left;
        left:                   -2px;
        bottom:                 -2px;
    }
    .blogContainer .corner-lb {
        _position:              relative;
        _bottom:                +13px;
    }
#hdrDiv {
    text-align:                 center;
    padding:                    3px 0 2px 0;
}
    #hdrDiv img {
        vertical-align:         middle;
        margin:                 0 10px;
    }
    #hdrDiv form {
        display:                inline;
        margin:                 0 10px;
    }
        #hdrDiv form #dest {
            background-color:   #efe5e5;
            color:              #6F0000;
            font-family:        verdana, sans-serif;
            font-size:          10px;
            width:              124px;
            border-width:       0px;
        }
    .twoDudes, .mattDude {
        height:                 0px;
        position:               relative;
        overflow:               none;
    }
        .twoDudes div.dude, .mattDude div.dude {
            width:              99px;
            height:             280px;
        }
        .twoDudes #brian {
            position:           absolute;
            left:               2px;
            bottom:             -7px;
            background:         url('images/brian.png') no-repeat bottom left;
        }
        .twoDudes #matt, .mattDude div.dude {
            position:           absolute;
            right:              +16px;
            bottom:             +2px;
            background:         url('images/matt.png') no-repeat bottom right;
            z-index:            50;
        }
        .twoDudes.blog #matt{
            display: none;
        }
        .twoDudes.mlog #brian{
            display: none;
        }
        .twoDudes.both #matt, .twoDudes.mlog #matt {
            bottom: -2px;
        }

    #botLeftDiv {
        position:       relative;
        float:          left;
        width:          34.5%;
    }
    #botRightDiv {
        position:       relative;
        float:          right;
        width:          34.5%;
    }
    #botMidDiv {
        position:       relative;
/*        float:          left; */
        width:          28.5%;
        text-align:     left;
        margin:         0 auto;
    }

.archLinks {
  color:              #DDD;
  font-size:          85%;
  padding-left:       33px;
  text-indent:        -33px;
}
  .archLinks a.currPage, .archLinks a.currPage:visited, .archLinks .year {
    color:            black;
    font-weight:      bold;
  }
.quote {
    margin:             20px 0 10px 0;
    padding:            0 0 0 10px;
    font-size:          90%;
    font-style:         italic;
    border-left:        1px solid #999999;
}

/* Story Stuff */
p.dropCap:first-letter {
  font-size:          3.5em;
  float:              left;
  line-height:        1em;
}
p.storyQuote {
  padding-left:       20px;
}

/* Extended Entry Stuff */
div.showMoreLink {
  position:           relative;
  margin-bottom:      15px;
}
div.moreStory {
  position:           relative;
  display:            none;
}

/* POST WP CHANGES */
#searchform #s {
    border-color:       #BC8888 #A25A5A #A25A5A #BC8888;
    color:              #6F0000;
    background-color:   #EFE5E5;
}
#searchform #searchsubmit {
    color:              #6F0000;
    height:             20px;
    border:             1px solid #BC8888;
}

div.commentlist {
  margin:           0;
  padding:          0;
}
  div.commentbox {
    clear:          both;
    border:         1px solid #CCC;
    border-width:   1px 0 1px 0;
    margin:         0;
    background-color: #FDFFFF;
    padding:        6px 5px 0 6px;
  }
  p.commentby {
    margin-top:     0px;
    font-weight:    bold;
  }
  div.commentinfo {
    text-align:     right;
    font-size:      85%;
    margin:         1px 0 10px 0;
  }
#commentspopup {
    margin:             38px 8px;
    overflow:           visible;
    color:              #6F0000;
}
    h1#comments {
        font-size:      20px;
    }
    #commentspopup #hdrDiv {
        width:          100%;
        min-width:      200px;
        text-align:     left;
        background-image: none;
        height:         38px;
    }
    #commentspopup #hdrDiv .sub {
        text-align:     left;
        margin-left:    8px;
    }
    #commentspopup div#commentBody {
        border-color:   #E3F2F7 #C9D6DA #C9D6DA #E3F2F7;
        background-color: #FDFFFF;
        padding:        10px;
        color:          #333333;
    }
div.navigation {
  margin-bottom: 10px;
}
ul.dellinks {
    margin-bottom: 15px;
}