/* justross.com CSS Document */

html {
	background: #FFF url(http://www.justross.com/images/ross_nav-empty.gif) fixed right 0px;
}

a:link , a:visited {
	color: #555;
}

a:hover {
	color: #C00;
}

body {
	color: #000;
	margin: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: #FFF;
	font-family: Helvetica, Veranda, Arial, sans-serif;
	color: #000;
	font-size: 12pt;
}

.right {
	float: right;
}

.left {
	float: left;
}

.nav {
	background: #FFF url(http://www.justross.com/images/ross_nav-empty.gif) fixed right 0px;
	width: 240px;
	position: static;
	height: 100%;
	border-right: 4px solid #EAEAEA;
	vertical-align: top;
	margin: 0 auto;
	text-align: center;
}

.nav .links {
	width: 224px;
	position: fixed;
	top: 0;
	left: 0;
	margin: 1em;
	height: auto;
	text-align:left;
	background: #FFF;
	border: 4px solid #EAEAEA;
	border-right: 0;
}

.nav .links a:link, .nav .links a:visited {
	color: #000;
	width: 188px;
	background: transparent;
	padding: 2px 1em;
	font-weight: bold;
	display: block;
	text-decoration: none;
}

.nav .links a:hover {
	color: #C00;
	width: 188px;
	background: #EAEAEA;
	padding: 2px 1em;
	font-weight: bold;
	display: block;
	text-decoration: none;
	border-right: 4px solid #EAEAEA;
}

.nav .links a .selected {
	color: #C00;
}

.window {
	position: relative;
	margin: 0px;
	padding: 0px;
}

.header {
	width: 516px;
	height: 278px;
	background: #FFF;
}

