/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * ThemeKat styles
 */
 
#page {background:url(../images/background.jpg); margin:10px;}

/*apply red gradient*/
#menubar, #block-header, #block-footer, .mod-box, .menu-dropdown .dropdown-bg > div, #system .item > .links a, .menu-dropdown a.level1,
.menu-dropdown span.level1, .menu-dropdown a.level2, .menu-dropdown span.level2, .searchbox .results, h1, h2, h3, h4, h5, h6, .button-default, #system .pagination a, #system .pagination strong, .page-nav .next, .page-nav .prev, form.short input[type="submit"], form.box button, form.box input[type="button"], button, input[type="button"], input[type="submit"] [type="reset"], form.box legend, form.box fieldset  {

background: rgb(255,116,116);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjc0NzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODMwMzAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,116,116,1) 0%, rgba(131,3,3,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,116,116,1)), color-stop(100%,rgba(131,3,3,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,116,116,1) 0%,rgba(131,3,3,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(255,116,116,1) 0%,rgba(131,3,3,1) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,116,116,1) 0%,rgba(131,3,3,1) 100%);
background: radial-gradient(ellipse at center,  rgba(255,116,116,1) 0%,rgba(131,3,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7474', endColorstr='#830303',GradientType=1 );

}

/*apply red hover gradient*/
.menu-dropdown li.level1:hover .level1, .menu-dropdown li.remain .level1, .menu-dropdown a.level2:hover, .searchbox .results li.result.selected, #system .item > .links a:hover, a:hover.button-default  {    

background: rgb(255,212,212);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmQ0ZDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzcwNjA2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,212,212,1) 0%, rgba(199,6,6,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,212,212,1)), color-stop(100%,rgba(199,6,6,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,212,212,1) 0%,rgba(199,6,6,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(255,212,212,1) 0%,rgba(199,6,6,1) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,212,212,1) 0%,rgba(199,6,6,1) 100%);
background: radial-gradient(ellipse at center,  rgba(255,212,212,1) 0%,rgba(199,6,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd4d4', endColorstr='#c70606',GradientType=1 );

}

/*apply box shadows*/
#system .item > .links a, .menu-dropdown a.level2, .menu-dropdown span.level2, .searchbox, h1, h2, h3, h4, h5, h6 , .button-default, #system .pagination a, #system .pagination strong, .page-nav .next, .page-nav .prev, form.short input[type="submit"], form.box button, form.box input[type="button"], button, input[type="button"], input[type="submit"] [type="reset"] , form.box legend, form.box fieldset, #block-header, #block-footer, #menubar, .mod-box
{
   -webkit-box-shadow:  1px 6px 10px 1px #000000;
    box-shadow:  1px 6px 10px 1px #000000; 
}


/*apply text shadows*/
.menu-dropdown a.level1, .menu-dropdown span.level1, .menu-dropdown a.level2, .menu-dropdown span.level2, .menu-dropdown a.level3, .menu-dropdown span.level3, .searchbox .results, #footer, .mod-box, h1, h2, h3, h4, h5, h6, #toolbar, #system .item > .links a, form.box legend, form.box fieldset {
    text-shadow: 3px 3px 2px #000000;
}

/*apply border radius*/
.menu-dropdown a.level2, .menu-dropdown span.level2, .menu-dropdown .dropdown-bg > div, .searchbox .results, h1, h2, h3, h4, h5, h6, #system .item > .links a, .button-default, #system .pagination a, #system .pagination strong, .page-nav .next, .page-nav .prev, form.short input[type="submit"], form.box button, form.box input[type="button"], button, input[type="button"], input[type="submit"] [type="reset"], form.box legend , form.box fieldset , #block-footer, #menubar, .mod-box {
    border-radius: 10px 0px 10px 0px; 
  -moz-border-radius: 10px 0px 10px 0px; 
  -webkit-border-radius: 10px 0px 10px 0px;
}

/*menus*/
.menu-dropdown a.level1,
.menu-dropdown span.level1 {
  border: none;
  color: #fff;
  font-weight:bold;
  border-radius: 10px 0px 10px 0px; 
  -moz-border-radius: 10px 0px 10px 0px; 
  -webkit-border-radius: 10px 0px 10px 0px;
  padding:6px;
  
    -webkit-box-shadow:  1px 6px 10px 1px #000000;
    box-shadow:  1px 6px 10px 1px #000000; 
}

.menu-dropdown li.active .level1 { color: #fffeac; font-weight:bold; }

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 
{
    color:#fffeac;
    
}

/* Set Current */
.menu-dropdown a.current.level2 { font-weight:bold; color: #fffeac;} 

.menu-dropdown a.level2, .menu-dropdown span.level2  {color:#fff; font-weight:bold;}

.menu-dropdown a.level3, .menu-dropdown span.level3 {color:#fff;}

.menu-dropdown .dropdown {
  top: 56px;
  border-top:none;
}

.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span { padding: 5px 6px; }

.menu-dropdown .dropdown-bg > div {
  padding: 5px;
  border: none;
  border-top: none;
}

.menu-dropdown li.level2 {  margin: 4px;}

.menu-dropdown ul.level3 { padding: 4px 4px 8px 4px; }

.menu-dropdown a.level3 {
  padding-left: 20px;
  background: url(../images/menubullet.png) 5px 7px no-repeat;
  color: #fff;
}

.menu-dropdown a.level2:hover { color: #fffeac; font-weight:bold;}

.menu-dropdown a.level3:hover {color: #fffeac; text-decoration:underline;}

.menu-sidebar a,
.menu-sidebar li > span { color: #fff; font-weight:bold;}

.menu-sidebar a:hover,
.menu-sidebar li > span:hover { color: #fffeac; }


/*system*/
.searchbox {
    border-radius: 10px 0px 10px 0px; 
  -moz-border-radius: 10px 0px 10px 0px; 
  -webkit-border-radius: 10px 0px 10px 0px;
}

#system .item > .links a {padding:10px; color:#fffeac; margin-bottom:20px; font-weight:bold;}

.socialbuttons {padding-top:20px;}

#system .title a { color: #fffeac; }

#system .item > .links a:hover {color:#fffeac;}

.page-nav .next, .page-nav .prev {color:#fff; padding:5px;}

a:hover.button-default {color: #fffeac;}

form.short input[type="submit"], form.box button, form.box input[type="button"], button, input[type="button"], input[type="submit"] [type="reset"] {
  color: #fff;
  font-weight:bold;
  padding:8px;
  border:none;
}

form.box legend {color:#fffeac; font-weight:bold;}
form.box fieldset { color:#fffeac; font-weight:bold; border:1px solid transparent;}

/*base*/
body {color:#000;}

h1, h2, h3, h4, h5, h6 {color:#fffeac; padding:10px; font-weight:bold;}

a {font-weight:bold; color:#830303;}


/*main sections*/
#toolbar {padding-top:5px; color:#fff;}

#footer a {color:#fffeac;}

#footer a:hover{text-decoration:underline;}

#footer {font-weight:bold; font-size:0px; padding:10px; color:#fff;}

#block-header {
  padding-bottom:2px;  
  border-radius: 60px 0px 60px 0px; 
  -moz-border-radius: 60px 0px 60px 0px; 
  -webkit-border-radius: 60px 0px 60px 0px;
}

#menubar {padding: 10px; margin:10px}

#logo p {margin:0;}


.mod-box {border:none; color:#fff;}

.mod-box a {color:#fffeac; }


/*tools*/
.button-default {color:#fffeac; border:none; font-weight:bold;}