/*
Theme Name: Virutal Law Partners
Theme URI: the-theme's-homepage
Description: a-brief-description
Author: Kevin Sandness
Author URI: www.kevinsandness.com
Template: use-this-to-define-a-parent-theme--optional
Version: a-number--optional
.
General comments/License Statement if any.
.


[Table Of Contents] 

	0- Reset & Layout
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body 						{ font-family: Helvetica, Arial, sans-serif; vertical-align: top; color: #000000; background:#FFF;}
p, li, dl, th {font-size:.875em; line-height:1.3em; margin-bottom:15px;}
.clearfix:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }

.ourPeople span.highlight {color:#00abdf;}

	
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

a			{	color: #000000; text-decoration:none;}
a:hover 					{	color: #000000; text-decoration:underline; }
a:visited					{	color: #000000; }
.contactUs a {color:#EC1C24;}


/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 							{	font: bold; font-size:30pt; font-family: Arial, Geneva, Helvetica, sans-serif;} 
h2 							{	font: bold; font-size:16pt; font-family: Arial, Geneva, Helvetica, sans-serif;}
.about h2 					{   color:#EC1C24;}
.hireUs h2					{   color:#F15A29;}
.ourCommunity h2			{	color:#000000;}
.contactUs h2				{	color:#EC1C24;}
.practiceAreas h2			{	color:#FFD400;}
.ourPeople h2				{	color:#00ABDF;}
.news h2, .events h2		{   color:#EC1C24;}
h3 							{	font: bold 1em Arial, Geneva, Helvetica, sans-serif;}
h4 							{	font: bold .875em Arial, Geneva, Helvetica, sans-serif;}
h5 							{	font: bold .75em Arial, Geneva, Helvetica, sans-serif; }


/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#logo {padding-top:17px;}
#masthead {height:140px;}

/*#masthead FORM {height:140px;}*/
#linkBookmark {width:84px; height:19px; text-indent:-999em; background:url(../images/sprite_page_elements.png) no-repeat right 0; position:absolute; top:97px; right:0;}
	
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav {width:100%; height:26px;  border-left: 3px solid #ffffff;}
#nav a { color:Black; text-decoration:none; display: block;width: 127px; background:url(../images/sprite_page_elements.png) no-repeat 0 0; height:26px; text-align:center;  line-height:2em;}
#nav a:hover { color:Black;}
/*#nav a {display: block;width: 127px; background:url(../images/sprite_page_elements.png) no-repeat 0 0; height:26px; text-indent:-999em;}*/
/*#nav a {display: block;width: 127px; height:26px; text-indent:-999em;}*/
#nav li { /* all list items */float: left;width: 127px; /* width needed or else Opera goes nuts */ font-size:.75em; margin-right:5px; margin-bottom:0;}
#nav .last {margin-right:0;}
#nav li li, #nav li li li {font-size:1em; margin-right:0;  border-bottom-style:solid; border-bottom-color: white; border-bottom-width:0px;}
#nav li li a { min-height:13px;height:auto !important;height:13px; text-indent:0; background:none; text-decoration:none; cursor:pointer; padding:0 10px 0 29px; width:88px; color:#fff; text-align:left;line-height:1.5em;}
#nav li li a:hover {text-decoration:underline;}
#nav li ul { /* second-level lists */position: absolute; left: -999em; width:127px; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul ul { /* third-and-above-level lists */margin: -24px 0 0 122px;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */left: auto;}
#nav li:hover ul, #nav li.sfhover ul{zoom:1;}/*Zoom to fix IE7 sticky header*/

/*main nav colors*/

#navAbout a {background-position: -225px 0;z-index:1; font-weight:bold;} /* pastel: 479 */
#navAbout a:hover {background-position:  -479px 0; color:white;z-index:1;}
#navAbout .selected {background-position: -479px 0; color:white;z-index:1;}

#navPractice a {background-position: -606px 0;z-index:1; font-weight:bold;}/* pastel: 860 */
#navPractice a:hover {background-position: -733px 0;color:white;z-index:1;}
#navPractice .selected {background-position: -606px 0;color:white;z-index:1;}

#navPeople a {background-position: -987px 0; z-index:1; font-weight:bold;}/* pastel: 1241 */
#navPeople a:hover, #navPeople.hover a {background-position: -1114px 0;color:white; z-index:1; font-weight:bold;}
#navPeople .selected {background-position: -1114px 0;color:white; z-index:1;z-index:1;}

#navNews a {background-position: -225px 0;z-index:1; font-weight:bold;}/* pastel: 1622  */
#navNews a:hover, #navNews.hover a {background-position: -479px 0; color:white;z-index:1; }
#navNews .selected {background-position: -479px 0; color:white;z-index:1;}

#navHire a {background-position: -606px 0;z-index:1;font-weight:bold;}/* pastel: 860 */
#navHire a:hover {background-position: -606px 0; color:white;z-index:1;}
#navHire .selected {background-position: -606px 0;color:white; z-index:1;} /* 606 with dropdown */

#navCommunity a {background-position: -987px 0;z-index:1;font-weight:bold;}/* pastel:  1241 */
#navCommunity a:hover {background-position: -1241px 0;color:white; z-index:1;}
#navCommunity .selected {background-position: -1241px 0;color:white;z-index:1;}

#navContact a {background-position: -225px 0; z-index:1;font-weight:bold;}/* pastel: 479 */
#navContact a:hover {background-position:  -352px 0; color:white;z-index:1;}
#navContact .selected {background-position: -352px 0; color:white;z-index:1;}

/*
#navAbout a {background-position: -479px 0; color:white; background-color:Black;}
#navAbout a:hover {background-position:  -225px 0; }
#navAbout .selected {background-position: -225px 0;}

#navPractice a {background-position: -860px 0;}
#navPractice a:hover, #navPractice.hover a {background-position: -733px 0;}
#navPractice .selected {background-position: -606px 0;}

#navPeople a {background-position: -1241px 0;}
#navPeople a:hover, #navPeople.hover a {background-position: -1114px 0;}
#navPeople .selected {background-position: -987px 0;}

#navNews a {background-position: -1622px 0;}
#navNews a:hover, #navNews.hover a {background-position: -1495px 0;}
#navNews .selected {background-position: -1368px 0;}

#navHire a {background-position: -2003px 0;}
#navHire a:hover {background-position: -1749px 0; }
#navHire .selected {background-position: -1749px 0;}

#navCommunity a {background-position: -1241px 0;}
#navCommunity a:hover {background-position: -2130px 0; }
#navCommunity .selected {background-position: -2130px 0;}

#navContact a {background-position: -479px 0;}
#navContact a:hover {background-position:  -225px 0;}
#navContact .selected {background-position: -2511px 0;}
*/


/*subnav colors*/
#navPractice ul {background-color:#ffd400; color:Black;z-index:1;}
#navPeople ul {background-color:#00abdf;z-index:1;}
#navNews ul {background-color:#47aa42;z-index:1;}

#navPractice .first  {background:#ffd400; padding:8px 0 0 0;z-index:1;}
#navPractice .secondTier {background:#ffd400;  padding:12px 0 8px 0;z-index:1;}
#navPractice .thirdTier {background:#ffd400;  padding:0 0 16px 0;z-index:1;}

#navPeople .first  {background:#00abdf; padding:8px 0 0 0; z-index:1;}
#navPeople .secondTier {background:#00abdf; padding:12px 0 8px 0; z-index:1;}

#navNews .first  {background:#EC1C24; padding:8px 0 0 0;z-index:1;}
#navNews .secondTier {background:#EC1C24; padding:12px 0 8px 0;z-index:1;}

#navContact .first  {background:#DB192B;  padding:8px 0 0 0;  z-index:1;}
#navContact .secondTier {background:#DB192B;  padding:12px 0 8px 0;  z-index:1;}


/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.events {background:url(../images/bg_events.png) no-repeat 609px 300px;}
.news {background:url(../images/bg_second_area.png) no-repeat right 185px;}
.ourPeople {background:url(../images/bg_our_people.png) no-repeat 670px 280px;}
.ourPeopleSingle {background:url(../images/bg_second_area.png) no-repeat right 185px;}
.practiceAreas {background:url(../images/bg_practice_areas.png) no-repeat 650px 280px;}
.secondArea {background:url(../images/bg_second_area.png) no-repeat right 185px;}
.contactUs {background:url(../images/bg_contact_us.png) no-repeat 600px 350px;}
.ourCommunity {background:url(../images/bg_events.png) no-repeat 609px 350px;}
.hireUs {background:url(../images/bg_hire_us.png) no-repeat 609px 300px;}
.about {background:url(../images/bg_about.png) no-repeat 580px 240px;}
.home {background:url(../images/bg_home.png) no-repeat 522px 355px;}
#indent {padding-left: 15pt;}
#allcontent {width:924px; margin:0 auto; position:relative; padding:0 0 25px 0; min-height:625px;height:auto !important;height:625px;}
#allcontent:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }

#leftcol {width:660px; float:left; padding:23px 264px 0 0;}
#leftcol:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
#rightcol {width:264px; float:left;}

#maincontent {width:550px; padding:10px 0 0 0;}


/*PAGE SPECIFIC RULES*/
/*INTERNAL PAGES*/
.internal h1 {border-bottom:1px dotted #000000;}
#allcontent.internal {padding:0 0 150px 0;}

.about a { color:#EC1C24; font-weight:bold;}

/*HOME*/
#gfx_better {position:absolute; right:0; top:177px;}
.home #rightcol blockquote {color:#00ABDF; font-size:.875em;}
.home #rightcol .cite {color:#000000; font-size:.625em; text-align:right;}
#homeQuote {width:280px; position:absolute; right:0; top:310px;}
.home #leftcol p {width:510px;  z-index:2;}
#valuesBullets {width:475px; padding:0 45px 15px 0; border-bottom:1px dotted #000000;}
#valuesBullets li {padding-left:25px;}
#values1 {background:url(../images/sprite_icons.png) no-repeat 0 0;}
#values2 {background:url(../images/sprite_icons.png) no-repeat 0 -300px;}
#values3 {background:url(../images/sprite_icons.png) no-repeat 0 -600px;}

.home #leftcol .subcolLeft p, .home #leftcol .subcolRight p {width:auto; font-size:.625em;}
.home #leftcol .subcolLeft {width:244px; float:left; border-right:1px dotted #000000; padding:15px 25px 0 0; color:#4D4D4D;}
.home #leftcol .subcolRight {width:244px; float:left; padding:15px 0 0 25px; color:#4D4D4D;}
.home .subcol a {font-size:.625em; font-weight:bold; color:#333; display: block; padding:1px 0 0 15px;}
.home .subcolLeft a {background:url(../images/sprite_icons.png) no-repeat 0 -900px;}
.home .subcolRight a {background:url(../images/sprite_icons.png) no-repeat 0 -1200px;}
.home #leftcol {padding-right:0;}

/*PRACTICE AREAS*/
#tblPracticeAreas {width:100%;}
#tblPracticeAreas th {color:#FFD400; text-align:left;}
#tblPracticeAreas td {width:50%; font-size:1.4em; padding:5px 0;}
#tblPracticeAreas tr.alt {color:#000000;}

.practiceAreasTier1 #maincontent {width:660px;}

.practiceLinks a {font-size:.625em; font-weight:bold;}
.practiceLinks a:hover {color:#FFD400; }
.practiceLinks a:visited {}

.practiceTitle {font: bold; font-size:30pt; font-family:  Helvetica, Arial, sans-serif; color:#FFD400;}
.practiceTitle2 {font: bold; font-size:30pt; font-family: Arial, Geneva, Helvetica, sans-serif;}

.secondArea #leftcol {padding-right:0;}
.secondArea #rightcol { padding-top:143px;}
#attorneyNames li {font-size:.75em; font-weight:bold; margin:10px 0 0 0;}

#subnav {width:100%; padding:0 0 15px 0;}
#subnav li {float:left; font-size:.625em; padding-right:8px; margin-bottom:0; color:#000000;}
#subnav li a {color:#999;}
.secondArea #subnav li a.selected {color:#FFD400;}
.practiceNavText {color:#000;}

/*OUR PEOPLE*/
.ourPeople #maincontent {width:660px; position:relative;}
.ourPeople {width:100%;}
.ourPeople th {color:#00ABDF; text-align:left; font-size:.75em; padding-bottom:5px;}
.ourPeople td {font-size:.75em; width:132px; font-weight:bold; padding:5px 0;}
.ourPeopleNormal {font-size:10pt; font-weight:normal;}
.vcard {background:url(../images/sprite_vcard.png) no-repeat -264px top;}

.ourPeople tr.hover, .ourPeople tr.hover a {color:#00abdf;}
.ourPeople tr.hover .vcard {background:url(../images/sprite_vcard.png) no-repeat left top;}
.ourPeople #subnav li a.selected {color:#00abdf;}

#navFilter {border-top:1px dotted #00abdf; padding:10px 0 0 0;}
#navFilter li {float:left; font-size:.6em; padding-right:10px; font-weight:bold;}
#navFilter a {text-decoration:none;}
#navFilter a:hover, #navFilter a.selected {color:#00abdf;}

#navViewBy {position:absolute; right:0; top:10px;}
#navViewBy li {float:left; font-size:.625em; padding-left:8px;}
#navViewBy li a {color:#999;}
#navViewBy li a.selected, #navViewBy li a:hover {color:#000000;}

#clickInstructions {font-size:.625em; position:absolute; right:0; top:50px;}

.ourPeopleSingle #maincontent {width:924px; padding:95px 0 0 0; position:static;}
.ourPeopleSingle #subnav {width:605px; border-top:1px dotted #000000; padding-top:10px;}
.ourPeopleSingle #leftcol {width:300px; padding:15px 15px 0 0;}
.ourPeopleSingle #centercol {float:left; width:470px; padding:15px 15px 0 0; position:relative;}
.ourPeopleSingle #rightcol {float:right; width:120px;}
.ourPeopleSingle #rightcol img {margin-left:70px;}

#navLanguages {position:relative; right:-50px; top:15px;}
.ourPeople #navLanguages li {color:#00ABDF; font-size:.625em; margin:0;}
.ourPeople #navLanguages li a {color:#00ABDF;}
.ourPeople #navLanguages li a.selected, #navLanguages li a:hover {color:#000000;}

#navPeoplePractices {position:relative;}
.ourPeople #navPeoplePractices li {color:#00ABDF; font-size:.85em; font-weight:bold; line-height:1.5em; margin:0;}
.ourPeople #navPeoplePractices li a {color:#00ABDF; font-weight:bold;}
.ourPeople #navPeoplePractices li a.selected, #navPeoplePractices li a:hover {color:#000000; font-weight:bold;}

.ourPeopleSingle p, .ourPeopleSingle li, .ourPeopleSingle dl {font-size:.85em; line-height:1.5em; margin-bottom:15px;}

/*NEWS*/
.news #maincontent {width:660px;}
.news #subnav li a.selected, .events #subnav li a.selected {color:#000000;}
/*.news a {font-size:font-size:16pt;}*/

#wrapperNewsThumbs:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
.newsThumb {width:79px; float:left; margin:0 37px 0 0;}
.newsThumb p {font-size:.6em;}
.newsThumb.last {margin-right:0;}

#tblEvents th {color:#00A94F; text-align:left;}
#tblEvents th, #tblEvents td {font-size:.875em; padding:10px 0;}
#tblEvents .date {color:#000000; width:105px;}


.hireUs a {color:#CBA900; font-weight:bold;}
.hireUsOLD a {color:#FFD400; font-weight:bold;}
.contactUs a { color:#EC1C24; font-weight:bold;}

/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#frmSearch p, #frmSearch #frmSearchInput, #frmSearch #frmSearchSubmit {display:block; float:left;}
#frmSearch {position:absolute; top:70px; right:0;}
#frmSearchInput {width:179px; height:20px; background:url(../images/sprite_page_elements.png) no-repeat 0 0; border:none; padding: 3px 0 0 2px; margin:0 3px 0 0;}
#frmSearchSubmit {width:44px; height:20px; background:url(../images/sprite_page_elements.png) no-repeat -181px 0; cursor:pointer; border:none;}

/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*
SIFR DON'T TOUCH
*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
  .sIFR-active h1  {visibility: hidden; font-size:60px;line-height:.1em; margin-bottom:15px; }
  .sIFR-active .subcolLeft h2  {visibility: hidden; font-size:17px;line-height:.1em; }
  .sIFR-active .subcolRight h2  {visibility: hidden; font-size:17px;line-height:.1em; }
}

		
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer {clear:both; width:350px; position:absolute; right:-20px; bottom:0; }
.home #footer {bottom:25px;}
#navFooter li {float:left; color:#00ABDF; font-size:.683em; border-right:1px solid #00abdf; padding:0 2px 0 2px;}
#navFooter .last {border-right:none; padding-right:0;}
#navFooter a {color:#00ABDF;}
#credit {font-size:.683em; color:#000000; padding-left:3px;}