/*

Theme Name: Roswell-Device

Theme URI: http://www.guitarchasers.biz/
Description: This is a machined metal, futuristic (circa 1950's) Wordpress theme with a fluid width, in shades of lavender and burnt orange.  It has 2 columns with the menu on the left.  Widget enabled.  Built on the foundation of Will Healey's Blank Themes at http://tomorrows-laundry.com/.  Works well in FF and  Opera browsers.  IE7 works ok if the browser window is above 700px width, otherwise the sidebar gets pushed to the bottom of the page.  The buttons need to be linked up to your specific pages.  See the readme file.

 Author: Theme Burrito

Author URI: http://www.guitarchasers.biz/



/*-----------Block Level Elements--------------*/



Body {

          background: #cc2027;
          font-family: "Century Gothic", sans-serif;
          font-size: 12px;
          text-decoration: none;

}

p a, p a:visited {
color:#ffffff;
text-decoration:underline;
}


#page {

	  width:900px;
      

}


#header {

	  width: 100%;
          background-color: #cc2027;
          
          padding: 0px;
          margin: 0 auto;

}


#headerimg { 

         
background: #cc2027 url("images/inside_top_header.gif") top left  no-repeat;
         width: 100%;
height:88px;
         border: 0;
         margin-left: 3px;
         padding: 1px 0 0 0;
         text-align: center;

}


.description { font-family: "Arial", sans-serif;

         text-decoration: none;
         list-style-type:none;
         font-weight: bold;
         font-size: 16px;
         color: #dcd2d2;

}
#container {
margin:0px auto;
padding:0px;
width:900px;
}

#container2 {
margin:0px;
padding:0px;
width:750px;
float:left;
}

#wrapper {
  margin-left:100px;
}




#content { 

          background: #cc2027;
          padding: 10px;

}
<!--  image of plate -->

#sidebartop { 
          background: #cc2027  no-repeat top center;
          height: 1px;
          width: 200px;
          margin-left: 0px;
          margin-top: 0px;
          padding: 0;

}


#sidebar { 
        
          background: #cc2027;
          width: 100px;
          margin: 0px;
          padding: 0px;
float:left;
}




#footer, #footer a:visited, #footer a { font-family: "Arial", sans-serif;

          text-align: center;
          font-size: 12px;
          color: #f2eaea;
          width: 100%;
          clear: both;

}


#footer a:hover { font-family: "Arial", sans-serif;

          text-align: center;
          font-size: 12px;
          color: #ffffcc;
          width: 100%;
          clear: both;

}


#navbar { 

margin-left:50px;
}

#navbar_footer { 
          
          margin-left:60px;
          padding: 0px;
float:left;
width:70%;
}


#footbar { 
           
          background: #7f6969;
          width: 99%;
          height: 57px;
          margin-left: 3px;
          padding: 2px 0 0 0;

}



/*-------------Headings-------------*/



h1 a:visited, h1 a { font-family: "Arial", sans-serif;

          text-decoration: none;
          font-size: 26px;
          color: #dcd2d2;

}


h1 a:hover { font-family: "Arial", sans-serif;

          text-decoration: none;
          font-size: 26px;
          color: #f2eaea;

}


h2 { font-family: "Arial", sans-serif;
                
          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #f2eaea;

}


h3 { font-family: "Arial", sans-serif;

          text-decoration: none;
          font-size: 13px;
          color: #ffff00;

}


h4 { font-family: "Arial", sans-serif;

          text-decoration: none;
          font-size: 13px;
          color: #ffff00;

}


h5 { font-family: "Arial", sans-serif;

          text-decoration: none;
          font-size: 13px;
          color: #ffff00;

}



/*-------------The Post-------------*/




.post h2 a:visited, .post h2 a { font-family: "Arial", sans-serif;

          text-decoration: none;
          background: #987474;
         
          padding: 3px 4px 3px 4px;
          list-style-type:none;
          font-size: 16px;
          color: #f2eaea;

}


.post h2 a:hover { font-family: "Arial", sans-serif;

          text-decoration: none;
          background: #987474;
         
          padding: 3px 4px 3px 4px;
          list-style-type:none;
          font-size: 16px;
          color: #ffffcc;

}


.post { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #f2eaea;

}


.post p { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #f2eaea;

}


.post a, .post a:visited { font-family: "Arial", sans-serif;

          list-style-type:none;
          font-size: 13px;
          color: #ffffff;

}


.post ul { font-family: "Arial", sans-serif;

          font-size: 13px;
          color: #f2eaea;

}


