/*
Theme Name: freedom rebel rocks special 
Description: based on ziccz
Author: xeno of ziccz
Author URI: http://ziccz.com/
Version: 1.1
*/

/* Logo Hover */

#zicczlogo
{  
  display: block;
  width: 220px;
  height:130px;
  margin: 1em auto;
  background: url("http://ziczz.com/design/imgs/main/logo_ziczz2-1.png") no-repeat 0 0;
}

#zicczlogo:hover
{ 
  background-position: 0 -130px;
}

#zicczlogo span
{
  position: absolute;
  top: -999em;
}


/* Image Transition */

.imgtrans1 {
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-ms-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.imgtrans1:hover {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}

.imgtrans2 {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-ms-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.imgtrans2:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}


body
{
font-family: arial, Tahoma, sans-serif;
color: #000000;
font-size: 10pt;
background-color: #ffffff;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin:0px;
padding:0px;
} 

td
{
font-family: arial, Tahoma, sans-serif;
color: #000000; 
font-size: 10pt;
}

h1
{font-family: arial, tahoma, sans-serif;
color: #000000;
font-size: 12pt;
}

h2
{font-family: arial, tahoma, sans-serif;
color: #000000;
font-size: 10pt;
}

h3
{font-family: arial, tahoma, sans-serif;
color: #000000;
font-size: 10pt;
}

h5
{font-family: arial, tahoma, sans-serif;
color: #000000;
font-size: 14pt;
}

li
{padding-bottom: 10px;
}

a:link   {color: #0000ff; text-decoration: none;}
a:visited {color: #00688b; text-decoration: none;}
a:active {color: #ff0000; text-decoration: none;}
a:hover {color: #ffd700; text-decoration: underline;}

form
{border: 0px;
padding: 0px;
} 

input
{
font-family: arial, tahoma, sans-serif;
color: #000000;
font-size: 9pt;
background-color: #ffffff;
} 

select
{
color: #000000;
background-color: #ffffff;
}

textarea
{
font-family: arial, tahoma, sans-serif;
color: #000000;
font-size: 9pt;
background-color: #ffffff;
}

img.tp
{
vertical-align: top;
}
img.md
{
vertical-align: middle;
}
img.bt
{
vertical-align: bottom;
} 

.red
{
color: #ff0000;
}

.bold
{
font-weight: bold;
}

.maintable
{
background-color: #fff;
}

.mainborder2
{
border-style:solid;
border-width:1px;
border-color:#D4D4D4;
background-color: #fff;
}

.header1
{
border-bottom-style:solid;
border-width:1px;
border-color:#D4D4D4;
}

.sidebarbg
{
background-color: #fff6ff;
}

.bottomnavbar1
{
background-color: #FFE2FF;
padding-bottom: 2px;
}

.bottomnavbar2
{
background-color: #fff6ff;
}

.bottomnavbar3
{
background-color: #4A394A;
padding-bottom: 15px;
}

.bookheader
{
font-size: 12pt;
font-weight: bold;
}

.fs12bold
{
font-size: 12pt;
font-weight: bold;
}

.wrapmain
{
background-color: #ffffff;
padding-right:  15px;
padding-left:   15px;
padding-top:     0px;
padding-bottom: 10px;
}

.wrapsidebar0
{
background-color: #ffffff;
}

.wrapsidebar00
{
background-color: #fff;
}

.wrapsidebar1
{
padding-right:  0px;
padding-left:   5px;
padding-top:   15px;
padding-bottom: 5px;
border-left-style:solid;
border-width:1px;
border-color:#D4D4D4;
}

.wrapsidebar2
{
padding-right: 10px;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 20px;
}

.wrapfooter0
{
background-color: #fff;
border-bottom-style:solid;
border-width:1px;
border-color:#D4D4D4;
}

.wrapfooter1
{
background-color: #fff;
padding-right: 10px;
padding-left: 10px;
padding-top: 30px;
padding-bottom: 10px;
border-left-style:solid;
border-right-style:solid;
border-width:1px;
border-color:#D4D4D4;
}

.wrapfooter2
{
background-color: #fff;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.ezineform
{
padding-bottom: 5px;
}

/*
sidebar
*/

.sidebaricons
{
padding-left: 3px;
}

/*
sidebarlinks1
*/

#sidebarlinks1 
{
padding-bottom: 10px;
}

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

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

#sidebarlinks1 ul li 
{
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}

#sidebarlinks1 ul ul li 
{
margin: 0px 0px 0px 0px;
padding-top: 0px;
padding-bottom: 3px;
list-style-type: none;
border: none;
}

/*
sidebarlinks2
*/

#sidebarlinks2 
{
padding-bottom: 10px;
}

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

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

#sidebarlinks2 ul li 
{
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}

#sidebarlinks2 ul ul li 
{
margin: 0px 0px 0px 0px;
padding-top: 0px;
padding-bottom: 3px;
list-style-type: none;
border: none;
}

/*
sidebarlinks3
*/

#sidebarlinks3 
{
padding-bottom: 10px;
}

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

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

#sidebarlinks3 ul li 
{
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}

#sidebarlinks3 ul ul li 
{
margin: 0px 0px 0px 0px;
padding-top: 0px;
padding-bottom: 3px;
list-style-type: none;
border: none;
}

/*
sidebarlinks4
*/

#sidebarlinks4 
{
padding-bottom: 10px;
}

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

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

#sidebarlinks4 ul li 
{
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}

#sidebarlinks4 ul ul li 
{
margin: 0px 0px 0px 0px;
padding-top: 0px;
padding-bottom: 3px;
list-style-type: none;
border: none;
}

/*
footerlinks1
*/

#footerlinks1
{
padding-bottom: 0px;
}

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

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

#footerlinks1 ul li 
{
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

#footerlinks1 ul ul li 
{
display:inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 7px;
list-style-type: none;
border: none;
}


/*
Mobile Test: Not in Use
===== */

@media screen and (max-width:300px){
.ziccz_responsive{width:100%;min-width:100%;}
.ziccz_responsive #body{width:90%;position:relative;}