/*
Theme Name: Bridge Unit 383
Description: The default WordPress theme based for the bridge websites.
Version: 1.0
Author: SFWDLLC
Author URI: http://santafewebdesign.com

*/



/* Begin Typography & Colors */

body
{
	background-image : url(/images/bg.png);
	background-repeat : repeat-x;
	background-color : #EAE8E3;
	font-family : palatino, palatino linotype, times new roman, serif;	
	font-size : 12px;
	margin : 0px;
	padding : 0px;
	color : #000;
}

/* png fix for ie */
img, div, { behavior: url("/iepngfix.htc") }

/* clear fix */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


#layout
{
  width : 907px;
  margin : 0px auto 0px auto;
  background-image : url(/images/layout_bg.png);
  background-repeat : repeat-y;
  padding : 10px 18px 5px 15px;
}

#topshadow {
  width : 942px;
  margin : 25px auto 0px auto;
  padding: 0px;
  height: 7px;
  background-image : url(/images/topshadow.png);
  background-repeat : no-repeat;
}

#header
{
	background-image : url(/images/header_bg.jpg);
	background-repeat : no-repeat;
	color : #f8f6f1;
	padding : 10px;
	letter-spacing : 2px;
}

#header h1
{
	margin : 0px;
	font-size : 23px;
	font-weight : normal;
	color: white;
}

#header h1 a
{
	color: white;
        text-decoration : none;
}


#header h1 a:hover
{
	color: navy;
        text-decoration : underline;
}

#address
{
	font-size : 11px;
	font-family : verdana, arial, sans-serif;
}

#address a
{
	color : #f8f6f1;
	text-decoration : none;
}

#bottom_wrapper
{
	padding-top : 5px;
}

#bottom_wrapper h2
{
	font-size : 15px;
	margin : 5px 0px 0px 0px;
	color : #2d5b91;
}

#left_col
{
	float : left;
	width : 199px;
	padding : 0px 10px 0px 0px;
  border-right: 1px solid #3d7c91;
        
}

#left_col h2 {
  margin-left: 0px !important;
  padding: 0px !important;
  border-bottom: 1px solid #3d7c91;
}

.home #middle_col {
  background-image : url(/images/cards.jpg);
  background-repeat : no-repeat;
}

#middle_col
{
	width : 667px;
	float : left;
	color : #43474a;
  margin-left: -1px;
}

#middle_col h2 {
  padding-left: 6px;
  border-bottom: 1px solid #3d7c91;
  margin-left: 11px;
}

#middle_col p
{
	
	font-family : verdana, helvetica, arial, sans-serif;
}

#middle_col_borders
{
	border-left : 1px solid #3d7c91;
	padding : 0px 5px 0px 10px;
}

#right_col
{
	width : 199px;
	float : left;
	padding : 0px 5px;
}

.eventpage #left_col {
  display: none;
}

.eventpage #middle_col_borders {
  border: 0px;
}

#footer
{
	margin : 0px auto 20px auto;
	width : 907px;
	padding : 0px 18px 0px 15px;
	background-image : url(/images/bottom.png);
	background-repeat : no-repeat;
	height : 8px;
}


#content {
  padding-top: 0px;
  margin-top: 0px;
}

#content h1 {
  font-size: 15px;
  margin: 5px 0px 6px -5px;
  padding-left: 6px;
  border-bottom: 1px solid #3d7c91;
  color : #2d5b91;
}

#content h2 {
  padding-left: 2px;
  border: 0px;
  margin: 6px 0px 6px 0px;
}

#content p {
  padding-left: 2px;
  
}

#content a {
  color: #733d85;
  font-style : italic;


}

#content a:hover {
  color: #96a9bf;


}

.archives .post {
  margin: 10px 6px 10px 0px;
  padding: 1px 5px 1px 5px;
  font-size : 16px;
  color : #1c5170;
}

.archives .post p
{
  margin : 0px 0px 6px 0px;
  font-size : 12px;
  padding-top : 2px;
  color : #5f5a55!important;
}

.archives .post h3 {
  margin: 3px 0px 6px 0px;
  
}


.archives a
{
  font-size : 11px;
  color : #c65010;
  font-weight : bold;
  text-decoration : underline;
  
}

.archives a:hover
{
  text-decoration : underline;
  color : #87614c;
  
}


.page-nav {
  list-style: none;
  padding: 0px 0px 0px 5px;
  margin: 15px 15px 15px 0px;
}

.page-nav ul {
  list-style: none;
  padding-left: 15px;
  
}

.page-nav li {
  margin: 4px 0px 4px 0px;
}

.page-nav li .page_item, li .cat-item {
  display: none;
}

.page-nav .current_page_item li, .current-cat li {
  display: block !important;
}

.page-nav .current_page_ancestor li, .current-cat-parent li {
  display: block !important;
}

.page-nav .page_item a, .cat-item a {
  color: #1c6178 !important;
  text-decoration: none;
  font-size: 14px !important;
  font-weight: bold;
}

.page-nav .page_item a:hover, .cat-item a:hover {
  color: #9d97aa !important;
}

.page-nav .current_page_item a, .current-cat a {
  color: #5a82b2 !important;
}

.page-nav .current_page_item a:hover, .current-cat a:hover {
  color: #9d97aa !important;
}

.page-nav .current_page_item li a, .current-cat li a {
  color: #8cab76 !important;
}

#news_box
{
  font-size : 12px;
  color : #4e363c;
  background: transparent;
  margin-top: 0px;
  padding: 5px;
}


#news_box a
{
  font-size : 11px;
  color: #733d85;
  font-weight : bold;
  text-decoration : none;
  
}

#news_box a:hover
{
  text-decoration : underline;
  color : #87614c;
  
}

#news_box h2 {
  margin-left: 0px;
  font-size: 14px;
}

#news_box h3, h3 a
{
	color : #424061!important;
	text-decoration : none!important;
	font-size : 15px!important;
	margin : 5px 0px 0px 0px;
}

#news_box h3, h3 a:hover
{
	color : #87614c!important;
	
}

#news_box .post {
  margin: 5px 6px 5px 6px;
  padding: 1px 5px 1px 5px;
}

#news_box p
{
  margin : 0px 0px 4px 0px;
}

#pad
{
	padding : 0px 5px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border: 0px;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



#bridgeresult {
  background-color: white !important;
  background-image : none !important;
}

#bridgeresult #content {
  padding: 10px;
}

#bridgeresult #printbtn {
  position: absolute;
  top: 5px;
  right: 5px;
}

#bridgeresult #printbtn a {
  text-decoration: none;
  background: #ccc;
  padding: 2px 5px;
  font-size: 14px;
  border: 1px solid #555;
  background-image : url(/images/bg.png);
  color: #fff;
}

#bridgeresult #printbtn a:hover {
  color: yellow;
}

a#back_button {
  text-decoration: none;
  background: #ccc;
  padding: 2px 5px;
  font-size: 14px;
  border: 1px solid #555;
  background-image : url(/images/bg.png);
  color: #fff;
}

a#back_button:hover {
  color: yellow;
}