.post li { font-family: "Arial", sans-serif;

          font-size: 13px;
          color: #ffffff;

}


.post-endpost { 
          background: #8d4701;
          width: 100%;
          height: 44px;
}

.entry { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #f2eaea;

}


.entrytext .postmetadata { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #f2eaea;

}


.postmetadata alt { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #ffffcc;

}


.postmetadata a:hover, .postmetadata a{ 

          font-family: "Arial", sans-serif;
          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #ffffcc;

}


.navigation a:visited, .navigation a { background: #8d4701;

          font-family: "Arial", sans-serif;
          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #ffffcc;

}


.navigation a:hover { background: #8d4701;

          font-family: "Arial", sans-serif;
          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #ffff00;

}

.alignleft { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #ffffcc;

}


.alignright { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #ffffcc;

}


.center { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #ffffcc;

}


.pagetitle { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #f2eaea;

}


.pagetitle a { font-family: "Arial", sans-serif;
                
          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #f2eaea;

}


.pagetitle a:hover { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #ffff00;

}


blockquote { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #ffffff;

}


cite, cite a:visited, cite a { font-family: "Arial", sans-serif;

          text-decoration: underline;
          list-style-type:none;
          font-size: 13px;
          color: #f2eaea;

}


cite a:hover { font-family: "Arial", sans-serif;

          text-decoration: underline;
          list-style-type:none;
          font-size: 13px;
          color: #ffffcc;

}


a img { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #f2eaea;

}


acronym, abbr { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          font-size: 13px;
          color: #ffffff;

}



/*--------------Sidebar------------*/



#sidebar ul { font-family: "Arial", sans-serif;

          width: 128px;
          text-decoration: none;
          list-style-type:none;                  
          margin-left: 30px;
          padding: 0 0 0 2px;
          font-size: 12px;
          color: #f2eaea;

}


#sidebar ul h2 { font-family: "Arial", sans-serif;

          width: 128px;
          text-decoration: none;
          list-style-type:none;
          margin-left: 1px;
          padding: 0 0 0 2px;
          font-size: 12px;
          color: #f2eaea;

}


#sidebar ul li { font-family: "Arial", sans-serif;

          width: 128px;
          text-decoration: none;
          list-style-type:none;
          margin-left: 1px;
          padding: 0 0 0 2px;
          font-size: 12px;
          color: #d2caca;

}


#sidebar ul ul { font-family: "Arial", sans-serif;

          width: 128px;
          text-decoration: none;
          list-style-type:none;
          margin-left: 1px;
          padding: 0 0 0 2px;
          font-size: 12px;
          color: #f2eaea;

}


#sidebar ul ul li { font-family: "Arial", sans-serif;

          width: 128px;
          text-decoration: none;
          list-style-type:none;
          margin-left: 1px;
          padding: 0 0 0 2px;
          font-size: 12px;
          color: #f2eaea;

}


#sidebar ul ul ul { font-family: "Arial", sans-serif;

          width: 128px;
          text-decoration: none;
          list-style-type:none;
          margin-left: 1px;
          padding: 0 0 0 2px;
          font-size: 12px;
          color: #f2eaea;

}


#sidebar p { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          margin-left: 1px;
          padding: 0 0 0 2px;
          font-size: 12px;
          color: #f2eaea;

}


#sidebar a:visited, #sidebar a { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          margin-left: 1px;
          padding: 0 0 0 2px;
          color: #f2eaea;

}


#sidebar a:hover { font-family: "Arial", sans-serif;

          text-decoration: none;
          list-style-type:none;
          margin-left: 1px;
          padding: 0 0 0 2px;
          color: #ffffcc;

}



/*--------------Comments--------------*/



ol.commentlist {

          background: #cc9966;
          font-family: "Arial", sans-serif;
          text-decoration: none;
          font-size: 13px;
          color: #ffffcc;

}


ol.commentlist li, ol.commentlist ul {

          background: #cc9966;
          font-family: "Arial", sans-serif;
          text-decoration: none;
          font-size: 13px;
          color: #ffffcc;

}


ol.commentlist li.alt {

          background: #cc9966;
          font-family: "Arial", sans-serif;
          text-decoration: none;
          font-size: 13px;
          color: #ffffcc;
          padding: 10px 20px 20px 10px;

}


ol.commentlist a {

          background: #cc9966;
          font-family: "Arial", sans-serif;
          text-decoration: none;
          font-size: 13px;
          color: #ffffcc;

}


