/*   
Theme Name: Topsail Yachts International
Theme URI: http://example.com/example/
Description: A search engine optimized website framework for WordPress.
Author: Rob Place | Mumford Connect Web Design
Author URI: https://mumfordconnect.com
Version: 2.0.1
.
Your theme will be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset default browser styles */
/* Bundled from styles/reset.css. */
/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
-------------------------------------------------------------- */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

a img { border: none; }

/* Rebuild default browser styles */
/* Bundled from styles/rebuild.css. */
/* -------------------------------------------------------------- 
   
   Rebuild the default browser styles
   
   Based on work by Blueprint CSS   
   http://code.google.com/p/blueprintcss/
     
-------------------------------------------------------------- */   


body {
  background: #fff;     
}
body, input, textarea {
        color: #111;    
        font: 12px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
        line-height: 1.5;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
        font-weight: normal;
        clear: both;
}
hr {
  background-color: #999;
  border:0;
  height: 1px;
        margin-bottom: 1.5em;
}


/* Text elements
-------------------------------------------------------------- */

p {
        margin-bottom: 1.5em;
}
ul {
        margin: 0 0 1.5em 2.5em;
}
ol {
        margin: 0 0 1.5em 2.5em;
}
ul {
        list-style:disc;
}
ol {
        list-style-type: decimal;
}
ol ol {
        list-style:upper-alpha;
}
ol ol ol {
        list-style:lower-roman;
}
ol ol ol ol {
        list-style:lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
        margin-bottom:0;
}
dl      {
        margin:0 1.5em;
}
dt {
        font-weight: bold;
}
dd {
        margin-bottom: 1.5em;
}
strong {
        font-weight: bold;
}
cite, em, i {
        font-style: italic;
}
blockquote {
        margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
        font-style: normal;
}
pre {
        font: 11px Monaco, monospace;
        line-height: 1.5;
        margin-bottom: 1.5em;
}
code {
        font: 11px Monaco, monospace;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
ins {
        text-decoration: none;
}
sup,
sub {
        height: 0;
        line-height: 1;
        vertical-align: baseline;
        position: relative;
        
}
sup {
        bottom: 1ex;
}
sub {
        top: .5ex;
}


/*

Adapt the following for use in your Child Themes when using
different font-sizes and line-heights

body, input, textarea {
    font: --px Arial,sans-serif;
    line-height:--;
}
p, ul, ol, dd, pre {
    margin-bottom:--em;
}
pre, code {
        font:--px Monaco, monospace;
        line-height:--;
}

All other styles can be overridden--or ignored!--in Child Theme stylesheets

*/

/* Basic WordPress Styles */
/* Bundled from styles/wp.css. */
/* -------------------------------------------------------------- 
   
   Basic WordPress Blog Styles   
     
-------------------------------------------------------------- */   


/* Images
-------------------------------------------------------------- */

.entry-content img {
        margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
        display: inline;
        float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
        display: inline;
        float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
}
.wp-caption {
        text-align: center;
        margin-bottom: 0.5em;
}
.wp-caption img {
        border: 0 none;
        margin: 0;
        padding: 0;
}
.wp-caption p.wp-caption-text {
        margin: 0;
}
.wp-smiley { 
        max-height: 1em;
        margin:0 !important;
}
.gallery dl {
        margin: 0;
}
.gallery-caption {
        margin:-1.5em 0 0 0;
}


/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
        float: left;
        margin-left: 0;
        margin-right: 20px;
        text-align: right;
        width: 33%;
}
blockquote.right {
        float: right;
        margin-left: 20px;
        margin-right: 0;
        text-align: left;
        width: 33%;
}

html {
	
}

body {
	background-color:#00050a;
    margin: 0em;
	width:100%;
	font: 10pt font-family: 'Oxygen', Arial,sans-serif; margin:0; padding:0; outline:0 none; vertical-align:baseline;		
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(255,255,255,0.01) 0 0 1px;
	-webkit-text-stroke-width: 0.1px;
	/*background-image:url(/wp-content/themes/topsail/images/background.jpg);
	background-repeat:repeat-x;*/
	color:#00112d;
	background: none; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

/* =Header
-------------------------------------------------------------- */

#branding {
       margin:auto;width:950px;margin-bottom:10px;display:table;
}

#branding img	{float:right;}

/* =Menu
-------------------------------------------------------------- */

#access {
        margin: 0 0 1.5em 0;
        overflow: auto;
}
.skip-link {
        display: none;
}
.menu ul {
        list-style: none;
        margin: 0;
}
.menu ul ul {
        display: none;
}
.menu li {
        display: inline;
}
.menu a {
        display: block;
        float: left;
}


/* =Content
-------------------------------------------------------------- */

.post {
        margin: 0 0 3em 0;      
}
.entry-content, .entry-summary {
		line-height:14pt;
		width:100%;
		float:left;
}

.entry-content object	{height:1px;}

.entry-content img	{background:#ffffff;border:0px solid #eeeeee;}

#content {
		width:910px;
		display:table;
		padding:20px;
		padding-bottom:0;
}

