/** * http://www.cameronsenior.com - Main Stylesheet * * @copyright 2009 * @author Cameron Senior * @version 1.1 * * Colors * * Color definition * @MainBlue #c7e2ee * @DarkBlue #6699CC * @MainBlack #2F2F2F * @LiteBlack #4D4D4D * @MainText #666666 */ html {height:101%;} body {background:transparent url("../images/bg.gif") repeat-X;text-align:center;font:62.5% Georgia, Cambria, Times, "Times New Roman", serif;color:#666;} .container {width:950px;text-align:left;clear:both;} .overclear {width: 100%;overflow: hidden;} .right {float:right;} .left {float:left;} .textright {text-align:right;} .debug {position:absolute;top:200px;left:100px;} /** * @subsection Main Layout and style * */ #wrapper {width:950px;margin:0 auto;text-align:left;background:#fff;} #headermeta {text-align:center;position:relative;height:100px;background:#fff url("../images/bg.gif") repeat-X;} #headermeta p{color:#CCC;margin:0;padding-top:4px;font-size:11px;} #header {height:160px;position:relative;background:#fff;} #header h1 {background:#fff url("../images/logo.gif") no-repeat top left;width:200px;height:80px;text-indent:-999em;display:block;} #nav {width:590px;float:right;margin-top:30px;} #nav li {float:left;font-size:1.4em;line-height:1.6em;width:90px;} #nav li.portfolio {width:110px;} #nav li.journal {width:110px;} #nav li.services {width:100px;} #nav li a {display:block;height:80px;} #nav li span {display:block;font-size:12px;font-style:italic;margin:0;color:#888;line-height:normal;} #nav li a:hover span {color:#4D4D4D;} #about #nav li.about,#services #nav li.services, #portfolio #nav li.portfolio, #journal #nav li.journal, #contact #nav li.contact {background:#FFF url("../images/nav_bg.gif") no-repeat;} #about #nav li.about span,#services #nav li.services span, #portfolio #nav li.portfolio span, #journal #nav li.journal span, #contact #nav li.contact span{color:#4D4D4D;} .subnav{display:none;} .subnav li {float:left;font-style:italic;height:30px;margin-right:10px;} .subnav li a {font-size:12px; border-bottom:4px solid #c7e2ee;padding-bottom:5px;height:20px;} .subnav li a:hover {border-bottom:4px solid #9AC5DB;color:#000;} #services ul.services {position:absolute;left:550px;top:90px;display:block;} #sidebar {width:330px;margin-right:29px;float:left;display:inline;} #home #sidebar h2 {margin:0;} #home #sidebar p {width:330px;margin:8px auto;font-style:normal;} #sidebar .divider {height:30px;background:#FFF url("../images/flourish_small.gif") no-repeat;margin-left:10px;} #sidebar ul {width:310px;} #sidebar p {width:320px;font-style:italic;} #sidebar li {font-size:11px;line-height:2.2em;} #sidebar li span {float:right;color:#2F2F2F;} #sidebar .info li {color:#444;} #sidebar .info li span{font-style:italic;} #sidebar .lined li {border-bottom:1px dotted #CCC;} #sidebar .links span{color:#2F2F2F;} #sidebar .box {background:#c7e2ee url("../images/box_corner.gif") top right no-repeat;padding:10px 0 10px 10px;width:320px;margin-bottom:20px;} #sidebar .box h2 {margin-top:0;} #sidebar #deviations li {line-height:normal;margin:10px 0;} #sidebar .subscribe {font-style:italic;background:#fff url("../images/feed-icon.gif") right no-repeat;padding-right:20px;width:310px;} #content {width:590px;float:left;} #content h2.maintitle {font-size:1.6em;margin:0 0 .6em 0;line-height:normal;word-spacing:0.07em;letter-spacing:normal;} #featured h2.maintitle {letter-spacing:-0.07em;} #content h2.bigtitle {font-size:2em;margin:0 0 .6em 0;line-height:normal;word-spacing:0.07em;letter-spacing:-0.07em;width:500px;color:#2F2F2F;} #content .divider {height:30px;background:#FFF url("../images/flourish_larger.gif") no-repeat;} #content .detail {width:250px;margin:10px auto;margin-left:20px;float:left;display:inline;} #content .detail p{height:140px;} #content .detail .items {margin-left:0px;} #content .items {margin-left:20px;line-height:1.8em;font-size:13px;} #content .items li {background:#fff url("../images/tick.png") no-repeat;margin:3px 0 ;padding-left:25px;float:left;width:250px;} #content .itemslong li {line-height:1.8em;font-size:13px;background:#fff url("../images/tick.png") no-repeat;margin:3px 0;padding-left:25px;float:left;width:550px;} #content .item {float:left;width:260px;margin-right:20px;} #content .item span {display:block;font-size:12px;letter-spacing:normal;margin:0;line-height:normal;color:#666;} #content .post {margin:6px 0 12px 0;} #content .post h2 {margin-top:0;} #content #featured .textright, #content .post .textright {font-size:11px;font-weight:bold;font-style:italic;} #content .postmeta {font-style:italic;color:#2F2F2F;} #content .postmeta span {float:right;} #content #featured h2.maintitle {margin:0 0 .6em 0;color:#2F2F2F;font-size:22px;} #content #entry h2.maintitle {font-size:1.8em;margin:0 0 .6em 0;line-height:normal;word-spacing:0.07em;letter-spacing:normal;} #content #entry p.summary {font:italic 16px Cambria, Georgia, Times, "Times New Roman", serif;color:#2F2F2F;}/*2F2F2F*/ #content #entry ul{margin-left:20px;} #content #entry li{background:#fff url();} #content #social .share {background:#fff url("../images/icons/heart_48.png") no-repeat;padding:20px 0 0 60px;height:50px;} /*#content .postmeta, #content .commentmeta, #content #featured .textright, #content .post .textright, #content .linkbutton {font-family:Cambria, Georgia, Times, "Times New Roman", serif;}*/ #content ul#image_slideshow {overflow:hidden;width:522px;height:340px;margin:0 auto;} #content .linkbutton {padding:8px 16px;background:#c7e2ee;font-style:italic;font-size:13px;display:block;} img{padding:10px;background:#eaeaea;border:1px solid #ccc;} img:hover{padding:10px;background:#eaeaea;border:1px solid #aaa;} #social img {padding:10px;background:none;border:0;} img.splash, #news img {padding:0px;background:none;border:0;} #content #entry img, #portfolio #content img{display:block;margin:20px auto;} #content #entry img:hover,#portfolio #content img:hover{display:block;margin:20px auto;} #content #comments {margin-top:20px;} #content .comment {margin:40px 0;width:550px;} #content .comment .author, #content #commentform .author {float:left;width:100px;text-align:center;margin-right:20px;} #content .comment .author p{margin:0;font-family:Georgia,Cambria,"Times,Times New Roman",serif;font-size:11px;} #content .comment .author img, #content #commentform .author img {margin-top:0;background:#F1F3F3;border:1px solid #DDE0E0;} #content .comment .entry {background:#F1F3F3;padding:15px;margin-left:120px;border:1px solid #DDE0E0;} #home #maincontent {background:#FFF url("../images/splash_new.png");height:260px;} #home #maincontent h2 {margin-top:0;} #home #maincontent p {width:310px;line-height:18px;font-size:12px;} #news .divider {height:60px;margin-top:20px; background:#FFF url("../images/flourish_news.gif") no-repeat;} #news .post {width:310px;float:left;margin-right:9px;outline:0px solid;position:relative;} #news .post.last {margin-right:0;margin-left: 10px;width:300px;} #news h2.maintitle{margin:0 0 1.8em 0;} #news .post h2{font-size:16px;} #footer {background:#fff url("../images/footer_bg.gif") no-repeat;margin-top:50px;text-align:center;padding-top:30px;} #footer .copyright{color:#2F2F2F;} #footer .disclaimer{font-style:italic;width:500px;margin:0 auto;color:#666;} /** * @subsection Elements * */ dl.datemeta {width:80px;text-align:center;margin-right:10px;float:left;} .datemeta dt {font-weight:bold;font-size:24px;float:left;border-right:1px solid #d3d3d3;margin-right:4px;color:#444444;padding:0 4px 0 0;} .datemeta dd {float:left;font-size:14px;margin:0;padding:0px;font-variant:small-caps;color:#2F2F2F;} .datemeta dd span {font-size:13px;display:block;} .commentmeta {clear:both;float:left;width:80px;margin-right:10px;color:#6699CC;font-size:12px;} p.extract {margin-top:0;} #news p.extract {font-size:12px;} /** * @subsection Typography * */ h1,h2,h3,h4 {color:#333;font-style:italic;letter-spacing:-0.07em;word-spacing:0.10em;} h1 {font-size:2em;} h2 {font-size:1.8em;margin:1.2em 0 .6em 0;line-height:normal;} h2.attention {color:#0099CC;text-align:center;border-bottom:1px solid;} h3 {font-size:1.6em;margin:1em 0 .6em 0;line-height:normal;} h4 {font-size:1.4em;margin:1em 0 .4em 0;line-height:1.4em;} h5 {font-size:1.2em;line-height:1.8em;margin:1.2em 0 .6em 0;} h6 {font-size:1.2em;line-height:1.8em;margin:1.2em 0 .6em 0;} /* p {font-size:1.2em;line-height:1.8em;margin:1.2em 0 .6em 0; }*/ p {font-size:1.3em;line-height:1.8em;margin:1.2em 0 .6em 0; } #content li {font-size:13px;} strong {font-weight:bold;color:#2F2F2F} blockquote {margin:0 20px;background:#FAFAFA;padding:10px;font:italic 13px/18px Georgia, Cambria, Times, "Times New Roman", serif;} #entry li {font-size:1.3em;line-height:1.8em;margin:1.2em 0 .6em 0;} /* #content p, #content .post p.extract, #content li, #headermeta p, #home #sidebar p , #news p.extract, #home #maincontent p, h6, label {font-family:Helvetica, Arial, sans-serif;} */ /** * @subsection Links * */ a:link, a:visited {color: #333;text-decoration: none;} a:hover, a:active {color: #2F2F2F;text-decoration: none;} .info a:link, .info a:visited {color: #000;text-decoration: underline;} .info a:hover, .info a:active {color: #2F2F2F;text-decoration: none;} #nav a:link, #nav a:visited {color: #2F2F2F;text-decoration: none;padding-left:6px;} #nav a:hover, #nav a:active {color: #2F2F2F;text-decoration: none;} #nav li.home a {padding-left:0;} a#clientlink:link, a#clientlink:visited {font:bold italic 12px/18px Georgia,Cambria,"Times,Times New Roman",serif;background:url("../images/clients.gif") no-repeat;width:120px;display:block;height:60px;color:#2F2F2F;text-decoration:none;padding-top:8px;position:absolute;top:0;left:830px;} a#clientlink:hover, a#clientlink:active {color:#4D4D4D;} #home #maincontent a:link, #home #maincontent a:visited {color: #6699CC;text-decoration: none;border-bottom:1px dotted #6699cc;} #home #maincontent a:hover, #home #maincontent a:active {color: #2F2F2F;text-decoration: none;} #entry a:link, #entry a:visited {color: #6699CC;text-decoration: none;border-bottom:1px dotted #6699cc;} #entry a:hover, #hentry a:active {color: #2F2F2F;text-decoration: none;} .extract a:link, .extract a:visited {color: #6699CC;text-decoration: none;border-bottom:1px dotted #6699cc;} .extract a:hover, .extract a:active {color: #2F2F2F;text-decoration: none;} .links a:link, .links a:visited {color: #6699CC;text-decoration: none;display:block;} .links a:hover, .links a:active {color: #2F2F2F;text-decoration: none;} a.linkbutton:link, a.linkbutton:visited {color: #000000;text-decoration: none;} a.linkbutton:hover, a.linkbutton:active {color: #2F2F2F;text-decoration: underline;} .textright a:link, .textright a:visited {color: #6699CC;text-decoration: none;display:block;} .textright a:hover, .textright a:active {color: #2F2F2F;text-decoration: none;} .postmeta a:link, .postmeta a:visited {color: #6699CC;text-decoration: none;border-bottom:1px dotted #6699CC;} .postmeta a:hover, .postmeta a:active {color: #2F2F2F;text-decoration: none;border-bottom:1px dotted #2F2F2F;} #deviations li a:link, #deviations li a:visited {color: #2F2F2F;text-decoration: none;font-style:italic;font-size:12px;border-bottom:1px dotted #2F2F2F;} #deviations li a:hover, #deviations li a:active {color: #000;text-decoration: none;} h2 a {border-bottom:1px dotted #4D4D4D;} h2 a:hover{border-bottom:1px dotted #6699CC;color:#6699CC;} .post h2 a {border-bottom:1px dotted #4D4D4D;color:#333;} .post h2 a:hover{border-bottom:1px dotted #6699CC;color:#6699CC;} #news h2 a {color:#6699CC;} #news h2 a:hover{color:#4D4D4D;} /** * @subsection Forms * */ #content #commentform form {width:428px;float:left;} #content #commentform label {font-size:1.2em;line-height:1.8em;margin:1.2em 0 .6em 0;font-family:Helvetica, Arial, sans-serif;} input.text, textarea{border:1px solid #D2D2D4;} input.text:focus,textarea:focus {border:1px dashed #B3B3B3;background:#FAFAFA;} input.text, textarea{width:415px;padding:5px;font-size:1.3em;background:#F1F3F3;color:#4D4D4D;} #formcontainer {margin-top:30px;width:550px;background:#F1F3F3;} #contactpage {width:450px;text-align:center;margin:20px auto;} #contactpage input.text,#contactpage textarea{border:1px solid #D2D2D4;} #contactpage input.text:focus,#contactpage textarea:focus {border:1px dashed #B3B3B3;} #contactpage input.text,#contactpage textarea{width:450px;padding:5px;font-size:1.3em;background:#FFFFFF;color:#4D4D4D;margin:5px auto;} #contactpage p {width:460px;} #loginform {width:500px; margin:auto;} #clientcontainer {margin-top:30px;width:500px;background:#F1F3F3;} #clientcontainer input.text{width:300px;font-size:1.3em;background:#FFFFFF;color:#4D4D4D;margin:5px auto;text-align:center;} #clientcontainer .button {width:160px;margin:5px auto;} label {font-weight:normal;display:block;font-size:12px;width:450px;text-align:left;} a.button, button {display:block;margin: 0.7em 0 0.7em 0.5em;padding:5px 10px 5px 7px;cursor:pointer;font-size:13px;background:#F1F3F3;border:1px solid #D2D2D4;} button {width:auto;overflow:visible;padding:4px 10px 3px 7px;} button[type] {padding:4px 10px 4px 7px;line-height:17px;} *:first-child+html button[type] {padding:4px 10px 3px 7px;} button img, a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;} button.white {background:#FFF;margin-right:0;}