/*
Theme Name: RoseImmigration
Theme URI: http://www.roseimmigration.com
Description: Theme for Rose Immigration Law Firm. Tested with WordPress 2.9.2
Version: 1.0
Author: X2 Consulting
Author URI: http://www.consult.com
Tags: Fixed width, black, brown, slider
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/**************************************************************************
*                                                                         *
*     General Styles                                                      *
*                                                                         *
**************************************************************************/


a{
  text-decoration: none;
}
body{
  background: url(style/images/background.jpg) repeat-x;
  background-color: #F5F5DC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.clear{
  clear: both;
}
.divider-newsletter{
  background: url(style/images/divider.png) repeat-x top left;
  height: 15px;
  width: 720px;
}
.divider-home{
  background: url(style/images/divider.png) repeat-x top left;
  height: 15px;
  width: 435px;
}
h2{
  font-size: 24px;
}
h3{
  font-size: 16px;
  font-weight: bold;
}
h3 a{
  color: #CB9A6A;
}
input#s{
  background-color: #F5F5DC;
  font-size : 13px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.post-listing{
  margin: 0px 0px 20px 0px;
}
.post-listing p{
  margin: 0px 0px 15px 0px;
}
.post-listing br{
  margin: 0px 0px 15px 0px;
}
.screenReader{left:-9999px;position:absolute;top:-9999px}
#wrap{
  width: 1000px;
  margin: 0 auto;
}
#search{
  float: right;
}


/**************************************************************************
*                                                                         *
*     Header Styles                                                       *
*                                                                         *
**************************************************************************/


#header{
  height: 105px;
}
h1#logo{
  background: url(style/images/compass.jpg);
  background-position: right;
  background-repeat: no-repeat;
  color: #EEEEEE;
  float: left;
  font: bold 37px Georgia, "Times New Roman", Times, serif;
  height: 80px;
  letter-spacing: 0px;
  line-height: 86px;
  text-transform: uppercase;
  width: 1000px;
}
h1#logo a{
  color: #FFFFFF;
  padding: 0px 0px 0px 20px;
}
ul#nav{
  font-family: Calibri;
  font-size: 16px;
  letterspacing: 1px;
  line-height: 23px;
  margin: 0px 0px 0px 5px;
}
ul#nav li{
  float: left;
  margin: 0px 15px 0px 15px;
}
ul#nav li a{
  color: #FFFFFF;
}
ul#nav li.current_page_item a{
  color: #CCCCCC;
}


/**************************************************************************
*                                                                         *
*     Sidebar Styles                                                      *
*                                                                         *
**************************************************************************/


.archives{
  padding: 0px 0px 0px 15px;
}
.archives h2{
  margin: 0px 0px 0px -15px;
}
.archives li{
  list-style-type: circle;
}
#bookmark-title{
  margin: 0px 0px 0px -15px;
}
.linkcat{
  padding: 0px 0px 0px 15px;
}
.linkcat li{
  list-style-type: circle;
}
#linkcat-2 h2{
  display: none;
}
.meta{
  padding: 0px 0px 0px 15px;
}
.meta h2{
  margin: 0px 0px 0px -15px;
}
.meta li{
  list-style-type: circle;
}
#sidebar{
  float: left;
  margin: 10px 0px 20px 5px;
  width: 180px;
}
#sidebar ul{
  
}
#sidebar ul li{
  
}
#sidebar .linkcat h2 {
	display: none
}
#sidebar-contact-info{
  margin: 0px 0px 10px 0px;
}
#sidebar-contact-us{
  float: left;
  margin: 10px 0px 20px 10px;
  width: 180px;
}
#sidebar-home{
  float: left;
  margin: 10px 0px 10px 10px;
  width: 470px;
}
#sidebar-online-intake-form{
  background: url(style/images/online-intake-form-180.png);
  float: left;
  height: 35px;
  margin: 10px 0px 10px 0px;
  width: 180px;
}
#sidebar-formulario-en-espanol{
  background: url(style/images/formulario-en-espanol-180.png);
  float: left;
  height: 35px;
  margin: 10px 0px 10px 0px;
  width: 180px;
}
.sidebar-meta-title{
  border-bottom: 1px solid #8B4513;
  float: left;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  width: 200px;	
}
.sidebar-title{
  border-bottom: 1px solid #8B4513;
  float: left;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  width: 180px;	
}


/**************************************************************************
*                                                                         *
*     General Page Styles (includes Staff, Employment, & Contact Page).   *
*                                                                         *
**************************************************************************/


#comment{
  width: 580px;
}
#page{
  float: left;
  margin: 2px 0px 0px 0px;
  width: 1000px;
}
#page-thumbnail{
  float: left;
  min-height: 560px;
  width: 200px;
}
.page-wrap{
  float: left;
  margin: 10px 10px 0px 20px;
  min-height: 560px;
  width: 580px;
}
.page-wrap p{
  margin: 0px 0px 15px 0px;
}
.page-title{
  border-bottom: 1px solid #8B4513;
  float: left;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  width: 580px;	
}
#single-post{
  float: left;
  margin: 10px 20px 0px 15px;
  width: 750px;
}


/**************************************************************************
*                                                                         *
*     Home Page Styles                                                    *
*                                                                         *
**************************************************************************/


