/*  
Theme Name: UltimaHair.com WP Theme
Theme URI: http://www.ultimahair.com
Description: WordPress theme using a Robin Cameron design
Version: 1.0
Author: Caimin
Author URI: http://www.caiminjones.com
*/


* { padding: 0; margin: 0; }

body {
font-family: Verdana, sans-serif;
font-size: 11px;
margin: 0px;
background-image: url(/graphics/page-back.png);
background-repeat: repeat-y;

}

#wrapper { 
 position: absolute;
 top: 0px;
 left: 36px;
 width: 935px;
}

#header {
width: 933px;
height: 236px;
float: left;
border-left: 1px solid #999;
border-right: 1px solid #999;
height: 230px;
margin: 0px;
background: #c2ccd8;
}


#navigation {
clear: both;
width: 933px;
height: 141px;
color: #333;
border-left: 1px solid #999;
border-right: 1px solid #999;
margin: 0px;
padding: 0px;
}


#navigation a:link, #navigation a:visited{
border: none;
}

#navigationHeader {
width: 933px;
height: 32px;
margin: 0px;
padding: 0px;
}




#content { 
}

#content h3 {
text-transform: uppercase;
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #666;
}

#content img {
float: left;
padding-right: 12px;
}

#content p {
width: 320px;
padding-bottom: 12px;
line-height: 16px;
}



#contentText { 
color: #333;
background: #fff;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #666;
}

#contentText h3 {
text-transform: uppercase;
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #666;
}


#contentText p {
line-height: 16px;
margin-bottom: 12px;
}


#contentText a {
text-decoration: none;
color: #333;
border-bottom: 1px #333 dotted;
}


#footer { 
width: 935px;
clear: both;
color: #999;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 34px;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #666;
}


#brandyHomepage{
padding-right: 10px;
font-family: Verdana, sans-serif;
font-size: 10px;
color: #666;
background: #e3e8ee;
height: 138px;
}

#brandyHomepage img {
float:left;
padding-right: 16px;
}

#brandyHomepage p {
padding-top: 10px;
padding-right: 10px;
}

#facts {
height: 102px;
width: 111px;
background: #fee7ae;
float: left;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
text-transform: uppercase;
padding: 4px;
}

#fashion {
height: 102px;
width: 146px;
background: #fab9a7;
float: left;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
text-transform: uppercase;
padding: 4px;
}

#professionals{
height: 102px;
width: 182px;
background: #cc99cc;
float: left;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
text-transform: uppercase;
padding: 4px;
}

#buy {
height: 102px;
width: 174px;
background: #99cccc;
float: left;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
text-transform: uppercase;
padding: 4px;
}

#news {
height: 102px;
width: 131px;
background: #c6dec5;
float: left;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
text-transform: uppercase;
padding: 4px;
}

#blogAndContact {
height: 110px;
width: 149px;
background: #9999cc; 
float: left;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
text-transform: uppercase;
padding: 0px;
}

#blog {
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
text-transform: uppercase;
padding: 4px;
background: #f58ab2;
}

#contact {
width: 142px;
background: #9999cc; 
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
text-transform: uppercase;
padding: 0px;
}

#contactHeader {
width: 149px;
background: #d5c7ec;
}

#contactText {
width: 141px;
height: 50px;
background: #9999cc;
padding-left: 4px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 0px;
}

a:link, a:visited {
color: #666699;
text-decoration: none;

}

a:hover {
text-decoration: none;
color: #9999CC;
}


/* make sure there's spacing between WordPress p tags in divs */
p{
margin-bottom: 12px;

}

#navigation a:link, #navigation a:visited {
color: #666;
text-decoration: none;
}

#navigation a:hover {
text-decoration: none;
border-bottom: 1px dotted #666;
}

h3 {
text-transform: uppercase;
font-family: Arial, sans-serif;
font-size: 11px;
color: #666;
}


#faqQ {
color: #666;

}

#faqA {
color: #999;
font-style: italic;
margin-bottom: 12px;
}

form {
display: inline;
}


textarea {
width: 344px;
height: 164px;
border: 1px solid #666;
font-family: Arial, sans-serif;
font-size: 11px;
}


.textareaSmall {
width: 190px;
height: 110px;
border: 1px solid #666;
font-family: Arial, sans-serif;
font-size: 11px;
}

.formInput {
width: 190px;
border: 1px solid #666;
font-family: Arial, sans-serif;
font-size: 11px;
}


#formRow {
display: block;
margin-bottom: 12px;
}


#blogLeftCol {
position: absolute;
top: 145px;
left: 10px;
width: 260px;
}

#blogLeftCol a {
border: none;
}

#blogHeader {
position: absolute;
top: 0px;
left: 170px;
width: 240px;
}

#blogTopNav {
position: absolute;
top: 146px;
left: 310px;
width: 360px;
}

#blogTopNavStrap {
font-family: Georgia, serif;
font-size: 14px;
font-style: italic;
text-align: center;
}

