/*
Theme Name: Donlyuk
Description: Custom Theme
Version: 1.0
Author: Jay Clark
*/
html,body {
	border:0;margin:0;padding:0;
}
body {
	background:url('images/white_texture_2.png') repeat grey;color:#000000;
	font-family:'Crimson Text', Georgia, 'Times New Roman', serif;
}

h3#comments,.comment-navigation,.comment-navigation:after,#respond:after,.comment-rss{display:block} 
ol.commentlist{width:100%} 
h3#comments,#respond h3{height:25px;text-align:left;background:#4c7faa;color:#fff;padding:5px 0 0 5px} 
ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0}
ol.commentlist,ol.commentlist ul,form#commentform{padding:0}  
ol.commentlist{border-bottom:1px solid #ccc} 
ol.commentlist ul{margin:0 0 0 20px} 
li.authorcomment,li.comment,form#commentform textarea,form#commentform input{border:1px solid #ccc}
li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none;border-bottom:none} 
li.even{background:#fff} 
li.odd{background:#efefef} 
.authorcomment{background:#deebf9} 
ul.children ul{margin-left:20px} 
ul.children li{border-right:none} 
.vcard img{float:left;background:#c4c4c4} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px} 
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} 
.comment-meta,ol.commentlist li small{top:10px;left:10px} 
.comment-text{margin:0 10px 0 0} 
.reply,.comment-navigation .newer,input#submit{float:right} 
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{background:#4c7faa} 
.reply{margin:0 10px 10px 0} 
a.comment-reply-link,.reply a:link,
.comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#fff} 
a.comment-reply-link,.reply a:link{padding:5px 0} a.comment-reply-link,.reply a:link,input#submit{width:70px} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,input#submit:hover{background:#e7e7e7;text-decoration:none;color:#4c7faa;font-weight:bold} 
a.comment-reply-link:hover,.reply a:hover,input#submit:hover{width:68px} 
a.comment-reply-link:hover,.reply a:hover{padding:4px 0} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px solid #4c7faa} 
.comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} 
.clear{clear:both} 
.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} 
form#commentform textarea,form#commentform input{padding:2px 3px} 
form#commentform textarea{width:442px} 
input#submit{padding:5px 0 !important;border:0 !important} 
input#submit,p.subscribe-to-comments input{outline:0} 
input#submit:hover{padding:4px 0 !important;border:1px solid #4c7faa !important} 
p.subscribe-to-comments{background:url('images/email_32.png') no-repeat} 
p.subscribe-to-comments,.comment-rss{height:32px;text-indent:42px;padding:5px 0 0 0} 
p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} 
p.subscribe-to-comments label{top:-2px;color:#666}  

/*comment total stlying*/

.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}
#fade{
	opacity:1;
	background:#fff;
	z-index:9999;
	position:fixed;
	height:100%;
	width:100%;
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
}
h1{
	font-size:50px;
	font-weight:600;
	margin:0;
}
h2{
	font-size:28px;
	font-weight:600;
}
h3{
	font-size:20px;
	font-weight:600;
	text-align:center;
}
a{
	color:#6989b0;
	text-decoration:none;
}
a:hover{
	color:#6989b0;
	text-decoration:none;
}
.post p{
	font-size:20px;
	font-weight:400;
	line-height:31px;
}
.post a{
	color:#6989b0;
	text-decoration:none;
}
.post a:hover{
	text-decoration:underline;
}
.thin-line{
	height:1px;
	width:300px;
	background:#abbdd3;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
}
.center{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
ul{
	margin:0;
	padding:0;
	border:0;
}
#sidebar{
	height:100%;
	width:100%;
	position:fixed;
	overflow:hidden;
	z-index:-1;
}
#tabs{
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	list-style:none;
	position:absolute;
	width:285px;
	margin-top:55px;
	margin-left:6px;
}
.sidebar-tabs{
	height:40px;
	margin-top:5px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	opacity:0.5;display:block;
}
.sidebar-tabs:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);opacity:1;
}
.sidebar-link-text{
	position:relative;
	margin-left:50px;
	top:5px;
}
.sidebar-link-text-sub{
	position:relative;
	margin-left:50px;
	top:7px;
}
.sidebar-link-text-contact{
	position:relative;
	margin-left:50px;
	top:0px;
}
.tab-link{
	margin-left:50px;
	text-align:left;
	position:relative;
	text-decoration:none;
	color:black;
	font-weight:500;
}
.about{
	top:2px;
}
.twitter{
	top:4px;
}
.facebook{
	top:4px;
}
.home{
	top:4px;
}
.home img{
	border: none;
	outline: none;
}
.subscribe{
	top:7px;
}
.homes{
	top:4px;
}
#search{
	background:url('images/search_2.png') no-repeat;
}
#about{
	background:url('images/about_2.png') no-repeat;
}
#twitter{
	background:url('images/twitter.png') no-repeat;
}
#facebook{
	background:url('images/facebook_2.png') no-repeat;
}
#home{
	background:url('images/home.png') no-repeat;
}
#rss{
	background:url('images/rss.png') no-repeat;
}
#contact{
	background:url('images/mail.png') no-repeat;
}
#home_search{
	background:url(images/home_search.png) no-repeat;
}
#search_form{
	position:absolute;
	display:block;
	margin-left:50px;
	width:200px;
	height:25px;
}
#aboutme{
	margin-left:300px;
	margin-top:92px;
	position:absolute;
	width:420px;
}
#container{
	background:url('images/pagecurl.png') repeat-y #fefefe;
	min-height:100%;
	z-index:100%;
	margin-left:56px;
	position:absolute;
	-webkit-box-shadow:-3px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow:-3px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow:-3px 0px 10px 0px rgba(0, 0, 0, .1);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:-webkit-transform 400ms ease-in-out;
	-moz-transition:-moz-transform 400ms ease-in-out;
	-o-transition:-o-transform 400ms ease-in-out;
	-ms-transition:-ms-transform 400ms ease-in-out;
	transition:transform 400ms ease-in-out;
}
#blog{
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	position:relative;
	padding-left:20px;
	padding-right:20px;
	-webkit-transition:opacity 400ms ease-in-out;
	-moz-transition:opacity 400ms ease-in-out;
	-o-transition:opacity 400ms ease-in-out;
	-ms-transition:opacity 400ms ease-in-out;
	transition:opacity 400ms ease-in-out;
}
#header{
	position:relative;
	margin-top:70px;
	text-align:center;
}
#header h1 a{
	color:black;
}
#header h1 a:hover{
	color:#abbdd3;
}
span.description{
	font-size: 18px;
}
#navigation{
	text-align:center;
	list-style:none;
	position:relative;
	margin-top:10px;
	width:100%;
	text-align:center;
	display:inline;
}
#navigation li{
	display:inline;
	color:#565656;
	padding-left:11px;
	padding-right:11px;
	text-decoration:none;
}
.center-post{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:block;
	border:5px #fbf8f2 solid;
}
.caption{
	color:#505050;
	text-align:center;
	font-size:17px !important;
}
.post{
	margin-top:70px;
}
.post img{
	max-width:100%;
	height:auto;
}
h2{
	text-align:center;
}
.title a{
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;
	padding-bottom:4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:black;
}
.title a:hover{
	color:#abbdd3;
	text-decoration:none;
}
p{
	line-height:25px;
}

.edit-link{
	margin-left:10px;
}
.share{
	position:relative;
	margin-left:210px;
	margin-bottom:60px;
}
.sharebutton{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
}
.sharebutton:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);opacity:1;
}
.facebook{
	background:url(images/facebook.png) no-repeat;
	width:15px;
	height:29px;
}
.twitter{
	background:url(images/twitter-share.png) no-repeat;
	width:33px;
	height:26px;
}
.tumblr{
	background:url(images/tumblr.png) no-repeat;
	width:15px;
	height:28px;
}


.share-list{
	list-style:none;
}
.share-list li{
	float:left;
	margin-left:20px;
}
.posts-pager{
	margin:20px 0 40px;
	text-align:center;
}
.posts-pager a{
	margin:0 10px;
}
.small{
	color:gray;
	font-size:14px !important;
	position:relative;
	margin:0 !important;
}
.star{
	font-size:12px;
	margin-left:5px;
}

.small-divider{
	width:150px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#eaeaea;
	margin-top:10px;
	margin-bottom:20px;
	height:1px;
	display:block;
}
.divider{
	width:100%;
	background-color:#eaeaea;
	margin-top:10px;
	margin-bottom:20px;
	height:1px;
	display:block;
}
#comments-extra{
	display:block;
	position:relative;
	width:100%;
	text-align:center;
}
.trackbacklink{
	margin-left:5px;
}
.form-input{
	margin-bottom:8px;
}
#form-layout{
	width:350px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
