/*  
Theme Name: Under Water
Theme URI: http://www.templatepanic.com/article/under-water-wordpress-theme
Description: A Wordpress theme. Three column layout, bottom menu, widget ready, and image gravatar ready.
Author: Catalyst 13
Author URI: http://www.catalyst13.com/

Terms of Use:

YOU ARE NOTE ALLOWED TO DELETE THE CREDITS! This theme is released for free under the GNU General Public License 2.5 (GPL), requiring that the credits will stay intact. Thank you for using my WordPress Theme.

- DO NOT REMOVE any of the links in the footer!
- You are free to share, to copy, distribute and transmit this theme.
- This theme is distributed for free. You are not allowed to sell this theme.
Thanks for using this theme.
*/


/* -------------------- GENERAL -------------------- */


body { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 13px; background: #000066 url(images/bg.jpg) repeat-y top center; margin: 0; padding: 0; color: #f1f1f1; }
/* original background color: background: #0b224b  */

#box { width: 940px; margin: 0 auto; padding: 0px; }

#top { width: 940px; background: url(images/header.jpg) no-repeat; height: 289px; margin: 0; padding: 0; }

a, a:link { text-decoration: none; color: #fbe800; }
a:hover { text-decoration: underline; color: #fbe800; }

hr { border: none; border-top: 1px solid #ccc; }


div.flashmovie {
	margin: 1em auto;
}
/* -------------------- HEADER -------------------- */


#header { float: left; width: 880px; margin: 120px 0 0 10px; padding: 0; }
#header h1 { font-family: "Trebuchet MS", Arial, Verdana, Helvetica; text-transform: uppercase; margin: 0; padding: 0; color: #f2f2f2; font-size: 32px; font-weight: normal; }
#header h1 a, #header h1 a:link { color: #f2f2f2; }
#header h1 a:hover { color: #f9f9f9; text-decoration: none; }
#description { color: #f9f9f9; width: 880px; font-size: 12px; padding: 0 0 0 10px; }


/* -------------------- SEARCH -------------------- */


#searchform { height: 25px; line-height: 28px; float: right; padding: 6px 18px 0 0; margin: 0; }
#searchform #s { font-size: 8pt; width: 160px; }
#searchform #submit { font-size: 8pt; }

input#s { font-family: Verdana, Arial; text-align: left; border: 1px solid #ccc; background: #fff; }


/* -------------------- NAV -------------------- */


#navbox { background: url(images/nav.jpg) repeat-x top center; height: 28px; margin: 0px auto; }

#nav { width: 640px; height: 28px; line-height: 28px; float: left; padding: 0; }

ul.nav { height: 28px; line-height: 28px; float: left; list-style: none; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; }

ul.nav li { float: left !important; list-style-type: none; margin: 0; padding: 0; }
ul.nav li ul { float: left; margin: 0; padding: 0; }

ul.nav li a, ul.nav li a:link, ul.nav li a:visited { border-left: 0; color: #ccc; float: left; display: block; text-decoration: none; padding: 0 10px 0 10px; height: 28px; }
ul.nav li a:hover, ul.nav li a:active { background: url(images/nav-hover.jpg) repeat-x; color: #fff; text-decoration: none; height: 28px; }

ul.nav li.current_page_item a { text-decoration: none; height: 28px; background: url(images/nav-hover.jpg) repeat-x; color: #f2f2f2; }


/* -------------------- POST -------------------- */


.post { width: 700px; float: left; margin: 5px auto; padding: 10px; } /* original size is 520*/
.post img { border: none; padding: 5px; }

h2 { font-size: 22px; font-weight: normal; padding: 0px; margin: 0px; }

#content { width: 700px; float: left; margin: 5px auto; padding: 0; } /* original size is 545*/

.notes { padding: 25px; }

.posthead { position: relative; clear: left; padding-bottom: 10px; }
.posthead h2 { font-size: 22px; font-weight: normal; padding: 0px 0px 0px 50px; margin: 0px; }
.posthead h2 a { color: #f7941d; }

.postauthor { padding: 0px 0px 0 50px; margin: 0px; font-size: 10px; color:#FFFFFF; }/* original color is #666 */
.postdate { margin: 0px; position: absolute; top: 0px; left: 0px; text-align: center; padding: 0px 10px 6px 10px; }
.postdate small { font-size: 9px; color:#FFFFFF; }/* original color is #666 */
.postdate .month { display:block; text-transform: uppercase; font-size: 9px;}
.postdate .day { display:block; font-size: 22px; letter-spacing: -1px; font-weight: normal; color:#FFFF00;}/* original color is #777*/
.postdate .year { display:block;}

.navigation { width: 600px; float: left; color: #666; padding: 5px 6px 10px; }

.relatedposts { width: 700px; float: left; color: #ccc; margin: 5px auto; padding: 0 5px 5px 5px; font-size: 12px; } /* original size is 520*/

h1, h2, h3 { padding: 0 10px 0 0; font-family: "Trebuchet MS", Arial, Verdana, Helvetica; text-transform: uppercase; }

h4 { padding: 0 10px 0 0; font-family: "Trebuchet MS", Arial, Verdana, Helvetica; color: #00ffff; font-weight: bold; text-decoration: underline; }

img.wp-smiley { border: 0; padding: 0; }


/* -------------------- SIDEBAR -------------------- */


#sidebar { width: 200px; float: right; margin-top: 5px; padding: 0; }/* original size 380 */

#sidebar img, .lsidebar img { border: none; }

.alignright { float: right; margin-top: 10px; }
.alignleft { float: left; margin-top: 10px; }

.rsidebar { width: 165px; float: right; margin: 0 auto; padding: 0 10px 5px; } /*Changed 8-14-11 to 270 px */
.rsidebar, .lsidebar img { border: none; }

.lsidebar { width: 165px; float: left; margin: 0 auto; padding: 0 10px 5px; }

.lsidebar h2, .rsidebar h2 { font-size: 14px; margin: 0 0 10px; padding: 5px 0 0 5px; height: 25px; width: 165px; color: #f2f2f2; }

.rsidebar ul, .lsidebar ul { list-style-type: none; margin: 0; padding: 0; }
.rsidebar ul li, .lsidebar ul li { list-style-type: none; margin: 0 0 25px; padding: 0; }
.rsidebar ul li ul, .lsidebar ul li ul { list-style-type: square; margin: 0; padding: 0 0 0 5px; }
.rsidebar ul li ul li, .lsidebar ul li ul li { list-style-type: circle; margin: 0 0 0 10px; padding: 0 0 0 5px; }
.rsidebar p, .lsidebar p { padding: 0 5px; }
/* Styles for Simple Link List Widget */
.widget_link_list ul {list-style-type: none; margin: 0; padding: 0; } /* Style for unordered list */
.widget_link_list ol {list-style-type:none; text-align: center;} /* Style for ordered list */
.widget_link_list ul li {list-style-type: circle; margin: 0 0 0 50px; padding: 0 0 0 5px; } /* Style for unordered list item */
.widget_link_list ol li {} /* Style for ordered list item */
.widget_link_list h2 { font-size: 14px; margin: 0 0 10px; padding: 5px 0 0 5px; height: 25px; width: 165px; color: #f2f2f2; }

/* -------------------- FOOTER -------------------- */


#footer { width: 940px; background: url(images/footer.jpg) no-repeat bottom center; height: 176px; clear: both; color: #897f7d; font-size: 12px; margin: 0; text-align: right; }

#footer p { padding: 120px 10px 0 0; }


/*-------------------- Comment --------------------*/


.commentsbox { width: 700px; float: left; margin: 5px auto; }/* original size is 520*/

.commentsbox p { margin: 0; padding: 0; }
.commentsbox img { border: 1px solid #666; margin: 3px; }

#commentlist ol { margin: 0; padding: 0; }
#commentlist li { list-style-position: outside; list-style-type: decimal; padding: 10px; }
.alt { background-image: none !important; }
#commentlist li:hover { }

.comment-title { margin: 0 0 0 0px; font-size: 10px; color: #ccc; }

.comment-text { }

h2.postcomment { margin: 0; font-size: 20px; font-weight: normal; }

.postcomment { clear: both; margin: 20px 0 0 0; padding: 20px; }

.postcomment input, .postcomment textarea { border: 1px dotted #aaa; }
.postcomment input:hover, .postcomment textarea:hover { border: 1px dotted #aaa; background: #fff; }
.postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 456px; /* IE hack */ height: 18px; }

.postcomment textarea#comment { width: 100% !important; /* IE hack */ height: 200px; }

.postcomment input#submit { width: auto; height: 25px; padding: 2px 10px 3px 10px; }
.postcomment input#submit:hover { }	

ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(http://www.gotosnapshot.com.com/images/bg_comments2_cite.gif);
	border-top:1px solid #d6e4c1;
	border-bottom:1px solid #779d42;
	color:#FFFF33;   /*color of text header*/
	}	

.commentlist a:link, .commentlist a:visited {
	color:#33FFCC; /*color of date link non-hover*/
	}

.commentlist a:hover, .commentlist a:active {
	color:#33FFFF; /*color of date link*/
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commentlist .time {
	background: url(http://www.gotosnapshot.com/images/bg_clock.gif) no-repeat 1px;
	padding-left:13px;
	}

.commenttext {
	background: #3399FF url(http://www.gotosnapshot.com/images/bg_comments2_text.jpg) repeat-x bottom;
	border-top:1px solid #c5f386;
	padding: 0 20px 10px 20px;
	color:#fafcf6; /*color of background for comment text*/
	}

/*-------------------- Bottom --------------------*/


#bottom { clear: both; float: left; width: 940px; height: 100%; margin: 0 0 0 0; padding: 0; background: url(images/bot.jpg) top center; text-align: left; font-size: 12px; }
#bottom-divs { float: left; clear: both; margin: 0; padding: 20px; }

#bottom-left { width: 30%; padding: 20px 0 20px 30px; float: left; }
#bottom-mid, #bottom-right { width: 30%; padding: 20px 0 20px 20px; float: left; }

#bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 14px; font-weight: bold; }

#bottom h3 { margin: 0; padding: 10px 10px; font-size: 12px; color: #999; text-align: center; }
#bottom h3:hover { color: #f2f2f2; }

#bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #999; }
#bottom ul li { line-height: 20px; border-bottom: 1px solid #999; }
#bottom ul li a { display: block; padding: 0 10px; }

#bottom-sep { clear: both; }


/*----------------------Image and Caption Alignment-------------------*/
img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
color:#000066;
background-color: #ffffff;  /* was f3f3f3*/
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.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;
}
div#wrapper {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top: 0px;
    width:800px;
    background-color: #000066;
}
/*Nav Menu*/

#mbmcpebul_table_burger > li > ul.slide-out {
    animation: mbmcpebul_table-slide-out 0.5s forwards;
    -webkit-animation: mbmcpebul_table-slide-out 0.1s forwards;
}
    
@keyframes mbmcpebul_table-slide-in {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0%); }
}

@-webkit-keyframes mbmcpebul_table-slide-in {
    0% { -webkit-transform: translateX(-100%); }
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes mbmcpebul_table-slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes mbmcpebul_table-slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}#mbmcpebul_table a.with_img_4 span.img_4x5, .mbmcpebul_menulist span.img_4x5 { 
  width: 4px; 
  height: 5px; 
  display: inline-block; 
  vertical-align: middle; 
}

#mbmcpebul_table li:hover > a span.img_4x5, #mbmcpebul_table li.subexpanded > a span.img_4x5 { 
  background-position: 0 -5px; 
} 

#mbmcpebul_table ul li a.with_arrow, #mbmcpebul_table_burger ul li a div.with_arrow { 
  background-image: url(https://www.gotosnapshot.com/index_files/ebab_mbmcp_c.png); 
  background-repeat: no-repeat; 
  background-position: right center; 
  padding-right: 19px; 
} 

#mbmcpebul_table ul li a.with_arrow:hover, #mbmcpebul_table ul li:hover > a.with_arrow, #mbmcpebul_table ul li.subexpanded > a.with_arrow, 
#mbmcpebul_table_burger ul li a:hover div.with_arrow, #mbmcpebul_table_burger ul li:hover > a div.with_arrow, #mbmcpebul_table_burger ul li.subexpanded > a div.with_arrow { 
  background-image: url(https://www.gotosnapshot.com/index_files/ebab_mbmcp_c2.png); 
} 

#mbmcpebul_table_burger li.hamburger_button a div.hamburger_icon { 
  background-image: url('data:image/svg+xml;charset=utf-8,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20standalone=%22no%22?%3E%20%3Csvg%20%20%20%20xmlns:dc=%22http://purl.org/dc/elements/1.1/%22%20%20%20%20xmlns:cc=%22http://creativecommons.org/ns%23%22%20%20%20%20xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22%20%20%20%20xmlns:svg=%22http://www.w3.org/2000/svg%22%20%20%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20%20%20xml:space=%22preserve%22%20%20%20%20viewBox=%220%200%2024%2024%22%20%20%20%20version=%221.0%22%20%20%20%20id=%22Layer_1%22%20%20%20%20enable-background=%22new%200%200%2024%2024%22%3E%3Cpath%20%20%20%20%20%20d=%22M%202,18%20H%2022%20M%202,6%20H%2022%20M%202,12%20h%2020%22%20%20%20%20%20%20style=%22fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10%22%20%20%20%20%20%20id=%22line6%22%20/%3E%3C/svg%3E%20'); 
  position: absolute; 
  top: 0; 
  left: 8px; 
  width: 26px; 
  bottom: 0; 
  background-repeat: no-repeat; 
  background-position: left center; 
} 
#mbmcpebul_table_burger div.hamburger_close_button { 
  position: relative; 
  width: 15px; 
  height: 15px; 
  background-image: url('data:image/svg+xml;charset=utf-8,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20standalone=%22no%22?%3E%20%3Csvg%20%20%20%20xmlns:dc=%22http://purl.org/dc/elements/1.1/%22%20%20%20%20xmlns:cc=%22http://creativecommons.org/ns%23%22%20%20%20%20xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22%20%20%20%20xmlns:svg=%22http://www.w3.org/2000/svg%22%20%20%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20%20%20xml:space=%22preserve%22%20%20%20%20viewBox=%220%200%2024%2024%22%20%20%20%20version=%221.0%22%20%20%20%20id=%22Layer_1%22%20%20%20%20enable-background=%22new%200%200%2024%2024%22%3E%3Cpath%20style=%22stroke:%231D568A;fill:%231D568A;%22%20d=%22M23.954%2021.03l-9.184-9.095%209.092-9.174-2.832-2.807-9.09%209.179-9.176-9.088-2.81%202.81%209.186%209.105-9.095%209.184%202.81%202.81%209.112-9.192%209.18%209.1z%22/%3E%3C/svg%3E%20'); 
} 
#mbmcpebul_table_burger a:hover div.hamburger_close_button { 
  background-image: url('data:image/svg+xml;charset=utf-8,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20standalone=%22no%22?%3E%20%3Csvg%20%20%20%20xmlns:dc=%22http://purl.org/dc/elements/1.1/%22%20%20%20%20xmlns:cc=%22http://creativecommons.org/ns%23%22%20%20%20%20xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22%20%20%20%20xmlns:svg=%22http://www.w3.org/2000/svg%22%20%20%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20%20%20xml:space=%22preserve%22%20%20%20%20viewBox=%220%200%2024%2024%22%20%20%20%20version=%221.0%22%20%20%20%20id=%22Layer_1%22%20%20%20%20enable-background=%22new%200%200%2024%2024%22%3E%3Cpath%20style=%22stroke:%23092E5F;fill:%23092E5F;%22%20d=%22M23.954%2021.03l-9.184-9.095%209.092-9.174-2.832-2.807-9.09%209.179-9.176-9.088-2.81%202.81%209.186%209.105-9.095%209.184%202.81%202.81%209.112-9.192%209.18%209.1z%22/%3E%3C/svg%3E%20'); 
}