/* Import the default layout files: */
@import "lite/lite.css";
@import "layout/layout.css";
@import "layout/design.css";



/* ================================ */
/* START OF ASHTARI MEDIA ADDITIONS */
/* ================================ */



body {
    background-color: #2e60b5;
    font-family: helvetica, arial;
    font-size: 2em;
    font-size: 200%;
}

p {
    font-size: 1em;
}

#header-wrapper {
    height: 220px;
    width:100%;
    background-color: black;
    background-image: url(wanimate/images/header_bg.jpg);
    background-repeat: repeat-x;
}

#header-content {
    width: 960px;
    margin: 0 auto;
}

#socialbar-wrapper{
    color: #546571;
    width: 180px;
    float: left;
}

#header-left {
    background-image: url(wanimate/images/header_left.jpg);
    background-repeat: no-repeat;
    width: 180px;
    height: 220px;
    margin: 0px;
    padding: 0px;
    float: left;
}

#header-center {
    width: 575px;
    height: 220px;
    margin: 0px;
    padding: 0px;
    float: left;
}

#header-center-top {
    background-image: url(wanimate/images/header_center_top.jpg);
    background-repeat: no-repeat;
    width: 575px;
    height: 22px;
    margin: 0px;
    padding: 0px;
}

#header-center-mid {
    background-image: url(wanimate/images/header_center_mid.jpg);
    background-repeat: no-repeat;
    width: 575px;
    height: 138px;
    margin: 0px;
    padding: 0px;
}

#header-center-bottom {
    background-image: url(wanimate/images/header_center_bottom.jpg);
    background-repeat: no-repeat;
    width: 575px;
    height: 60px;
    margin: 0px;
    padding: 0px;
}

#header-right {
    background-image: url(wanimate/images/header_right.jpg);
    background-repeat: no-repeat;
    width: 205px;
    height: 220px;
    margin: 0px;
    padding: 0px;
    float: left;
}

#navbar {
    width: 180px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#navbar_1 {
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px;
    padding-top: 5px;
}

#navbar_2 {
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px;
    padding-top: 5px;
}

#navbar_3 {
    background-repeat: no-repeat;
    width: 180px;
    height: 75px;
    margin: 0px;
    padding-top: 5px;
}

#navbar_4 {
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px;
    padding-top: 5px;
}

#navbar_5 {
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px;
    padding-top: 5px;
}

#navbar_6 {
    background-repeat: no-repeat;
    width: 180px;
    height: 75px;
    margin: 0px;
    padding-top: 5px;
}

#tv-top{
    background-image: url(wanimate/images/tv_top.jpg);
    background-repeat: no-repeat;
    background-color: #000000;
    width: 520px;
    height: 22px;
    margin: 0px;
    padding: 0px;
}

#tv-mid-left{
    background-image: url(wanimate/images/tv_mid_left.jpg);
    background-repeat: no-repeat;
    background-color: #000000;
    width: 26px;
    height: 258px;
    margin: 0px;
    padding: 0px;
    float: left;
}

#tv-screen{
    background-repeat: no-repeat;
    background-color: #000000;
    width: 466px;
    height: 258px;
    margin: 0px;
    padding: 0px;
    float: left;
}

#tv-mid-right{
    background-image: url(wanimate/images/tv_mid_right.jpg);
    background-repeat: no-repeat;
    background-color: #000000;
    width: 28px;
    height: 258px;
    margin: 0px;
    padding: 0px;
    float: left;
}

#tv-bottom{
    background-image: url(wanimate/images/tv_bottom.jpg);
    background-repeat: no-repeat;
    background-color: #000000;
    width: 520px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    float: left;
}



/* LIQUID CURVES */
/* ref ~ www.search-this.com/2007/02/12/css-liquid-round-corners */

.liquid-round {
    width:100%;
    margin:0px auto;
    background:#fff url(wanimate/images/content_mid_left.jpg) repeat-y left top;
    max-width:1200px;
}

