body {
font-family: 'Arial', "Trebuchet MS", sans-serif;
line-height: 1.5;
font-size: 14px;
margin: 0;
padding: 0;
}

a { color: #64174d; text-decoration: none;}
a:hover { color: #286b8e; }
img {
	border: none;
}

h1 {
margin: 0;
padding-left: 20px;
}
h1 a { text-decoration: none; color: #64174d; }
h1 a:hover { border-bottom: 1px solid #64174d; color: #64174d; }
.cleaner {clear:both; height: 2px;}

#general {
  background: url(../images/body.jpg) top repeat-x;
  width: 100%;
	margin: 0 auto;
	background-color: #90d0eb;
}
#bg_wrapper {
  background: black;   
  /*background-blend-mode: screen;*/
     width: 100%;
     margin: 0 auto;
}
.wrap {
max-width: 1100px;
width:100%;
margin: 0px auto 0px auto !important;
padding: 0px;
  background: conic-gradient(
    from 0deg at 50% 50%,
    #e47496 0deg,       /* Top-left */
    #fe9f57 60deg,      /* Mid-left */
    #ff8666 120deg,     /* Bottom-left */
    #fe8870 180deg,     /* Bottom-right */
    #5dc8ba 240deg,     /* Mid-right */
    #788cd9 300deg,     /* Top-right */
    #e47496 360deg      /* back to Top-left */
  );



/*background-size: 95%;*/
overflow: hidden;
}

#header {
/*height: 170px;*/
/*line-height: 100px;*/
/*background: url(../images/header_bg.jpg) 237px 0px repeat-y;*/
background-size: 77% 1px;
/*margin-right: -38px;*/
}
#logo {
/*  margin: 10px;*/
  background: white;
/*  float: left;
	width: 203px;
	height: 82px;
	margin: 20px 0 0 35px;
*/}
#top-ad {
 /*width:728px;*/
 width: calc(100% - 300px);
 margin: 20px 0 0 30px;
 /*margin-left: 205px;*/
/* float: left;*/
}

.menu {
/*height: 70px;*/
/*width: 100%;*/
  background: #9b66da;
  padding: 10px;
  margin: 10px;
  border-radius: 10px;
}

.menu ul {
list-style-type: none;
margin: 0;
padding-left: 17px;
overflow: auto;
white-space: nowrap;
width: 94%;
}
.menu ul li {
display: inline-block;
/*float: left;*/
white-space: nowrap;
}
.menu ul li a {
display: block;
padding: 6px 2px 0 0;
text-decoration: none;
font-size: 14px;
letter-spacing: 0.3px;
color: #fff;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
font-weight: 600;
}
.menu ul li a:hover {
color: #eda;
}

#holder {
display: table;
width: 94%;
/*max-width: 970px;*/
float: left;
margin: 0 0 0 21px;
padding: 0 !important;
overflow: hidden;
}

/*#content {
float: left;
max-width: 460px;
}*/
.main_box {
box-sizing: border-box;
float: left;
width: 100%;
border-radius: 10px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-top: 0;
margin-bottom: 20px;
/*margin-left: 33px;*/
padding: 0 10px 0 10px;
background: white;
}

.main_box h2 {
margin: 0;
color: #09c2c1;
height: 30px;
line-height: 30px;
padding: 5px 0 5px 10px;
font-size: 24px;
/*border-bottom: 1px solid #ccc;*/
}

.main_box h1 {
margin: 0;
color: #09c2c1;
height: 30px;
line-height: 30px;
padding: 5px 0 5px 10px;
font-size: 24px;
/*border-bottom: 1px solid #ccc;*/
}


.main_box p { padding: 0 10px 0px 10px; color: #232323;}
.main_box ul { padding: 0 20px 10px 30px; list-style-type: none }
.main_box ul li {padding: 10px 0 10px 20px; background: #fefefe; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ecebeb'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ecebeb)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #ecebeb); /* for firefox 3.6+ */ }



#zodiac {margin-top: 0; padding-top: 0; border-collapse: collapse}
tr.border td {
	border-bottom: 1px solid #CCC;
	padding: 2em 0 1em 0;
	}
tr.next td {
	border: none;
	padding: 1em 0 1em 0;
	}

#sidebar {
    display: table-cell;
    vertical-align: top;
    /*float: left;*/
    margin-top: 20px;
    width: 217px;
    max-width: 217px;
    margin-left: 0px;
    padding-left: 12px;

}
.box_wrap {
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 8px;
  float:left;
	width:100%;
	/*margin: 0 17px 15px 17px;*/
  margin-bottom: 12px;
	padding: 8px;
  overflow: hidden;
  /*background: linear-gradient(to bottom, #1e5799 0%,#ffffff 9%,#ffffff 100%);*/
  background: white;
	}
.box_top {
	float:left;
  width:100%;
	height:42px;
/*  background: #f0f0f0;*/
	/*background:transparent url(../images/top.png) no-repeat;*/
	}
.box_bottom {
	float:left;
  width:100%;
	height:15px;
	margin: 0 !important;
	padding: 0!important;
	/*background:transparent url(../images/bottom.png) top left no-repeat;*/
	}
.box {
	float:left;
	padding-top: 0;
  width:100%;
	/*background:transparent url(../images/middle.png) repeat-y;*/
	}
.box img {border: none; margin: 5px 0 0 0px;}

#sidebar h3 {
height: 42px;
line-height: 30px;
font-weight: 600;
font-size: 15px;
margin: 0;
padding: 7px 0 0 10px;
color: #09c2c1;
}
#sidebar h3.star {
height: 42px;
line-height: 30px;
font-weight: 600;
font-size: 22px;
margin: 0;
padding: 7px 0 0 10px;
color: #de3d64;
/*background:transparent url(../images/star.png) no-repeat;*/
}

