/*
Theme: Shades of tiffany blue
Description: Plain theme with shades of tiffany blue
Theme URL: https://violinstar.net
Author: Sakura, Li Hua
Author URL: https://violinstar.net
*/

/*   Imported fonts   */
@import url('https://fonts.googleapis.com/css?family=Cabin+Sketch');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Zeyada');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister');

/*   General style   */

body { 
color: #004942;
line-height: 20px;
font-family: 'Lora', serif;
font-size: 16px;
text-align: justify;
/*background-color:#0abab5;*/
background-color:#f9f9f9;
}

p {
color: #004942;
}

ul li {
list-style-image: url('https://violinstar.net/webicons/07.gif');
text-align: left;
}

ul li li {
list-style-image: url('https://violinstar.net/webicons/06.gif');
font-family: 'Lora', serif;
font-size: 16px;
text-align: left;
}

/*   Textarea   */
textarea {
background-color: #f9f9f9;
color: #004942;
font-family: 'Lora', serif;
font-size: 12px;
}


/*   Div tags   */
#page
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 50px;
	width: 1024px;
	background-color:#f9f9f9;
}
.headerimage
{
	padding-top:10px;
	line-height: 100px;
	text-align: center;
	font-size: 70px;
	color: #0abbb5;
	font-family: 'Love Ya Like A Sister', cursive;
}
#title
{
	margin-left:10px;
	margin-right:10px;
}
#main
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	top: 40px;
}
#featuredposts
{
	position:absolute;
	top: 80px;
	left: 225px;
	width: 740px;
	height: 330px;
	border: 0px solid #000;
}
#featuredposts .image_container
{
	left: -46px;
	top:-36px;
}

.advs-title
{
	font-family: 'Zeyada', cursive;
}

/*   Blog entry navigation   */
.page_navigation
{
	padding-bottom: 10px;
	text-align:right;
}

