/*

Theme Name: MyStoplights.com theme

Theme URI: http://www.designbuildsolutionsllc.com

Description: Setting up a basic theme

Version: 0.1

Author: Tim Schrock

Author URI: http://www.designbuildsolutionsllc.com

Tags: black, red, custom header, fixed width, two columns, widgets



*/

a {

  text-decoration: none;

/*font-size: 80%; */

  /*color: black;*/
  color:#37A5B0;
}



a img{

  border: none;

}



img.size{

  width:490px;

  height:320px;

}



img.size-large{

  width:490px;

  height:320px;

}



img.size-large-port{

  width:490px;

  height:784px;

}



img .copy{

  text-align: center;

  font-style: italic;

  font-size: smaller;

  text-indent: 0;

}



a:link {

  /*color: #84B221;*/

  }



a:visited {

  /*color: #429A39;*/

}



a:hover {

  /*color: #003300;*/

}



a:active {

  /*color: #999999;*/

}



body{

  background: #FDFFFF none repeat scroll 0 0;

  /*color: #666666;*/

  /*font-family: 'Lucida Sans Unicode', Arial, sans-serif;*/

  font-family: verdana, 'Trebuchet MS', sans-serif;

  font-size: 12px;

  font-weight: normal;

  line-height: 150%;

  margin: 0;

  font-stretch: narrower;

}



p{

  font-size: 12px;

  line-height: 175%;



}



table{}



th{}



tr{

  font-size: 12pt;

}



td{}



h2 {

  /*color: #999999;*/

  font-weight: normal

}



h2 a{

  font-family: Times New Roman;
  color: #555555;
  letter-spacing:1px;
}





.ahem{

  display: none;

}



.clear{

  clear:both;

}





div.container{

  line-height: 180%;

  margin: auto;

  width: 800px;


}

#sidebar a{
  color: #999999
}



div.fullwidth{

  margin: 0;

  padding: 1em 5em 1em 1em;

  width: 460px;

  height: 110%;

  text-align: left;
  color: #555555
}



.fullwidth img{

  /*width: 600px;*/

  margin-left: auto;

  margin-right: auto;

}



.fullwidth img size{

  width=490;

}





.comments img{

  width: auto;

}



div.header, div.footer{

  clear: both;

  font-size: 67%;

  margin: 12px;

  padding: 0.5em;

  text-align: center;

}



div.justify{

  text-align: justify;

  text-indent: 30px;

}



div.left{

  position: absolute;

  margin: 0;

  padding: 5em 5em 1em 1em;

  width: 600px;

}



div.sidebar{

  position: absolute;

  padding: 5em 1em 1em 1em;

  width: 200px;

  margin-left: 530px;
  color: #AF8345
}



.alignleft, .alignright{

  font-size: small;

}



.alignleft {

  float: left;

}



.alignright {

  float: right;

}



h1.header{

  margin: 0;

  padding: 0;

}



p.postmetadata{

  clear: left;

  font-size: 75%;

}

#headimg {
	height: 300px;
	margin: 2px 0 0 10px;
	width: 800px;
}

#banner a img{

  border: none #FFFFFF;

}





#respond{

  clear: both;

  text-align: left;

}



#dropmenudiv{

  border: none;

  border-bottom: 0 white;

  font: normal 12pt Century Gothic;

  line-height: 18px;

  position: absolute;

  z-index: 100;

}



#dropmenudiv a{

  border-bottom: none;

  color: #FFF;

  display: block;

  font-weight: normal;

  padding: 3px 0;

  text-decoration: none;

  text-indent: 3px;

  width: 100%;

}



#sidebar{

  position: absolute;

  padding: 1em 1em 1em 1em;

  width: 250px;

  margin-left: 550px;

  font-size: 80%;
  color: #AF8345
}



#sidebar li{

  list-style: none;
  letter-spacing: 2px
}



#sidebar li h2{



  font-family: Times New Roman;
  font-size: 150%;
  font-weight: bold;
  color: #555555
}



#sidebar li, #sidebar li li, #sidebar li ul li {

  list-style: none;

}



#dropmenudiv a:hover{

  background: #BE2F37;

}

/* Top, horizontal NAV */



#topnav {

  width: 500px;

  float: left;

  font-size: larger;

  font-weight: bold;

}



#topnav li {

  list-style: none;

  margin: 3px;

  padding: 2px 3px 2px 3px;

  float: left;

  background: #000000;

  border-width: 2px;

  border-style: none solid;

  border-color: #FFFFFF #FFFFFF;

}



#topnav h2 {

  font-weight: bold;

  font-family: arial, helvetica, sans-serif;

  display: block;

  border-width: 1px;

  border-style: solid;

  border-color: #ccc #888 #555 #bbb;

  margin: 0;

}



#topnav h2 {

  color: #fff;

  background: #000;

  text-transform: uppercase;

}



#topnav a {

  width: 100%;

  display: block;

  color: white;

  text-indent: 3px;

  padding: 2px 5px 2px 3px;

  text-decoration: none;

  font-weight: normal;

}



#topnav a:hover {

  background-color: #BE2F37;

}

/* POSITIONING THE MENUS AND DROPDOWN MENUS */



#topnav ul {

  margin: 0;

  list-style-position: outside;

}



#topnav li {

/*  position: relative; */

  color: #990066;

  margin: 0px;

  list-style-position: outside;

  text-align: center;

}



#topnav li ul {

  position: absolute;

  z-index: 500;

  left: 0%;

}



#topnav li ul li ul{

  position: absolute;

  left: 0%;

}

/* HIDING AND REVEALING USING :hover */



div#topnav li ul, div#topnav li:hover ul ul, div#topnav ul li:hover ul ul {

  display: none;

}



div#topnav li:hover ul, div#topnav ul li:hover ul, div#topnav ul ul li:hover ul {

  display: block;

}

/* LEFT SIDE NAV BAR */



.pagenav {

  width: 12em;

  list-style-type: none;

}



.pagenav ul li {

  list-style-type: none;

}



.pagenav a, .pagenav h2{}



.pagenav h2{}



.pagenav a:hover {

  color: red;

  background: #3366FF;

}



.pagenav li{

  position: relative;

}



.pagenav ul li li{

  position: absolute;

  top: 0;

  left: 100%;

  width: 100%;

}



.pagenav ul ul, div.pagenav ul li:hover ul ul{

  display: none;

}



.pagenav ul li:hover ul, .pagenav ul ul li:hover ul {

  display: block;

}



.wp-caption{

  text-align: center;

  background-color: #DDDDDD;

  font-style: italic;

  font-size: smaller;

}



.comment-meta, .reply{

  font-size: smaller;

}



.comment-author{

  font-weight: bold;

}



#respond{

/*text-align: left;*/}