/*
Theme Name:  Mast Theme by DigiP
Theme URI: http://www.ticktockcomputers.com/
Description: Mast WordPress Theme, Designed by <a href="http://www.ticktockcomputers.com/">DigiP</a>.
Version: 1.2
License: Creative Commons 3.0 License
License URI: http://creativecommons.org/licenses/by-nc/3.0/deed.en_US
Author: <a href="http://www.ticktockcomputers.com/">Tick Tock Computers LLC</a>
Author URI: http://www.ticktockcomputers.com/
Tags: light, gray, white, one-column, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, child/custom css file included

*/

@font-face {
    font-family: 'CaviarDreamsRegular';
    src: url('caviardreams-webfont.eot');
    src: url('caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('caviardreams-webfont.woff') format('woff'),
         url('caviardreams-webfont.ttf') format('truetype'),
         url('caviardreams-webfont.svgz#CaviarDreamsRegular') format('svg'),
         url('caviardreams-webfont.svg#CaviarDreamsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
background-color:#f8f8f8;
color:#3d4e62;
color:#6f7664;
color:#030c21;
font-size:16px;
line-height: 1.6em;
font-family:"trebuchet ms",tahoma,arial,sans-serif;
margin:0px;
}

a img {
border:none;
}

a {
text-decoration:none;
color:#0c5d8b;
}

a:hover {
color:#0687d0;
text-decoration:underline;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight:normal;
font-family:'CaviarDreamsRegular',tahoma,arial,sans-serif;
color:#3d4e62;
}

h1, h2 {
font-family:'CaviarDreamsRegular',"trebuchet ms",tahoma,arial,sans-serif;
}

h1 a:hover, h2 a:hover {
text-decoration:none;
}

.entry h2 {
font-family:tahoma,arial,sans-serif;
}

#header {
width:100%;
min-width:1024px;
height:160px;
display:block;
background-image:url(header.jpg);
background-repeat:repeat-x;
color:#3d4e62;
border-bottom:solid #8db3b6 2px;
border-bottom:solid #497f8f 2px;

margin:0px;
}

#logo {
padding:5px 0 0 0;
}

#top-nav {
font-size:20px;
width:360px;
padding:0px;
}

#top-nav ul {
padding:0px;
}

#top-nav ul li {
list-style-type:none;
display:inline-block;
}

#top-nav ul li a {
display:block;
padding:0px 15px;
text-decoration:none;
color:#3d4e62;
}

#header-container {
width:1000px;
margin:0 auto;
display:block;
text-align:right;
/*vertical-align:bottom;*/
}

#digi-nav {
display:block;
width:100%;
height:34px;
position:relative;
z-index:999;
background-color:#dcdcdc;
background-color:#5a98aa;

background-color:#347fb3;

border-top:solid #8db3b6 1px;
}

#digi-nav ul{
position:relative;
z-index:999;
width:1000px;
padding:0px;
margin:0 auto;
}

#digi-nav ul li{
list-style-type:none;
display:inline-block;
position:relative;
}

#digi-nav ul li a{
display:block;
text-decoration:none;
color:#3d4e62;
color:#eee;
padding:4px 15px;
font-size:18px;
position:relative;
}

#digi-nav ul li a:hover{
background-color:#d1d1d1;
background-color:#1c5175;
color:#fff;
}

#digi-nav ul li ul {
display:none;
position:absolute;
z-index:9999;
background-color:#dcdcdc;
background-color:#5a98aa;
background-color:#347fb3;
width:220px;
}

#digi-nav ul li ul {
display:none;
position:absolute;
margin:0 0 0 -1px;
z-index:9999;
border-top:solid #dcdcdc 2px;
border-top:solid #5a98aa 2px;
border-left:solid #497f8f 2px;
border-bottom:solid #497f8f 2px;
border-right:solid #497f8f 2px;
}

#digi-nav ul li:hover ul {
display:table;
}

#digi-nav ul li ul li {
display:block;
}

#slider-container {
position:relative;
margin:0 auto;
width:100%;
min-width:1024px;
height:310px;
background-image:url(mast.jpg);
background-repeat:repeat-x;
display:block;
border-bottom:solid #8db3b6 2px;
border-bottom:solid #497f8f 2px;
padding:3px 0px 1px 0px;
}


#slider li {
padding:0px;
margin:0px;
list-style-type:none;
background-color:transparent;
}

