/********************************************
   AUTHOR:        Erwin Aligam 
   WEBSITE:         http://www.styleshout.com/
   TEMPLATE NAME:   SimpleBlog 1.0
  TEMPLATE CODE:  S-0007
   VERSION:          1.0            
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; }

body {
  background: #FFF;
  font: normal 70%/1.5em Verdana, Tahoma, Verdana, sans-serif;
  color: #333; 
  text-align: center;
}
/* links */
a {
  background: inherit;
  text-decoration: none;
  color: #667F99; 
}
a:hover {
  background: inherit;
  color: #996800; 
}
/* headers */
h1, h2, h3 {
  font-family: Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
  font-weight: Bold;    
}
h1 { font-size: 120%; }
h2 { font-size: 110%; text-transform: uppercase; }
h3 { font-size: 110%; color: #007E80; }

h1, h2, h3, p {
  margin: 0;
  padding: 10px;    
}
ul, ol {
  margin: 10px 20px;
  padding: 0 20px;
}

/* images */
img {
  border: 2px solid #FFF;
}
img.float-right {
  margin: 5px 0px 5px 10px;  
}
img.float-left {
  margin: 5px 10px 5px 0px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

/* blockquote */
blockquote {
  margin: 10px;
  padding: 0 0 0 10px;  
   border: 1px solid #ffffff; 
//    background: #FAFAFA url(/images/quote.gif) no-repeat 5px 5px;    
}

/* form elements */
form {
  margin:10px; padding: 0 5px;
  border: 1px solid #f2f2f2; 
  background-color: #FAFAFA; 
}
label {
//  display:block;
//  font-weight:bold;
//  margin:5px 0;
}
input {
  padding:2px;
  border:1px solid #666;
  font: normal 1em Verdana, sans-serif;
  color:#777;
}
textarea {
  width:400px;
  padding:2px;
  font: normal 1em Verdana, sans-serif;
  border:1px solid #666;
  height:100px;
  display:block;
  color:#777;
}
input.button { 
  margin: 0; 
  font: bolder 12px Arial, Sans-serif; 
  border: 1px solid #CCC; 
  padding: 2px 3px; 
  background-color:#5B524D;
  color:#FFF;
  cursor:pointer;
}
input.buttondisabled { 
  margin: 0; 
  font: bolder 12px Arial, Sans-serif; 
  border: 1px solid #CCC; 
  padding: 2px 3px; 
  background-color:#CCC;
  color:#FFF;
}

/* search form */
form.search {
  padding: 0; margin: 0; 
  vertical-align: bottom;
  border: none;
  background-color: transparent;
}
form.search input.textbox { 
  margin: 0; padding: 1px;
  width: 120px;
  border: 1px solid #CCC; 
  background: #FFF;
  color: #333; 
}
form.search input.button {
  height: 20px;
  padding: 1px 3px;
  width: 60px;
  cursor:pointer;
}

input.buttonfree { 
  margin: 1px; 
  font: bolder 11px Arial, Sans-serif; 
  border: 1px solid #CCC; 
  padding: 2px 3px; 
  background: #FCC;
  color: #275F6C;
  cursor:pointer;
}

input.buttoncharge { 
  margin: 1px; 
  font: bolder 11px Arial, Sans-serif; 
  border: 1px solid #CCC; 
  padding: 2px 3px; 
  background: #CCF;
  color: #275F6C;
  cursor:pointer;
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
  width: 833px;
  background: url(/images/bg.jpg) repeat-y center top;
  margin: 0 auto;
  text-align: left;
}
#content-wrap {
  position: relative;
  width: 91%;
  margin: 0 auto;
  padding: 0; 
}
/* header */
#header {
  position: relative;
  width: 833px;
  height: 100px;
  background: #FFF url(/images/header.jpg) no-repeat center top;
  margin: 0; padding: 0;
  font-size: 14px;
  color: #FFF;
}
#header h1#logo {
  position: absolute;
  margin: 0; padding: 0;
  font: bold 42px 'Trebuchet MS', Arial, Sans-serif;
  letter-spacing: -2px;
  color: #FFF;
  text-transform: none;
  
  /* change the values of top and Left to adjust the position of the logo*/
  top: 19px; left: 53px;  
}
#header h2#slogan {
  position: absolute;
  z-index: 9999999;
  margin: 0; padding: 0;
  font: bold 12px 'Trebuchet MS', Arial, Sans-serif;
  text-transform: none;
  color: #FFF;
  
  /* change the values of top and Left to adjust the position of the slogan*/
  top: 65px; left:75px;     
}
#header #searchform {
  float: right;
  padding: 45px 40px 0 0;
  display: inline;
}
/* menu */
#menu {
  clear: both;
  width: 833px;
  height: 26px;
  background: #FFF url(/images/menubg.jpg) repeat-y;
  margin: 0;
  font: bolder 12px/26px Tahoma, Verdana, Arial, Sans-Serif;      
}
#menu ul{
  margin: 0; padding: 0 0 0 35px;
}
#menu ul li {
  float: left;
  list-style: none;   
}
#menu ul li a {
  display: block;
  text-decoration: none;  
  padding: 0 10px;
  background: inherit;
  color: #FFF;
}
#menu ul li a:hover {
   background: #FFF; 
  color: #333;  
}
#menu ul li#current a { 
  background: #30899F; 
  color: #FFF;  
}

