/* 
{
  "template_name":"Default",
  "author":"Immix Productions"
}

*/
/* Globals */
*{
  margin:0;
  padding:0;
  outline-style:none;
  list-style:none;
}
 
body{
  font-family:Arial;
  font-size:0.86em;
 
}

img, fieldset{
  border:0;
}
table{
  border-collapse:collapse;
}
a:link, a:visited{
  text-decoration:none;
  color:#08d;  
}

a:hover{
   text-decoration:underline; 
}

/* Structure */

#page{
  width:1000px;
  margin:0 auto;  
  background:#FFF;
}

/* Header */
#header{
  height:150px;  
  position:relative;
  background:#3399ee;
  color:#fff;
}
#logo{
  position:absolute;
  top:20px;
  left:20px;  
}
#header a{
  color:#fff;
}
#logo:hover{
text-decoration:none;  
}
#logo h1{
  font-size:20pt;
  font-weight:normal;
  color:#fff;
  text-decoration:none;
}
#top_menu{
  top:20px;
  right:20px;
  position:absolute;  
  font-size:8pt;
}

#top_menu li{
  display:inline;
  padding-left:20px;  
}

#search_form{
  position:absolute;
  top:40px;
  right:20px; 
  width:200px; 
}

#kwd{
  width:138px;
  height:20px;
  position:absolute;
  top:1px;
  left:1px;  
  border:0;
  background:#DDD;
  
}
#search_form .bt_search{
  position:absolute;
  top:1px;
  right:1px;
  background:#888;
  border:0;
  color:#fff;
  width:60px;
  line-height:20px;
  text-align:center;
}


/* Content */
#content{
  min-height:300px;
  position:relative;
}
#content_main{
  margin:0 20px;  
  padding:20px 0;
}
.right-sidebar #content_main{
  width:500px;
  float:left;
  
}

#content_main h1,
#content_main h2,
#content_main h3{  

}

#content_main h1,
#content_main h2{
  font-weight:normal;  
  margin-bottom:10px;
  color:#444;
}


#content_main ul li{
  list-style:disc;
  margin-left:20px;  
}
#content_main ol{
  margin-left:2em;
}
#content_main ol, #content_main ul, #content_main p{
  margin-bottom:20px;  
  line-height:1.5em;
}
#content_main h3{
  margin-top:15px;
  margin-bottom:5px;  
}

ol li{
  list-style:decimal;
}

.small_note{
  font-size:8pt;
  color:#888;  
}
.grey{
  color:#777;  
}

.profile-switch, .report-switch{
  display:inline-block;
  width:55px;
  height:23px;
  background:url('images/on-off.png') no-repeat;
  text-indent:-10000px;  
}
.switch-off  {
  background-position:0 -29px;
}
.switch-on {
  background-position:0 0;
}


/* Sidebar */
#sidebar{
  width:300px;
  float:right;  
  margin-right:20px;

}
#sidebar .box{
  padding:20px 0;  
}
#sidebar .box h3{
    background:#ddd;
    padding:10px 20px;
    margin:0 0 10px -20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:#666;
    
}

/* Content - Breadcrumbs */
#content .breadcrumbs{
  font-size:8pt;
  padding:4px 20px;
  margin-top:-20px;
  margin-bottom:20px;
  margin-left:-20px;
  margin-right:-20px;
  
  margin:-20px -20px 20px -20px;

}

.breadcrumbs a{
  color:#888;
    
}
.breadcrumbs span{
  margin:0 10px;  
}

/* Content - UI Structure elements (toolbar, buttons, etc) */
#content_main .toolbar{
	
	padding: 10px 0;
}


/* Content - Gallery */

.gallery .gallery_item{
  float:left;
  text-align:left;
  width:220px;
  border:1px solid #aaa;
  margin:5px;
  text-align:center;
}
.gallery .frame{
  padding:10px;  
}
.gallery .thumb_link{
  display:block; 
  line-height:200px;
  
}
.thumb_link img{
  line-height:200px;  
}
.gallery_item .caption{
  margin:5px 0 0 0;  
  text-align:center;
  color:#444;
  font-size:8pt;

  
}
/* Comment */
#comments{
  margin:20px 0;  
}
#comments .indent{
  margin-left:20px;  
}
#comment_content, .comment_content{
  width:400px;
  height:150px;
  font-family:Arial;
  font-size:9pt;  
}

