/*
Theme Name: miniBlog
Theme URI: http://forthelose.org/ftl-themes/
Description: Premium WP Theme from Ralph Damiano of <a href="http://forthelose.org">ForTheLose.org</a>.  Easily change the color of many elements for a unique appearance.
Version: 1.0
Author: Ralph Damiano
Author URI: http://forthelose.org
Tags: miniblog, minimalist, simple, theme options
*/
 
 .panel{
	display: none;
 }
 


/* == Resets N' Stuff == */

a:link,
a:visited{
	font-size: 100%;

	text-decoration: underline;
	color: #222;
}

a:hover{
	text-decoration: underline;
}

a:focus,
a:active{
	
}
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
{
	text-decoration: none;
}

ul{

}
blockquote  {
  margin: 0px;
}

img{
	border: 0px;
}
hr {
	margin: 0;
	width: 100%;	
}
input:focus,
input:active{
	outline: none;
}

.go-left{
	float: left;
	clear: left;
}

.go-right{
	float: right;
	clear: right;
}

.go-center{

}

.bold{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

.block{
	display: block;
}

.clear{
	clear: both;
}

.align-right{
	text-align: right;
}

.align-left{
	text-align: left;
}

.below-post{

}
.hidden {
	display: none;
}

/* == Wordpress Necessary == */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 5px;
}

.alignright {
   float: right;
   margin: 5px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0 auto;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.wp-smiley{
	display: inline;
}

/* == Navbar == */

#navbar{
        
	background: #FFF;
     margin: 20px 0 20px 0;
    padding: 0 0 20px 0;
    clear: both;
    
}

#navbar-container{
display: inline;
text-align: left;
clear: both;
padding-left: 10px;
border-left: 1px solid black;
}
#navbar h1 {
  line-height: 20px;
   display: inline;
padding-right:10px;

}
#navbar-container ul{
	list-style-type: none;
	list-style-image: none;
        margin: 0 0 0 0;
padding: 0;
display: inline;
}

#navbar-container ul li{

	display: inline;
        padding-right: 20px;
}

#navbar-container ul li a:link,
#navbar-container ul li a:visited{

}

#navbar-container ul li a:hover,
#navbar-container ul li a:active,
#navbar-container ul li a:focus{
	text-decoration: none;

}

#navbar-container ul li.current_page_item a:link,
#navbar-container ul li.current_page_item a:visited,
#navbar-container ul li.current_page_item a:hover,
#navbar-container ul li.current_page_item a:active,
#navbar-container ul li.current_page_item a:focus{

}

#navbar-container ul li.rss-feed{
	float: right;
	background: url(images/rss-icon.gif) left center no-repeat;
	padding: 0px 0px 0px 16px;
}

/* == Header == */

#header{
  
        margin: 0;
        padding: 10px 0 0 0;
 
border:0;
        background-color: white;
}

#header-container{
       height: 300px;
	margin: 10px 0px 0 0;
         padding: 0;
        border: 1px solid white;
  -moz-border-radius-bottomright: 60px;
}
#bubble-container {
       padding: 160px 0 0 20px;	
margin-right: 40px;
       float: left;
}
#img_navigation {
  float:right;
}
#img_navigation ul {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
}
#img_navigation li {
	list-style-type: none;
  background-color: white;
  padding: 0 10px;
  margin: 6px -3px 6px 0;
  border: 0px solid white;
 -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
}
#img_navigation li:hover, #img_navigation li.active {
	background-color: #00B4DC;
	cursor: pointer;
}

#img_navigation li.lite {
  background-color: transparent;
  border: 1px solid white;
  padding:0; 
}

#img_navigation li.lite a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  padding: 0 10px;
}
#img_navigation li.lite:hover {
	background-color: #00B4DC;
	cursor: pointer;
}



#site-slogan{
	display: inline;
}

.first-color{
	
}

.second-color{
	
}

/* == Container == */



#container{
   background-color: white;
   float: none;
   clear: both;
   height: auto;
}

/* == Sidebar == */

#sidebar{
	width: 280px;
	float: right;
	clear: right;
   background-color: white;
     margin-right: 20px;
font-size:0.8em;
line-height: 1.4em;

}

.sidebar-box{
	margin: 0px 0px 10px 0;
       padding: 0;
}

#sidebar-recent-posts{
	float: left;
	clear: left;
	text-indent:-9999px;
	width: 42px;
	height: 46px;
	overflow: hidden;
	margin: -10px 10px 8px 0px;
	background: url(images/icon-recent-posts.png) no-repeat;
}

#sidebar-popular-posts{
	float: left;
	clear: left;
	text-indent:-9999px;
	width: 47px;
	height: 47px;
	overflow: hidden;
	margin: -12px 10px 8px 0px;
	background: url(images/icon-popular-posts.png) no-repeat;
}

#sidebar-twitter{
	float: left;
	clear: left;
	text-indent:-9999px;
	width: 38px;
	height: 58px;
	overflow: hidden;
	margin: -12px 10px 8px 0px;
display: none;
}

