/*  

Theme Name: WordPress theme 632

Theme URL: http://wordpress.org/

Description: A theme from Template-Help.com Collection

Version: 2.5

Author: Template_Help.com 

Author URL: http://www.Template-Help.com/ 

*/

/* CSS Document */

*{margin:0; padding:0;}

ul{list-style:none;}

ul.bullets {list-style:inherit}

body{

    font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;

    /*

     Changed font-family below with the ones above to imitate the font at the menu of vailmexico.com

     Changed by HarveyTS on 07/22/2009

     Original/previous line is commented below.

    */

    /*font-family: Arial,Lucida,MgOpen Cosmetica,Lucida Sans; */

    font-size:11px; line-height:14px;

    color:#929292;

    background: url(images/fill.gif) 0 0 repeat #232222;

        /*

     Changed body width of page to 1220px to keep vertical scrolling bar from appearing at the bottom of the page.

     Tested on Mozilla Firefox 3.5, Opera 9.64, Internet Explorer 6 vscrolls gone (on 1280x1024 screen res).

     Internet Explorer 6 has some problems rendering PNG images. Transparency not working.

     Changed by HarveyTS on 07/22/2009.

     Original value for width is 1280px.

    */

    width: 1000px;

    margin: 0px auto; }

img { border:0;}



/**********************************************/

input, textarea{font-family:Lucida, arial,Tahoma; font-size:11px; color:#000000; vertical-align:middle; font-weight:normal; background:#FFFFFF; text-align:left;}

.searching {width:175px; height:auto; color:#000000; background-color:#FFFFFF; height:18px; margin-right:6px; border: solid 1px #404040;}

/**********************************************/



.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 980)? "980px" : "100%"); min-width:980px;}

.main {width:100%; margin:auto;}