#sidebar p { padding: 0 10px 10px 10px; color: #232323; }

#sidebar ul {
padding: 10px 0 0px 30px;
margin: 0;
list-style-type: none;
}

#sidebar ul li {
padding: 0;
margin: 7px 0 7px 0;
}
#sidebar ul li  a {
font-family: 'Tahoma', 'Arial', san-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
color: #64174d;
}
#sidebar ul.links {
 list-style: disc;
 color: #8dcaee;
 font-weight: 900;
 margin-left: 20px;
}
#sidebar ul.links li  a {
color: #8dcaee;
}
#sidebar ul.links li  a span{
color: #64174d;
font-weight: normal;
font-size: 14px;
}
#sidebar ul li  a.krios{
padding: 7px 0 7px 44px;
margin: 0;
background:transparent url(../images/sm_aries.png) left center no-repeat;
}
#sidebar ul li  a.tauros{
padding: 7px 0 7px 41px;
margin: 0;
background:transparent url(../images/sm_taurus.png) left center no-repeat;
}
#sidebar ul li  a.didimos{
padding: 7px 0 7px 43px;
margin: 0;
background:transparent url(../images/sm_gemini.png) left center no-repeat;
}
#sidebar ul li  a.karkinos{
padding: 7px 0 7px 44px;
margin: 0;
background:transparent url(../images/sm_cancer.png) left center no-repeat;
}
#sidebar ul li  a.leon{
padding: 7px 0 7px 44px;
margin: 0;
background:transparent url(../images/sm_leo.png) left center no-repeat;
}
#sidebar ul li  a.parthenos{
padding: 7px 0 7px 42px;
margin: 0;
background:transparent url(../images/sm_virgo.png) left center no-repeat;
}
#sidebar ul li  a.zygos{
padding: 7px 0 7px 45px;
margin: 0;
background:transparent url(../images/sm_libra.png) left center no-repeat;
}
#sidebar ul li  a.skorpios{
padding: 7px 0 7px 45px;
margin: 0;
background:transparent url(../images/sm_scorpio.png) left center no-repeat;
}
#sidebar ul li  a.toksotis{
padding: 7px 0 7px 45px;
margin: 0;
background:transparent url(../images/sm_sagittarius.png) left center no-repeat;
}
#sidebar ul li  a.aigokeros{
padding: 7px 0 7px 45px;
margin: 0;
background:transparent url(../images/sm_capricorn.png) left center no-repeat;
}
#sidebar ul li  a.ydroxoos{
padding: 7px 0 7px 45px;
margin: 0;
background:transparent url(../images/sm_aquarius.png) left center no-repeat;
}
#sidebar ul li  a.ixthis{
padding: 7px 0 7px 45px;
margin: 0;
background:transparent url(../images/sm_pisces.png) left center no-repeat;
}

#news {
display: table-cell;
vertical-align: top;
margin-top: 20px;
margin-left: 0px;
width: 217px;
border-radius: 10px;
overflow: hidden;
}

#news h3 {
background: #f0f0f0;
float:left;
width:200px;
height:42px;
/*background:transparent url(../images/top.png) no-repeat;*/
line-height: 30px;
font-weight: 600;
font-size: 15px;
margin: 0;
padding: 7px 0 0 20px;
color: #286b8e;
}

#news h3 a {
  color: #286b8e;
}
#news_wrap{
width: 171px;
float: left;
margin-left: 20px;
margin-top: 7px;
}
.ng_hotnews {
  float: left;
  overflow: hidden;
  position:relative;
  margin-bottom: 10px;
}
.ng_hotnews img{
  border:0;
  position:absolute;
}

.ng_content {
  background: none repeat scroll 0 0 #214c66;
  float: left;
  opacity: 0.9;
  position: absolute;
  bottom: -5px;
  padding:4px 4px 9px;
}
.ng_content a{
  text-decoration: none;
  color:#fff;
  font-size: 11px;
  line-height: 10px;
}
.ng_date {
  color:#a8a8a8;
  font-style:italic;
  font-size:smaller;
}