.content-top {
    width:100%;
    height:30px;
    background:url(wanimate/images/content_top_left.jpg) no-repeat left top;
    margin: 0px;
    padding: 0px;
}

.content-top span {
    display:block;
    position:relative;
    height:30px;
    background:url(wanimate/images/content_top_right.jpg) no-repeat right top;
    margin: 0px;
    padding: 0px;
}

.content-center {
    position:relative;
    background:url(wanimate/images/content_mid_right.jpg) repeat-y right top;
    padding:1px 20px 1px 25px;
}

.content-bottom {
    height:40px;
    background:url(wanimate/images/content_lower_left.jpg) no-repeat left bottom;
}

.content-bottom span {
    display:block;
    position:relative;
    height:40px;
    background:url(wanimate/images/content_lower_right.jpg) no-repeat right top;
}



/* BG COLOUR AND PADDING */

#c1c2{
    background-color: #2e60b5;
}

#col3{
    background-color: #2e60b5;
}

#middle{
    background-color: #2e60b5;
}

#fixedwidth{
    background-color: #2e60b5;
    margin: 0 auto;
    max-width: 1560px;
}

#siteheader{
    background-color: #2e60b5;
}



/* HEADINGS AND LINKS */


h1{
    font-size: 1.5em;
    color: #999999;
    border-bottom: 1px solid #DDD;
}

h1 .pagetitle {
    color: #999999;
}

h2{
    font-size: 1.5em;
    color: #777777;
    border-bottom: 1px solid #DDD;
}


h3{
    font-size: 1.3em;
    color: 1px solid #DDD;    
}

a {
    color: #555555;
    text-decoration: none;
    border-bottom: 1px solid #eeeeee;
}

a:hover {
    border-bottom: 1px solid #cccccc;
}

th {
    text-align: left;
}

td {
    text-align: left;
    padding-right: 20px;
}

.dircategs {
    border: 1px solid dimGray;
    padding: 5px;
    width: 100%;
}

.button {
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

.button a {
    color: black;
}

.noborder {
    border: 0;
}

.noborder:hover {
    border: 0;
}


/* SIDEBAR */

h3.box-title {
	text-align: center;
	width: 100%;
	min-width: 100%;
	font-weight: bold;
	color: black;
	overflow: hidden;
}	

#col2 h3.box-title,
#col3 h3.box-title {
    height: 40px;
	background-image: url(wanimate/images/sidebar_title.jpg);
    background-repeat: no-repeat;
    margin: 0px;
    padding-top: 20px;
}

#col2 .box-data,
#col3 .box-data {
	background-image: url(wanimate/images/sidebar_mid.jpg);
    background-repeat: repeat-y;
    padding-left: 20px;
    padding-right: 20px;
}

#col2 .box-footer,
#col3 .box-footer {
    height: 20px;
	background-image: url(wanimate/images/sidebar_footer.jpg);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 20px;
}



/* CONTENT PADDING */

.content-center {
    padding-left: 50px;
    padding-right: 50px;
}



/* SITE HEADER & IDENTITY - FROM THE TEMPLATE */

#header-top {
    background-image: none;
    background-color: #2e60b5;
}

#siteloginbar {
	position: static;
	float: right;
	height: 24px;
	line-height: 24px;
	padding-left: 60px;
	color: #fff;
    background-color: #2e60b5;
}

#customcode,
#customcodewith_ad {
	width: auto;
}

#topbar_custom_code {
	margin: 0 58px;
}

div#sioptions {
	padding: 0 58px;
	position: relative;
}

#sioptionscentered {
	text-align: center;
}

div#sitelogo {
	padding: 8px 0 0 0;
	overflow: hidden;
}

#sitead.floatright {
	padding-right: 100px;
}

#sitead.floatleft {
	padding-left: 100px;
}

#siteloginbar a,
#siteloginbar a:visited,
#siteloginbar a:hover {
	color: #fff;
	text-decoration: none;
}

