/*----------------------------------------------------------------------- 
   Sections (formerly blogs)
 ------------------------------------------------------------------------ */ 
 
 #sections .col-left {
 float: left;
 width: 619px;
 border-right: 1px solid #ccc;
 }
 
 #sections .col-left p {
 padding-right: 10px; 
 }
 
 #sections .col-right {
 width: 370px; 
 font-size: 13px; 
 line-height: 20px; 
 }

 #sections .col-right h2 { 
 font-family: Georgia, Arial, Sans, serif; 
 font-size: 24px; 
 font-weight: normal;
 line-height: 24px;
 margin-bottom: 5px; }
 
 #sections .col-right h2 a { color: #000; }
 
 #sections h1 {
 font-family: Georgia, Garamond, Arial, Sans, serif; 
 font-size: 20px; 
 font-weight: bold;
 line-height: 20px;
 margin-bottom: 10px;
 }	

 #sections h1.section-title {
 font-family: Gill Sans, Arial, Sans, serif; 
 font-size: 11px; 
 font-weight: bold; 
 text-transform: uppercase;
 letter-spacing: 2px;
 padding: 8px 10px 5px 10px;
 border-bottom: 3px solid #ccc;
 margin-bottom: 12px;
 line-height: 18px;
 }	
 
 #sections h2 {
 font-family: "Helvetica Neue", "Helvetica", Arial, Sans, serif; 
 font-size: 22px; 
 font-weight: normal;
 line-height: 20px;
 }	
 
 #sections h2 a { color: #900; }
 
 #sections h3 {
 font-family: Gill Sans, Arial, Sans, serif; 
 font-size: 14px; 
 font-weight: bold; 
 text-transform: uppercase;
 letter-spacing: 2px;
 padding: 0px 0px 0px 0px;
 line-height: 16px;
 }	
 
 #sections h4 { color: #333; font: 11px Arial; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 4px; }
 
 .sections-col-two {
 float: left;
 width:	184px;
 padding: 0 0 10px 0;
 }
 
 .sections-col-two h2 { padding: 0 10px 10px 10px !important; }
 
 .sections-col-two h3 { padding: 10px 10px 0 10px !important; }
 
 .sections-col-two p { padding: 0 10px 0 10px !important; }
 
 .sections-col-two .ad { margin: 0px 0px -10px 0px; }
 
 #sections #header {
 width: 940px; border-bottom: none; margin: 0; padding-bottom: 0; 
 }
 
 #sections .post { padding: 15px 15px 0px 15px; }
 
 #sections .post p { font: 14px Georgia; line-height: 24px; margin-bottom: 20px; padding: 0; }
 
 
 img.section-header { border-bottom: 3px solid #000; }
 
 #sections h1.section-title { padding-top: 3px; padding-bottom: 7px; border-bottom: 3px solid #ccc; margin: 0; }
 
 #sections .ad { background: #e9e9e9; text-align: center;  padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; }
 
 #sections .ad p { color: #999; font: 10px Arial; letter-spacing: 1px; margin-bottom: 5px; }
 
 .border-left { border-left: 1px dotted #ccc; }
 
 #sections .dotted { border-bottom: 1px dotted #ccc; }
 
 .light-yellow { background-color: #fffff2; }
 
 h3.comment-header { padding: 0 10px 10px 10px !important; border-bottom: 3px solid #ccc; }
 
 #sections #comment-form-left, #sections #comment-form-right  { padding-top: 10px; }
 
 .flickr { padding: 10px; }

/*-------------- */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(http://gapersblock.com/mechanics/colorbox/images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(http://gapersblock.com/mechanics/colorbox/images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(http://gapersblock.com/mechanics/colorbox/images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(http://gapersblock.com/mechanics/colorbox/images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(http://gapersblock.com/mechanics/colorbox/images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(http://gapersblock.com/mechanics/colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(http://gapersblock.com/mechanics/colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(http://gapersblock.com/mechanics/colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(http://gapersblock.com/mechanics/colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://gapersblock.com/mechanics/colorbox/images/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://gapersblock.com/mechanics/colorbox/images/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(http://gapersblock.com/mechanics/colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(http://gapersblock.com/mechanics/colorbox/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(http://gapersblock.com/mechanics/colorbox/images/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gapersblock.com/mechanics/2011/02/14/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gapersblock.com/mechanics/2011/02/14/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gapersblock.com/mechanics/2011/02/14/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gapersblock.com/mechanics/2011/02/14/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gapersblock.com/mechanics/2011/02/14/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gapersblock.com/mechanics/2011/02/14/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gapersblock.com/mechanics/2011/02/14/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gapersblock.com/mechanics/2011/02/14/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}