.ribbon {
height: 70px;
float: left;
line-height: 30px;
width: 100%;
/*margin: -10px 0 0 9px;*/
padding: 10px 0 0 0 ;
/*background: url(../images/ribbon.png) 0px 0px no-repeat;*/
/*background-size: 98% 80px;*/
overflow: hidden;
}
.ribbon p {
  background: #9b66da;
  padding: 10px;
  margin: 10px;
  border-radius: 10px;

/*padding: 0 0 0 70px;*/
font-size: 18px;
letter-spacing: 0.3px;
color: #fff;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
font-weight: 600;
}
.ribbon ul {
list-style-type: none;
margin: 0;
padding-left:50px;
padding-top: 7px;
}
.ribbon ul li {
display: block;
float: left;
}
.ribbon ul li a {
display: block;
padding: 6px 7px 0 7px;
text-decoration: none;
font-size: 14px;
letter-spacing: 0.1px;
color: #fff;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
font-weight: 600;
}
.ribbon ul li a:hover {
color: #fff;
}
.ribbon2 {
  background: #9b66da;
  padding: 10px;
  margin: 10px;
  border-radius: 10px;

/*width: 100%;*/
/*height: 70px;*/
/*float: left;*/
/*line-height: 30px;*/
/*margin: 10px 0 25px 9px;
padding: 10px 0 0 0;*/
/*background: url(../images/ribbon.png) 0px 0px no-repeat;*/
/*background-size: 98% 80px;*/
overflow: hidden;
}
.ribbon2 p {
/*padding: 0 0 0 70px;*/
font-size: 18px;
letter-spacing: 0.3px;
color: #fff;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
font-weight: 600;
}
.ribbon2 ul {
list-style-type: none;
margin: 0;
/*padding-left:37px;*/
/*padding-top: 7px;*/
}
.ribbon2 ul li {
display: block;
float: left;
}
.ribbon2 ul li a, .ribbon2 ul li span {
display: block;
padding: 6px 7px 0 7px;
text-decoration: none;
font-size: 14px;
letter-spacing: 0.1px;
color: #fff;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
font-weight: 600;
float:left;
}
.ribbon2 ul li span{
padding: 6px 1px 0;
}
.ribbon2 ul li a:hover {
color: #fff;
}
#content {
display: table-cell;
vertical-align: top;
padding-left: 12px;
padding-right: 12px;
/*float: left;*/
/*max-width: 490px;*/
}



#columns {float: left; margin-left: 45px;width: 100%;}
#columns p { padding: 0 10px 10px 10px; color: #232323; }
#columns a.more {font-size:14px;font-weight:bold;color: #fff; line-height: 3em;}
#columns h3 {
color: #fff;
height: 30px;
line-height: 30px;
font-weight: 600;
font-size: 14px;
margin: 0 0 0 0;
padding: 4px 0 0 40px;
}

#columns ul {
padding: 15px 0 20px 30px;
margin: 0;
}

#columns ul li {
padding: 0;
margin: 0;
}

#column1 {
float: left;
width: 293px;
height: 366px;
/*background: url(../images/addon1.jpg) top no-repeat;*/
margin-top: 20px;
}
#column2 {
float: left;
margin-left: 20px;
width: 293px;
height: 366px;
/*background: url(../images/addon2.jpg) top no-repeat;*/
margin-top: 20px;
}
#column3 {
float: left;
margin-left: 20px;
width: 294px;
height: 366px;
/*background: url(../images/addon3.jpg) top no-repeat;*/
margin-top: 20px;
}
.addon {
width:200px;
text-align:right;
line-height:11px;
}
#footer {
background: transparent;
padding: 30px 0;
text-align: center;
color: #286b8e;
margin-top: 20px;
}
#footer p { margin:0; margin: 0; color: #286b8e; font-weight: 700px;}
#footer a { color: #286b8e;font-weight: 700px;}
#footer a:hover { text-decoration: underline; }

.more-articles {
  margin: 10px 0;
  padding: 0 5px;
}
.more-articles h3 {
height: 30px;
line-height: 30px;
font-weight: 600;
font-size: 15px;
margin: 0 0 10px;
padding: 7px 0 0 5px;
color: #286b8e;
border-bottom: 1px solid #ccc;
}
.more-articles a{
  padding-left: 10px;
}
div.article {
  clear:both;
  margin-top:25px;
}
div.article img {
  float:left;
  margin-right:5px;
}

div.tarotcard {
  width: 150px;
  height: 218px;
  background: #fff url(/images/tarot/back.jpeg) no-repeat;
  position: absolute;
  border: 2px solid #ccc;
  cursor: pointer;
}

@media only screen and (max-width: 980px) {
  #news {
    display: none;
  }
  #holder {
    display: flex;
    flex-direction: column;
  }
  #sidebar {
    display: block;
    order: 2;
    width:100%;
    max-width: none;
  }
  #content {
    display: block;
    order: 1;
  }
  .main_box {
    padding: 0;
  }
  .ribbon2 {
    max-height: 55px;
  }
}

@media only screen and (min-width: 980px) {
  #sidebar {
    width: 323px;
    max-width: 323px;
  }
}