/* Joanna Roberts Palette
#2ca0c9 blue
================================================================*/

/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #2ca0c9; text-decoration: none;  }
a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
ul, li { list-style: none; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; padding-bottom: 11px; font: 72% arial,verdana,sans-serif; color: #333; background-color: #fff; text-align: center; }

/* Headings,text
================================================================*/
h2 { padding-top: 1.6em; margin-bottom: 1.3em; font: bold 1.2em Georgia, "Times New Roman", Times, serif; color: #2ca0c9; }
h3 { font-size: 1em; }
h3 span { display: block; font-weight: normal; }
#main p, #main ul { clear: left; margin: 0 0 1.5em;  }

/* Structure
================================================================*/
#wrapper { width: 736px; padding: 30px 30px 15px; margin: 11px auto; border: 1px solid #ccc; text-align: left; }

#branding { padding-bottom: 65px; }
#branding img { float: left; display: inline; width: 223px; margin: 1px 0 16px; }

#nav { margin-left: 568px; font: .95em Georgia, "Times New Roman", Times, serif; text-transform: uppercase; }
#nav li { padding-bottom: 0.5em; }
#nav a, #nav a:visited, #footer a, #footer a:visited { color: #666; }
#footer a:hover, #nav a:hover, #pageHome #navHome a, #pageJournalism #navJournalism a, #pageCopywriting #navCopywriting a, #pageContact #navContact a, #pageHome #navHome a:visited, #pageJournalism #navJournalism a:visited, #pageCopywriting #navCopywriting a:visited, #pageContact #navContact a:visited { color: #2ca0c9; text-decoration: none; }

#main { margin-right: 220px; line-height: 1.5em; min-height: 380px; height: auto;  }
* html #main { height: 380px; }

#footer { clear: both; margin: 4em 0 0; padding: 10px 0 0 10px; border-top: 4px solid #2ca0c9; color: #666; }
#footer li { float: left; margin-right: 1em; }
#footer ul { clear: left; }
#footer #links { float: left; display: inline; width: 100%; padding-bottom: 10px; }
#footer #links li { padding-right: 1em; border-right: 1px solid #aaa; line-height: 1em; }
#footer #links li.last { border-right: 0; }

/* Special cases
================================================================*/
#main p.intro { margin-bottom: 2.2em; font: 1.3em Georgia, "Times New Roman", Times, serif; color: #666; line-height: 1.35em; }

#pageHome #main { margin-right: 0; }
#pageHome p.intro { margin-right: 130px; /*letter-spacing: 1px;*/ }
#pageHome #main a, #pageHome #main a:visited { border-bottom: 1px dotted #2ca0c9; }
#pageHome #main a:hover { text-decoration: none; color: #999; border-bottom-color: #999; }
#pageHome #main a.image, #pageHome #main a.image:visited { border: 0; }
#pageHome #footer { margin-top: 2em; }

#features { float: left; display: inline; width: 736px; }
#features li { float: left; width: 235px; margin-right: 13px; }
#features li .actions li { float: none; width: auto; margin-right: 0; background: url(../images/arrow.gif) center left no-repeat; }
#features .actions li a { margin-left: 13px; }
#features li.last { margin-right: 0; }
#features h2 { padding: 4px 10px; margin: 0 0 1.1em; color: #fff; background-color: #2ca0c9; font-size: 1.1em; }
#features p, #features h3, #features ul { margin-left: 10px; margin-right: 10px; }
#features h3 { margin-bottom: 0.5em; }
#features p { margin-bottom: 0.4em; }

#credit { width: 776px; margin: 0 auto; }
#credit a { padding-bottom: 10px; float: right; font-size: .95em; text-transform: lowercase; }
#credit a, #credit a:visited { color: #b3b3b3; }
#credit a:hover { color: #2ca0c9; }