.center-button{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
ul{
	margin-left:40px;
	font-size:20px;
	list-style-type:circle;
	color:red;
	line-height:1.4;
}
li{
	color:black;
}
blockquote{
	padding-left:15px;
	margin-left:25px;
	border-left:4px #e8e8e8 solid;
}

#wpstats{
	display:none;
}
.fb-like{
	width:160px;
	margin-left:254px;
	position:relative;
	display:block;
	margin-top:20px;
	margin-bottom:20px;
}
ul{
	font-size:20px;
}
#navigation{
	margin-left:0;
}

span.phone{
	display: block;
	font-size: 16px;
	text-align: center;
}
@media only screen and (max-device-width:480px){
body{background:white;}
ul{font-size:16px;}
#main-container{
	width:320px;
	position:absolute;
	left:0;
	margin-left:0;
	-ms-overflow-x:hidden;
	overflow-x:hidden;
}
#blog{
	width:100%;
	padding:0;
}
#header{
	margin-top:20px;
}
.post{
	line-height:1.4;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px !important;
}
#sidebar{
	display:none;
}
h1{
	font-size:35px;
}
h2{
	font-size:22px;
}
.post p{
	font-size:17px;
	line-height:1.4;
}
.share{
	display:none;
}
.fb-like{
	display:none;
	visibility:hidden;
	margin:0;
}
#navigation{
margin-left:0;
}}
.social_links{
	margin: 0 auto 0;
	text-align: center;
}
.social_links img{
	border: none;
	outline: none;
}
.social_links img:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);opacity:1;
}
.social_links img{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
	margin-right: 20px;
	margin-left: 20px;
}
.wpcf7{
	margin: 0 auto;
	text-align: center;
}
.wpcf7 span.req{
	color: red;
}
.wpcf7 input:hover, .wpcf7 textarea:hover,
.wpcf7 input:focus, .wpcf7 textarea:focus{ 
	border-color: #abbdd3; 
	-webkit-box-shadow: rgb(125, 125, 125) 0px 0px 8px;
}
.wpcf7 input, .wpcf7-text, .wpcf7 textarea { 
	padding: 5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	background: #fff;
	width: 500px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
.wpcf7-submit{
	font-family:'Crimson Text', Georgia, 'Times New Roman', serif;
	margin: 0 auto;
	background: #fff !important;
	color: #abbdd3 !important;
	font-weight: bold;
	font-size: 16px;
	color: #843030;
	padding: 3px !important;
	width: 200px !important;
}
.wpcf7-use-title-as-watermark{
	color: #436496 !important;
}

.wpcf7 input[type=radio], .wpcf7 input[type=checkbox] {
    width: 12px;
    margin: 8px 8px;
    top: 3px;
    position: relative;
}
 
.wpcf7 .option{
    margin:6px 0;
}
 
.wpcf7 .option-title{
    position:relative;
    top:2px;
    color: #798e94;
}