.header img {
	width: 516px;
	height: 278px;
	background: url(http://www.justross.com/images/metro-zen_header-top.gif) no-repeat;
}

.content {
 	background: url(http://www.justross.com/images/metro-zen_header-bottom.gif) no-repeat;
	width: 516px;
	text-align: justify;
}

.content p {
	margin: 0px;
	padding: 5px 15px;
}

/* BEGIN FORM STYLES */

	#frame {
		border:0px solid #FFF;
	}
	
	fieldset {
		border: 1px solid #C00;
		font-size: 10pt;
		text-align: left;
	}
	
	fieldset form {
		margin: 1em;
	}
	
	fieldset fieldset {
		margin-bottom: .5em;
		background: #AEAEAE;
		filter: alpha(opacity=55);
		opacity: .55;
		border: 1px solid #000;
	}
	
	fieldset legend {
		background: #000;
		filter: alpha(opacity=55);
		opacity: .55;
		color: #FFF;
		padding:0 3px;
	}
	
	fieldset label {
		font-weight: bold;
		font-style: oblique;
		background: #AEAEAE;
		margin: 0;
		padding: 2px 0;
		display: block;
		border: 1px solid #AEAEAE;
		font-family: serif;
	}
	
	fieldset input, fieldset select, fieldset textarea, fieldset .button {
		width: 100%;
		height: auto;
		display: block;
		margin: 0;
		padding: 0;
		border: 1px solid #EAEAEA;
	}
	
	fieldset .button, fieldset .button:active, fieldset .button:link, fieldset .button:visited {
		background: #FFF;
		color: #C00;
		witth: 100%;
		display: bolck;
		font-weight: bold;
		text-transform: uppercase;
		border: 1px solid #555;
		padding: 6px;
		text-align: right;
	}
	
	fieldset .button:hover {
		background: #C00;
		color: #FFF;
		display: block;
		font-weight: bold;
		text-transform: uppercase;
		border: 1px solid #C00;
		cursor: pointer;
		padding: 6px;
		text-align: right;
	}
	
	fieldset .required {
		font-style: normal;
		font-family: Helvetica, Veranda, Arial, sans-serif;
	}

/* END FORM STYLES */

/* BEGIN CONTENT STYLES */

b, strong, .b {
	font-family: Helvetica, Veranda, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

i, em, .i {
	font-family: serif;
	color: #555;
	font-family: serif;
	font-style: oblique;
}

.hilite {
	background: #C00;
	color: #FFF;
	font-weight: bold;
	font-family: serif;
	font-style: oblique;
	padding: 0px .25em;
}

.note {
	color: #C00;
	font-family: serif;
}

.quote {
	background: transparent url(http://www.justross.com/images/ldq.gif) no-repeat top left;
	padding-top: 26px;
	padding-left: 42px;
}

.quote p {
	background: transparent url(http://www.justross.com/images/rdq.gif) no-repeat bottom right;
	padding-bottom: 26px;
	padding-right: 42px;
	font-family: serif;
	font-weight: bold;
}

.code {
	background: transparent url(http://www.justross.com/images/ltb.gif) no-repeat top left;
	padding-top: 42px;
	padding-left: 42px;
}

.code p {
	background: transparent url(http://www.justross.com/images/rtb.gif) no-repeat bottom right;
	padding-bottom: 42px;
	padding-right: 42px;
	font-family: monospace;
	color: #555;
	letter-spacing: -.25em;
	font-size: small;
	text-align: left;
}

/* END CONTENT STYLES */

@font-face {
	font-family: 'rammstein';
	font-style: normal;
	font-weight: normal;
	src: url(RAMMSTE0.eot);
}

.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {
	color: #FFF;
	width: 500px;
	font-family: 'rammstein', 'Arial Black', Arial;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	text-align: right;
	text-transform: uppercase;
}

.title {
	width: 516px;
	background: #000;
	filter: alpha(opacity=55);
	opacity: .55;
	margin: 0px;
}

.table {
	color: #000;
	margin: 5px 15px;
	width: 100%;
}

.table .title {
	width: 100%;
	height: 1em;
	vertical-align: middle;
	background: #C00;
	padding: 0;
	text-align: right;
	text-transform: uppercase;
	filter: alpha(opacity=100);
	opacity: 1;
}

.table .title td {
	font-size: 11pt;
	color: #FFF;
	font-weight: bold;
	font-family: 'rammstein', 'Arial Black', Arial;
}

.table .light {
	background: #FFF;
}

.table .light .list {
	font-weight: bold;
	background: #DDD;
	text-align: left;
	padding: 3px 6px;
}

.table .light .item {
	background: #FAFAFA;
	font-style: oblique;
	text-align: center;
	width: 33%;
	padding: 3px 6px;
}

.table .dark {
	background: #000;
}

.table .dark .list {
	font-weight: bold;
	background: #CCC;
	text-align: left;
	padding: 3px 6px;
}

.table .dark .item {
	font-style: oblique;
	text-align: center;
	background: #EAEAEA;
	width: 33%;
	padding: 3px 6px;
}

#info {
	color: #C00;
	font-family: monospace;
	text-align: center;
	letter-spacing: .125em;
}

.footer {
	background: url(http://www.justross.com/images/foorter-bg.gif) repeat-x;
	display: block;
	height: 155px;
	margin: 0px;
	border-bottom: 4px solid #EAEAEA;
}

#flogo {
	text-align: left;
	float: left;
}

#ftxt {
	float: right;
	color: #FFF;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 50px;
	padding-right: 5px;
	text-align: right;
}

/**
  Theme Name: WordPress Naked
  Theme URI: http://bealers.com/wordpress-naked
  Version: 0.5
  Author: Darren Beale
  Author URI: http://bealers.com

  Description: A theme created with developers in mind which should enable rapid WP reskinning. The CSS is minimal but consistent cross-browser, there are a couple of SEO tweaks and the page navigation works sensibly but can modified easily.

  The CSS that follows is what I feel is the bare minimum of styling
  for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'

  TODO:
    second level nav pushes all content down which is a bit pants
*/

html {
  overflow-y: scroll;
}

body { }

#canvas {
  width: 516px;
  margin: 0 auto;
}

#header {
  margin: 0 0 10px 0;
}
  /** the heading and tagline are h1 on homepage and h4 on internal */
  #header h1,
  #header h4 {
    font-size: 30px;
    margin: 0;
    padding: 10px 0 10px 0;
  }
    /** the tagline is a span within the h1 or h4 */
    #header h1 span,
    #header h4 span { }

  /**
    Nav and Subnav
    Split these out if you want the two levels to look different
  */
  #nav,
  #subNav {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #subNav {
    margin-top: 10px;
  }
    #nav li,
    #subNav li {
      display: inline;
      padding: 0 10px 0 0;
    }
    /* Currently selected page nav item (and parent) if applicable */
    .current_page_item a,
    .current_page_parent a {
      text-decoration: none;
    }
      .current_page_item a:hover,
      .current_page_parent a:hover {
        text-decoration: underline;
      }

/**      main content     */
#primaryContent {
  position: relative;
	margin: 0px;
	padding: 0px;
}
  #primaryContent h1 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  #primaryContent h2 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle,
  #primaryContent h2.postTitle {
    font-size: 22px;
  }

  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  ol#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }

    li.postWrapper,
    div.postWrapper { }

      .postWrapper img { }

      div.post { }

      p.postMeta { }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inlne;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
    }

/**       sidebar          */
#secondaryContent {
  width: 200px;
  float: left;
}
  #secondaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
  #secondaryContent > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #secondaryContent > ul > li {
      margin: 0 0 10px 0;
    }

  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {
    padding-left: 5px;
  }

#comment {
  width: 500px;
}

#footer {
  clear: both;
  font-size: 80%;
}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}