/*

*/



body{
	margin-top: 0px;
background:  #ffffff;
	background-position: center top, center top; 
	background-repeat: repeat-y, no-repeat;
	background-attachment: scroll;
	color: #a09393;
	font-family: trebuchet ms;
	font-size: 12px;
	font-weight: normal;
	overflow: -moz-scrollbars-vertical;
    overflow-x: hidden; position: hidden; 
}

#site{ 
	width: 1150px; 
	margin: 0px auto;
}

#header{ background: url("");background-position: center top;background-repeat: no-repeat;width: 100%;
height:250px; }

@font-face {
font-family: "HugsKisses";
src: url("http://aemydesign.sosugary.com/wp-content/fonts/HugsKisses.ttf"); }
@font-face {
font-family: "RobotoMono";
src: url("http://aemydesign.sosugary.com/wp-content/fonts/RobotoMono.ttf"); }

.sitebar {
    max-width: 1150px;
    margin: 0 auto;
}
.sitename {
    font-size: 32px;
    text-align: left;
    display: inline-block;
    float: left;
    padding-left: 15px;padding-right: 15px;padding-top: 10px;padding-bottom: 10px;
    font-family: HugsKisses;
    color: -webkit-linear-gradient(30deg,rgba(255,145,145,0.68),rgba(249,158,182,0.68));
    background: -webkit-linear-gradient(30deg,#cc99ff,#e0d6f9);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;
}
*, ::before, ::after {    -webkit-box-sizing: inherit;    -moz-box-sizing: inherit;    box-sizing: inherit;
} 
div#navigation {position: relative;	margin: 0;  text-align: right;    font-weight: none;    padding: 15px 0px 15px 0px;
    overflow: hidden;    text-decoration: none;
}
div#navigation ul {padding: 5px;	list-style: none;	margin-top:5px;
}
div#navigation ul li {padding: 5px;display: inline;
}
div#navigation ul a:link, div#navigation ul a:visited{padding-left: 15px;padding-right: 15px;font-family: "RobotoMono"; font-size: 13px; 
color: #b3a1d9; border-bottom: 0px solid #b3a1d9; }

div#navigation ul a:hover{	
color: #75717e ; border-bottom: 0px solid #b3a1d9;-webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; 
}
ul::before , ::marker , li::before{color:#ffffff;padding: 5px;	}

h1, h2 , h1 a , h2 a, h1 a:hover , h2 a:hover , h1 a:visited , h2 a:visited  { 
    font-weight: normal !important;
    text-align: center;
color: #222222; 
font-family:RobotoMono;
	font-size:12px; 
	background: #f7f7ed;
	text-transform: normal; letter-spacing:3px; 
	padding: 10px; }
	
.sidebar {width:350px;float: left;   }

.sidebar-head{
 padding: 0px;
}
.border-head{background: #ffffff; color: #b3a1d9;padding: 10px;font-size: 24px;font-family:HugsKisses;
text-align: center;letter-spacing:2px;border-bottom: 2px dotted #b3a1d9;
}
.sidebar-module  {background: #ffffff;font-family: trebuchet ms;	text-align: justify;color: #a09393;	padding: 10px;line-height: 19px;
}
.sidebar-footer {background: transparent;height: 30px;	
}
.thumbnail {height:200px; width:100%; background-size: cover;}

#content{ float: right;	width: 690px;position: relative;
}
.home-head  { background: #ffffff;
}
.home-title , .home-title a, .home-title a:link, .home-title  a:visited  { 
font-family:HugsKisses;color:#8984ab; text-align:center; letter-spacing:2px;font-size:24px; background-color: #ffffff;
padding: 10px; border-bottom: 2px dotted #b3a1d9;
}
.home-title a:hover { color:#c5aff2; background-color: #ffffff;
}
.home-author,  .date,  .category, .home-author a {  
	font-family: trebuchet ms;background-color: #ffffff;text-align: center;font-size: 12px; 	color: #a09393;
	padding: 4px;margin-bottom:5px;margin-top:5px;
}
.home-module {   background: transparent;font-family: trebuchet ms;text-align: justify;	color: #a09393;background-color: #ffffff;
	font-size: 13px;	padding: 10px;	line-height: 20px; }

.wp-block-table {margin:5px; padding:5px; border: 0px dotted #e6dff5; }
.wp-block-table td {padding:15px; text-alig: justify; }
	
.home-footer { 
    background: transparent;
	height: 40px;
}
a.project-link:link , a.project-link:visited { 
background: #e6dff5;  color: #222222;  padding: 9px; letter-spacing: 1px;display: inline-block; 
}
a.project-link:hover , a.project-link:active  {
background: #e6dff5; color: #888888; 
}

blockquote { 
	background: #e6dff5;
	font-family: trebuchet ms;font-size:12px;
	text-align: justify;
	color: #222222;
	padding: 15px;font-style: italic;margin-top:8px;margin-bottom:8px;
}

a:link, a:visited {
	color: #222222;	text-decoration: none; font-family:RobotoMono;font-size:12px;
}
a:hover , a:active{
	color: #b3a1d9;	-webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; 
}
#sidebar b, #sidebar strong , #content b, #content strong , b  {
	font-weight: bold;
	color: #b099cd;}

#sidebar i, #sidebar em, #sidebar italic , #content i, #content em, #content italic , i {
	color: #b099cd;
	font-style: italic;}

#sidebar u, #sidebar underline , #content u, #content underline , u {
    color: #b099cd;
    text-decoration: underline;}

#img , #sidebar img , #content img , #footer img a:link img, a:visited img ,#sidebar a:link img, #sidebar a:visited img , #content a:link img, 
#content a:visited img , #footer a:link img, #footer a:visited img , .textwidget img {
    border: 2px solid #e5e4de;
    background: #f9f9f9;
    padding: 4px;
    filter: alpha(opacity=90);
    opacity: 0.90; 
}
a:hover img , #sidebar a:hover img , #content a:hover img , #footer a:hover img  {
    border: 2px solid #b3a1d9;
    background: #f9f9f9;
    padding: 4px;
    filter: alpha(opacity=100);
    opacity: 1; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; 
}
.readmore a { 
	background-color: #e5e4de;
	font-family: trebuchet ms;
    font-weight: normal;
    font-size: 12px;
	color: #a09393 !important;
	border: 4px double #ffffff;
	text-align: center !important;
    padding: 10px;
	display: block;
	width: 30%;
	margin: 0 auto;
    -webkit-transition: .5s ease-in; 
    -moz-transition: .5s ease-in; 
    -o-transition: .5s ease-in; 
}

.readmore a:hover { 
	background-color: #6C538B;
	text-decoration: none;
}

.turner {
  text-align: center;
}

.pagination {
	clear: both;
    background: transparent;
	height: 40px;
}

.pagination span, .pagination a {
	font-family: trebuchet ms;
    background: #e6dff5;
	color: #a09393;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 10px;
	margin: 0 4px;
}

.pagination a:hover {
	font-family: trebuchet ms;
	font-size: 12px;
	font-weight: bold;
	border-color: none;
	background: #e6dff5;
	color: #ffffff;
	text-decoration: none !important;
}

.pagination .current {
	font-family: trebuchet ms;
	font-size: 12px;
	font-weight: bold;
	font-weight: normal;
	background: #e6dff5;
	color: #222222;
}

select {
	font-family: trebuchet ms;
    padding: 10px;
    width: 390px;
    background: #a09393;
    border: 0px;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
}

#footer{ clear: both;width: 100%;text-align: center;padding:15px;font-size:11px; 
}
#footer-widget{font-size:11px;background: #ffffff; width: 1200px; margin:0px auto;text-align: justify; padding: 15px;}

div#qTip {
    background-color: #fafafa;
    padding: 3px;
    border: 1px dotted #ffffff;
    display: none;
    color: #a09393;
	font-family: trebuchet ms;
    font-size: 11px;
    text-align: center;
    width: 200px;
    position: absolute;
    z-index: 1000;
    -moz-opacity:.80;
    filter:alpha(opacity=80);
    opacity:.80;
} 

* {
	margin: 0;
}


