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

Vulcan Video

version:   1.0

author:  wendy cook, lucky stars web design  

email: stars@luckystars.com	     

website: http://www.luckystarswebdesign.com

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



/* =General

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

/* Remove padding and margin */

* {

  margin: 0;

  padding: 0;

}



body {

font: 82.5%/1.6 "Arial", Tahoma, Verdana, sans-serif;

background: url(grey-starburst_offset.gif);

background-attachment: fixed;

background-repeat: no-repeat;

color: #F68B33;

}



/* Put it back on certain elements */

h1, h2, h3, h4, h5, h6, pre, blockquote, form, fieldset, table{

  margin: 3px;

}



p {

padding: 10px 15px 10px 15px;

}



/*ul p {

padding-left: 0px;

}*/



/*ol{

margin-left: 30px;

list-style: decimal;

}*/



/*ol ol {

*margin-left: 35px;

list-style: upper-alpha;

}*/



blockquote {

padding-right: 40px;

padding-left: 40px;

}



/* Class for clearing floats */

.clear {

clear:both;

}



/*Class for clearing floats to help text wrap around object */

.clearfix:after {

  content: ".";

  height: 0;

  visibility: hidden;

  display: block;

  clear: both;

}





/* Remove border around linked images */

/*img a{

border: 0;

}*/





/* =Typography

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



/* =Headings

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



h1 {

font: 1.75em "Arial", Tahoma, Verdana, sans-serif;

color: #333333;

margin: 3px;

padding-top: 8px;

}



h2 {

font: 1.35em "Arial", Tahoma, Verdana, sans-serif;

color: #9E0039;

margin: 3px;

padding-top: 8px;

}



h3 {

font: 1.2em  "Arial", Tahoma, Verdana, sans-serif;

color: #5A1866;

font-weight: bold;

margin: 3px;

padding-top: 10px;

}



h4 {

font: 1.2em   "Arial", Tahoma, Verdana, sans-serif;

color: #406618;

margin: 3px;

padding-top: 12px;

font-weight: 600;

}



h5 {

font: 1.15em "Arial", Tahoma, Verdana, sans-serif;

color: #0D4372;

margin: 3px;

padding-top: 12px;

}



/* =Links

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



a {

color: #630460;

text-decoration: underline;

}



a:hover {

color: #9E0039;

text-decoration: underline;

}



a:active {

color: red;

text-decoration: none;

}



a:visited {

color: #1F3F59;

text-decoration: underline;

}





/* =Containers

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



#container {

margin: 0 auto;

/*margin-bottom: 50px;*/

}


/*this one is read by IE to prevent long tail */

#secondaryContainer {

text-align:center;

color: #6e0f2e;

background-image: url(orangetransparent_1x1.png);

padding-top: 10px;

padding-right: 10px;

padding-left: 10px;

width: 780px;

z-index: 5;

position: static;

}


/* for all other browsers without tail problem */

html>body #secondaryContainer {

/*margin-top: 50px;*/

/*margin-bottom: 90px;*/

text-align:center;

color: #6e0f2e;

/*background: #F68B33;*/

background-image: url(orangetransparent_1x1.png);

padding-top: 10px;

padding-right: 10px;

padding-left: 10px;

padding-bottom: 120px;

width: 780px;

z-index: 5;

position: static;

}



.transparent_class {

filter:alpha(opacity=75);

/*-moz-opacity:0.75;

-khtml-opacity: 0.75;

opacity: 0.75;*/

}



#thirdContainer {

border: #0051a1 solid 5px;

width: 755px;

margin: 0 auto;

text-align: left;

background: #f8e9b8;

/*z-index: 2;*/

filter:alpha(opacity=100);

-khtml-opacity: 1;

opacity: 1;

position: static !important;

}





/* =Branding

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





.best {

text-transform: uppercase;

position: relative;

text-align:center;

}



.smartass{

text-align: left;

margin-left: 10px !important;

font-size: 12pt;

color: #9e0039;

text-transform: lowercase;

font-weight: bold;

}



/* =Main Nav 

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



#primaryNav {

/*margin-top: 10px;*/

margin-bottom: 18px;

font-size: 14pt;

text-align: center;

text-transform: uppercase;

}



#primaryNav ul {

list-style: none;

margin: 0;

padding-left: 10px;

/*width: 400px;*/

}



#primaryNav ul li {

float: left;

margin-bottom: 0px;

padding-bottom: 0px;

}



#primaryNav ul a {

display: block;

padding-left: 1em;

padding-top: .8em;

color: #6e0f2e;

text-decoration: none;

}



#primaryNav a:hover {

color: #B23055;

text-decoration: underline;

}



/*#primaryNav a:active {

color: red;

text-decoration: underline;

}*/



/*#primaryNav a:visited {

color: #6e0f2e;

text-decoration: none;

} */





