/*****************************************************************************
 *  NOTES
 *
 *  There is an ie-only.css at the root level that overrides some of these
 *  styles.
 *
 */

@import "reset.css";

/*****************************************************************************
 *  MAIN
 */

body {
  background: #000000 url(images/body_bg.jpg) repeat-x left top;
  font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
  font-size: 0.9em;
  line-height: 1.4em;
  color: rgb(140, 140, 140);
}

#page {
  margin-top: 35px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

textarea {
  max-width: 700px;
}

hr {
  display: none;
}

.hidden {
  display: none;
}

.center {
  text-align: center;
}

h2 {
  color: rgb(190, 190, 100);
  font-size: 2em;
}

p {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

a {
  color: rgb(190, 190, 100);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

img.alignleft {
  display: inline;
  margin: 0px 7px 2px 0px;
  padding:4px;
}
img.alignright {
  display: inline;
  margin: 0px 0px 2px 7px;
  padding: 4px;
}


img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


input[type="text"], textarea {
  background: rgb(10, 10, 10);
  border: 1px solid rgb(30, 30, 30);
  color: rgb(140, 140, 140);
}

input[type="submit"] {
  background: rgb(30, 30, 30);
  border-top: 1px solid rgb(60, 60, 60);
  border-right: 1px solid rgb(15, 15, 15);
  border-bottom: 1px solid rgb(5, 5, 5);
  border-left: 1px solid rgb(50, 50, 50);
  color: rgb(140, 140, 140);
  cursor: pointer;
}

input[type="submit"]:hover {
  background: rgb(40, 40, 40);
  color: rgb(170, 170, 170);
}


/*****************************************************************************
 *  HEADER
 */

#header {
  padding-top: 20px;
}

#headerimg h1#headertext {
  float: left;
  background: url(images/ImVeganLogo.png) no-repeat top left;
  width: 520px;
  height: 100px;
  margin-left: 70px;
}

#headerimg h1#headertext a {
  height: inherit;  /* in order to make entire logo clickable */
}

#headerimg h1#headertext span#logotext {
  height: inherit;  /* in order to make entire logo clickable */
  display: block;
  text-indent: -1000px;  /* to hide logo text and just show the image */
}

#searchform {
  float: right;
  margin-top: 70px;
}


/*****************************************************************************
 *  MENU
 */

#primary_menu {
  clear: both;
}

#tagline {
  font-family: arial;
  font-size: 2.0em;
  padding-left: 20px;
  padding-top: 18px;
  color: rgb(25, 25, 25);
  float: left;
  overflow: visible;
}

#primary_menu ul.menu {
  float: right;
}

#primary_menu li {
  float: left;
}

#primary_menu li a {
  background: black url(images/nav_tab_bg.png) repeat-x left top;
  color: rgb(140, 140, 140);
  border-top: none;
  border-bottom: none;
  border-left: rgb(30, 30, 30) solid 1px;
  border-right: rgb(0, 0, 0) solid 1px;
  display: block;
  padding: 8px 16px 12px 16px;
}

#primary_menu li.current_page_item a {
  color: rgb(255, 255, 255);
}

/*****************************************************************************
 *  CONTENT
 */

#site_content {
  border-top: rgb(30, 30, 30) solid 1px;
  clear: both;
}

#content {
  float: left;
  margin: 30px 5px 10px 15px;
  width: 750px;
}

.post {
  background: url(images/db_first_bg_small.jpg) no-repeat left top;
  padding: 25px 25px 10px 25px;
  font-size: 75%;
  margin-bottom: 35px;
}

.post .entry {
  font-size: 133%;
  margin-top: 25px;
  margin-bottom: 25px;
}

.post a[rel="tag"], .post a[rel="category"], .post .comment_link a {
  color: rgb(140, 140, 140);
  text-decoration: underline;
}

.post .comment_edit {
  float: right;
}

.navigation {
  border-top: rgb(30, 30, 30) solid 1px;
  border-bottom: rgb(30, 30, 30) solid 1px;
  background-color: rgb(10, 10, 10);
  height: 1.5em;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 10px;
}

#content #searchform {
  float: none;
}

#content #searchform div {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}


/*****************************************************************************
 *  VIDEOS
 */

.video_listing {
  overflow: auto;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 45px;
}

.video_thumbnail {
  float: left;
  width: 150px;
}

.video_details {
  float: right;
  width: 550px;
}


/*****************************************************************************
 *  SIDEBAR
 */

#sidebar {
  margin-left: 780px;
  width: 190px;
  padding: 20px 0px 10px;
  font-size: 80%;
}

