/*

Theme Name: SailBaltimore

Version: 1.0

Author: Thunderpaw

Author URI: http://www.thunderpaw.com

*/



/*=== START SECTION 1 - Initial Styling ===*/

html {

margin: 0;

height: 100%; 

}

body {

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin: 0;

	color: #000000;

        height: 100%; 

	background-color: #ffffff;

}


.smalltext {

    font-family: Arial, Helvetica, Sans-Serif;

    font-size: 10px;

    color: #000000;

    text-align: right;

}



.title {

font-family: "Times New Roman", Times, serif;

font-size: 28px;

font-weight: 600;

font-variant: small-caps;

letter-spacing: 2px;

color: #000000;

text-align: left;

margin-top: 15px;

margin-bottom: 20px

	}



.subtitle {

font-family: "Times New Roman", Times, serif;

font-size: 20px;

font-weight: 600;

text-transform:uppercase;

letter-spacing: 1px;

color: #000000;

text-align: left;

margin-top: 10px;

margin-bottom: 20px

	}



ul {

list-style-position:inside;

} 



#wrapper {

	width: 951px;

	margin: auto;

	/*min-height: 100%;*/

   /* height: auto !important;*/

   /* height: 100%;

	overflow:auto;

    margin: 0 auto;  the bottom margin is the negative value of the footer's height 

	margin-bottom: -82px; */

	/* border: 1px solid #0066FF; */

}



a {

color: #2e3c7c;

text-decoration: underline;

}



a:hover {

text-decoration: underline;

}



.alignleft {

  float: left;

}

.alignright {

  float: right;

}

img.aligncenter, div.aligncenter {

	display: block;

	margin: 0 auto;

}

img.alignright, div.alignright {

	margin: 1px 0 2px 10px;

	display: inline;

}

img.alignleft, div.alignleft {

	margin: 1px 10px 2px 0;

	display: inline;

}



.clear {

 clear: both;

}



/*=== END SECTION 1 - Initial Styling ===*/





/*=== START SECTION 2 - Header Region ===*/



#header {

	height: 218px;

	width: 951px;

	margin: 0px;

background-image: url(http://www.sailbaltimore.org/sail-baltimore/sailbaltimoreheader40th.jpg);

}



#main-home {

	width: 951px;

	height: 719px;

	margin-top: 25px;

	background: #e3ecef url(http://www.sailbaltimore.org/sail-baltimore/sailbaltimorehome40th.jpg) no-repeat;



}



#main {

	width: 951px;



}

#left {

	width: 147px;

	margin: 0px 0px 0px 0px;

	padding: 20px 0px 10px 10px;

	line-height: 1.3em;

	background: #e3ebee url(http://www.sailbaltimore.org/sail-baltimore/blue-bg.jpg) repeat-x top;	

}

#content {

	width: 681px;

	margin: 0px 1px 0px 0px;

	padding: 10px 44px 10px 33px;

	line-height: 1.3em;

	background: url(http://www.sailbaltimore.org/sail-baltimore/brown-bg.jpg) repeat-x top;

}

#content a:link, #content a:visited {

	text-decoration: underline;

	padding: 2px;

}

#content a:hover {

	text-decoration: underline;

}

#content h1 {

	font-size: 1.5em;

}



#content h3 a {

	font-size: 24px;

	font-variant:small-caps;

	font-weight: normal;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;}.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

.post {

	padding: 5px;

	font-size: .9em;

}

.post h2 {

	font-size: 1.8em;

	margin: 45px 0 10px 0;

	padding: 0;

}

.post h3 {

  font-size: 1.8em;

  margin: 0;

  padding: 0;

}

.post-edit-link img{

	border: none;

}

a.post-edit-link:link, a.post-edit-link:visited {

	text-decoration: none;

}

.entry-content, .entry-excerpt {

	clear: left;

}

.entry-content blockquote {

  font: 1.2em/1.5em Georgia, "Times New Roman", Times, serif;

  color: #000000;

  width: 345px;

  background: url(images/blockquote1.png) no-repeat right bottom;

  padding: 0 0 0 30px;

  text-indent: -15px;

}

.entry-content blockquote p {

  background: url(images/blockquote2.png) no-repeat left top;

  padding: 0 0 0 60px;

  font: italic 1.5em Georgia, "Times New Roman", Times, serif;

}

a.image:link, a.image:visited, a.image:hover {

	background: none;

	padding: 0;

}

a.image img {

	border: none;

}

.entry-date {

	height: 89px;

	width: 71px;

	display: inline;

	float: left;

	margin: 0 10px 0 0;

	border: 2px solid #000000;

	color: #000000;

	font-family: Georgia, "Times New Roman", Times, serif;

}

.entry-month {

	font-size: 19px;

	width: 71px;

	text-align: center;

	height: 28px;

	margin: 7px 0 0 0;

	font-weight: bold;

	padding: 0 0 2px 0;

}

.entry-day {

	font-size: 28px;

	text-align: center;

	height: 30px;

	width: 71px;

	margin: 4px 0 0 0;

	font-weight: bold;

	line-height: 30px;

}

