/*
Theme Name: The Highway Star
Theme URI: http://www.thehighwaystar.com/
Description: THS based on Blueline by GPS Gazette and Silver Light 0.1 by Bob
Version: 0.4
Author: Andreas Thul & Nick Soveiko
*/

*
{
margin: 0px;
padding: 0px;
}

body, input, textarea, select, button
{
/* font-size: 62.5%; */ /* Resets 1em to 10px */
font-size: 12pt;
font-family: 'URW Bookman L', 'Bookman Old Style', Bookman, 'Georgia', 'Utopia',
 serif;
}

body
{
margin: 20px 0px 10px 0px;
text-align: center;
background: #C08FDA; 	/* light purple */
/* background: #D52756;		/* xmas red */
color: #000;
}





                         /***************************************************
                         *********************** Blogtitle **************
                         *****************************************************/

#blogtitle
{
width: 95%;
height: auto;
display: block;
color: #000000;
text-align: center;
margin: 8px auto 0 auto;
padding: 15px 0 15px 0;
background: #ffffff;
border-top: 1px solid #ccc;
border-left: 1px solid #444;
border-right: 1px solid #000;
background-image:url(images/titlebck.gif);
background-repeat:repeat-x;
}

#blogtitle .store {
	margin-left: 15px;
	float: left;
	width: 80px;
	}

#blogtitle .special {
	margin-right: 15px;
	float: right;
	width: 80px;
	}


                         /***************************************************
                         *********************** Container **************
                         *****************************************************/
#container
{
clear:left;
padding:0;
padding-top: 15px;
margin-left:auto;
margin-right:auto;
margin-top: 0;
width: 95%;
overflow: auto;
background: #DFDAC3;
background-color:#fff;
background-image:url(images/topbck.gif);background-repeat:repeat-x;
border-left: 1px solid #444; /* #798288; */
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}




       /***************************************************
      *********************** Left Sidebar Container *******
       *****************************************************/
#leftnav
{
float: left;
width: 20%;
margin: 0;
padding-top: 4px;
margin-top: 0;
margin-left: 10px;
margin-bottom: 20px;
text-align: left;
}

      /***************************************************
     *********************** Right Sidebar Container *******
      *****************************************************/

#rightnav
{
float: right;
width: 20%;
margin: 0;
padding-top: 4px;
margin-top: 0;
margin-bottom: 20px;
margin-right: 10px;
text-align: left;
}

.focalLinkSelected {
	font-weight: bold;
	}

        /***************************************************
       *********************** Content **************
        *****************************************************/
#content
{
margin: 0 auto;
width: 50%;
padding: 1em;
padding-top: 4px;
text-align: left;
background: #fff;
}

/* **************************************************************************
                       Frontpage overrides
   ************************************************************************ */
.frontpage #leftnav { width: 29%; }
.frontpage #rightnav { width: 20%; }
.frontpage #content { width: 46%; margin-left: 30%; }
/* ******************** End frontpage ovverides *************************** */
.noleft #content { width: 75%; margin-left: 0; }

#content h1:first-child, #content h2:first-child, #content h3:first-child , #content h4:first-child {
	margin-top: 0;
	padding-top: 0;
}

#content ul
{
padding-left: 2em;
}

#content ol {
padding-left: 2em;
list-style-position: outside;
}

#content p
{
padding-left: 0;
}

/* #content blockquote
{
padding-left: .5em;
} */

#content table {
	background:	#e0e0e0;
	border-collapse: collapse;
	caption-side:	top;
	empty-cells:	show;
	table-layout:	auto;
	width:		99%;
	border:		2px;
}
#content th {
	padding:	2px 5px;
	cursor:		default;
	background:	#bbb;
}
#content td { /* normal row*/
	padding:	3px;
	border:	solid black 1px;
}
#content tr.alt { /* alternative row */
 	background-color: #fff; 
}

#content .keywords {
	display: block;
	font-size: small;
	margin-bottom: 1em;
}
.frontpage #content .keywords {
	display: none;
}
.frontpage .longnews_teasers p {
	margin: 0;
}
.frontpage .posttitle .longnews_teasers {
	margin-top: 1em;
}

           /***************************************************
          *********************** Footer **************
           *****************************************************/