#slider {
background-color:transparent;
display:block;
position:relative;
top:0px;
/*border:solid #0d588e 10px;*/
width:960px;
height:310px;
margin:0 auto;
}

#slider img {
position:absolute;
display:block;
background-color:transparent;
width:960px;
height:310px;
}

#container {
display:table;
min-width:1024px;
border-collapse:separate;
margin:0 auto;
}

#content {
padding:20px;
width:1000px;
margin:0 auto;
}

.featured-image {
max-width:600px;
}

.post-blog {
position:relative;
width:600px;
margin:0 0 30px 0;
}

.post-blog .entry{
display:table;
width:100%;
}

.post-blog .entry img, .post-blog .entry iframe, .post-blog .entry object, .post-blog .entry embed{
max-width:600px;
}


.my-post-date {
color:#536478;
}

.my-post-date:before {
content:url(squares.png);
padding:0px;
position:relative;
top:10px;
left:-15px;
}

hr {
color:transparent;
outline:none;
border-top: solid #e2e2e2 1px;
border-bottom: solid #fff 2px;
border-left:transparent;
border-right:transparent;
margin:20px 0px;
}

#sidebar {
width:300px;
float:right;
}

.sidebar-widget {
text-align:left;
font-size:14px;
}

.sidebar-widget img {
max-width:300px;
}


.left, .alignleft, .align-left {
float:left;
}

.right, .alignright, .align-right {
float:right;
}

.clear {
display:block;
clear:both;
}




/* Shorcodes */
.half {
display:inline-block;
vertical-align:top;
width:48.5%;
float:left;
margin-right:2.2%;
font-size:14px;
line-height:1.5em;
text-align:justify;
font-family: tahoma,arial,sans-serif;
}

.half_last {
display:inline-block;
vertical-align:top;
width:48.5%;
float:right;
font-size:14px;
line-height:1.5em;
text-align:justify;
font-family: tahoma,arial,sans-serif;
}

.third img, .third_last img {
max-width:320px;
border:solid #3d4e62 1px;
display:block;
margin:0 auto;
position:relative;
outline:solid #ddd 1px;
}

.third {
vertical-align:top;
display:inline-block;
width:320px;
margin-right:20px;
font-size:13px;
line-height:1.5em;
float:left;
text-align:justify;
font-family: tahoma,arial,sans-serif;
}

.third_last {
vertical-align:top;
display:inline-block;
float:right;
width:320px;
font-size:13px;
line-height:1.5em;
text-align:justify;
font-family: tahoma,arial,sans-serif;
}

.half h2, .half h3, .half h4, .half_last h2, .half_last  h3, .half_last  h4   {
padding-bottom:3px;
font-family: tahoma,arial,sans-serif;
font-size:15px;
font-weight:normal;
border-bottom:solid #445a73 3px;
text-align:left;
}

.third h2, .third h3, .third h4, .third_last h2, .third_last  h3, .third_last  h4 {
padding-bottom:3px;
font-family: tahoma,arial,sans-serif;
font-size:14px;
font-weight:normal;
border-bottom:solid #445a73 3px;
text-align:left;
}

.block h2, .block h3, .block h4 {
padding-bottom:3px;
font-family: 'CaviarDreamsRegular',tahoma,arial,sans-serif;
font-size:18px;
color:#ffc952;
text-align:left;
}

.block {
clear:both;
font-family: 'CaviarDreamsRegular',tahoma,arial,sans-serif;
border-top:solid #445a73 3px;
border-bottom:solid #445a73 3px;
display:block;
margin:25px auto;
font-size:18pt;
line-height:1.4em;
width:90%;
padding:5px 5%;
color:#3d4e62;
}