small.commentmetadata a:hover, small.commentmetadata li, small.commentmetadata p, small.commentmetadata a {

          background: #cc9966;
          font-family: "Arial", sans-serif;
          text-decoration: none;
          font-size: 13px;
          color: #ffffcc;
          margin: 3em 0 1em 10px;

}


#commentform textarea {

          background: #f2ceca;
          border: 1px solid #ffffcc;
          padding: .2em;

}


#commentform textarea {

	  width: 70%;

}


.alt a:hover, .alt a:visited, .alt ul, .alt li, .alt p, .alt a { 
          background: #cc9966;
          font-family: "Arial", sans-serif;
          text-decoration: none;
          font-size: 13px;
          color: #ffffcc;

}


#commentform p { background: #cc9966;

          font-family: "Arial", sans-serif;
          text-decoration: none;
          font-size: 13px;
          color: #ffffff;

}


#commentform a:visited, #commentform a { background: #cc9966;

          font-family: "Arial", sans-serif;
          text-decoration: none;
          font-size: 13px;
          color: #ffffcc;

}


#commentform a:hover { background: #cc9966;

          font-family: "Arial", sans-serif;
          text-decoration: none;
          font-size: 13px;
          color: #ffff00;

}


#respond { background: #cc9966;

          font-family: "Arial", sans-serif;
          text-decoration: none;
          font-size: 13px;
          color: #ffffcc;

}

            

/*--------------Search Form-------------*/



#searchformwrapper {

          margin: auto;
          text-align: center;

}


#searchformwrapper h2 {

          font-size: 1em;
          margin: 0px;
          padding: 0px;
          padding-bottom: 10px;
          padding-left: 5px;

}


#searchform {

          margin: 10px auto;
          padding: 0 5px 6px 26px; 
          text-align: center;

}


#s {

          background: #f2eaea;
          border: 1px solid #d6bcbb;
          width: 90px;
          padding: 2px;
          color: #000000;

}


#searchsubmit {

          padding: 1px;
          background: #987474;
         
          color: #f2eaea;

}



/*-------------Calendar-----------------*/



#wp-calendar {

          font-family: "Arial", sans-serif;
          background: #b49a99;
       
          text-decoration: none;
          margin-left: 4px;
          padding: 3px 2px 3px 2px;
          font-size: 10px;
          color: #f2eaea;


}



#wp-calendar th {



}



#wp-calendar a {

          font-family: "Arial", sans-serif;
          text-decoration: none;
          font-size: 10px;
          color: #ffffcc;



}



#prev a, #next a {



}



#wp-calendar caption {



}



/*-------------Images------------------*/









/*-------------Other------------------*/



hr {

    display: none;

}

/* begin menu */

div.menu {

  margin: 0.0em;

}


div.menu ul {

  margin: 0em;

  padding: 0em;

  line-height: 3.65em;

}

div.menu li {

  float: left;

  padding-right: 4px;

  list-style-type: none;

  height: 3.25em;

  width: 3.15em;

  padding-bottom: 4px;

  text-align: center;

  font-family: Vrinda,Verdana,Sans-Serif,Serif,Tahoma,Arial;

}

div.menu li a {

  height: 100%;

  width: 100%;

  display: block;

  font-size: 1.24em;

  letter-spacing: 0.01em;

  text-decoration: none;

}

div.menu li a:link {

  color: #f2eaea;

  font-weight: normal;

  

  border: 4px solid #6c4e4e;

}

div.menu li a:visited {

  background: url("images/navbut02.png") no-repeat center #e5e5e5;

  color: #f2eaea;

  font-weight: normal;

  letter-spacing: 0.01em;

  text-align: center;

  border: 4px solid #6c4e4e;

}

div.menu li a:hover {

  background: url("images/navbut02_hov.png") no-repeat center #c0c0c0;

  color: #ffffff;

  font-weight: normal;

  letter-spacing: 0.01em;

  text-align: center;

  border: 3px solid #6c4e4e;

}/* end menu */

#navmenu ul {margin: 0; padding: 0;
	 list-style-type: circle;}
#navmenu li {display: inline; float: right;padding-right:5px;
               
font-size:15px;
font-weight:normal;
background:#b82027;background: #972027;
}
#navmenu {
color:#ffffff;
font-size:15px;
}
#navmenu a {margin: 1px;
	padding:0px; color: #ffffff; 
display: inline; margin:0px 5px;
               
font-size:15px;
font-weight:normal;
	}
#navmenu a:hover {
	
} 

div.sidemenu li a:link {

  color: #f2eaea;

  font-weight: normal;

  background: url("images/btn_about.gif") no-repeat center #c0c0c0;

  border: 4px solid #6c4e4e;