#sidebar li.widget {
  background: url(images/db_first_bg_small.jpg) no-repeat left top;
  margin: 20px 0px 10px;
  padding: 10px 25px 10px 25px;
}

#sidebar h2.widgettitle {
  font-size: 120%;
  margin-top: 10px;
  margin-bottom: 10px;
}

#sidebar ul li ul {
  margin-left: 20px;
}

#sidebar ul li ul li {
  margin-top: 10px;
  list-style-type: disc;
  line-height: 1.2em;
}

/*****************************************************************************
 *  MAP
 */

dl.map {
  background: url(images/map.png) no-repeat;
  border: 2px solid #666;
  text-align:left;
  width: 670px;
  height: 419px;
  position: relative;
}

dl.map dt {
  display: inline;
}

dl.map dd {
  background: #555;
  border: 2px solid #222;
  border-radius: 8px; /* CSS3 rounded corners */
  -moz-border-radius: 8px; /* Mozilla rounded corners */
  color: #fff;
  padding: 4px;
  width: 200px;
  position: absolute;
  left: -9999px;
  z-index: 11;
}

dl.map a.location {
  background: url(images/point.png) no-repeat;
  display: block;
  outline: none;
  text-decoration: none;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 10;
}

dl.map a.location:hover {
  background: url(images/point-hover.png) no-repeat -1px -1px;
  cursor: default;
}

dl.map a#carleplace {
  top:   117px;
  left:  617px;
}

dl.map a#newyork {
  top:   127px;
  left:  607px;
}

dl.map a#allentown {
  top:   138px;
  left:  593px;
}

dl.map a#philadelphia {
  top:   146px;
  left:  589px;
}
        
dl.map a#newark {
  top:   152px;
  left:  583px;
}

dl.map a#dc {
  top:   172px;
  left:  566px;
}

        
dl.map a#advance {
  top:   221px;
  left:  545px;
}

dl.map a#gainesville {
  top:   328px;
  left:  538px;
}
dl.map a#pensacola {
  top:   318px;
  left:  462px;
}
        
dl.map a#atlanta {
  top:   265px;
  left:  495px;
}
        
dl.map a#warrenton {
  top:   201px;
  left:  398px;
}
        
dl.map a#laurie {
  top:   203px;
  left:  386px;
}
        
dl.map a#montrealmo {
  top:   209px;
  left:  383px;
}
        
dl.map a#springfield {
  top:   218px;
  left:  372px;
}
        
dl.map a#rogers {
  top:   241px;
  left:  368px;
}
        
dl.map a#dallas {
  top:   295px;
  left:  340px;
}
        
dl.map a#houston {
  top:   332px;
  left:  347px;
}
        
dl.map a#austin {
  top:   325px;
  left:  319px;
}
        
dl.map a#elpaso {
  top:   307px;
  left:  207px;
}
        
dl.map a#tucson {
  top:   292px;
  left:  151px;
}
        
dl.map a#sandiego {
  top:   275px;
  left:  72px;
}
        
dl.map a#la {
  top:   258px;
  left:  57px;
}
        
dl.map a#sanfrancisco {
  top:   177px;
  left:  13px;
}
        
dl.map a#portland {
  top:   64px;
  left:  54px;
}
        
dl.map a#vancouver {
  top:   5px;
  left:  64px;
}
        
dl.map a#seattle {
  top:   25px;
  left:  66px;
}
        
dl.map a#boise {
  top:   104px;
  left:  117px;
}
        
dl.map a#parkcity {
  top:   165px;
  left:  155px;
}
        
dl.map a#denver {
  top:   188px;
  left:  235px;
}
        
dl.map a#omaha {
  top:   170px;
  left:  338px;
}
        
dl.map a#shawnee {
  top:   195px;
  left:  349px;
}
        
dl.map a#minneapolis {
  top:   110px;
  left:  365px;
}
        
dl.map a#milwaukee {
  top:   128px;
  left:  427px;
}
        
dl.map a#chicago {
  top:   145px;
  left:  434px;
}
        
dl.map a#westland {
  top:   136px;
  left:  475px;
}
        
dl.map a#toronto {
  top:   100px;
  left:  520px;
}
        
dl.map a#ithaca {
  top:   110px;
  left:  555px;
}
        
dl.map a#potsdam {
  top:   77px;
  left:  565px;
}
        
dl.map a#montreal {
  top:   51px;
  left:  575px;
}

dl.map a#boston {
  top:   94px;
  left:  619px;
}

div#license {
  font-size: 75%;
}