/*
Theme Name: alibi3col
Theme URI: http://themocracy.com/2009/07/alibi3col-free-wordpress-theme/
Description: 3-column theme, centre content with left & right sidebars, configurable page menu and compatible with WP2.8 threaded and paged comments - licenced under the GPL.
Version: 1.7
Tags: fixed-width, three-columns, theme-options, threaded-comments, black
Author: Themocracy
Author URI: http://themocracy.com/
*/



body {
margin: 0;
padding: 0;  
color: #333;
text-align:center;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 100.1%;
background: #fff;
}


#wrapper2{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

#wrapper3{
border-left: 1px solid #080;
border-right: 1px solid #080;
}

#wrapper{
width: 950px;
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 75%;
line-height:20px;
background: #fff;
border-left: 3px solid #333;
border-right: 3px solid #333;
}


#header{
padding: 1px 0px;
margin: 0;
background: #ccc;
}	


#header-inner{
margin:0;
padding:0;
}


		
#content{
clear:both;
margin: 0;
padding: 5px 7px 5px 7px;
background:#fff;
}	

#left {
width: 190px; 
float:left;
margin: 0;
padding: 5px 0 10px 0;
overflow:hidden;
}


#main {
width: 550px; 
float:left;
margin: 0;
padding: 5px 0 10px 0px;

}

#main-inner {
margin: 0;
padding: 0 7px;
overflow:hidden;
}

#sidebar {
padding: 0;
margin: 0 0 0 740px;
background: #fff;
}

#footer {
clear: both;
margin: 0;
padding: 10px 6px;
text-align: center;
font-size: 95%;

}


#footer-inner{
background: #f2f2f2;
height: 30px;
}

#footer p{
margin:0;
padding:15px 0;
}

#navigation{
padding: 5px 15px;

}

#navigation div.fleft{
float:left;
}

#navigation div.fright{ 
float:right;
}

#credit{
text-align:right;
padding: 0 15px;
}

#credit p{
margin:0;
color:#777;
font-size:95%;
}

#credit p a, #credit p a:hover{
color:#999;
font-weight:100;
}

/*  ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin: 10px 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: georgia, 'Times New Roman', sans-serif;
}

h1{
	font-size: 190%;
}
h2{
	font-size: 160%;
}
h3{
	font-size: 120%;
}
h4{
	font-size: 110%;
}
h5{
	font-size: 100%;
}
h6{
	font-size: 70%;
}


a{
color:red;
font-weight:800;
text-decoration:none;
}
a:hover{
color:red;
text-decoration:underline;
}

a img{
border:0px;
}

hr{
height:1px;
margin:2ex auto;
width: 70%;
background: #080;
}

blockquote{
background: #f5fff5;
padding: 5px 15px;
margin: 3px 30px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 2ex;
}

form{
margin: 0;
padding:0;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

code{
	font-size: 95%;
	font-family: "Courier New", Courier, monospace;
	white-space: pre;
}

td{
 vertical-align:top;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.alignleft {
   float: left;
   margin: 5px 10px 5px 0px;
}

.alignright {
   float: right;
   margin: 5px 0px 5px 10px;
}

#tabs {
  float:left;
  width:100%;
  font-size:90%;
  background:#000;
  line-height:18px;
  border-top: 1px solid white;
}


    #tabs ul {
	  margin:0;
	  padding:4px 10px 0 10px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      padding:5px 15px 3px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }  
	
	


/* Headings */ 

form#searchform2{
display: block;
float:right;
margin: 55px 10px 0px 5px;
}

#header h3{
margin:  0;
padding: 30px 0 0 10px;
}

#header h3 a{
font-weight:100;
color: #fff;
text-decoration: none;
font-size: 220%;
letter-spacing: 1px;
}

#header h2{
margin: 0;
padding: 10px 0 5px 10px;
font-weight:100;
font-style:italic;
color: #fff;
font-size: 140%;
letter-spacing: 1px;
}

h2#sectiontitle{
font-size:100%;
font-weight: 800;
font-family: arial, verdana, sans-serif;
padding:6px 6px 6px 10px;
margin:0px 10px 15px 10px;
background: #f2f2f2;
color: #444;
}

/* post styles */

.post{
margin: 0 0 10px 0;
padding: 0 5px 5px 5px;
}

.entry{
margin: 0;
padding: 0px 10px 3px 10px;
}

.post h2 {
color: #333;
font-size: 150%;
font-weight:100;
padding: 7px 0 2px 2px;
margin: 5px 0 15px 0;
}


.post h2 a{
text-decoration:none;
font-weight:100;
}

.post h2 a:hover{
text-decoration:none;
}

.postmetadata{
font-size:90%;
padding: 1px 8px 10px 5px;
margin: 0 0 30px 0;
border-top: 1px solid #080;
border-bottom: 5px double #080;
}