#sidebar-recent-comments{
	float: left;
	clear: left;
	text-indent:-9999px;
	width: 46px;
	height: 46px;
	overflow: hidden;
	margin: -12px 10px 8px 0px;
	background: url(images/icon-recent-comments.png) no-repeat;
}

#sidebar-search{
	float: left;
	clear: left;
	text-indent:-9999px;
	width: 43px;
	height: 44px;
	overflow: hidden;
	margin: -12px 10px 8px 0px;
	background: url(images/icon-search.png) no-repeat;
}

#sidebar-categories{
	float: left;
	clear: left;
	text-indent:-9999px;
	width: 45px;
	height: 51px;
	overflow: hidden;
	margin: -12px 10px 8px 0px;
	background: url(images/icon-categories.png) no-repeat;
}

.sidebar-box h2.with-icon{
	
}

.sidebar-box h2,
.panel h2{
	
}

.sidebar-box ul,
.panel ul{
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
}

.sidebar-box ul li,
.panel ul li{
	margin: 0px 0px 0px 0;
	padding: 0px 0px 10px 0px;
}

.search-box{
	width: 280px;
	height: 22px;
	overflow: hidden;
}

.search-input{
	width: 200px;
	height: 14px;
	float: left;
	border: 1px solid #ccc;
	background: #FFF;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	padding: 3px 5px;
	color: #777;
}

.search-button{
	width: 46px;
	height: 20px;
	float: right;
	border: 1px solid #ccc;
	background: #EEEADD;
	font-family: "Arial", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #444;
}

/* == Twitter == */

.sidebar-box ul#twitter_update_list li span a:link,
.sidebar-box ul#twitter_update_list li span a:visited{
	display: inline;
	margin: 0px;
	font-family: "Arial", sans-serif;
	font-size: 100%;
	font-weight: normal;
}

.sidebar-box ul#twitter_update_list li a:link,
.sidebar-box ul#twitter_update_list li a:visited{
	display: inline;
	margin: 0px 0px 0px 10px;
	font-family: "Arial", sans-serif;
	font-weight: normal;
	font-size: 0.7em;
}

.twitter-link{
	text-align: right;
	float: right;
}

/* == Tabs == */

#tab-container{
	width: 280px;
	overflow: hidden;
	margin: 0px 0px 30px 0;
}

ul#tabnav, ul#tabnav ul {
	list-style-type: none;
	list-style-image: none;
  padding: 0;
  margin: 0;
}

#tabnav li{
	float: left;
	display: inline;
	text-align: center;
}

#tabnav li a:link,
#tabnav li a:visited{
	display: block;

}

#tabnav li a:hover,
#tabnav li a.selected:link,
#tabnav li a.selected:visited{
	text-decoration: none;
	background: #d8e7f0;
}
#tabs-1{
 display: block;
  clear: both;
}

#tabs-2, #tabs-3, #tabs-4 {
 
}

.panel{
	padding: 10px 0px 0px 0px;
	overflow: hidden;
	width: 280px;
	clear: both;
}

/* == Main == */

#main{
	float: left;
	clear: left;
	width: 540px;
padding: 0;
margin: 0;
   background-color: white;
font-size:0.9em;
line-height: 1.6em;
font-family: Georgia, Times,"Times New Roman", serif !important;

}
#main h2 {
	color: white;
	text-decoration: none;
		font-family: "Arial", sans-serif;
font-size: 1.8em;
padding-left: 5px !important;
}
#main h2 a {
	color: white;
	text-decoration: none;
		font-family: "Arial", sans-serif;

}

.post-container{

 padding: 0 10px 0 0;
 margin: 0 0 20px 0;
}

.post-left{
	width: 250px;
	float: left;
	clear: left;

}

.post-right{
}

.post-tab{
	
}

.tab-big{

}

.post-content-left{

}

.post-content-right{
	
}

.post-header{
	
}

.post-header h1{

}

.post-header h1 a:link, .post-header h1 a:visited,
.post-header h2 a:link, .post-header h2 a:visited,
{
   text-decoration: none;

}

.post-header h1 a:hover{
	
}

.post-header-title{

	padding: 0;
}

.post-comments{
	width: 35px;
	height: 35px;
	float: right;
	clear: right;
	overflow: hidden;
}

.post-comments a:link,
.post-comments a:visited{
	
}

.post-comments a:hover{
	
}

.post-content a:link,
.post-content a:visited{
	text-decoration: underline;
}

.post-content p{

}

.post-content h1{
}

.post-content h2{

}

.post-content h3{
}

.post-content h4,
.post-content h5,
.post-content h6{
}

.post-content blockquote{
	padding: 0px 0px 15px;
}

.post-content blockquote p{
	padding: 0px 0px 0px 30px;
	font-style: italic;
	border-left: 2px solid #eee;
}

.post-content ul,
.post-content ol{
	margin: 0px 0px 15px;
}

.post-content ul li,
.post-content ol li{
	margin: 0px 0px 5px 20px;
}

.post-content p.post-more{
	text-align: right;
}