.transparent-background	{background:#ffffff;margin-left:15px;width:770px;}

#content img {border:1px solid #eeeeee;padding:4px;}
#content .wp-caption  	{border:1px solid #eeeeee;}
#content .wp-caption img {border:0;padding:0;}

#content p	{margin-bottom:10px;padding:0;text-align:justify;text-justify:inter-word;}
#content p a	{text-decoration:underline;}

h1, h2, h3, h4, h5, h6 { margin:0px 0 20px 0; line-height:100%; color:#00112d; }
h1 { font-size: 25px; margin:0 0 20px 0;font-weight: bold;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px #EAF1EA;
}
h2 { font-size: 15px; color:#000000;  margin:0 0 10px 0; font-weight:bold;}
h3 { font-size: 130%; }
h4 { font-size: 110%; }

a	{color:#00112d;font-weight:bold;}

#content .entry-title	{font-weight:bold;text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px #EAF1EA;
}

.entry-meta, .entry-utility	{display:none;}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	display:none;
	line-height:30px;
	width:950px;
	margin:auto;
	z-index:99;
}



/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
        list-style: none;
        margin-left: 0;
}
.widget-area ul ul {
        list-style: disc;
		margin: 0em;
		padding-bottom:10px;
}
.widget-area ul ul ul {
        margin-left: 2.5em;
}
.widget-container {
        margin: 0 0 30px 0;
}

.widget-area	 .widget-container {padding:0px;}
.widget-title	{font-size:12pt;color:#00112d;font-weight:bold;margin:0;text-align:center;}

#wrapper	{
	width:950px;
	margin:auto;
	-webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
	background-color:#ffffff;
}

#footer		{color:#00112d;font-size:8pt;line-height:1.0em;width:100%;margin:auto;padding-top:2px;margin-top:5px;margin-bottom:10px;border-top:3px solid #00112d;}

#footer .inner	{padding:10px;text-align:left;line-height:9pt;}
#footer a	{color:#00112d;font-weight:bold;text-decoration:none;}
#footer a:hover	{text-decoration:underline;}

#breadcrumbs			{display:none;}

#searchform INPUT	{border:1px solid #a7a7a7;}

.alignleft	{margin-right:15px;margin-bottom:15px;font-size:8pt;padding:5px;display:table;}
.alignright	{margin-left:15px;margin-bottom:15px;font-size:8pt;padding:5px;display:table;}
.alignnone 	{font-size:8pt;padding:5px;display:table;}



#content li, #contentwide li {
	list-style-position: inside;
}


ul { overflow: hidden; }


A	{color:#747575;font-weight:normal;text-decoration:none;}
A:hover	{text-decoration:underline;}

#header	{padding-top:0px;height:117;padding-bottom:2px;}

#content ul	{margin:0;padding:0;}
#content ul li	{margin-bottom:10px;padding:0;margin: 0 0 0 20px;list-style-position: outside;list-style-type: disc;}


.logo	{position:absolute;left:10px;top:15px;z-index:999;}

#content h3	{padding-top:5px;padding-bottom:5px;color:#00112d;margin-bottom:5px;}

#bottombar-area	{width:100%;margin:auto;text-align:center;display:table;}
#bottombar-area #bottombar	{margin:auto;text-align:center;display:table;}
#bottombar-area	img {margin:auto;border:0;padding:0;margin:0;}
#bottombar-area h3	{font-size:11pt;border:0;}


#main	{padding-bottom:0px;display:table;width:100%;}

#content .wp-caption-text	{padding:4px;margin:0;text-align:center;}
#content .wp-caption {
        text-align: center;
        margin-bottom: 10px;
}



#menu-main-menu .menu-item a	{font-weight:normal;}
#menu-main-menu .menu-item {margin-left:5px;margin-right:5px;}

#content ul {
	margin-bottom: 10px;
}


div#navigation{ 
    background: #000000; /* Old browsers */
    border-radius: 0px;
	height:30px;
}

#navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline;padding-left:25px;padding-right:25px; }
#navigation ul li{ float:left; position:relative; }
#navigation ul li a{ 
    display:block; 
    padding:0px 0px; 
    margin:1px; 
    font-size:14px; 
    white-space:nowrap; 
    border-radius:3px;
	color:#00112d;
}
#navigation ul li a:hover{ }
#navigation ul ul{ 
    position:absolute; 
    top:-99999px; 
    left:0;
    opacity: 0; /* Hide sub level */
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    z-index:497; 
    background:#000000; 
    padding: 2px; 
    border:1px solid #444; 
    border-top:none; 
    box-shadow:#111 0 3px 4px; 
    border-bottom-left-radius:6px; 
    border-bottom-right-radius:6px; 
	overflow:visible;
}
#navigation ul ul ul { 
    position:absolute; 
    top:-99999px; 
    left:100%; 
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    border-radius:6px;
	z-index:495; 
    background:#000000; 
    padding: 2px; 
    border:1px solid #444; 
    border-top:none; 
    box-shadow:#111 0 3px 4px; 
    border-bottom-left-radius:6px; 
    border-bottom-right-radius:6px; 
    border:1px solid #444;
	overflow:visible;
}

#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background:#000000; }
#navigation ul ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background:#000000; }

.right-widget-area	{float:right;width:200px;display:table;background:#cee7f4;margin-right:30px;padding:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.slideshow	{width:100%;display:table;padding-bottom:2px;display:none;}

.slideshow-print	{display:block;}

hr	{margin-bottom:15px;margin-top:15px;}

#content	tbody tr,td	{padding:4px;border:1px solid #a7a7a7;}

#content .widget_sp_image-description p	{font-size:9pt;text-align:left;}

#tribe-events-pg-template	{width:910px;padding:20px;}
#tribe-events-bar	{display:none;}
.tribe-events-list-widget	ol	{padding:0;margin:0;}
.tribe-events-list-widget ol li	{margin-bottom:0;}
.tribe-events-tooltip p.entry-summary {width:100%;}

#content .entry-title {line-height:18px;}

#subboxes .box	{float:left;margin-right:2px;margin-top:2px;margin-bottom:2px;}
#subboxes .box h2	{padding:0;margin:0;text-align:center;margin-bottom:4px;font-weight:normal;}

#navigation .menu-main-menu-container	{margin:auto;}