.postmetadata p{
line-height: 18px;
padding: 0;
margin: 2px 0;
}


.date{
float:left;
text-align:center;
font-weight:800;
margin: 0 10px 0 0;
padding: 0 10px;
border-right: 1px solid #ccc;
color: #444;
}


.dateDay{
display:block;
font-size: 16px;
line-height: 16px;
text-align:center;
}
.dateMonth, .dateYear{
display:block;
font-size: 11px;
padding:0;
line-height: 12px;
}


/* Comments > WordPress 2.6 */

ol.commentlist {
list-style:none;
margin:0;
padding:0; 
text-indent:0;
}

ol.commentlist li { 
border:1px solid #d3d3d3;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
height:1%; 
margin:0 0 10px;
padding:5px 7px 5px 57px;
position:relative;
}

ol.commentlist li div.comment-author {
padding:0 160px 0 0;
}

ol.commentlist li div.vcard {
font:800 12px/1.9  arial,sans-serif;
}

ol.commentlist li div.vcard cite.fn {
font-style:normal;
}

ol.commentlist li div.vcard cite.fn a.url {
text-decoration:none;
}

ol.commentlist li div.vcard img.avatar { 
border:2px solid #eee; 
top:7px;
left:7px; 
position:absolute;
}

ol.commentlist li div.comment-meta {
font:100 11px/1.9 arial,sans-serif;
position:absolute;
top:5px;
right:10px;
text-align:right;
}

ol.commentlist li div.comment-meta a {
color:#333;
text-decoration:none;
}

ol.commentlist li p {
font:normal 12px/1.5  arial,sans-serif;
margin:0 0 1em;
}
ol.commentlist li ul {
font:normal 12px/1.4  arial,sans-serif;
list-style:square;
margin:0 0 1em;
padding:0;
text-indent:0;
}

ol.commentlist li div.reply {
color:#374C76;
font:bold 12px/1.4 arial,verdana, helvetica,sans-serif;
}

ol.commentlist li div.reply:hover {
color: black;
}

ol.commentlist li div.reply a {
text-decoration:underline; 
}

ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
  
ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4 {
margin:0 0 .25em;
}

ol.commentlist li.even {
background:#fff;
}
ol.commentlist li.odd {
background:#f3f3f3;
}

ol.commentlist li.pingback div.vcard {
padding:0 160px 0 0;
}

#respond h3{
font-size: 105%;
font-family: arial, sans-serif;
margin: 3px 0;
}

/*  Legacy Comments < WordPress 2.7  */


h3#comments, h3#postcomment{
	font-size: 100%;
	font-family:arial, sans-serif;
}	

ol#lcommentlist{
padding: 0 0 0 20px;
font-size: 90%;
list-style-type: none;
}

ol#lcommentlist li{
	padding: 0px 3px;
	margin: 0;
}

ol#lcommentlist li p.commentheader{
margin: 0px 0 0px 0;
display: block;
padding: 1px 5px;
}


ul#lcommentlist{
padding: 0;
margin:0;
list-style-type:none;
}

ul#lcommentlist li{
	display: block;
	padding: 0;
	margin: 0 15px 5px 15px;
	font-size:90%;
	background: #f2f2f2;
}

ul#lcommentlist p{
margin: 6px 0;
}

ul#lcommentlist li div.comm{
margin: 1px;
padding: 1px;
}

ul#lcommentlist li div.gravatar {
	width:50px;
	float:left;
	padding: 10px 0 0 10px;
}

ul#lcommentlist li div.gravatar img{
border: 2px solid #ccc;
}

ul#lcommentlist li div.commenttext{
padding: 0;
margin:5px 10px 5px 65px;
}

ul#lcommentlist li div.commenttext div.commentwrapper{
margin:0 0 0 5px;
padding: 3px 8px;
}


/*  sidebar styles */


#subscribe p{
font-size: 95%;
margin: 3px 0 10px 0;
}

.menu{
padding:0;
}

.menu a{
font-weight: 100;
}

.menu a:hover{
text-decoration:none;
}

.menu ul{
margin:0;
padding:0;
list-style-type:none;
}

.menu ul li.widget{
padding:2px;
margin:0 0 5px 0px;
border: 1px solid #080;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fff;
}

.menu ul li.widget ul{
margin: 0;
padding:0;
}

.menu ul li.widget ul li{
border-bottom:1px solid #eee;
padding: 2px 0 2px 8px;
margin:0;
}

.menu ul li.widget ul li ul{
}

.menu ul li.widget ul li ul li{
border-bottom: none !important;
padding: 3px 0 2px 15px;
}



.menu ul li.widget h3{
font-family: arial;
font-size:130%;
padding:2px 0 1px 0px;
margin:0;
border-bottom: 1px solid #ccc;
color: #333;
font-weight: 800;
font-variant:small-caps;
text-align: center;
background: #080;
}

