/*  
Theme Name: College Life [officetotheroad]
Theme URI: http://wordpress.nait.ca/
Description: A student-oriented design for student blogs.
Version: 1.0
Author: Jeffnelson
Author URI: http://nait.ca/
*/



/* THE BIG RESET */

* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  }

body {
  font: 80%/160% Georgia, "Times New Roman", Times, serif;
  background: #635c28 url(_inc/bg-papertile.gif) repeat-y top center;
  color: #000;
  }


/*
  IMAGE-REPLACEMENT SETUP
---------------------------------------- */

.imgswp {
  text-indent: -9000px;
  display: block;
  margin: 0px;
  overflow: hidden;
  height: 0px !important;
  }


/*
  TYPOGRAPHY
---------------------------------------- */

p {
  margin: 0 0 0 60px;
  }

.post-date {
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0 0 0 60px;
  }

#head span {
  display: block; 
  height: 1px; 
  overflow: hidden;
  }


/*  HEADERS  */

#head h1 {
  background: url(_inc/mast-officetotheroad.gif) no-repeat 0 0;
  height /**/:44px; /* IE5/Win fix */
  margin: 58px 0 0 5px;
  padding: 44px 0 0 0;
  text-indent: -9000px;
  width: 532px;
  }

h2 {
  font: 200% Georgia, "Times New Roman", Times, serif;
  letter-spacing: -1px;
  margin: 0 0 5px 60px;
  }

h2#recent-posts-header {
  background: url(_inc/header-recentposts.gif) no-repeat 0 0;
  height /**/:22px; /* IE5/Win fix */
  margin: 20px 0 10px 60px;
  padding: 22px 0 0 0;
  width: 112px;
  }
h2#recent-comments-header {
  background: url(_inc/header-recentcomments.gif) no-repeat 0 0;
  height /**/:24px; /* IE5/Win fix */
  margin: 20px 0 10px 60px;
  padding: 24px 0 0 0;
  width: 164px;
  }

h3#search-header {
  background: url(_inc/header-search.gif) no-repeat 0 0;
  height /**/:23px; /* IE5/Win fix */
  margin: 0 0 10px 0px;
  padding: 23px 0 0 0;
  width: 58px;
  }
h3#categories-header {
  background: url(_inc/header-categories.gif) no-repeat 0 0;
  height /**/:35px; /* IE5/Win fix */
  margin: 20px 0 0 0px;
  padding: 35px 0 0 0;
  width: 87px;
  }
h3#otherlinks-header {
  background: url(_inc/header-otherlinks.gif) no-repeat 0 0;
  height /**/:23px; /* IE5/Win fix */
  margin: 20px 0 10px 0px;
  padding: 23px 0 0 0;
  width: 104px;
  }


/*  LINKS  */

a:link {
  color: #586765;
  text-decoration: underline;
  }
a:visited {
  color: #9ab5b1;
  text-decoration: underline;
  }
a:hover {
  text-decoration: none;
  }

h2 a:link {
  color: #000;
  text-decoration: none;
  }
h2 a:visited {
  color: #000;
  text-decoration: none;
  }
h2 a:hover {
  color: #000;
  text-decoration: none;
  }

.post-comments a:link {
  color: #000;
  font-size: 125%;
  text-decoration: none;
  }
.post-comments a:visited {
  color: #000;
  font-size: 125%;
  text-decoration: none;
  }
.post-comments a:hover {
  color: #000;
  font-size: 125%;
  text-decoration: underline;
  }


/*  LISTS  */

#main ul, #main ol, #main dl {
  margin: 0 0 0 60px;
  }

#side ul {
  list-style: none;
  }



/*
  LAYOUT
---------------------------------------- */

#outside {
  background: url(_inc/bg-fixed-dark.gif) no-repeat top center;
  min-height: 455px;
  }

#wrap {
  margin: 0 auto;
  position: relative;
  width: 600px;
  }

#head {
  height: 128px;
  }

#content {
  background: url(_inc/bg-contenttop.gif) no-repeat top left;
  }

#main {
  float: left;
  padding: 35px 0 0 0;
  width: 355px;
  }

#side {
  float: right;
  padding: 25px 0 0 0;
  width: 180px;
  }

#photostrip {
  position: absolute;
  top: 0; right: -90px;
  }

.post {
  background: url(_inc/title-hilight.png) no-repeat 45px 12px;
  background-image: url(_inc/title-hilight.png) !important;
  background-image: url(_inc/title-hilight.gif);
  margin: 0 0 35px 0;
  position: relative;
  }

.post-comments {
  background: url(_inc/comment-balloon.gif) no-repeat center center;
  height: 29px;
  line-height: 175%;
  position: absolute;
  top: 15px; right: -35px;
  text-align: center;
  width: 37px;
  }