.navigation {

  clear: both;

}

.entry-meta {

  margin: 0 0 10px 0;

}

.underpost {

	border-top: 1px solid #92ad80;

	border-bottom: 1px solid #92ad80;

	font-size: .9em;

}

.underpost a {

	text-decoration: underline;

}

/*=== END SECTION 3 - Content Region ===*/





/*=== START SECTION 4 - Comment Region ===*/

.avatar {

  float: right;

  margin: 0 0 3px 5px;

}



#respond {

/* border-top: 1px solid #92ad80; */

}

#respond p {

	font-size: .9em;

}

#respond label {

	display: block;

	margin: 5px 0 5px 0;

}

#comment {	

	width: 80%;

}

.thread-even {

	padding: 10px;

	background-color:#e2ecd5;

}

.thread-odd {

	padding: 10px;

	background-color:#E5E5E5;

}

#commentform {	

	padding: 0px 10px 10px 10px;

}



ol.commentlist {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

ol.commentlist li {

	margin: 15px 0 0 0;

}

ol.commentlist li a {

	text-decoration: underline;

}

/*=== END SECTION 4 - Comment Region ===*/





/*=== START SECTION 5 - Sidebar Region ===*/

#sidebar {

	width: 240px;

	float: left;

	margin-top: 10px;

	margin-right: 5px;

	padding-left: 5px;

	padding-bottom: 10px;



}

#sidebar h1 {

	font-size: 1.4em;

}

#sidebar h2 {

	font-size: 18px;

	font-variant:small-caps;

	color: 505050;

	margin-bottom: 0px;

}

#sidebar ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#sidebar ul ul {

	margin-left: 10px;



}

#sidebar ul ul li, #sidebar ul ul li {

  font-size: .9em;

  margin-left: 10px;

}

#sidebar li a:link, #sidebar li a:visited {

	display: block;

	text-decoration: underline;

	margin-bottom: .1em;

	padding: 1px;

	color: #2b5d0a;

}

#sidebar li a:hover {

	text-decoration: underline;

}

/*=== END SECTION 5 - Sidebar Region ===*/





/*=== START SECTION 6 - Footer Region ===*/

#footer {

	width: 951px;

    height: 38px;

	margin: auto;

	background-color: #e4ecef;

	text-align:center;

	color: #231f20;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	padding-top: 10px;

	clear: both;

	/*position: relative;

	margin-top: -82px;*/



}



#footer a {

	color: #231f20;

text-decoration: none;



}



#bottomnav {

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	width: 951px;

	margin: auto;

}



#bottomnav a {

	color: #231f20;

text-decoration: none;



}



#bottomnav a:hover {

text-decoration: underline;



}



/*=== END SECTION 6 - Footer Region ===*/





/*=== START SECTION 7 - Misc. & Plugins ===*/

/* insert your misc. styling here. */

/*=== END SECTION 7 - Misc. & Plugins ===*/



/*=== START SECTION 8 - Columns ===*/

.one_half {
    width: 49% !important;
    margin-right: 2% !important;
}
.one_half.last_column {
    width: 49% !important;
    margin-right: 0px !important;
}
.one_third {
    width: 32% !important;
    margin-right: 2% !important;
}
.one_third.last_column {
    width: 32% !important;
    margin-right: 0px !important;
}
.two_third {
    width: 66% !important;
    margin-right: 2% !important;
}
.two_third.last_column {
    width: 66% !important;
    margin-right: 0px !important;
}
.one_fourth {
    width: 23.5% !important;
    margin-right: 2% !important;
}
.one_fourth.last_column {
    width: 23.5% !important;
    margin-right: 0px !important;
}
.three_fourth {
    width: 74.5% !important;
    margin-right: 2% !important;
}
.three_fourth.last_column {
    width: 74.5% !important;
    margin-right: 0px !important;
}
.one_fifth {
    width: 18.4% !important;
    margin-right: 2% !important;
}
.one_fifth.last_column {
    width: 18.4% !important;
    margin-right: 0px !important;
}
.two_fifth {
    width: 39% !important;
    margin-right: 2% !important;
}
.two_fifth.last_column {
    width: 39% !important;
    margin-right: 0px !important;
}
.three_fifth {
    width: 56% !important;
    margin-right: 5% !important;
}
.three_fifth.last_column {
    width: 59% !important;
    margin-right: 0px !important;
}
.four_fifth {
    width: 79.6% !important;
    margin-right: 2% !important;
}
.four_fifth.last_column {
    width: 79.6% !important;
    margin-right: 0px !important;
}
.one_sixth {
    width: 15% !important;
    margin-right: 2% !important;
}
.one_sixth.last_column {
    width: 15% !important;
    margin-right: 0px !important;
}

/*=== END SECTION 8 - Columns ===*/


/*=== START SECTION 9 - Mobile ===*/

@media screen and (max-width: 1024px) {
	#bottomnav {
	display: none;
	}	
}

/*=== END SECTION 9 - Mobile ===*/