#sl-login-user,
#sl-login-pass {
	background: transparent; /*#1b98c6*/
	color: #fff;
	border: solid 1px #fff;
	width: 8em !important;
}

#siteloginbar #pass {
	float: right;
	padding-left: 5px;
}

#siteloginbar .rme,
#siteloginbar .pass {
	display: inline;
	margin-left: 1em;
	padding-right: 10px;
}

#siteloginbar .register {
	float: right;
	height: 24px !important;
	line-height: 22px;
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 0;
	margin-top: 0;
	background: url(strasa/register.jpg) no-repeat;
}

#siteloginbar input.wikiaction {
	border: 0;
	margin-left: .7em;
	color: #5ae0ff;
	font-size: 90%;
	background: #204c65;
	font-weight: normal;
}

div.logged-in {
	padding-right: 20px;
}

#sitelocbar {
	margin: 0 58px;
	padding: 0;
}

#sitelocbar a {
	color: #0990cc !important;
	padding: 1px 4px;
	background: #cce5ff;
}

#sitelocbar a:hover {
	color: #000 !important;
}

#sitetitles {
	color: #fff;
	display: inline;
	height: 97px;
	line-height: 97px;
	overflow: hidden;
	vertical-align: bottom;
}

#sitetitle,
#sitesubtitle {
	font-family: Helvetica, sans-serif;
	font-weight: bold;
}

#sitetitle {
	font-size: 220%;
	display: inline;
	letter-spacing: -0.05em;
}

#sitetitle a,
#sitetitle a:link,
#sitetitle a:hover {
	color: #fff;
	text-decoration: none;
}

#sitesubtitle {
	font-size: 110%;
	display: inline;
	margin-left: 0.2em;
}

#tiki-top {
	white-space: nowrap;
	text-align: left;
}

#tiki-top a,
#tiki-top a:visited {
	color: #5AE0FF;
	text-decoration: none;
}

#tiki-top a:hover {
	color: #fff;
}

#sitesearchbar {
	float: none;
	position: absolute;
	right: 10px;
	top: 30px;
	color: #fff;
	font-size: 93%;
	z-index: 10;
}

#topbar_custom_code {
	background: inherit;
}



/* FOOTER */

#footer-left {
    float: left;
    width: 180px;
}

#footer-content {
    float: left;
    width: 100%;

}

#footer-right {
    float: left;
    width: 180px;
}



/* FOOTER CONTENT */

#navbar_secondary {
    float: right;
    color: #FFFFFF;
}

#navbar_secondary a {
    color: #FFFFFF;
}

#navbar_secondary li {
    list-style-type: none;
    display: inline;
    padding-right: 20px;
}

.footer-section {
    width: 50%;
    display: block;
    float: left;
}

.footer-info {
    padding-left: 20px;
    padding-right: 20px;
    color: #555555;
    font-style: italic;
}

.footer-info ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.footer-info-ashtari{
    font-size: 1em;
    text-align: right;
    height: 30px;
    padding-right: 20px;
    clear: both;
}



/* SOCIAL BAR ITEMS */

#socialbar {

}

#socialbar a {
    text-decoration:none;
}

#socialbar ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#socialbar li {
    display: block;
    height: 30px;
}

#socialbar li img {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.icon-social {
    float: left;
    clear: both;
    width: 30px;
    height: 30px;
}



/* DIRECTORY */

.directory-sites td {
    padding-bottom: 30px;
}



/* HOMEPAGE */

.info-text{
    font-style: italic;
    color: #777777
}

#tv-wrapper{
    width: 520px;
    margin: 0px;
    padding: 0px;
}

#studio-wrapper{
    width: 360px;
    margin: 0px;
    padding: 0px;
    padding-right: 30px;
    padding-top: 30px;
    float: left;
}

#gallery-wrapper{
    width: 290px;
    margin: 0px;
    padding: 0px;
    padding-top: 30px;
    float: left;
}

#footer-info-ashtari {
    text-align: center;
    padding: 20px;
}