.comments-area {
	margin-bottom: 60px;
}
.comments-title { 
	height: 30px;
	font-family: trebuchet ms;
	font-size: 12px;
	color: #222222;
	font-weight: normal !important;
	text-align: center;
	overflow: hidden;
}
.comments-area ol {
	list-style: none;
}
.comments-area ol {
	padding: 0;
}
.comments-area .children {
	padding-left: 20px;
}
.comments-area .fn {
	color: #a09393;
}
.comment-author .avatar {
	position: absolute;
}
.comment-author .fn { 
	margin-left: 80px;
	font-size: 16px;
	font-style: normal;
}
.commentmetadata { 
	margin-bottom: 30px;
	margin-left: 80px;
}
.comment-meta a { 
	color: #a09393;
	font-size: 13px;
}
.comment-body { 
	padding: 10px; 
	margin-bottom: 10px; 
	background: #EBEBEB;
}
.comment-body p { 
	font-family: trebuchet ms;
	padding-top: 15px; 
}
.reply { 
	text-align: right;
}
.comment-reply-link { 
	padding: 5px;
	background-color: #fff;
	box-shadow: 0 0 1px #adadad;
	font-size: 12px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;	
}
a.comment-reply-link {
	color: #a09393;
	text-decoration: none;
}
a.comment-reply-link:hover {
	color: #222222;
	box-shadow: 0 0 1px #505050;
}
.comments-area a.url {
	color: #222222;
	text-decoration: underline;
}
.bypostauthor {
}
input#author,
input#email,
input#url,
textarea#comment { 
	width: 100%;
	max-width: 96%;
	padding: 10px;
	border: 1px solid #c5c5c5;
}
.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment { 
	text-align: left;
	padding: 10px 0;
}
.comment-form-author:before,
.comment-form-email:before,
.comment-form-url:before,
.comment-form-comment:before {
	font-family: FontAwesome;
	color: #505050;
}
.comment-form-author:before {
	content: "\f007  ";
}
.comment-form-email:before {
	content: "\f003  ";
}
.comment-form-url:before {
	content: "\f0c1  ";
}
.comment-form-comment:before {
	content: "\f040  ";
}
.comment-respond input[type="submit"] {
	padding: 15px;
	color: #222222;
	font-weight: bold;
	border: none;
	background: #ffffff;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;	
}
.comment-respond input[type="submit"]:hover {
	background-color: #fafafa;
}
.list {text-align: justify; 
    background: #ffffff;
    color: #a09393;
    padding: 10px;border-bottom: 1px dotted #e6dff5;
}
/* responsive */
@media screen and (max-width: 650px) {
div#navigation , div#navigation ul a:link, div#navigation ul a:visited , div#navigation ul a:hover{font-size: 14px;width: 99%;height: auto!important; display: auto;padding-left: 0px; text-align:center;
}a:link , a:visited , a.project-link:link , a.project-link:visited ,a.project-link:hover , a.project-link:active {font-size: 14px; }
blockquote {font-size: 11px; }
body  {font-size: 12px;	max-width: 100%;	margin: 0px;
}#headerm , #header{background: url("images/mobilheader.png");background-position: center top;background-repeat:no-repeat;max-width: 100%;height:200px;
}#site ,div#sitebar , div#sitename ,div#sitename a:link, div#sitename  a:visited , div#sitename  a:hover ,div#tagline {
padding: 5px; font-size: 12px;width: 95%;
}.thumbnail {	display: auto;
}#content {	float:center;    width: 98% !important;	margin:6px!important;
}.home-head  , .widget-title  { text-align: center;font-size: 14px;
}.home-title , .home-title a, .home-title a:link, .home-title  a:visited  , h1, h2{text-align: center;text-transform: none;font-size:14px;	letter-spacing: 1px;
}.home-title a:hover {color: #5b86d4!important;
}.home-module, .home-author, .home-footer {font-size: 11px;   margin: 0px;	height: auto;
}#sidebar {	float:center;    width: 90% !important;	margin:10px!important;
}.sidebar-head{	font-size: 14px; 
}.border-head {font-size: 14px;	text-align: center;	letter-spacing: 1px;	text-transform: none;	
}.sidebar-module , .sidebar-footer , .textwidget {font-size: 11px;	background-image: none;	height: auto;
}img , a:link img , #sidebar a:link img, #sidebar img{    max-width:75%;    height: auto!important;
}.readmore , .pagination {	font-size: 14px;	width: 90%;
}#footer , #footer a:link, #footer a:hover, #footer a:active, #footer a:visited{font-size:11px;clear: both;display: auto; width: 95%;  }
#footer-widget  {	display: auto; width: 95%;font-size:11px;
}video, iframe, object, embed {	max-width: 100%;	height: auto;
}
}
@media screen and (max-width: 400px) {
div#navigation , div#navigation ul a:link, div#navigation ul a:visited , div#navigation ul a:hover{font-size: 14px;width: 99%;height: auto!important; display: auto;padding-left: 0px; text-align:center;
}a:link , a:visited , a.project-link:link , a.project-link:visited ,a.project-link:hover , a.project-link:active {font-size: 14px; }
blockquote {font-size: 11px; }
body  {font-size: 12px;	max-width: 100%;	margin: 0px;
}#headerm , #header{background: url("images/mobilheader.png");background-position: center top;background-repeat:no-repeat;max-width: 100%;height:200px;
}#site ,div#sitebar , div#sitename ,div#sitename a:link, div#sitename  a:visited , div#sitename  a:hover ,div#tagline {
padding: 5px; font-size: 12px;width: 95%;
}.thumbnail {	display: auto;
}#content {	float:center;    width: 98% !important;	margin:6px!important;
}.home-head  , .widget-title  { text-align: center;font-size: 14px;
}.home-title , .home-title a, .home-title a:link, .home-title  a:visited  , h1, h2{text-align: center;text-transform: none;font-size:14px;	letter-spacing: 1px;
}.home-title a:hover {color: #5b86d4!important;
}.home-module, .home-author, .home-footer {font-size: 11px;   margin: 0px;	height: auto;
}#sidebar {	float:center;    width: 90% !important;	margin:10px!important;
}.sidebar-head{	font-size: 14px; 
}.border-head {font-size: 14px;	text-align: center;	letter-spacing: 1px;	text-transform: none;	
}.sidebar-module , .sidebar-footer , .textwidget {font-size: 11px;	background-image: none;	height: auto;
}img , a:link img , #sidebar a:link img, #sidebar img{    max-width:75%;    height: auto!important;
}.readmore , .pagination {	font-size: 14px;	width: 90%;
}#footer , #footer a:link, #footer a:hover, #footer a:active, #footer a:visited{font-size:11px;clear: both;display: auto; width: 95%;  }
#footer-widget  {	display: auto; width: 95%;font-size:11px;
}video, iframe, object, embed {	max-width: 100%;	height: auto;
}
}
@media screen and (max-width: 300px) {
div#navigation , div#navigation ul a:link, div#navigation ul a:visited , div#navigation ul a:hover{font-size: 14px;width: 99%;height: auto!important; display: auto;padding-left: 0px; text-align:center;
}a:link , a:visited , a.project-link:link , a.project-link:visited ,a.project-link:hover , a.project-link:active {font-size: 14px; }
blockquote {font-size: 11px; }
body  {font-size: 12px;	max-width: 100%;	margin: 0px;
}#headerm , #header{background: url("images/mobilheader.png");background-position: center top;background-repeat:no-repeat;max-width: 100%;height:200px;
}#site ,div#sitebar , div#sitename ,div#sitename a:link, div#sitename  a:visited , div#sitename  a:hover ,div#tagline {
padding: 5px; font-size: 12px;width: 95%;
}.thumbnail {	display: auto;
}#content {	float:center;    width: 98% !important;	margin:6px!important;
}.home-head  , .widget-title  { text-align: center;font-size: 14px;
}.home-title , .home-title a, .home-title a:link, .home-title  a:visited  , h1, h2{text-align: center;text-transform: none;font-size:14px;	letter-spacing: 1px;
}.home-title a:hover {color: #5b86d4!important;
}.home-module, .home-author, .home-footer {font-size: 11px;   margin: 0px;	height: auto;
}#sidebar {	float:center;    width: 90% !important;	margin:10px!important;
}.sidebar-head{	font-size: 14px; 
}.border-head {font-size: 14px;	text-align: center;	letter-spacing: 1px;	text-transform: none;	
}.sidebar-module , .sidebar-footer , .textwidget {font-size: 11px;	background-image: none;	height: auto;
}img , a:link img , #sidebar a:link img, #sidebar img{    max-width:75%;    height: auto!important;
}.readmore , .pagination {	font-size: 14px;	width: 90%;
}#footer , #footer a:link, #footer a:hover, #footer a:active, #footer a:visited{font-size:11px;clear: both;display: auto; width: 95%;  }
#footer-widget  {	display: auto; width: 95%;font-size:11px;
}video, iframe, object, embed {	max-width: 100%;	height: auto;
}
}