/*kellyanneburns.com*/

/*index and global styles*/
body{background-color: white; font-family: verdana, arial, georgia; font-size: .7em; padding: 0em auto 0em auto; margin: 0em auto 0em auto;}

a{color: #FF24FF; text-decoration: none;}
a:hover{color: #FF24FF; text-decoration: underline;}

.pink{color: #FF24FF;}

img {border: none; margin: 0em; padding: 0em;}

#canvass{background-attachment: scroll; background-image: url('../images/Kelly-Anne-Burns-Main-bg.jpg'); background-position: top center; background-repeat: no-repeat; border: 1px solid gray; width: 800px; height: 615px; margin: 1em auto 1em auto; padding: 0em auto 0em auto; text-align: center;}
#canvassmissing{width: 800px; height: 615px; margin: 1em auto 1em auto; padding: 0em auto 0em auto; text-align: center;}

.namelogo{border: none; margin: .3em auto .3em auto; padding: 0em auto 0em auto; width: 240px; height: 88px; text-align: center;}

#nav{border: none; margin: 0em 0em .5em 0em; padding: 0em; text-align: center;}
#nav ul{/*border: 1px solid white;*/ color: black; font-weight: normal; margin: 0em; padding: 0em;}
#nav li {/*border: 1px solid black;*/ display: inline; margin: .5em; padding: 0em; text-decoration: none;}
#nav a{color: black; text-decoration: none;}
#nav a:hover{color: #FF24FF; text-decoration: none;}
#nav #currentpage a{color: #FF24FF;}

#photoshow{margin: 0em auto 0em auto; padding: 0em auto 0em auto; width: 500px; height: 375px;}

#thisweek{border: none; display: block; margin: .2em auto 0em auto; padding: 0em auto 0em auto; height: 10px; width: 230px;}
.pinkflower{float: left;}
.bold{font-weight: bold;}
#thisweek p.date {border: none; float: right; margin: .5em 0em 0em 0em; padding: 0em;}

.thisweekblurb{display: block; margin: 2em 0em .5em 0em; padding: 0em;}
.thisweekblurb p{line-height: 1.5em; margin: .3em 0em 0em 0em; padding: 0em;}

.dividerline{margin: .5em 0em .5em 0em; padding: 0em;}

#footer{margin: 0em auto 0em auto; padding: 0em auto 0em auto;}
#footer p{font-size: .9em; margin: 0em 0em .3em 0em; padding: 0em;}


/*Subpages*/
#pagecontent{background-color: white; border: none; margin: .5em 0em .5em 0em; padding: 0em; width: 800px; height: 436px;}
#pagecontentcanvass{border: 1px solid gray; margin: 0em auto 0em auto; padding: 0em auto 0em auto; width: 770px; height: 434px;}


/*Resume*/
.resumepic{float: left;}
#resumescrollcontent{border: none; background-color: #fff; position: relative; margin: 0em; overflow: auto; padding: 0em; height: 434px; width: 480px; z-index: 1;}
#resumes {padding: 0em .5em 0em .5em; text-align: left;}
#resumescrollcontent ul{border: none; color: black; font-weight: normal; margin: 1em 0em 2em 0em; padding: 0em;}
#resumescrollcontent li {/*border: 1px solid black;*/ display: inline; margin: .5em; padding: 0em; text-decoration: none;}
#resumescrollcontent a{color: black; text-decoration: none;}
#resumescrollcontent a:hover{color: #FF24FF; text-decoration: none;}
#resumescrollcontent p{margin: .3em 0em .3em 0em; padding: 0em;}
#resumes p.reztitle{border: none; font-weight: bold; margin: 2em auto 1em auto; padding: 0em auto 0em auto; text-align: center;}
.resumedivider{margin: 1.5em 0em 1em 0em; padding: 0em;}
.resumeinfo{margin: 0em 0em 2em 0em; padding: 0em; width: 100%;}
.resumeinfo td {padding: .5em .3em .5em .3em;}
.lightpink{background-color: #ffccff;}
#resumes p{margin: 0em 0em 1em 0em; padding: 0em;}
#theaterimprovsketch{margin: 5em 0em 2em 0em; padding: 0em;}
#training{margin: 5em 0em 2em 0em; padding: 0em;}

#resumescrollcontent ul.pdf{color: #FF24FF; margin: 0em .5em 2em .5em; padding: 0em 2em 0em 2em;}
#resumescrollcontent li.pdf a{color: #FF24FF;}
#resumescrollcontent li.pdf a:hover{color: #FF24FF; text-decoration: underline;}


/*Photo Portfolio*/
/*styles are on the actual photo-portfolio.php page*/


/*Bio*/
.bio{float: left; text-align: left; width: 450px; padding: 1em;}
.bio p{font-size: 1.2em; line-height: 1.5em;}
.biopic{float: right;}


/*Videos*/
.videopic{float: left;}
#videoscrollcontent{border: none; background-color: #fff; position: relative; margin: 0em 0em 0em 0em; overflow: auto; padding: 0em .5em 0em 0em; height: 434px; width: 475px; z-index: 1;}

.flashvideo{border: none; background-color: none; margin: 2em 0em 3em 1.5em; padding: 0em auto 0em auto; width: 400px; height: 320px;}

#danceparty{border: none; margin: 0em auto 0em .8em; padding: 0em auto 0em auto; width: 320px; height: 280px;}
#rockvideo{border: none; margin: 0em auto 0em .8em; padding: 0em auto 0em auto; width: 320px; height: 280px;}
#bluehole{border: none; margin: 0em auto 0em .8em; padding: 0em auto 0em auto; width: 320px; height: 280px;}


.firstvideo{margin: .5em 0em 3em 0em; padding: .5em 1em 1em 1em;}
.video{margin: 3em 0em 3em 0em; padding: 1em;}
#videoscrollcontent p{text-align: left;}


/*Production Stills*/
#productionstillsscrollcontent{border: none; background-color: #fff; position: relative; margin: 0em 0em 0em 1em; overflow: auto; padding: 0em .5em 0em 0em; height: 434px; width: 753px; z-index: 1;}
#productionstillsscrollcontent p {margin: .2em 0em .5em 0em; padding: 0em;}
#productionstillsscrollcontent a:hover {text-decoration: underline;}

.productionpic{border: none; float: left; margin: 2em 3.7em 0em 3.7em; padding: 0em; width: 160px;}



/*Reviews*/
#reviewscrollcontent{border: none; background-color: #fff; position: relative; margin: 0em 0em 0em 0em; overflow: auto; padding: 0em .5em 0em 0em; height: 434px; width: 475px; z-index: 1;}
.reviewpic{float: left;}
#reviews {padding: 1em; text-align: left;}
.review{margin: 2em 0em 2em 0em; padding: 0em;}
.review p{margin: .5em 0em .5em 0em; padding: 0em;}
.dividerlinereviews{border: none; margin: .5em 0em 1em 0em; padding: 0em; text-align: center;}

#higher{margin: 0em; padding: 0em;}
#higher p{margin: 2em 0em 2em 0em; padding: 0em; text-align: left;}
#higher p.boldtitle{font-weight: bold; margin: 2em 0em 0em 0em; padding: 0em;}
#higher p.byline{margin: .3em 0em 0em 0em; padding: 0em;}
#higher p.bylinelink{margin: .3em 0em 0em 0em; padding: 0em;}
#higher p.bylinelink a{color: #FF24FF; text-decoration: none;}
#higher p.bylinelink a:hover{color: #FF24FF; text-decoration: underline;}



/*Contact and Links*/
.contactpic{float: left;}
#contactandlinks{padding: 1em; text-align: center;}
#contactandlinksscrollcontent{border: none; background-color: #fff; position: relative; margin: 0em 0em 0em 1em; overflow: auto; padding: 0em .5em 0em 0em; height: 434px; width: 475px; z-index: 1;}