input[type="text"], input[type="password"] {
background:#f8f8f8;
background: -webkit-linear-gradient(top, #fff, #dedede); 
background: -moz-linear-gradient(top,  #fff, #dedede); 
background: -ms-linear-gradient(top, #fff, #dedede); 
background: -o-linear-gradient(top, #fff, #dedede); 
background: linear-gradient(top, #fff, #dedede); 
color:#3d4e62;
outline:none;
border:outset #000 1px;
padding:3px;
height:18px;
vertical-align:middle;
border-top:solid #222 1px;
-webkit-box-shadow:inset 1px 1px 5px #aaa;
-moz-box-shadow:inset 1px 1px 5px #aaa;
-ms-box-shadow:inset 1px 1px 5px #aaa;
box-shadow:inset 1px 1px 5px #aaa;
}

textarea {
background:#f8f8f8;
background: -webkit-linear-gradient(top, #fff, #dedede); 
background: -moz-linear-gradient(top,  #fff, #dedede); 
background: -ms-linear-gradient(top,  #fff, #dedede); 
background: -o-linear-gradient(top,  #fff, #dedede); 
background: linear-gradient(top, #fff, #dedede); 
color:#3d4e62;
outline:none;
border:outset #000 1px;
border-top:solid #222 1px;
padding:3px;
-webkit-box-shadow:inset 1px 1px 5px #aaa;
-moz-box-shadow:inset 1px 1px 5px #aaa;
-ms-box-shadow:inset 1px 1px 5px #aaa;
box-shadow:inset 1px 1px 5px #aaa;
}

input[type="submit"],input[type="button"] {
border:none;
outline:none;
border:inset #555 1px;
background:#73b7e9;
background: -webkit-linear-gradient(top, #73b7e9,#2679b5); 
background: -moz-linear-gradient(top, #73b7e9,#2679b5); 
background: -ms-linear-gradient(top, #73b7e9,#2679b5);  
background: -o-linear-gradient(top, #73b7e9,#2679b5);  
background: linear-gradient(top, #73b7e9,#2679b5);  
color:#fff;
font-family: 'museo_sans700',arial,sans-serif;
font-size:14px;
height:25px;
padding:0 18px;
vertical-align:middle;
cursor:pointer;
border:outset #888 1px;
border-top:solid #a6d8fd 1px;
-webkit-box-shadow:1px 2px 2px #555;
-moz-box-shadow:1px 2px 2px #555;
box-shadow:1px 2px 2px #555;
}

input[type="submit"]:hover,input[type="button"]:hover {
background: #2679b5;
background: -webkit-linear-gradient(top, #2679b5,#73b7e9); 
background: -moz-linear-gradient(top, #2679b5,#73b7e9); 
background: -ms-linear-gradient(top, #2679b5,#73b7e9); 
background: -o-linear-gradient(top, #2679b5,#73b7e9); 
background: linear-gradient(top, #2679b5,#73b7e9); 
}


/*	Default Wordpress Comments CSS 	*/

.digi-comments {
width:600px;
}

ol.commentlist{
	margin: 10px 5px;
	padding: 10px;
}

.commentlist .comment-body{
	padding: 10px;
	background: #EFEFEF;
	border: solid thin #DEDEDE;
	margin: 10px 0;
	position: relative;
}

.comment-body a.comment-reply-link{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #AEAEAE;
}

ol.commentlist li{
	list-style: none;
}

ol.commentlist img.avatar{
	padding: 5px;
	background: #DEDEDE;
	border: solid thin #CECECE;
	float: left;
	display: block;
	margin: 15px;
	width: 32px;
	height: 32px;
}

ol.commentlist .comment-author{
	line-height: 25px;
}

.comment-body cite.fn{
	font-size: 14px;
	font-style: normal;
}

.commentmetadata a{
	margin: 0;
	font-size: 11px;
	color: #999;
}

.comment-body p{
margin: 5px;
}

.comment-body .comment-author.vcard{
	margin: 0;
}


/* Pagination */

.page-navigation {
display:block;
}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #536478;
}

.pagination a:hover{
color:#fff;
background: #7197c5;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #7197c5;
color:#fff;
}


/* More Tag */

.moretag, .readmore {
font-family:'museo_sans700',tahoma,arial,sans-serif;
color:#f2f2f2;
font-size:13px;
background: #2679b5;
background: -webkit-linear-gradient(top, #73b7e9, #2679b5);
background: -moz-linear-gradient(top, #73b7e9, #2679b5);
background: -ms-linear-gradient(top, #73b7e9, #2679b5);
background: -o-linear-gradient(top, #73b7e9, #2679b5);
background: linear-gradient(top, #73b7e9, #2679b5);
display:block;
margin:10px 0 0 0;
float:right;
padding:4px 13px;
border:outset #aaa 1px;
border-top:solid #a6d8fd 1px;
-webkit-box-shadow:1px 2px 2px #555;
-moz-box-shadow:1px 2px 2px #555;
box-shadow:1px 2px 2px #555;
background-position:2px -1px;

-webkit-transition: background-position .5s ease-out;
-moz-transition: background-position .5s  ease-out;
-o-transition: background-position .5s  ease-out;
transition: background-position .5s  ease-out;

}

.moretag:hover, .readmore:hover {
color:#fff;
text-decoration:none;
background: #1365a1;
background: -webkit-linear-gradient(top, #2679b5, #1365a1);
background: -moz-linear-gradient(top, #2679b5, #1365a1);
background: -ms-linear-gradient(top, #2679b5, #1365a1);
background: -o-linear-gradient(top, #2679b5, #1365a1);
background: linear-gradient(top, #2679b5, #1365a1);
background-position:-2px -2px;

-webkit-transition: background-position .5s ease-in;
-moz-transition: background-position .5s  ease-in;
-o-transition: background-position .5s  ease-in;
transition: background-position .5s  ease-in;
}

#footer {
border-top:solid #445a73 5px;
background-color:#0a2622;
color:#0a2622;
background-image:url(mast.jpg);
display:table;
width:100%;
}

#footer a {
color:#0a2622;
}

#footer a:hover {
color:#fff;
}

#footer-container {
width:1030px;
padding:10px;
margin:20px auto;
display:table;
background-image:url(trans.png);
position:relative;
}


.footer-widget h4 {
text-align:left;
font-size:14pt;
font-family:'CaviarDreamsRegular',"trebuchet ms",tahoma,arial,sans-serif;
color:#fff;
font-weight:normal;
}

.footer-widget {
vertical-align:top;
display:inline-block;
padding:10px;
margin:10px;
font-size:13px;
line-height:1.5em;
float:left;
text-align:justify;
color:#eee;
position:relative;
left:12px;
float:left;
}

.footer-widget textarea, .footer-widget iframe{
max-width:300px;
}

#footer-container .footer-widget a {
color:#fff;

}

#footer-container .footer-widget a:hover {
color:#e3ff24;
}

.footer-widget ul {
padding:0 0 0 5px;
} 

.footer-widget li {
text-align:left;
list-style-type:none;
line-height: 1.6em;
}

#copyright {
text-align:center;
font-size:12px;
font-family:tahoma,arial,sans-serif;
padding:10px 0px;
}

/* calendar widget */
.widget_calendar {float: left; }
#wp-calendar {width: 100%; 
border:solid #fff 1px;
-webkit-box-shadow: 0px 0px 3px #aaa;
-moz-box-shadow: 0px 0px 3px #aaa;
box-shadow: 0px 0px 3px #aaa;}
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar tbody td a {
display:block;
text-decoration:none;
font-size:120%;
}

.social-buttons {
padding-top:25px;
display:table; margin:0px auto;
}
.social-buttons li {
list-style-type:none;
padding:0px;
display:inline-block;
margin:0 20px 0 20px;
}

.post-blog .social-buttons li {
list-style-type:none;
padding:0px;
display:inline-block;
margin:0 10px 0 10px;
}

.social-buttons li img {

}

.post-blog .social-buttons li img {

}


.shutterset {
float:left;
display:inline-block;
vertical-align:top;
}

.shadowbox {
padding:8px;
border:solid #000 1px;
-moz-box-shadow:5px 5px 0px #aaa;
-webkit-box-shadow:5px 5px 0px #aaa;
box-shadow:5px 5px 0px #aaa;
margin:15px;
background-color:#fff;
}

.PinImageImg {
padding:8px;
border:solid #000 1px;
-moz-box-shadow:5px 5px 0px #aaa;
-webkit-box-shadow:5px 5px 0px #aaa;
box-shadow:5px 5px 0px #aaa;
display:inline-block;
vertical-align:top;
margin:0 25px 40px 0px;
max-width:150px;
background-color:#fff;
}

.sdj_pinterest_wrap {
width:auto;
display:inline-block;
vertical-alitn:top;
}

.sdjpip_linkbox, .sdjpip_left {
background-color:transparent !important;
background:none !important;
width:auto;
}

video {
padding:10px;
border:solid #000 1px;
-webkit-box-shadow:5px 5px 0px #aaa;
-moz-box-shadow:5px 5px 0px #aaa;
box-shadow:5px 5px 0px #aaa;
background-color:#fff;
display:block;
margin:0 auto;
}
