/***************************************************************************
CSS for julieparker.com
AUTHOR:				Chip Sheppard
AUTHOR URI:		http://sheppco.com/
CREATION DATE:	08/02/2010
LAST MODIFIED:	08/02/2010
***************************************************************************/


/*  GLOBAL  --------------------------------------------------- */

body, div, span, p, img, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, pre, a, strong, em, sub, sup, fieldset, form, label, table, tr, td { margin:0; padding:0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

body { background-color:#ffffff; font:14px/20px Helvetica, sans-serif; color:#000; }
img {	border: none;}
td { vertical-align:top;}

a {	color:#fff; text-decoration:none; }
a:hover { color:#b8b308; }
a:active { outline:0; }
:focus { outline: 0; }

.clear { clear:both; line-height:normal; }
.alignright { float:right; padding:0 0 0 15px; }
.aligncenter { margin: 0 auto; }
.alignleft { float:left; padding:0 15px 0 0; }

/*  LAYOUT  --------------------------------------------------- */

#wrapper { position:relative; width:780px; margin:40px auto 0 auto; }

/*  MENU   --------------------------------------------------- */

#menu { position:relative; width:740px; height:51px; margin:10px 0 30px 0; line-height:normal; font-size:16px; background:url(../images/menu-bar.gif) repeat-x; }
#menu ul {margin-left:175px; }
#menu ul li { float:left; list-style:none; border-left:1px solid #000; }
#menu ul li.f { border:none;}
#menu ul li a { display:inline-block; height:27px; margin:6px 0; padding:10px 25px 0 25px; letter-spacing:1px; color:#fff; font-size:16px; font-weight:bold; }
#menu ul li a:hover { background-color:#666; }

/*  TEXT   --------------------------------------------------- */

#logo { }

h1 { font-size:30px; font-weight:normal; line-height:normal;}
h2 { font-size:14px; font-weight:normal; line-height:normal; margin:0 0 28px 0;}

/*  MAIN CONTENT AREA   --------------------------------------------------- */

#home { float:left; width:320px; margin:10px 0 30px 154px; color:#6d6e70; }
#pencil { float:right; width:225px; height:214px; background:url(../images/pencil.gif) no-repeat; padding:50px 0 0 80px; font-size:14px; letter-spacing:.1em; }
#pencil a { color:#fff; padding-bottom:2px; }	
#pencil a:hover { border-bottom:1px solid #fff; color:#fff; }

#content { margin-top:65px;}
#content p { margin-bottom:28px;}
.col1 {float:left; width:267px; text-align:right; padding-top:5px;}
.col2 {float:left; width:410px;}
.col3 {float:left; width:103px; padding-top:330px;}

.work {text-align:center;}
.work a {color:#b8b308;}
.work a:hover {color:#000;}
.work .mail {margin:15px 0;}
.work .menu {font-size:18px; font-weight:bold; margin:35px 0;}
.work .menu a {color:#000; padding:0 45px;}
.work .menu a:hover {color:#b8b308;}

/*  FOOTER   --------------------------------------------------- */
#footer { padding:5px 0 30px 0; text-align:center; font-size: 10px; color:#000; }

/*  SHIFT HAPPENS   --------------------------------------------------- */
#shift { margin-left:70px; width:113px; height:47px; padding-top:26px; cursor:pointer; color:#000; text-align:right; vertical-align:middle; }
.shift_off { background:url(../images/shift_off.gif) no-repeat; }
.shift_on { background:url(../images/shift_on.gif) no-repeat; }
#hap { visibility:hidden; position:absolute; top:50px; left:10px; z-index:10; width:720px; height:330px; padding-top:300px; text-align:center; font-size:36px; cursor:pointer; background:#fff; box-shadow:1px 1px 100px #000; -moz-box-shadow:1px 1px 100px #000; -webkit-box-shadow:1px 1px 100px #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }