/*

Caroline Parrott

Colours:

purple = rgb(146,51,109)
blue = rgb(72,134,161)
grey = rgb(100,100,100)
violet = rgb(57,39,91)
magenta = rgb(226,0,122)

*/

/* Setup */

@font-face { font-family:"Gotham Rounded Light"; src:url("../fonts/GothamRnd-Light.otf"); }
@font-face { font-family:"Gotham Rounded Medium"; src:url("../fonts/GothamRnd-Medium.otf"); }

body { /*background-color:rgb(146,51,109);*/ font-size:62.5%; color:rgb(100,100,100); background-color:rgb(57,39,91); background-image:url('../images/bkgPattern.jpg'); background-position:top left; background-repeat:no-repeat; }
.bkg_white { background-color:white; background-image:none; }

h1 { font-family:"Gotham Rounded Light", Helvetica, Arial, sans-serif; color:rgb(146,51,109); font-size:2.6em; margin-bottom:25px; }
h2 { font-family:"Gotham Rounded Light", Helvetica, Arial, sans-serif; color:rgb(146,51,109); font-size:1.7em; margin-bottom:25px; }
h1 + h2 { margin-top:-20px; }
h3 { font-family:"Gotham Rounded Light", Helvetica, Arial, sans-serif; color:rgb(146,51,109); font-size:1.5em; margin-bottom:10px; }

p { font-family:"Gotham Rounded Light", Helvetica, Arial, sans-serif; color:rgb(100,100,100); font-size:1.2em; line-height:1.4em; margin-bottom:14px; }
a { color:rgb(72,134,161); text-decoration:none; }
a:hover { text-decoration:underline; }

/* Main */

#container { position:relative; width:990px; }
#picture { position:absolute; width:270px; height:450px; left:230px; }
#breadcrumb { margin-bottom:10px; }
#breadcrumb p { font-size:1.1em; }
#text { float:right; width:334px; margin-top:300px; margin-right:95px; text-align:left; }
#footer { clear:both; padding:80px 0 0 0; }

/* Extra */

.clear { clear:both; }
.intro { font-size:1.3em; line-height:1.5em; }
.exhibition_title { color:rgb(30,30,30); }

/* Header */

#logo { position:absolute; top:50px; right:39px; width:265px; height:160px; background-image:url('../images/logoCarolineParrottWhite.png'); background-repeat:no-repeat; background-position:top right; cursor:pointer; }
.bkg_white #logo { background-image:url('../images/logoCarolineParrottColour.png'); }
#pagedesign-service #logo , #pagejulias-house #logo { background-image:url('../images/logoDesignServiceColour.png'); }

/* Menu */

#menu { position:fixed; left:56px; top:112px; }
li { font-family:"Gotham Rounded Light", Helvetica, Arial, sans-serif; margin-bottom:12px; font-size:1.3em; line-height:1.4em; display:block; }
#menu li a { color:white; text-decoration:none; padding-bottom:2px; }
#text li a { color:rgb(72,134,161); }
#text li a:hover { border-bottom:1px solid rgb(72,134,161); }
.bkg_white #menu li a { color:rgb(100,100,100); }
li a:hover { border-bottom:1px solid white; text-decoration:none; }
.bkg_white #menu li a:hover { border-bottom:1px solid rgb(100,100,100); }
li.selected { color:white; opacity:0.3; }
.bkg_white #menu li.selected { color:rgb(100,100,100); opacity:0.3; }
li.indented { padding-left:15px; }

/* Pictures */

.picture_main { margin-bottom:10px; }
.picture_thumb { display:block; float:left; margin-bottom:10px; margin-right:10px; }
.thumbnails { display:block; }

/* Sketchbook */

#pagesketchbook #picture { width:675px; }

/* GoryGirl */

.bkg_gorygirl { background-color:rgb(57,39,91); background-image:url('../images/bkgGoryGirl.jpg'); background-position:bottom right; background-repeat:no-repeat; }
.bkg_gorygirl h1 { color:white; }
.bkg_gorygirl p { color:white; }
.bkg_gorygirl p a { color:rgb(226,0,122); }
.bkg_gorygirl .intro { color:rgb(226,0,122); }
.bkg_gorygirl #logo { background-image:url('../images/logoDesignServiceWhite.png'); }
.bkg_gorygirl li a { color:white; }
.bkg_gorygirl #menu li a { color:white; }
.bkg_gorygirl #menu li a:hover { border-bottom:1px solid white; }
.bkg_gorygirl #text li { color:white; }
.bkg_gorygirl #text li a { color:rgb(226,0,122); }
.bkg_gorygirl #text li a:hover { border-bottom:1px solid rgb(226,0,122); }
#logo_gorygirl { position:relative; left:-50px; margin-bottom:15px; }

/* Style switcher */

#styleswitcher { position:relative; left:0px; top:600px; width:440px; height:47px; }
#styleswitcher_content { position:relative; line-height:47px; padding-left:56px; color:rgb(140,140,140); font-family: "Gotham Rounded Light", Helvetica, Arial, sans-serif; font-size:1.3em; background-color:white; border-color:white; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; }
#styleswitcher_tab { position:absolute; top:0; right:0; cursor:pointer; }
#styleswitcher a { color:rgb(146,51,109); }
#styles { position:absolute; top:7px; left:180px; }
#styles li { display:block; float:left; width:32px; height:32px; margin-right:10px; }
#styles li a { display:block; float:left; width:32px; height:32px; border:2px solid white; }
#styles li a:hover { border:2px solid rgb(146,51,109); }