#articles{
  float: left;
  margin: 10px 10px 10px 10px;
  width: 470px;
}
div#articles{

}
#content{ /*Redundant*/
  float: left;
  margin: 1px 0px 0px 0px;
  width: 1000px;
}
#contact-congress{
  color: #FFFFFF;
  float: left;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#contact-congress-blue{
  background: #0000CC;
  float: left;
  height: 33px;
  padding: 10px 10px 0px 10px;
  width: 210px;
}
#contact-congress-red{
  background: #FF0000;
  float: left;
  height: 33px;
  padding: 10px 10px 0px 10px;
  width: 210px;
}
#contact-congress-white{
  background: #FFFFFF;
  float: left;
  height: 33px;
  padding: 10px 10px 0px 10px;
  width: 210px;
}
input.contact-congress-button{
  background: url(style/images/go.png);
  height: 22px;
  width: 108px;
}
#featured{
  float: left;
  margin: 10px 10px 0px 10px;
  position: relative;
}
#featured a{
  color: #FFFFFF;
}
.featured-excerpt{
  background:url(style/images/home_featured_transparent.png);
  bottom: 0;
  padding: 10px 20px 10px 20px;
  position: absolute;
  width: 680px;
}
.featured-image-bg{
  height: 300px;
  width: 720px;
}
.featured-title{
  font-size: 24px;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
}
#formulario-en-espanol{
  background: url(style/images/formulario-en-espanol.jpg);
  height: 35px;
  margin: 0px 0px 10px 0px;
  width: 230px;
}
#hablar-en-espanol{
  background: #CB9A6A;
  margin: 0px 0px 10px 0px;
  padding: 10px 10px 10px 10px;
}
#home-description{
  float: left;
  padding: 10px 10px 10px 10px;
  width: 470px;
}
.home-title{
  border-bottom: 1px solid #8B4513;
  float: left;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  width: 470px;
}
#online-intake-form{
  background: url(style/images/online-intake-form.jpg);
  height: 35px;
  margin: 0px 0px 10px 0px;
  width: 230px;
}
#top-right{
  float: left;
  height: 300px;
  margin: 10px 10px 0px 0px;
  width: 230px;
}
#top-row{
  float: left;
}


/**************************************************************************
*                                                                         *
*     Practice Area/Visa Category Styles                                  *
*                                                                         *
**************************************************************************/


.practice-area{
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  margin: 0px 20px 20px 0px;
  position: relative;
  height: 100px;
  width: 340px;
}
#practice-area-page-title{
  border-bottom: 1px solid #8B4513;
  float: left;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  width: 700px;	
}
.practice-area-title{
  background: url(style/images/home_featured_transparent.png);
  bottom: 0px;
  color: #FFFFFF;
  padding: 5px 5px 5px 5px;
  position: absolute;
  text-align: center;
  width: 330px;
}
.practice-area-title a{
  color: #FFFFFF;
}
#practice-area-wrap{
  float: left;
  margin: 10px 0px 0px 15px;
  width: 720px;
}
.visa-category-page-title{
  border-bottom: 1px solid #8B4513;
  float: left;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  width: 265px;
}
.visa-categories-wrap{
  float: left;
  margin: 10px 0px 0px 0px;
  width: 265px;
}


/**************************************************************************
*                                                                         *
*     Staff Page Styles                                                   *
*                                                                         *
**************************************************************************/


#staff{
  background: #FFFFF0;
  float: left;
  margin: 10px 5px 0px 20px;
  min-height: 700px;
  padding: 10px 0px 10px 20px;
  width: 740px;
}
.staff-person{
  float: left;
  padding: 0px 20px 0px 0px;
  width: 270px;
}
.staff-position{
  font-style: italic;
}


/**************************************************************************
*                                                                         *
*     Newsletter Styles                                                   *
*                                                                         *
**************************************************************************/


#newsletter{
  background: #FFFFF0;
  float: left;
  margin: 10px 5px 0px 20px;
  padding: 10px 20px 10px 20px;
  width: 720px;
}
#newsletter a{
  color: #CB9A6A;
}
div#newsletter{
  border-color: #FFDCB9;
  border-style: solid;
  border-width: 1px;
}


/**************************************************************************
*                                                                         *
*     Links Styles                                                        *
*                                                                         *
**************************************************************************/


.links-title a{
  color: #CB9A6A;
  font-size: 16px;
  font-weight: bold;
}


/**************************************************************************
*                                                                         *
*     Intake Form Styles                                                  *
*                                                                         *
**************************************************************************/


#english-continue{
  background: #F1F1F1 url(style/images/i-agree.png) no-repeat left top;
  height: 22px;
  margin: 0px 0px 0px 236px;
  width: 108px;
}
#english-continue:hover{
  cursor: hand;
  cursor: pointer;
}

.form-input{
  float: left;
  height: 25px;
  vertical-align: middle;
  width: 330px;
}
.form-input input{
  width: 200px;
}
.form-pc{
  float: left;
  height: 25px;
  vertical-align: middle;
  width: 330px;
}
.form-radio{
  float: left;
  height: 25px;
  vertical-align: middle;
  width: 165px;
}
.form-select{
  float: left;
  height: 25px;
  vertical-align: middle;
  width: 330px;
}
.form-text{
  float: left;
  line-height: 25px;
  max-height: 25px;
  padding: 0px 10px 0px 0px;
  text-align: right;
  vertical-align: middle;
  width: 220px;
}
.form-textarea{
  float: left;
  width: 330px;
}
.form-textarea textarea{
  width: 320px;
}
.form-visa{
  float: left;
  height: 25px;
  vertical-align: middle;
}

#spanish-continue{
  background: #F1F1F1 url(style/images/concuerdo.png) no-repeat left top;
  height: 22px;
  margin: 0px 0px 0px 236px;
  width: 108px;
}
#spanish-continue:hover{
  cursor: hand;
  cursor: pointer;
}


/**************************************************************************
*                                                                         *
*     Footer Styles                                                       *
*                                                                         *
**************************************************************************/


#footer{
  float: left;
  margin: 20px 0px 20px 0px;
  text-align: center;
  width: 1000px;
}