.comment_item{
  padding:10px;
  border:1px solid #ddd;  
  margin-bottom:10px;
  width:400px;
}
form.reply_comment{
  border-top:1px solid #ccc;
  padding-top:10px;
  margin-top:10px;  
}
#comments .alt{
  background:#f4f4f4;  
}

.comment_item .author{
  font-weight:bold;  
}
#comments .warning{
  background:#FDD;
  border:3px solid #F00;  
}

/* Footer */
#footer{
  position:relative;  
  height:100px;
}
#footer .content{
  margin:0 20px;
  padding: 20px;
  text-align:center;  
}
#login_menu{
  position:absolute;
  top:0;
  right:20px;  
  
}
#login_menu li{
  display:inline;
  margin-left:10px;  
}

/* Form */
.error{
  color:#d20;
}
select option{
  padding:0px 10px 0px 2px;
}
fieldset p.error{
  margin:0 !important;
  padding: 0 0 0 160px;

}

fieldset p label,
fieldset .set label{
  width:140px;
  float:left;
  margin-right:10px;
  position:relative;
}

fieldset p,
fieldset .set{
  clear:both;
  margin-bottom:10px;
}
span.required{
	font-size:14pt;
	color:#a00;
	font-family:Tahoma,Verdana,Arial, Helvetica;
	position:absolute;
	right:0;
}

fieldset .set{
  clear:both;
}
fieldset .field{
  padding:5px 0;
}
fieldset legend{
  font-weight:bold;
  font-size:12pt;
}

fieldset .suffix{
  padding-left:5px;
}
input[type=submit],input[type=button]{
	background:#E32D57;
	color:#FFF;
	border:0;
	padding:3px 10px;
}
input[type=submit][value="Delete"]{
	background:#888 
}
input[type=submit][value="Delete"]:hover{
	background: #e32d2d;
}
input[type=submit]:hover,input[type=button]:hover{
	background:#888;
}

a.button{
  font-size:9pt;
  background:#eee;
  border:1px solid #fff;
  padding:5px 10px;
  margin-right:2px;
  color:#777;
  -moz-border-radius:6px;
      
}
a.button:hover, a.button:hover{
  background:#6694C3;
  border:1px solid #FFF;
  padding:5px 10px;
  margin-right:2px;
  color:#fff;
  text-decoration:none;
}
/* Listview */
table{
  text-align:left;  
}
table.listview th{
  padding:3px;
  border-bottom:1px solid #666;
}
table.listview td{
  padding:3px;
  border-bottom:1px solid #aaa;
  border-right:1px dots #EEE;
}
table.listview td:first-child{
  border-left:1px dots #f3f3f3;
}
table.listview tr:hover td{
  background:#f6f6e8 ;
}
table.listview tr:hover td.sorted{
  background:#dde1d6;
}
table td.sorted{
	background:#e7f3f8;
}
table th.sorted{
	background:#eeeeee;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
}
.paging_bar{
	text-align:center;
	padding:10px;
}


/* Main Menu */
#main_menu_container{
  position:absolute;
  left:20px;
  bottom:0 ;  
}


#main_menu li{
  display:block;
  float:left;
  margin-right:10px;
  display:inline;
}

#main_menu li a{
  padding:7px 10px;
  display:block;
  float:left;  
  text-decoration:none;
}

#main_menu li a:hover{
  text-decoration:none;
}

#main_menu li.current-page-item a,
#main_menu li.current-page-parent a{
  background:#FFF;
  color:#000;
  text-decoration:none;
  font-weight:bold;
}

.message{
  font-size:12pt;
  background:#f4f4f4;
  padding:10px;  
  margin-bottom:20px;
}

/* Magic Fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
.clearfix{display:block;clear:both;zoom:1}