/* Main */
#main {
  float: left;  
  width: 72%;
  padding: 0; margin: 0;  
}
#main h1 {
  color: #667F99; 
  border-bottom: 1px solid #CCCCCC;
  background: url(/images/title.jpg) no-repeat;
  padding: 3px 0 3px 20px;  
  margin: 10px 0 0 0;
}

#main h2 {
  color: #667F99; 
  border-bottom: 1px solid #CCCCCC;
  background: url(/images/title.jpg) no-repeat;
  padding: 3px 0 3px 20px;  
  margin: 10px 0 0 0;
}

.post-footer {
  background-color: #FAFAFA;
  padding: 5px; margin: 20px 10px 0 10px;
  border: 1px solid #f2f2f2;
  font-size: 95%; 
}
.post-footer .date {
  background: url(/images/clock.gif) no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
  background: url(/images/comment.gif) no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
  background: url(/images/page.gif) no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */
#sidebar {
  float: right;
  width: 26%;
  padding: 0; margin: 0;    
} 
#sidebar h1 {
  margin: 10px 0 0 0; 
  padding: 3px 10px; 
  font: bold 120% Tahoma, Verdana, Sans-Serif;  
  color: #FFF;  
  background: #B6B8BB;  
}
#sidebar h2 {
  margin: 10px 0 0 0; 
  padding: 3px 10px; 
  font: bold 120% Tahoma, Verdana, Sans-Serif;  
  color: #FFF;  
  background: #B6B8BB;  
}

#sidebar ul.sidemenu {
  list-style: none;
  text-align: left;
  margin: 3px 0px 8px 0; padding: 0;
  text-decoration: none;  
}
#sidebar ul.sidemenu li {
  border-bottom: 1px solid #EFF0F1;
  background: url(/images/bullet.gif) no-repeat 2px 3px ;
  padding: 2px 0 2px 25px;
  margin: 0 2px;       
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu a {
  font-weight: bold;
  padding: 2px 0;     
  background: none;
}

/* footer */
#footer {
  clear: both;
  color: #66737B;
  font: normal 90% Verdana, Tahoma, sans-serif;
  background: #FFF url(/images/footerbg.jpg) no-repeat center top;  
  width: 833px;
  height: 60px;
  text-align: center;
  padding: 8px 0 0 0;
  margin: 0 auto; 
}
#footer a { text-decoration: none; }

/* underlink */
#underlink {
  font: bolder 12px/26px Tahoma, Verdana, Arial, Sans-Serif;      
  padding: 0; margin: 0 0 0 20px;
} 
#underlink ul {
  list-style: none;
  margin: 3px 0px 8px 0; padding: 0;
  text-decoration: none;  ;
}
#underlink ul li {
/*  border-bottom: 1px solid #EFF0F1;*/
  background: #FFF url(/images/arrow.gif) no-repeat 2px 8px ;
  padding: 0 0 2px 15px;
  margin: 0 15px;
  float: left;
}

#underlink ul li a {
  background: #FFF;
}

#underlink ul li a:hover {
  color: #F00;
}