.menu ul li h3 a{
color: #333;
font-weight: 800;
}
.menu ul li h3 a:hover{
color: #333;
text-decoration: none;
}

.menu form{
display:block;
margin:0px;
padding:4px;
}

.menu input{
margin:3px 0;
font-size:90%;
}

li.widget .textwidget, li.widget #search ul,  {
padding: 2px 5px;
}

/* Calendar styles */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 175px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

input.searchinput, input.searchsubmit{
background:black;
border: 1px solid #080;
color:white;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


#footer a{
font-weight: 100;
}

/* above is default; below added by me! */

img.left {margin: .5em .5em .3em 0em; float: left;}
img.right {margin: .5em 0em .3em .5em; float: right;}

.left {margin: .5em .5em .3em 0em; float: left;}
.right {margin: .5em 0em .3em .5em; float: right;}

.wp-caption p.wp-caption-text {text-align: center!important;}

.post p {text-align: justify!important;}

.more-link {color: #CC0000; font-size: 110%; margin-left: 1em; white-space: nowrap;}
a.more-link:hover {background: #CC0000; color: #FFF; text-decoration: none;}

.center {text-align: center!important; margin: auto;}

.post h1 {
color: #008000;
font-weight:100;
padding: 5px 0 2px 2px;
margin: 5px 0 15px 0;
border-top: 0px solid #fff;
line-height: 100%;
}


.post h1 a{
color: #008000;
text-decoration:none;
font-weight:100;
border-top: 0px solid #fff;
}

.post h1 a:hover{
text-decoration:none;
color: #eee;
background: #008000;
border-top: 0px solid #fff;
}

.wtw {color: #800000!important; text-align: center;}
.wtw a {color: #800000!important; text-decoration: none;}
.wtw a:hover {color: #fff!important; background: #800000!important; text-decoration: none;}

select.postform {width: 186px!important;}

.yelp {color: #C41200; background: #ff0;}
.yelp:hover {color: #ff0; background: #C41200; text-decoration: none;}

.menu ul li.widget h3 {
background: #eee url("http://mmaviewers.com/wp-content/themes/alibi3col/images/headerbg.jpg") left bottom;
color: #fff; text-shadow: #333 2px 2px 0px;}

.menu ul li.widget h3 a {color: #fff;}

.menu ul li.widget h3 a:hover {color: #000; background: #fff;}

input, textarea{
	font-family: Arial, Helvetica, Georgia, sans-serif;
	padding: 2px;
        font-size: 10pt;
}

input#author, input#email, input#url, textarea#comment{
	border: 1px solid #080;
	background-color: #f0fff0;
	padding: 3px;
}

input#submit {border: 1px solid #080;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.commentstyle a {
color: #080;
text-decoration:none;
}

.commentstyle a:hover {
color: #fff;
background: #080;
text-decoration:none;
}

.edit a {font-size: 150%; color: #ff0; background: #800; text-decoration: none;}

.edit a:hover {font-size: 150%; color: #800; background: #ff0; text-decoration: none;}

table.p4p th {padding: 0.5ex; background: #ccc; font-size: 10pt; font-family: Georgia; color: #00a; font-variant: small-caps; text-decoration: underline;}

table.p4p td {padding: 4px; font-size: 9pt; text-align: center; vertical-align: middle; line-height: 10pt;}

tr.one {background: #f2f2f2;}
tr.two {background: #ccc;}

table.p4p td.cr {font-weight: bold;}
table.p4p td.pushleft {text-align: left; font-weight: bold;}
table.p4p td.hw {color: #f00;}
table.p4p td.lhw {color: #00f;}
table.p4p td.mw {color: #080;}
table.p4p td.ww {color: #93f;}
table.p4p td.lw {color: #f60;}
table.p4p td.fw {color: #880;}
table.p4p td.bw {color: #0cf;}

.justify {text-align: justify;}

.hiddenlink {font-weight: normal; color: #000; cursor: text;}
.hiddenlink:hover {color: #000; text-decoration: none;}

img#wpstats{display:none}

.blocklink:hover {background: #080; color: #fff;}

.city {font-size: 120%; line-height: 100%; color: #080;}
.bar {margin: 0 0 5px -34px;}
.bar li {list-style-type: none;}
.bar li {margin: -5px;}
table.listings {border: 1px outset #333; padding: 10px; background: #ffd; width: 506px; box-shadow: #333 2px 2px 0px; line-height: 110%; }
table.listings td {width: 344px; text-align: left;}
table.listings td.address {width: 180px; text-align: left;}
table.listings hr {width: 95%; margin: auto; margin-bottom: 1ex; padding: 0px; color: #ccc; background: #ccc; height: 1px; border: 0px;}