.post-content p.post-more a:link,
.post-content p.post-more a:visited{
}

.post-content p.post-more a:hover{
	text-decoration: underline;
}
.post-content div.metas, .post-content div.align-right {
   font-family: "Trebuchet MS",Arial,sans-serif;
   font-size: 0.8em;
}
.post-content div.metas {
	  
  padding: 0 0 0 5px;
}
/* == Comments == */

.post-announcement{
      font-weight: bold;
      margin: 10px 0 0 0;

}

.post-announcement2{
}

.post-announcement2 h3{

}

.comment-container{
     margin: 20px 0 0 0;
     border-bottom:1px solid black;
}

.comment-left{

}

.comment-right{

	float: right;
	clear: right;

}

.comment-left img{
	display: block;
	width: 62px;
	height: 62px;
	padding: 5px;
	overflow: hidden;
	background: #FFF;
	border: 1px solid #ccc;
}

.comment-header{
	width: 456px;
	overflow: hidden;
	margin: 0px 0px 10px;
	font-family: "Arial", sans-serif;
	color: #555;
	font-weight: bold;
	font-size: 10px;
}

.comment-header-title{
	
	font-weight: bold;
	display: block;
	padding: 0px 0px 5px;
}



/* == Footer == */

#footer{
	padding: 10px 0px 10px;
       clear: both;
       font-size: 0.8em;
border: 0;
 border-top: 1px solid black;
 color: grey;
}


#footer a:link,
#footer a:visited{
	text-decoration: underline;
       border-bottom: none;
 color: grey;
}

/* Calendar */

#calendar_wrap{
	padding: 10px 0px 0px;
	width: 280px;
	overflow: hidden;
	text-align: center;
}

table#wp-calendar{
	width: 250px;
	border: 0px;
	margin: 0 auto;
}

.post-content img,
.comment-content img{
	max-width: 400px;
}
/* --------------------------- */
.image1 {
	 background-image: url(../../../../../images/m3_banner_web_01.jpg);
	 background-position: center;
	 background-color: gray;
}
.image2 {
	 background-image: url(../../../../../images/m3_banner_web_02.jpg);
}
.image3 {
	 background-image: url(../../../../../images/m3_banner_web_03.jpg);
}
.image4 {
	 background-image: url(../../../../../images/m3_banner_web_04.jpg);
}

.large {
font-family: Calibri, "Neue Helvetica",Helvetica, Arial, sans-serif;
	font-size: 3.2em;
    letter-spacing: -1px;
      line-height: 1em;
	font-weight: bolder;
	margin-bottom: 0.1em;
	 color: white;
}
.char {
    font-size: 1.6em;
   position: relative;
    width: 100px;
    left:-15px;
    top:-13px;

}
.hilite {
  font-size: 0.7em;
	background-color: #00B4DC;
       padding: 5px 15px 5px 5px;
}
.hilite:hover {
		
	background-color: #00B4DC;
	cursor: crosshair;
}
.hilite:focus {
	color: red;
	background-color: red;
	cursor: crosshair;
}
.extend {
	 letter-spacing: 12px;
          font-size:0.8em;
}
/* ------- content -----*/
/* ------- content -----*/	
#tabs {
  background: none;
  border: none;
  height: auto;
  border-bottom: 1px solid black;
  padding-top: 20px;
  margin-bottom:2px;
  
}
#tabs ul.ui-tabs-nav {
  background: none;
  border: 0;
  padding:0 0 10px 0;
  border-bottom:1px solid black;
}

#tabs ul.ui-tabs-nav li {
  background: none;
  border: none;
  -moz-border-radius: 0;
  padding:0;
  background-color: none;
  margin: 0;
  
}
#tabs ul.ui-tabs-nav li a {
  color: black;
  margin:0;
}
#tabs ul.ui-tabs-nav li a:hover {
 background-color: #00B4DC;
 color: white;
}
#tabs ul.ui-tabs-nav li.ui-state-active {

}
#tabs ul.ui-tabs-nav li.ui-state-active a {
  background-color: #00B4DC;	
  color: white;
}
/* ------- content -----*/
#tabs .ui-tabs-panel {
   margin: 0;
   padding: 0;
  font-family: "New Helvetica","Neue Helvetica",Helvetica,Arial,sans-serif;
font-size: 1em;
line-height:1.5em;
}
#tabs .ui-tabs-panel ul {
  padding: 10px 0 10px 20px;
  margin:0;

}
#tabs .ui-tabs-panel ul li {
  padding: 0 0 5px 10px;
}
#tabs .ui-tabs-panel p, #tabs .ui-tabs-panel li {
  font-family: "New Helvetica","Neue Helvetica",Helvetica,Arial,sans-serif;
font-size: 1em;
}
#tabs .ui-tabs-panel p a, #tabs .ui-tabs-panel a {
  text-decoration: underline;
}

.ui-corner-all {
  -moz-border-radius: 0;
}
.ui-widget p {
	font-family: Arial, sans-serif;
	font-size: 0.9em !important;
	line-height: 1.4em !important;
	letter-spacing: -0.1px;
}