/*
 * Theme Name: Civil War
 * Theme URI: --
 * Description: Baltimore's 2010 Civil War theme 
 * Author: Zane M. Kolnik (Code), MGH (Design)
 * Version: 0.0.1
 */

/*
 RULES
 DO
 - Styles that have one property go on one line
 - Start each group of classes in comments
 - Make common named styles childeren until we can agree on default properties
 (example, .article-container .meta { color: red; }
 - Name ALL parent [PARENT]-container
 - Use short hand notation
 - Follow spacing already placed in file
 (exampel, 
  BAD 
  .meta{font-size:12px;
        line-height:1em;
        font-family:sans;
        font-weight:bold;
        }
        
  GOOD .meta{ font: bold 1em/12px sans; }

 DO NOT
 - Make common named style parents! 
 (example, .meta { color: red; }
 - Add left and right margin to *-container
 
*/
    
/*--------------------------------------------------------------------------------- map container styles */
.main-wrapper {
    color: #ffffff;    
    width: 868px;
}
.main-shadow { -moz-box-shadow: 1px 1px 25px #000000; -webkit-box-shadow: 1px 1px 25px #000000; box-shadow: 1px 1px 25px #000000; margin-top:15px;}

.map-inner-paper-top { background: url(/wp-content/themes/war-of-1812/images/map-bg-paper-top.png) no-repeat; height: 27px; clear: both; }

.map-inner-paper-middle { 
    background: url(/wp-content/themes/war-of-1812/images/map-bg-paper-middle.png) repeat-y;
    float: left;
    padding: 0 20px 10px 20px;
    }
    
.map-inner-paper-bottom { background: url(/wp-content/themes/war-of-1812/images/map-bg-paper-bottom.png) no-repeat; 
    height: 29px;
				clear: both;
				margin-bottom: 20px;
}
.map-bg-wrapper {
background: url("/wp-content/themes/war-of-1812/images/bg-map-wrapper.gif") no-repeat scroll 0 0 transparent;
 position: relative;
	padding:25px 0 25px 0;
}

.left { float: left; width: 40%; }
.right { float: right; width: 40%; text-align: right; }

/*--------------------------------------------------------------------------------- map styles */
.map-target { border: 1px solid #342011; clear: both; height: 450px; width: 820px; margin:0 auto; }

#map_info_container {
    background: url("/wp-content/themes/war-of-1812/images/bg-texture-pattern.gif") repeat scroll 0 0 transparent;
    border-radius: 4px 3px 3px 2px;
    box-shadow: 1px 1px 17px #342011;
    display: none;
    left: 300px;
    padding: 3px;
    position: absolute;
    top: 100px;
    z-index: 1000;
}

.map_info_wrapper { background-color: #FFF; padding: 10px 15px; width: 250px; }
.map_info_wrapper form {}
.map_info_wrapper input[type="text"] { border: 1px solid #666; padding: 3px; width: 242px; }
.map_info_wrapper input[type="submit"] { margin-top: 5px; }
.map_info_wrapper form span { color: #666; display: block; font-size: 11px; margin: 3px 0; }
.map_info_wrapper .sent_message { display: none; margin: 20px 0; }

.map_info_target .button_pane { border-top: 1px solid #ccc; margin-top: 15px; padding-top: 5px; }
.map_info_target .button_pane a { margin-right: 10px; }

.map_info_target{
	color:#000;
}
.map_info_target a {
	color:#000;
}
.map_info_target a:hover {
	color:#6699c7;
}


.map_zoom_controls {  
    height: 39px;
    position: absolute;
    width: 96px;
    top: 40px;
    left: 40px;
    z-index: 100;
    }
    
.map_zoom_controls a { background: url("/wp-content/themes/war-of-1812/images/map-zoom-control.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 39px;
    text-indent: -99999px;
    width: 48px;}
.map_zoom_controls a.zoom_out { background-position: right top; float: right; }


#emailItButton { margin-top: 10px; }

.map-key-container { padding: 20px 0; }
.map-key-container ul { border-left: 2px solid #a1945a; float: left; }
.map-key-container ul li { 
    border-right: 2px solid #a1945a; 
    float: left;     
    list-style-type: none; 
    padding: 5px 16px 0 16px;
    }
.map-key-container ul li img {
    -moz-box-shadow: 1px #333;
    }

.map-key-container ul li span { 
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: -28px;    
    }