#blogTopNavCats {
margin-top: 4px;
font-family: Arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
text-align: center;
color: #cc3399;
padding: 4px;
border-bottom: 1px solid #666;
}

#blogTopNavCats a {
color: #cc3399;
}

#blogCenterCol{
position: absolute;
top: 200px;
left: 300px;
width: 360px;
}

#post {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #666;
}

#post a{
text-decoration: none;
color: #666699;
font-weight: bold;
}

#post a:hover {
text-decoration: none;
color: #9999CC;
font-weight: bold;
}

#post h2 {
font-family: Georgia, serif;
font-size: 18px;
font-weight: normal;
font-style: italic;
}

#post h2 a {
font-weight: normal;
}

#post h2 a:hover {
font-weight: normal;
}

#post img{
float: left;
padding-right: 12px;
padding-bottom: 12px;
border: 0;
}

#postBot {
clear: both;
text-align: center;
border-top: 1px solid #666;
font-family: Verdana, sans-serif;
font-size: 10px;
color: #666;
margin-bottom: 20px;
margin-top: 20px;
}

#postBot a{
font-weight: normal;
}

#postBot a:hover {
font-weight: normal;
}


#blogRightCol {
position: absolute;
top: 200px;
left: 750px;
width: 210px;
}

#blogRightCol a {
border: none;
}



#blogSidebarHeader {
margin-top: 12px;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
}

#blogFactsImg {
float: right;
background: #ffde00;
width: 161px;
}

#blogFacts {
float: right;
clear: both;
width: 145px;
background: #fff899;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
padding: 8px;
}

#blogFashionImg {
float: right;
background: #f79779;
width: 186px;
}

#blogFashion {
float: right;
clear: both;
width: 170px;
background: #fab9a7;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
padding: 8px;
}

#blogTechniqueImg {
float: right;
background: #bd8cbf;
width: 185px;
}

#blogTechnique {
float: right;
clear: both;
width: 169px;
background: #dca8bf;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
padding: 8px;
}

#blogEasycareImg {
float: right;
background: #6dd0f7;
width: 225px;
}

#blogEasycare {
float: right;
clear: both;
width: 209px;
background: #98d0f7;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
padding: 8px;
}

#blogContactImg {
float: right;
background: #c4df9b;
width: 232px;
}

#blogContact {
float: right;
clear: both;
width: 216px;
background: #c6dec5;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
padding: 8px;
}

#blogBlogImg {
float: right;
background: #e4657f;
width: 201px;
}

#blogBlog {
float: right;
clear: both;
width: 185px;
background: #fcb1c1;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;
padding: 8px;
}

#catTagHeader {
font-family: Verdana, sans-serif;
font-size: 10px;
color: #666;
}


#post .akst_share_link {
text-transform: uppercase;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666;

}


#brandyGalleryImage {
float: right;
width: 766px;
padding-top: 8px;
}

#brandyGalleryImage img {
float: left;
padding-right: 8px;
}


#eventsThumbs {
position:absolute; 
top: 430px; left: 24px;
width: 400px;
}






#stylistProfile {
position: absolute; 
top: 419px; 
left: 1px;
width: 634px;
}

#stylistProfile img {
float: left;
padding-right: 24px;
padding-bottom: 34px;
}

#brandyImgNav{
padding-top:8px;
padding-left: 8px;

}




/* STYLISTS DRAG AND DROP */


#screen1Graphic {
position: absolute; 
top: 419px; 
left: 646px;
}

#mainContainer{
width:740px;
height: 320px;
}
	

#mainContainerPref{
width:700px;
height: 320px;
}
	

#leftColumn{
float: left;
width:320px;
border:1px solid #666699;
padding:3px;
height:262px;
}

#leftColumnPref{
float: left;
width:520px;
border:1px solid #666699;
padding:3px;
height:220px;
}

#rightColumn{
float: right;
width:320px;
height:262px;
}	

#rightColumnPref{
float: right;
width:320px;
height:220px;
}	

.dragableBox{
width:312px;
height:12px;
border:1px solid #666699;
background-color:#FFF;		
padding:3px;
cursor: move;
margin-bottom: 2px;
}

.dropBox{
width:320px;
border:1px solid #666699;
height:262px;
margin-bottom:10px;
padding:3px;
overflow:auto;
}		

.dropBoxPref{
width:320px;
border:1px solid #666699;
height:220px;
margin-bottom:10px;
padding:3px;
overflow:auto;
}		


#nextLink {
float: none;
clear: both;
margin-top: 12px;
}


#screen2 {
display: none;
width: 746px;
}

#screen3 {
display: none;
}

#screen1Pref {
display: none;
position: absolute; 
top: 436px; 
left: 300px; 
width: 470px;
}

#screen1Left {
display: none;
position: absolute;
top: 370px; 
left: 1px; 
}

#screen2Pref {
display: none;
position: absolute; 
top: 436px; 
left: 50px; 
width: 700px;
}

#screen3Pref {
xxdisplay: none;
position: absolute; 
top: 436px; 
left: 50px; 
width: 700px;
}