#footer-info-ashtari a {
    color: #ffffff;
}

.footerbgtrap {
    background-color: #2e60b5;
    text-align: center;
}

.footerbgtrap a {
    color: #000000;
    border: none;
}



/* GALLERY2 IMAGEBLOCK */ 
.one-image {
    display: block;
    width: 100px;
    height: 180px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 8px;
    float: left;
    background-color: #eeeeee;
    border: 1px solid #DDD;
    overflow: hidden;
}

.one-image h4 {
    font-size: 1em;
    font-weight: normal;
    font-style: italic;
    color: #555555;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
}

.one-image img {
    width: 100px;
    height: 100px;
}

.youtube_channel{
    float: left;
    width: 540px;
}

.youtube_channel{
    float: left;
    width: 540px;
}



/* GALLERY2 */

body.gallery {
    background-color: #2e60b5;
}

.gallery {
    background-color: #2e60b5;
}

#gallery {
    background-color: #2e60b5;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

#gallery h1, #gallery h2, #gallery h3, #gallery h4 {
    font-size: 1.5em;
    color: #999999;
    border-bottom: 1px solid #DDD;
}

.gallery td {
    padding: 0px;
    margin: 0px;
}

#gallery a {
    font-weight: normal;
}

.giTitle {
    color: #777777;
    font-weight: normal;
    font-style: italic;
    font-size: 1em;
}

#gsNavBar a {
    color: #000000;
}

#gsNavBar .block-core-SystemLink {
    display: block;
    clear: both;
}

#NavigationCol {
    width: 180px;
}

#gsNavBar div.gbSystemLinks {
    float: none;
}

#gsSidebarCol {
    width: 180px;
}

#gsSidebar {
    width: 140px;
}

#gsSidebarCol .box-title {
	text-align: center;
	width: 100%;
	min-width: 100%;
	font-weight: bold;
	color: black;
	overflow: hidden;
}

#gsSidebarCol .box-title,
#gsSidebarCol .box-title {
    height: 40px;
	background-image: url(wanimate/images/sidebar_title.jpg);
    background-repeat: no-repeat;
    margin: 0px;
    padding-top: 20px;
}

#gsSidebarCol .box-data,
#gsSidebarCol .box-data {
	background-image: url(wanimate/images/sidebar_mid.jpg);
    background-repeat: repeat-y;
    padding-left: 20px;
    padding-right: 20px;
}

#gsSidebarCol .box-footer,
#gsSidebarCol .box-footer {
    height: 20px;
	background-image: url(wanimate/images/sidebar_footer.jpg);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 20px;
}

.gcBackground1 {
    background-color: transparent;
}

.gbBlock {
    border: 0;
}

.gallery-thumb img {
border-color: #38C;
border-width: 2px;
margin: 0px;
}


#cssmenu0 {
    margin-left: 40px;
}


#tiki-top {
    margin: 0 auto;
    text-align: center;
}


/* Rollover Navigation */

a.rollover {
    display: block;
    width: 180px;
    height: 70px;
    text-decoration: none;
}

a.rollover_navbar_1 {
    background: url("/styles/wanimate/images/navbar_1_sprite.jpg");
}

a.rollover_navbar_2 {
    background: url("/styles/wanimate/images/navbar_2_sprite.jpg");
}

a.rollover_navbar_3 {
    background: url("/styles/wanimate/images/navbar_3_sprite.jpg");
}

a.rollover_navbar_4 {
    background: url("/styles/wanimate/images/navbar_4_sprite.jpg");
}

a.rollover_navbar_5 {
    background: url("/styles/wanimate/images/navbar_5_sprite.jpg");
}

a.rollover_navbar_6 {
    background: url("/styles/wanimate/images/navbar_6_sprite.jpg");
}

a.rollover:hover {
    background-position: -180px 0;
}

.displace {
    position: absolute;
    left: -5000px;
}


/* ============================== */
/* END OF ASHTARI MEDIA ADDITIONS */
/* ============================== */