#footwrap
{
clear:both;
width: 95%;
margin: auto;
background: none;
padding: 5px 1em 5px 1em;
font-weight: normal;
font-size: x-small;
border-top: 2px solid #798288;
}

#footwrap p
{
display: block;
margin-top: 8px;
margin-bottom: 2px;
text-align:center;
}

#footwrap img {
padding: 0px 5px 5px 5px;
}


                         /***************************************************
                         *********************** Left Sidebar **************
                         *****************************************************/
#sidebarleft
{
margin-bottom: 1em;
padding: 0 .5em  0 .5em;
border:1px solid #798288;
background:#ddd;
}

#sidebarleft p {
margin-bottom: 0;
padding-bottom: 0;
}

#sidebarleft li
{
padding-bottom: .5em;
list-style-type: none;
}

#sidebarleft li.flexipages_widget, #sidebarleft li.widget_lonewolf_FoldingCategory {
padding-bottom: 0;
}

#sidebarleft li ul {
list-style-type: circle;
margin-left: 1em;
}

/* fix for multiword tags displayed with   */
ul.wp-tag-cloud, li.widget_rss {
	width: 100%;
	overflow: hidden;
}

#sidebarleft a:link {
color: #000000;
text-decoration: none;
}

#sidebarleft a:hover {
color: #000000;
text-decoration: underline;
}

#sidebarleft a:visited:hover {
color: #000000;
text-decoration: underline;
/* border: none; */
}

#sidebarleft a:visited {
color: #000000;
text-decoration: none;
}

#sidebarleft h2 {
font-size: 1.2em;
color: #000;
padding: 2px 8px 2px 0px;
margin-top:8px;
border-bottom:#000 1px solid;
}

                         /***************************************************
                         *********************** Right Sidebar **************
                         *****************************************************/

#sidebarright
{
margin-bottom: 1em;
padding: 0 .5em  0 .5em;
border:1px solid #798288;
background:#ffb;
}

#sidebarright p {
margin-bottom: 0;
padding-bottom: 0;
}

#sidebarright li
{
padding-bottom: .5em;
list-style-type: none;
}

#sidebarright li.flexipages_widget, #sidebarright li.widget_lonewolf_FoldingCategory {
padding-bottom: 0;
}

#sidebarright li ul {
list-style-type: circle;
margin-left: .8em;
list-style-position: outside;
}

#sidebarright a:link {
color: #000000;
text-decoration: none;
}

#sidebarright a:hover {
color: #000000;
text-decoration: underline;
}

#sidebarright a:visited:hover {
color: #000000;
text-decoration: underline;
}

#sidebarright a:visited {
color: #000000;
text-decoration: none;
}

#sidebarright h2 {
font-size: 1.2em;
color: #000;
padding: 2px 8px 2px 0px;
margin-top:8px;
border-bottom:#000 1px solid;
}

li.current_page_item { font-weight: bold; }
li.current_page_item ul { font-weight: normal; }
li ul li.current_page_item { font-weight: bold; }
li ul li.current_page_item ul { font-weight: normal; }

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#rightnav #text-2 p { margin-bottom: 0; }

#content h2 { margin: 0 0 .5em 0; }


                         /***************************************************
                         *********************** Paragraph **************
                         *****************************************************/

p
{
margin-bottom: .8em;
margin-top: .8em;
}

                         /***************************************************
                         *********************** Blockquote ********************
                         *****************************************************/

blockquote
{
margin: 0 0 0 1em;
padding: 0 1em 0 .5em;
font-style: italic;
color: #666666;
border-left: 4px solid #B5C9DF;
}


                         /***************************************************
                         *********************** Post Metadata ****************
                         *****************************************************/

.postmetadata
{
margin: 10px;
padding: 0 1em .5em 1em;
text-align: justify;
color: #3F3F3F;
font-size: 0.8em;
}

.postmetadata a:link
{
border: none;
font-weight: normal;
}

.postmetadata a:hover
{
border: none;
font-weight: normal;
text-decoration: underline;
}

.postmetadata a:visited:hover
{
border: none;
font-weight: normal;
text-decoration: underline;
}

.postmetadata a:visited
{
border: none;
font-weight: normal;
}

                         /***************************************************
                         *********************** Links ********************
                         *****************************************************/