/* rowslink */
#rowslink {
  font: bolder 12px/26px Tahoma, Verdana, Arial, Sans-Serif;      
  padding: 0; margin: 0;
} 
#rowslink ul {
  list-style: none;
  margin: 3px 0px 8px 0; padding: 0;
  text-decoration: none;  ;
}
#rowslink ul li {
/*  border-bottom: 1px solid #EFF0F1;*/
  background: #FFF url(/images/arrow.gif) no-repeat 2px 8px ;
  padding: 0 0 2px 15px;
  margin: 0 15px;
}

#rowslink ul li a {
  background: #FFF;
}

#rowslink ul li a:hover {
  color: #F00;
}


.submenu {
  font: bolder 10px/20px Tahoma, Verdana, Arial, Sans-Serif;      
  padding: 0; margin: 0;
} 
.submenu ul {
  list-style: none;
  margin: 3px 0px 8px 0; padding: 0;
  text-decoration: none;  ;
}
.submenu ul li {
/*  border-bottom: 1px solid #EFF0F1;*/

}

.submenu ul li a {
  background: #FFF url(/images/arrow-blue.gif) no-repeat -4px -4px ;
  padding: 0 0 2px 15px;
  margin: 0 15px;
}

.submenu ul li a:hover {
  background: #FFF url(/images/arrow-red.gif) no-repeat -4px -4px ;
  color: #F00;
}

a.arrow {
  background: url(/images/arrow.gif) no-repeat 2px 2px ;
  padding: 0 0 2px 15px;
  margin: 0 15px;
}

.topmenu {
} 
.topmenu ul {
  font: bolder 12px/24px Tahoma, Verdana, Arial, Sans-Serif;      
  margin: 2px;
  list-style: none;
  text-decoration: none;  ;
}

.topmenu ol {
  font: 10px/20px Tahoma, Verdana, Arial, Sans-Serif;     
  margin-right: 14px;
  text-decoration: none;  ;
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.reset { clear: both; }
.gray { color: #CCC; }




/***** Left Menu *****/
#menublock{
margin-bottom:10px;
}
#menublock ul {
    list-style:none;
    margin-left:0;
    padding:0
    }
#menublock a {
    background: url(/images/bullet.gif) no-repeat 2px center;
    display:block;
    margin-bottom:1px;
    padding:2px;
    position:relative;
    text-decoration:none;
    width:125px;
    padding-left:19px;
}
#menublock a:hover{
    background-image:url(/images/bullet.gif);
    color:#505050;
}

#submenu ul li ul li a {
    background: url(/images/arrow-blue.gif) no-repeat 2px center;
    background-position:9px;
    padding-left:29px;
    }
#submenu ul li ul li a:hover {
    }


#menublock ul li ul li a {
    background: url(/images/bullet.gif) no-repeat 2px center;
    background-position:10px;
    padding-left:29px;
    }
#menublock ul li ul li a:hover {
    }
#menublock .here a {
    padding:2px;
    }
#menublock .here ul a {
    padding-left:19px;
    }
#menublock .here ul a:hover {
    }

/*** form ***/
.error, .notice, .success, .nodata, .event {padding:.8em;margin:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.event {background:#FFFCFC;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.nodata {background:#EEEEEE;color:#514721;border-color:#DDDDDD;}
.error a {color:#0000FF;}
.error a:hover {color:#FF0000;}
.notice a {color:#0000FF;}
.notice a:hover {color:#FF0000;}
.success a {color:#0000FF;}
.success a:hover {color:#FF0000;}


/* form */
#form fieldset{
padding: 5px;
border: 1px dashed #FFF;
}
#form fieldset legend{
padding: 5px;
font-weight: bold;
color: #111;
background-color: #FFF;
}
#form fieldset dt{
background: url(/images/arrow-list.gif) no-repeat 2px center;
background-position:10px;
padding-left:25px;
font-weight: bold;
color: #333;
}

#form fieldset dd{
margin: 0 0 10px 30px;
}
#form ul {
background:#FFF;
list-style:none;
margin-left:0;
padding:0;
float:none;
}
#form li{
background:#FFF;
float:none;
margin:0 4px 0 0;
padding:0 0 0 9px;
}
#form img{
background:#FFF;
float:none;
margin:0 0 10px 0;
padding:0 0 0 0;
}
#form textarea {
margin:3px 3px 3px 3px;
width: 320px;
line-height: 1em;
}
#form textarea:focus {
background-color:#FDF;
}
#form input {
margin:3px 3px 3px 3px;
}
#form input:hover {