a {color:#FFFFFF; text-decoration:underline;}

a:hover{text-decoration:none;}



 

h1 { font-size:2.54em; color:#b8b8b8; text-transform:uppercase; font-weight:bold; line-height:1.01em; width:auto;}

h1 a  {color:#b8b8b8; text-decoration:none;}

h2{ font-size:1.01em; color:#888888;}

h3 { color:#b8b8b8; font-weight:normal; font-size:1.45em; line-height:1.18em;}

h3 a {color:#b8b8b8; font-size:1.01em; line-height:1.01em; text-decoration:none;}

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





/*******global********/

ul { margin:0;}

.float{float:left; margin:0 0 0 0;}

.col{float:left;}

.side_bar { float:left; width:272px; margin:0 0 0 -272px;}

.column_center{float:left; width:100%;}

.indent_center { padding:0 0 0 0; margin:0 272px 0 0; background:url(images/sep.gif) right top repeat-y;}

.no_indent { padding:0 0 0 0; margin:0 0 0 0; background:url(images/sep.gif) right top repeat-y;}

.clear{clear:both;}

.w100 { width:100%;}

.h100 { height:100%;}

.in5 { padding-bottom:5px;}

.in10 { padding-bottom:10px;}

.in15 { padding-bottom:15px;}

.in20 { padding-bottom:20px;}

/*******global********/



.content { background:url(images/fill_2.gif) 0 0 repeat;}

.content .indent { padding:36px 28px 29px 15px;}







/*******************box*********************************/

.side_top{ background:url(images/side_top.gif) left top repeat-x #252626;}

.side_bot{ background:url(images/side_bot.gif) left bottom repeat-x; width:100%;}

/***************************end**************************/





/*******************header*********************************/

#header { background:url(images/fill_header3_big.gif) 0 0 repeat-x;}

/* #header .bg_left { background: url(images/bg_header_left_big3.jpg) 0 0 no-repeat;} */

#header .bg_right { background: url(images/bg_header_right3.gif) right top no-repeat; width:100%; height:113px;} 

#header .vrc-logo {float:right; padding-right:20px; padding-top:10px;}

/*#header .vrc-logo {float:right; padding-right:15px; padding-top:26px;} */

/* #header .logo { float:right; padding:100px 71px 0 0; }  */

/* #header span  { font-size:1.27em; line-height:1.45em; font-style:italic; color:#fff; text-decoration:none;}  */



/* #header .logo h1 a { color: #fff; text-shadow: rgb(50, 50, 50) 3px 3px 2px; }  */



        /*

     Added width of 900px to #header .menu in order to have 4 buttons per row as requested by Bryan

     Changed by HarveyTS on 07/22/2009.

    */



/* start edit */

#header .menu { padding-left:15px; padding-top:10px; width:687px; float:left;}

#header .menu li{ float:left; padding:0 19px 0 0 }

#header .menu li a{ background:url(images/bg_menu.png) 0 0 no-repeat; width:200px; padding:8px 5px; display:block;  color:#919191; font-size:1.27em; line-height:1.01em; text-decoration:none; text-align: center; outline:none; }

#header .menu li a:hover{/* text-decoration:underline */; color: #fff; background:url(images/bg_menu_hover.png) 0 0 no-repeat; }

/*******************end header*********************************/





/*******************side_bar*********************************/



    /*

     Changed this line:

     #categories.widget_style .bg_w { background:url(images/bg_cat.gif) 0 0 no-repeat; min-height:317px; height:auto !important; height:317px}

     to:

     #categories.widget_style .bg_w { background:url(images/bg_cat.gif) 0 0 no-repeat; height:auto !important;}

     this line will calculate the height of the box automatically depending on content, else we see too much space.

     Changed by HarveyTS on 07/22/2009.

    */

    

.side_bar .inside{ padding:2px 0 0 32px;}

#categories.widget_style .fill_w { background:url(images/fill_cat.gif) 0 0 repeat-y;}

#categories.widget_style .bg_w { background:url(images/bg_cat.gif) 0 0 no-repeat; height:auto !important; }

#categories.widget_style .inside_w { padding:15px 31px 30px 30px;}





    /*

     Changed this line:

     #links_with_style.widget_style .bg_w { background:url(images/bg_lin.gif) 0 0 no-repeat; min-height:87px; height:auto !important; height:87px;}

     to:

     #links_with_style.widget_style .bg_w { background:url(images/bg_lin.gif) 0 0 no-repeat; height:auto !important;}

     this line will calculate the height of the box automatically depending on content, else we see too much space.

     Changed by HarveyTS on 07/22/2009.

    */



#links_with_style.widget_style .fill_w { background:url(images/fil_linCyan.gif) 0 0 repeat-y;}

#links_with_style.widget_style .bg_w { background:url(images/bg_linCyan.gif) 0 0 no-repeat; height:auto !important;}

#links_with_style.widget_style .inside_w { padding:15px 31px 30px 30px;}





    /*

     Changed this line:

     .widget_style .bg_w { background:url(images/bg_deg.gif) 0 0 no-repeat; min-height:152px; height:auto !important; height:152px;}

     to:

     .widget_style .bg_w { background:url(images/bg_deg.gif) 0 0 no-repeat; height:auto !important;}

     this line will calculate the height of the box automatically depending on content, else we see too much space.

     Changed by HarveyTS on 07/22/2009.

    */



.widget_style .fill_w { background:url(images/fil_lin_blueLight.gif) 0 0 repeat-y;}

.widget_style .bg_w { background:url(images/bg_degLight.gif) 0 0 no-repeat; height:auto !important; }

.widget_style .inside_w { padding:15px 31px 30px 30px;}



/*---------------------------------------------------*/

.widget_style { margin:0 0 0 0; padding:0 0 25px 0;}

.widget_style h2 {font-size:1.36em; line-height:1.27em; color:#FFFFFF; font-weight:normal;  padding:0 0 6px 0;}

.widget_style h2 a {color:#FFFFFF; text-decoration:none;}

.widget_style h2 a:hover {text-decoration:none;}



.widget_style ul { margin:0 0 0 0;}

.widget_style li { background:url(images/sep_3.gif) left bottom repeat-x; font-size:1.09em; line-height:1.01em; color:#FFFFFF; padding:7px 0 9px 0;}

.widget_style li a { font-size:13px; line-height:1.01em; color:#FFFFFF; text-decoration:none; padding:0 0 0 0;}

.widget_style li a:hover { text-decoration:none; color:#000000;}



/*---------------------------------------------------*/



#categories.widget_style ul {margin:0 0 0 0;}

#categories.widget_style li { background:url(images/sep_2.gif) left bottom repeat-x; font-size:1.27em; line-height:1.01em; color:#FFFFFF; padding:7px 0 9px 0;}

#categories.widget_style li a { font-size:13px; line-height:1.01em; color:#FFFFFF; text-decoration:none; padding:0 0 0 0;}

#categories.widget_style li a:hover { text-decoration:none; color:#000000;}



/*---------------------------------------------------*/



#archives.widget_style ul { margin:0 0 0 0;}

#archives.widget_style li { background:url(images/sep_3.gif) left bottom repeat-x; font-size:1.27em; line-height:1.01em; color:#FFFFFF; padding:7px 0 9px 0;}

#archives.widget_style li a { font-size:1.01em; line-height:1.01em; color:#FFFFFF; text-decoration:none; padding:0 0 0 0;}

#archives.widget_style li a:hover { text-decoration:none; color:#000000;}



/*---------------------------------------------------*/



#links_with_style ul {margin:0 0 0 0; background:none;}

#links_with_style ul ul h2{ margin:0 0 0 0; background:none;}

#links_with_style ul li { background:none;}

#links_with_style ul li h2 { font-size:15px; line-height:14px; list-style:none;  color:#FFFFFF; font-weight:normal;}

#links_with_style ul li ul { margin:0 0 0 0;}

#links_with_style ul li ul li { background:url(images/sep_3.gif) left bottom repeat-x; font-size:12px; line-height:14px; color:#FFFFFF; padding:7px 0 9px 0;}

#links_with_style ul li ul li a{padding:0 0 0 0;}



/*---------------------------------------------------*/



#calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:13px 0px 0px 0;}

#calendar_wrap caption { color:#FFFFFF; font-weight:bold; font-size:1.01em;}

#calendar_wrap td {width:25px; text-align:right; color:#FFFFFF; font-size:1.11em;}

#calendar_wrap td a {color:#FFFFFF;}

#calendar_wrap th { color:#FFFFFF;}

#calendar_wrap a {font-weight:bold;}



/*---------------------------------------------------*/



#statusbar {text-align:justify; color:#FFFFFF;}

#statusbar p {padding:0px 20px 20px 0;}

#statusbar a {font-weight:bold; color:#FFFFFF;}

/*******************end side_bar*********************************/





/*******************column_center*********************************/

.text_box { background:url(images/sep_5.gif) left bottom repeat-x; margin:0 35px 20px 0; font-family:tahoma; font-size:1.09em; line-height:1.33em; padding:19px 0 43px 15px;}

.text_box strong { color:#FFFFFF; font-size:1.16em;}

.title { padding:0 35px 0 15px;}

.title span { color:#000000;  font-size:1.01em; line-height:1.18em;}

.date { margin:6px 0 0 0; font-size:0.9em; line-height:1.09em; color:#7DAA4E; font-family:tahoma;}



.inside_date { padding:8px 20px 6px 20px;}



.comments { float:right; padding:0 0 0 0;}

.comments a {text-decoration:none; color:#7DAA4E;}

.comments a:hover{text-decoration:underline;}

/*******************end column_center*********************************/







/*************************************/

#recent-posts  {vertical-align:top;}

#calendar {vertical-align:top;}

#google-search  {vertical-align:top;}

#gsearch {text-align:left;}

#pages  {vertical-align:top;}

#text-1 {vertical-align:top;}

#delicious {vertical-align:top;}

#delicious-box {text-align:left;}



/*************************************/

.textwidget {padding:13px 0px 0px 0px; color:#FFFFFF;}



.oddcomment{color:#FF0000;}



/*******************footer*********************************/

#footer {font-size:1.09em; line-height:1.01em; color:#B2B7BC; height:58px; }

#footer .indent{ padding:25px 0 0 0; text-align:center; }

#footer a{ color:#B2B7BC;}

/*******************end footer*********************************/



/**

 * Added by Harvey 07/24/2009

 * 

 */



/* .form-submit{

padding:2px;

margin-top:0px;

font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;

border-style: solid;

border-color: #cc3399;

} */



.form-item{

padding:2px;

margin-top:0px;

font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;

border-style: solid;

border-color: #00b6cc;

border-width: 1px;

width: 175px;

}