a:link
{
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

a:visited
{
text-decoration: none;
}

a:visited:hover
{
text-decoration: underline;
}

a img
{
border:none;
background:none;
padding:5px;
}

#feed, #feed img a:link, #feed img a:visited
{
border: none;
}


                         /***************************************************
                         *********************** Comments ********************
                         *****************************************************/

.commentlist
{
padding-left: 0;
padding-right: 0;
background: #fff;
color: #000;
font-size: .9em;
}

#content ol.commentlist
{
padding-left: 0;
}

#content .commentlist li
{
margin: 8px 0 8px 0;
padding: 5px;
list-style: none;
list-style-position: inside;
background: #DFDAC3;
margin-bottom: 2px;
border: 1px solid #8C9EAA;
overflow: hidden;
}

#content li.alt
{
background: #f7f7f7;
border: 1px solid #8C9EAA;
}

#content .moderation
{
background-color: #faa;
font-weight: bolder;
padding: .3em;
}

.commentlist cite
{
padding: 2px 3px 1px 3px;
}

.commentlist p
{
padding: 5px 5px 2px 3px;
margin-bottom: 5px;
}

/*
.commentlist a:link
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #8C9EAA;
}

.commentlist a:visited
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #8C9EAA;
}

.commentlist a:hover
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #8C9EAA;
}

.commentlist a:visited:hover
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #8C9EAA;
}

.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited
{
text-decoration: none;
color: #8C9EAA;
}
*/

.commentnumber {
font: 2em 'DejaVu sans', 'Bitstream Vera Sans', 'Verdana', sans-serif;
margin: 2px;
float:right;
display: block;
}

#comment
{
width: 100%;
}

                         /***************************************************
                         *********************** Headings**************
                         *****************************************************/

h1
{
font-size: 2em;
font-variant: small-caps;
letter-spacing: .05em;
/* color: #666; */
}

h2
{
display: block;
font-size: 1.6em;
font-weight: bold;
font-variant: small-caps;
/* letter-spacing: .05em; */
/* color: #666; */
padding: 0;
margin: 5px 0 6px 0;
text-align: left;
}

h3
{
display: block;
font-size: 1.4em;
font-weight: bold;
font-variant: small-caps;
letter-spacing: .05em;
/* color: #666; */
padding: 0;
margin: 5px 0 6px 0;
text-align: left;
}

.posttitle
{
color: #000000;
border-bottom: 1px solid #bfbfbf;
/* background: #AC9EBA; */
/* padding-left: .5em; */
}

.posttitle a:link
{
color: #000000;
}

.posttitle a:visited
{
color: #000000;
}

.posttitle a:hover
{
color: #000000;
}

.posttitle a:visited:hover
{
color: #000000;
}

h4
{
margin-top: 1.5em;
font-size: 1.2em;
font-weight: bold;
padding: 0;
margin: 5px 0 6px 0;
text-align: left;
}

h5
{
margin-top: 1.5em;
font-size: 1em;
font-weight: bold;
padding: 0;
margin: 5px 0 6px 0;
text-align: left;
}

                          /*Miscellaneous*/

.entrytext p, .entry p
{
	text-align: justify;
	padding-left: 0;
	margin-left: 0;
}


.smallprint
{
	font-size: 0.9em;
}

hr
{
	height: 1px;
}

                         /*Contained Floats Fix*/
.post
{
display: block;
overflow: hidden;
/* width: 95%; */
width: auto;
margin: 0 auto 0 auto;
}

                     /*Code*/
code
{
display: block;
margin: 10px 30px 0 30px;
padding: 2px 10px 5px 10px;
border-top: 4px solid #798288;
color: #666666;
background: #DFDAC3;
}

/* top navigation bar
--------------------------------------------------*/
#navigation {
clear: both;
margin-left:auto;
margin-right:auto;
width: 95%;
overflow: hidden;
height:2em;
line-height:2em;
background:url(images/navdark.gif) repeat-x;
border-left: 1px solid #444; /* #798288; */
border-right: 2px solid #000; /* gives a neat optical illusion */
}

#navigation ul {
  margin:0;
  padding:0;
  padding-left: 1em;
}

#navigation li {
  float:left;
  margin:0;
  padding:0;
  border-right: 1px solid;
  white-space:nowrap;
  background:url(images/navdark.gif) repeat-x;
}