/*   Menu   */
.navigationmenu-widget
{
	position: fixed;
	align-left: auto;
	align-right: auto;
	z-index: 10;
	width: 100%;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	border-bottom: 2px solid #048783;
	background-color: #f9f9f9;
}
.navigationmenu-widget li
{
	list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.menu
{
	position:relative;
	width:100%;
	height: 40px;
	opacity: 0.5;
	z-index:1;
}
.menu li
{
	font-size: 15px;
	padding-left:10px;
	padding-right:10px;
	display:inline;
	margin: 0;
	list-style: none;
}

.menu a, .menu li a 
{
	color:#048783;
	height:60px;
	display:inline-block;
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
	top:300px;
}

.menu li:hover, .menu a:hover 
{
	display:inline-block;
	height: 60px;
	color:#555555;
	margin: 0 auto;
	text-decoration: none;
}
.socialmedia
{
	width:220px;
	height:60px;
	padding-top:20px;
	margin-left: auto;
	margin-right: auto;
}

.instagram-widget
{
	position:relative;
	width:1000px;
	height:200px;
	margin-left: auto;
	margin-right: auto;
	top: 10px;
}
#slider_widget-2
{
	list-style: none;
	padding: 5px;
}


/*   Footers   */
.footer
{
	width:100%;
	border-top: 5px solid #0abab5;
	color: #0abab5;
}
.footer td
{
	color: #0abab5;
	border:0px;
	padding-left:10px;
	padding-right:10px;
	align:left;
	valign:top;
	width:250px;
}

/* Tables */
tr, td, th
{
	color: #f8ff8a;
	border:0px;
	padding-left:10px;
	padding-right:10px;
	align:left;
	valign:top;
	width:250px;
}


/*   Hyperlinks   */
a, a:link, a:visited, a:active {
color: #3acac6; 
font-weight: bold;
text-decoration: none;
}

a:hover, .blog_heading a:hover {
color: #000000; 
text-decoration: none;
}


/*   Fonts style   */
b, strong {
color: #134151;
}

i, em {
color: #134151;
}

u { 
border-bottom: 1px solid #134151;
}

h1 /* For the headings main pages */{
font-size: 24px;
text-transform: uppercase;
vertical-align: middle;
font-family: 'Playfair Display SC', serif;
text-align: center;
padding-bottom: 10px;
border-bottom: 2px solid #0abab5;
}

h2 /* For the headings subpages */ {
font-size: 22px; 
font-weight: bold;
font-family: 'Playfair Display SC', serif;
line-height: 22px;
text-align: left;
}

h3 {
font-size: 18px;
text-decoration: bold;
font-family: 'Playfair Display SC', serif;
padding: 5px;
text-align: left;
}

h4 {
background-color: transparent;
padding-top: 5px;
padding-bottom: 5px;
line-height: 14px;
font-family: 'Playfair Display SC', serif;
}

h5/* for contact form only */ {
text-align: justify;
font-family: 'Playfair Display SC', serif;
}

h6 /* for the subheadings in web pages */{
font-size: 16px;
font-weight: bold;
text-decoration: underline;
margin: 0px;
padding: 0px;
text-align: left;
font-family: 'Playfair Display SC', serif;
}

/* For blog entries */
.blogentry_details {
text-align: left;
color: #004942;
}
.blog_heading, .blog_heading a
{
	text-align: left;
	font-size:26px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	font-family: 'Cabin Sketch', cursive;
	color: #004942;
}

.block
{
	padding-left:10px;
	padding-right: 10px;
	text-align: left;
}

.read-more-wrapper
{
	border-bottom: 1px dotted #000;
}
.read-more
{
	position: relative;
	top: 23px;
	display: block;
	width: 80px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size:16px;
	font-family: 'Playfair Display SC', serif;
	background-color: #cac6c3;
	color: #1890b9;
	padding: 10px;
	/*-moz-border-radius: 5px;
	border-radius: 50%;*/
	border: 1px dotted #004942;
}
.read-more a
{
	color: #000000;
}
.read-more a:hover
{
	color: #FFFFFF;
}

.wp-caption, .imgthumb, .entry img { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption-text { color: #FFFFFF; }

.alignleft { float: left; margin: 10 15px 5px 0; display: inline; border: 2px solid #ffef3e; padding: 10px; background-color: #005f7f;}
.alignright { float: right; margin: 10 0 5px 15px; display: inline; border: 2px solid #ffef3e; padding: 10px; background-color: #005f7f;}
.aligncenter { display: block; margin: 10 auto; border: 2px solid #ffef3e; padding: 10px; background-color: #005f7f;}

/* For the archives page */
#navlinkpage {
font-weight: bold;
}
#navlink {
font-weight: normal;
}


/*   Blockquote   */
blockquote {
border-top:2px dotted #0abab5;
border-bottom:2px dotted #0abab5;
color: #004942;
margin: 0 20px;
padding: 5px 10px 5px 10px;
font-family: 'Zeyada', cursive;
font-size: 20px;
line-height: 18px; 
}

code {
	font-family: monospace;
	color: #9A9A9A;
	cursor: default;
	}

form {
	margin: 0;
	padding: 0;
	border: 0px none;
	}
	

/*   Comments   */
#addcomments label
{
	width:60px;
	float:center;
	font-size:12px;
	line-height:24px;
	font-weight:bold;
}

#addcomments input, #addcomments textarea
{
	background-color:#f9f9f9;
	color: #004942;
	margin-bottom:5px;
	line-height:18px;
	padding:2px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #CCC;
}

#addcomments input
{
	width:150px;
}

#addcomments input[type=submit]
{
	width:80px;
}

#addcomments textarea
{
	width:450px;
	height:150px;
}

#addcomments input[type=author]:focus,input[type=email]:focus,input[type=url]:focus
{
	border: 1 px solid #f9f9f9; 
}

.complug{
font-family: tahoma;
font-size:10px;
color:#0abab5;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
font-weight: normal;
margin: 5px;
font-style:normal;
padding: 5px; 
background:#f9f9f9;
}

.alt {
background-color: #000000;}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 8px 3px;
list-style: none;}

#commentlist {
margin: 0;
padding-left: 2px;
padding-right: 2px;
padding-top: 0px;
list-style-type: none;
}

#commentlist li {
border-top: 0px;
padding: 5px 8px;
background-color: transparent;
align:justify;
}

.commentsection
{
border-bottom:2px solid #0abab5;
border-left:2px solid #0abab5;
border-right:2px solid #0abab5;
border-top:2px solid #0abab5;
border-radius: 25px;
padding: 20px; 
}

.commentdate {
background: #f9f9f9;
font-size:16px;
letter-spacing:0px;
line-height:16px;
font-weight:normal;
font-family: 'Playfair Display SC', serif;
text-align:center;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;

}

.comment-content {
background: #f9f9f9;
font-size:16px;
letter-spacing:0px;
line-height:20px;
font-weight:normal;
font-family: 'Lora', serif;
text-align:justify;
padding: 10px;
margin-top:-10px;

}

.cit {	
font-weight: bold; 
padding:2px; 
text-align: right;
}

hr {
border: 1px;
border-top: solid #0abab5;
height: 1px;
}

/* For WP calendar */
#wp-calendar {
border: 1px solid #000000;
}
#wp-calendar caption {
margin-left: auto;
margin-right: auto;
text-transform:uppercase;
color: #004942;
font-weight:bold;
text-align:center;
}
.footer td #wp-calendar th,tr,td {
color: #004942;
font-size: 12px;
padding: 0px;
margin: 0px;
border:0px;
}