background-color:#FDF;
}
#form select {
margin:3px 3px 3px 3px;
}

#form th {
white-space:nowrap;
padding:5px;
background-color:#89C8D8;
}

#form em {
color:#F00;
}

#hopelist em {
color:#F00;
}

#form input.button {
  padding: 3px 10px 3px 10px;
  margin: 5px 10px 5px 10px;
  background-color:#5B524D;
  color:#FFF;
  cursor:pointer;
}

#form input.button-rerite {
  padding: 3px 10px 3px 10px;
  margin: 5px 10px 5px 10px;
  background-color:#B0A7A2;
  color:#FFF;
  cursor:pointer;
}

#form input.button:hover {
  background-color:#B0A7A2;
  color:#FFF;
  cursor : pointer;
}

#banner_form input.button {
  padding: 3px 10px 3px 10px;
  margin: 5px 10px 5px 10px;
  background-color:#5B524D;
  color:#FFF;
  cursor:pointer;
}

#banner_form input.button-rerite {
  padding: 3px 10px 3px 10px;
  margin: 5px 10px 5px 10px;
  background-color:#B0A7A2;
  color:#FFF;
  cursor:pointer;
}

#banner_form input.button:hover {
  background-color:#B0A7A2;
  color:#FFF;
  cursor : pointer;
}




/* list */
#list input {
margin:3px 3px 3px 3px;
}
#list input:hover {

background-color:#FDF;
}

#list th {
  white-space:nowrap;
  text-align: center;
  padding:5px;
  background-color:#89C8D8;
}

#list td {
  padding: 0 5px 0 5px;
}

#list input.button {
  padding: 3px 10px 3px 10px;
  margin: 5px 10px 5px 10px;
  background-color:#5B524D;
  color:#FFF;
  cursor:pointer;
}


#list input.button:hover {
  background-color:#B0A7A2;
  color:#FFF;
  cursor : pointer;
}

#list img {
  margin: 0;
  padding: 0;
}


/* list */
#hopelist th {
  white-space:nowrap;
  text-align: center;
  padding:5px;
  background-color:#89C8D8;
}

#hopelist td {
  padding: 0 5px 0 5px;
  text-align: center;
}



/* status */
/*
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
*/

/* symfony form error*/
.form_error{
  color: #FF0000; 
}

/* pager*/
div.pager{
//  font-size: 16px;
  margin: 0 30px 5px 30px;
  font-weight: bold;
  font-style: normal;
  color: #000;
  background: #fff;
}

div.pager a{
  font-weight: bold;
  font-style: normal;
  color: #00f;
  background: #fff;
  text-decoration:none;
}

div.pager a:hover{
  color: #f00;
}


/* mark */
.free{
  background: #F00;
  color: #FFF;
}

/* mark */
.charge{
  background: #00F;
  color: #FFF;
}

.sitedetailbanner li{
  margin-bottom: 20px;
  list-style:none;
}

.sitedetailbanner li strong{
  font-size:12px;
  background-position:10px;
  margin-bottom: 20px;
  list-style:none;
}

.sitedetailbanner li table{
  margin-left:15px;
}

#execbutton{
  margin:20px;
}

/* IE */
ul.news li {
background:transparent url(/images/line_leftcol.gif) repeat-x scroll 0 100%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:3px 0 6px;
}
ul.news .date {
display:block;
float:left;
width:90px;
}
.blet-link-info, ul.news .blet-link-info {
background-image:url(/images/yn003_07.gif) !important;
background-position:0 0.2em;
background-repeat:no-repeat;
display:block;
float:left;
list-style-type:none;
width:16px !important;
}
.infoArea {
display:block;
float:right;
width:366px;
}
.boxArea ul.news .info {
width:350px;
}
ul.news .info {
display:block;
float:right;
width:350px;
}

.clear {
display:block;
}
.clear {
display:inline-table;
}