#navigation li a {
  display:block;
  padding:0 1em;
  font-size:1em;
  font-weight: bolder;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#fff;
  }

#navigation li.current_page_item,
#navigation li.current_page_item a,
#navigation a:hover {
	background:url(images/navpurple.gif) repeat-x;
	background-color: #A66BB0;
	text-decoration: none;
	color: #ffffff;
	}

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation form {
  float:right;
  height:100%;
  /* width:164px; */
  width: 15em;
  padding:0 1em;
  border-left:1px solid;
  line-height:0;
  /* background:url(images/navdark.gif) repeat-x; */
  border-color:#DFDAC3;
}

#navigation form fieldset {
  /* centering the search form could've
  been done way more elegant but IEWin
  and Opera refused to follow the rules */
  margin-top:0.3em;
  border:0 solid; /* Opera */
}

* html #navigation form fieldset {margin-top:7px;}

#navigation #s {
  width:10em;
  height: 1.2em;
  margin:0 5px 0 0;
  padding:0;
  border:1px solid #eeeeee;
  font-size:.8em;
  background-color: #aaa;
  color: #000;
  vertical-align:middle;
}

#navigation {
background-color:#000000;
border-top: 1px solid #798288;
}

#navigation li {border-color:#DFDAC3;}

#navigation #searchbutton {
  width:auto;
  height: 1.6em;
  padding:0 1px;
  font-size:.8em;
  letter-spacing:1px;
  text-align:center;
  vertical-align:middle;
  color:#000;
  background-color:#ccc;
  border:1px solid #000;
}

#topbar {
	/* width: 95%; */
	color: #fff;
	margin: 0 1em 0 1em; 
	font-weight: bolder;
	font-size: .9em;
	/* font-variant: small-caps; */
}

.credits
{
/* margin-top: -25px; */
padding: 0 4px 5px 4px;
float: right;
}

/******************Calendar**************/
#wp-calendar
{
empty-cells: show;
margin: 10px auto 0;
width: 11em;
}

#wp-calendar #next a
{
padding-right: .5em;
text-align: right;
}

#wp-calendar #prev a
{
padding-left: .5em;
text-align: left;
}

#wp-calendar td
{
padding: 2px 0;
text-align: center;
}

#wp-calendar th
{
/*padding: 3px 0;*/
text-align: center;
}

#wp-calendar caption
{
text-align: center;
width: 100%;
text-transform: uppercase;
font-weight: bold;
}

#sidebarright .calendar_wrap a /* doesn't work??? */
{
color: #DFDAC3;
text-decoration: underline;
}

img
{
border:none;
}

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

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

.prevnext {
	display: block;
	width: 100%;
}

.prevnext div {
	width: 45%;
}

/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

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

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

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

.wgvSingleTrackWidget {
	display: inline;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 0;
}

.wp-smiley
{
padding: 0;
}

span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}

/* rand_image gallery overrides */
.one-image {
	text-align: center; /* only needed to fix image centering bug in IE */
	margin: 0 auto .5em auto;
	overflow: hidden;
}
img.ImageFrame_rand_image {
        display: block;
	margin-left: auto;
	margin-right: auto;
	/* border: 1px solid black; */
	padding: 0;
}
h4.giDescription {
	 font-weight: normal;
	 font-size: x-small;
	 margin-top: 0;
	 margin-bottom: 0;
	 text-align: center;
}
p.giInfo {
	 font-size: x-small;
	 margin-top: 0;
}

#shortnews {
	list-style: none;
}

#shortnews h2 {
	font-size: 1.2em;
	color: #000;
	padding: 0 .5em 0 .5em;
	margin: .5em 0 0 0;
	border-bottom: 1px solid #bfbfbf;
	/* background: #BABABA; */
	/* background: url(images/navpurple.gif) repeat-x; */
}

#shortnews li ul {
	margin-top: .5em;
	padding-top: 0;
	list-style: none;
	font-size: 90%;
}

#lastupdates li, #lastevents li {
	margin: 0;
	list-style: none;
	padding-left: 20px;
	background: url(/hs-pics/news.gif) no-repeat;
	min-height: 20px;
}

/* see also overrides.css */