/* Changes the color of the active page link in the navigation */

body.homepage #primaryNav a#homepage, 

body.search #primaryNav a#search,

body.blog #primaryNav a#blog,

body.about #primaryNav a#about,

body.friends #primaryNav a#friends {

color: 9e0039;

text-decoration: underline;

}





/* Changes the color of the active page link, when hovering, in the navigation */

body.homepage #primaryNav a:hover#homepage, 

body.search #primaryNav a:hover#search,

body.blog #primaryNav a:hover#blog,

body.about #primaryNav a:hover#about,

body.friends #primaryNav a:hover#friends{

color: red;

}



/* =Sub Nav

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



#subNav{

width: 225px;

float: left;

text-align: left;

margin-left: 3px;

padding-bottom: 20px;

margin-bottom: 5px;

margin-top: 3px;

text-transform: uppercase;

list-style-image: none;

position: relative;

z-index: 60;

}



#subNav ul {

list-style-type: none;

text-align: left;

padding-top: 5px;

}



#subNav li {

padding-left: 15px;

padding-bottom: 20px;

}



#subNav a{

text-decoration: none;

font-weight: bold;

}



input.btn{

font-variant: small-caps;

font-size:84%;

background-color: transparent;

border:1px solid silver;

width: 140px;

}





/* Changes the color of the active page link in the secondary navigation */

body.search #subNav a#search,

body.newsletter #subNav a#newsletter,

body.services #subNav a#services,

body.ask #subNav a#ask {

color: 9e0039;

text-decoration: underline;

}



/* Changes the color of the active page link, when hovering, in the secondary navigation */

body.search #subNav a:hover#search,

body.newsletter #subNav a:hover#newsletter,

body.services #subNav a:hover#services,

body.ask #subNav a:hover#ask{

color: red;

}



/* =Main Content

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



#bodyContent {

color: #0051a1;

margin-bottom: 40px;

}


/*
#bodyContent p{

margin-left: 217px;

}*/



#pinklogo {

margin-top: 10px !important;

margin-bottom: -100px !important;

margin-left: 164px !important;

margin-right: 164px !important; 

position: relative !important;

z-index: 100 !important;

}



#cornerlogo {

margin-top: -20px;

margin-left: -20px;

border: 0px;

position: relative !important;

z-index: 99 !important;

}



.homepagecircle {

float: left;

padding-left: 5px;

padding-bottom: 3px;

}

.friendscircle {

float: right;

padding-right: 5px;

padding-bottom: 3px;

}

.aboutcircle {

float: right;

padding-right: 5px;

padding-bottom: 3px;

}

.blogcircle {

float: right;

padding-right: 40px;

padding-bottom: 3px;

}

.randomquote {

float: right;

padding-top: 3px;

padding-right: 10px;

padding-left: 0px;

}


.question{
font-weight: bold;
padding-left: 10px;
padding-bottom: 0px;
margin-top:15px;
margin-bottom: 0px;
margin-left: 260px;
padding-right: 25px;
}



.answer{
margin-top: 0px;
margin-bottom: 5px;
padding-left: 20px;
padding-top: 0px;
margin-left: 260px;
padding-right: 25px;
}

#servicelists p {
margin-left: 225px;
z-index: 200 !important;
}

#servicelists ul{
list-style-type: square;
}

#servicelists li {
margin-left: 260px;
padding-right: 25px;
z-index: 201 !important;
}

#servicelists h2{
margin-left: 240px;
}

#servicelists h3 {
margin-left: 240px;
margin-top: 20px;
}
/*fix the ULs with contextual styles*/

body.homepage #primaryNav a:hover#homepage, 

body.search #primaryNav a:hover#search,

body.blog #primaryNav a:hover#blog,

body.about #primaryNav a:hover#about,

body.friends #primaryNav a:hover#friends{

color: red;

}


/* =Footer

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



.north {

float: right;

text-align: right;

text-transform: uppercase;

text-transform: uppercase;

font-size: 12pt;

font-weight: bold;

/*position: relative;*/

}



.south {

float: left;

text-align: left;

text-transform: uppercase;

text-transform: uppercase;

font-size: 12pt;

font-weight: bold;

/*position: relative;*/

}



a.south, a.north {

color: #0E0E0E;

text-decoration: none;

}



a:hover.south, a:hover.north {

color: #9E0039;

text-decoration: underline;

}



a:active.south, a:active.north {

color: red;

text-decoration: none;

}





a:visited.south, a:visited.north {

color: #003663;

text-decoration: none;

} 



/* =Forms

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



/* Removes fieldset borders. even on Opea 7 */

fieldset { 

border: 1px solid transparent;

}









/* =Misc 1

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



#stars {

text-align:center;

font-variant: small-caps;

font-size: 12px;

color: #f68;
visibility: hidden;

}



#stars a {

text-decoration: underline;

color: #f68;

}