/*  
Theme Name: Rhino
Theme URI: http://curiousrhino.com/
Description: Theme only for curiousrhino.com
Version: 0.1
Author: Dean Robinson
Author URI: http://deanjrobinson.com/
*/

body {-moz-opacity:0.99999;background:#567 url(images/bggradient.gif) repeat-x top left;margin:0;font-family:"Helvetica Neue","HelveticaNeue","Helvetica", Arial, sans-serif;font-size:62.5%;}
#wrapper { width:790px;  margin: 0px auto;background:#567 url(images/bgheadergradient.gif) repeat-x top left;}
#wrapper .left {background: transparent url(images/bgheaderleft.gif) no-repeat top left;}
#wrapper .right {padding:20px; background:transparent url(images/bgheaderright.gif) no-repeat top right;}
#header { height:96px; padding-left:20px;}
#header h1 {display:none;}
#header img {border:0px;margin-top:12px;}
#header a:hover img {-moz-opacity:0.8;opacity:0.8;}
#navigation { height:30px;margin-bottom:4px;text-align:right;font-size:1.2em;color:#DEF;text-transform:uppercase;letter-spacing:0.35em;padding-right:10px;}
#navigation a {text-decoration:none;color:#bcd;}
#navigation a:hover {color:#FFF;}
#content { }
#content a img {border:0px;}
.sectiontitle { font-family:"Futura";text-transform:uppercase;color:#89A;border-bottom:1px dotted #89A;font-size:14px;margin-bottom:10px;letter-spacing:0.5em;}
.sectiontitle ul { list-style-type:none; margin:0; padding:0; }
.sectiontitle ul li {display:inline;}
.sectiontitle ul li a {text-decoration:none;color:#89A;}
.title { font-family:"Futura";font-size:2em;text-transform:uppercase;font-weight:normal;}
.title a {color:#CDE;text-decoration:none;}
.title a:hover {color:#DEF;}
.sectiontitle .title {font-size:1.45em;letter-spacing:0;margin:0;}
.entry, .pdfdownload, .filedownload { color:#DEF;text-align:justify;}
.entry a, .pdfdownload a, .filedownload a {color:#F0F8FF;}

#featured {margin:20px 0; background:#678 url(images/round678top.gif) no-repeat top left;}
#featured .around { padding:20px;background:transparent url(images/round678bottom.gif) no-repeat bottom left;}
#featured .sectiontitle {color:#9AB;border-bottom:1px dotted #9AB;}
#featured .feature { }
#featured .feature .image { width:460px;height:200px;border:1px solid #345;float:left;margin-right:10px;}
#featured .feature .post {width:238px;float:right;}
#featured .feature .post .title {margin:0 0 5px;}
#featured .feature .post .entry { font-size:1.2em;line-height:1.4em; }
#featured .feature .post .entry p {margin-top:0px;}
#featured .feature .post .readmore { font-size:1.1em;line-height:20px;background: url(images/more678.gif) top right no-repeat;text-align:right;padding-right:20px;text-transform:uppercase; }
#featured .feature .post .readmore a { color:#9AB;text-decoration:none; }
#featured .feature .post .readmore a:hover { color:#DEF; }

#pageintro {margin:20px 0; background:#678 url(images/round678top.gif) no-repeat top left;}
#pageintro .around { padding:20px;background:transparent url(images/round678bottom.gif) no-repeat bottom left;}
#pageintro .sectiontitle {color:#9AB;border-bottom:1px dotted #9AB;}
#pageintro .feature { }
#pageintro .feature .post .title {margin:0 0 5px;}
#pageintro .feature .post .entry { font-size:1.2em;line-height:1.4em; }
#pageintro .feature .post .entry p {margin-top:0px;}
#pageintro .feature .post .readmore { font-size:1.1em;line-height:20px;background: url(images/more678.gif) top right no-repeat;text-align:right;padding-right:20px;text-transform:uppercase; }
#pageintro .feature .post .readmore a { color:#9AB;text-decoration:none; }
#pageintro .feature .post .readmore a:hover { color:#DEF; }

#projects {margin:20px 0;padding:0 20px;}
#projects .projectcol {float:left;}
#projects .portfoliocol {float:right;}
#projects .projectcol .readmore, #projects .portfoliocol .readmore { font-size:1.1em;line-height:20px;background: url(images/more567.gif) top right no-repeat;text-align:right;padding-right:20px;text-transform:uppercase; }
#projects .projectcol .readmore a, #projects .portfoliocol .readmore a { color:#9AB;text-decoration:none; }
#projects .projectcol .readmore a:hover, #projects .portfoliocol .readmore a:hover{ color:#DEF; }

#projects .project { /*float:left;*/ width:450px;/*350px;*/margin-right:10px;margin-bottom:10px;}
/*#projects .project.end { margin-right:0px;}*/
#projects .project .image { width:118px;height:74px;float:left;border:1px solid #345;margin-right:10px;}
#projects .project .post {width:320px;float:right;font-size:0.8em;}
#projects .project .post .title {margin:0;}
#projects .project .post .entry {font-size:1.4em;line-height:1.4em;}
#projects .project .post .entry p {margin-top:0px;}

#projects .portfolio { width:240px;margin-right:0px;margin-bottom:10px;}
/*#projects .project.end { margin-right:0px;}*/
#projects .portfolio .image { width:240px;height:100px;border:1px solid #345;margin-bottom:5px;}
#projects .portfolio .post {width:240px;font-size:0.8em;}
#projects .portfolio .post .title {margin:0;font-size:1.3em;}

#blog .project { /*float:left;*/ width:710px;/*350px;*/margin-right:0px;margin-bottom:10px;}
/*#projects .project.end { margin-right:0px;}*/
#blog .project .image { width:118px;height:74px;float:left;border:1px solid #234;margin-right:10px;}
#blog .project .post {width:580px;float:right;font-size:0.8em;}
#blog .project .post .title {margin:0;}
#blog .project .post .entry {font-size:1.4em;line-height:1.4em;}
#blog .project .post .entry p {margin-top:0px;}

#blog .portfolio { float:left; width:230px;margin-right:10px;margin-bottom:10px;}
#blog .portfolio.end { margin-right:0px;}
#blog .portfolio .image { width:230px;height:100px;border:1px solid #234;margin-bottom:5px;overflow:hidden;}
#blog .portfolio .post {width:230px;font-size:0.8em;}
#blog .portfolio .post .title {margin:0;font-size:1.3em;}

#bottom {margin:20px 0 10px;background:#345 url(images/round345top.gif) no-repeat top left;}
#bottom .around {background:transparent url(images/round345bottom.gif) no-repeat bottom left;padding:20px;}
#bottom .sectiontitle {color:#678;border-bottom:1px dotted #678;}
#blog {margin-bottom:20px;}
#blog .right {width:540px;float:right;background:none;padding:0;}
#blog .left {width:160px;float:right;background:none;margin-right:10px;}
#blog .left ul {margin:0;padding:0;list-style-type:none;font-size:1.2em;line-height:1.4em;}
#blog .left ul li {line-height:20px;}
#blog .left ul li.currentpage {background: url(images/more345.gif) top right no-repeat;}
#blog .left ul li a {color:#CDE;text-decoration:none;}
#blog .left ul li a:hover {text-decoration:underline;}
#blog .post .title {margin:0 0 10px;}
#blog .post .entry { font-size:1.2em;line-height:1.4em; }
#blog .post .pdfdownload { padding-left:25px;font-size:1.4em;line-height:1.6em;background:url(images/pdf.png) no-repeat left center; }
#blog .post .filedownload { padding-left:25px;font-size:1.4em;line-height:1.6em;background:url(images/file_download.png) no-repeat left center; }
#blog .post .readmore { font-size:1.1em;line-height:20px;background: url(images/more345.gif) top right no-repeat;text-align:right;padding-right:20px;text-transform:uppercase; }
#blog .post .readmore a { color:#9AB;text-decoration:none; }
#blog .post .readmore a:hover { color:#DEF; }
#about {margin:20px 0;background:#456 url(images/round456top.gif) no-repeat top left;}
#about .around {margin:20px 0;background:transparent url(images/round456bottom.gif) no-repeat bottom left;padding:20px;}
#about .comment {position:relative;font-size:1.2em;line-height:1.4em;border-bottom:1px dotted #789;padding-top:10px;padding-bottom:10px;}
#about .comment.bypostauthor {background-color:#345;}
#about .comment .left {width:120px;float:left;background:none;margin-right:20px;}
#about .comment .left .author {text-align:right;color:#CDE;font-weight:bold;}
#about .comment .left .author a { color:#CDE;text-decoration:none;border-bottom:1px dotted #CDE;}
#about .comment .left .author a:hover {color:#DEF;border-bottom:1px solid #DEF;}
#about .comment .right {width:560px;float:left;background:none;padding:0;}
#about .comment .right .date {color:#CDE;font-weight:bold;font-style:italic;}
#about .comment .right .meta {position:absolute;top:10px;right:10px;}
#about .comment .right .meta a {color:#789;text-decoration:none;}
#about .comment .right .meta a:hover {color:#CDE;}
#about .comment .right .entry blockquote {border-left:0.5em solid #234;margin:10px 0;padding:0 20px;}
#about .comment.trackback .left, #about .comment.pingback .left {width:500px;}
#about .comment.trackback .left .author, #about .comment.pingback .left .author{text-align:left;}
#about .comment.trackback .left .author a, #about .comment.pingback .left .author a{border-bottom:none;}
#about .comment.trackback .right, #about .comment.pingback .right {width:190px;text-align:right;}
#about .comment.trackback .meta, #about .comment.trackback .entry, #about .comment.pingback .meta, #about .comment.pingback .entry { display:none; visibility:hidden; }
#about .sectiontitle {color:#789;border-bottom:1px dotted #789;}
#about .post .entry { font-size:1.2em;line-height:1.4em; }

#twocol {margin:20px 0 10px;background:#456 url(images/roundtwobg.gif) repeat-y top left;}
#twocol .top {background:transparent url(images/roundtwotop.gif) no-repeat top left;}
#twocol .around {background:transparent url(images/roundtwobottom.gif) no-repeat bottom left;padding:20px;}
#twocol .post .entry { font-size:1.2em;line-height:1.4em; }
#twocol .feature .post .readmore { font-size:1.1em;line-height:20px;background: url(images/more345.gif) top right no-repeat;text-align:right;padding-right:20px;text-transform:uppercase; }
#twocol .feature .post .readmore a { color:#9AB;text-decoration:none; }
#twocol .feature .post .readmore a:hover { color:#DEF; }

#commentForm {font-size:1.2em;line-height:1.4em;}
#commentForm textarea {width:688px;padding:10px;height:100px;border:1px solid #345;margin-bottom:10px;}
#commentForm .comment-login {color:#DEF;}
#commentForm .comment-login a {color:#CDE;text-decoration:none;}
#commentForm .comment-login a:hover {color:#DEF;text-decoration:underline;}
#commentForm #comment-personaldetails label {color:#DEF;font-weight:bold;width:75px;display:block;float:left;}
#commentForm #comment-personaldetails input {margin-bottom:10px;border:1px solid #345;}
#commentForm input#submit {border:1px solid #345;background-color:#CDE;color:345;text-transform:uppercase;padding:5px 10px;}

#blog .section {margin-top: 5px;}
#blog .section .right {width: 500px;float: right;background:none;}
#blog .section .right p.drop {padding-top: 33px;}
#blog .section .right p.cvAddress {background: transparent url(images/book.png) no-repeat left 1px;padding-left: 24px;}
#blog .section .right p.cvPhone {background: transparent url(images/phone.png) no-repeat left 1px;padding-left: 24px;}
#blog .section .right p.cvEmail {background: transparent url(images/email_open.png) no-repeat left 1px;padding-left: 24px;}
#blog .section .right p.cvWebsite {background: transparent url(images/world.png) no-repeat left 1px;padding-left: 24px;}
#blog .section .left {width: 200px;float: left;text-align: right;margin-top: 0;background:none;}
#blog .section .left h2 {margin-top: 15px;font-size: 1.3em;text-transform: uppercase;}
#blog .section .left h3 {font-size: 16px;margin-top: 5px;text-transform: uppercase;letter-spacing: 1px;font-weight: normal;font-style: italic;}
#blog .section.sub .left h3 {margin-top: 17px;}

#flickr {margin-bottom:20px;}
#flickr .image {border:1px solid #234;width:75px;height:75px;float:left;margin-right:13px;}
#flickr .image.end {margin-right:0px;}

#recommended {margin:10px 0;padding-bottom:20px;}
#recommended ul { margin:5px 0 10px; padding:0; list-style-type:none; font-size:1.1em; }
#recommended ul li { display:block; position:relative; float:left; display:block; width:134px; margin-right:9px; padding:1px 0px 2px;}
#recommended ul li.end { margin-right:0px; }
#recommended a { text-decoration:none; color:#DEF;}
#recommended a:hover { color:#ABC; }

#footer { text-align:right; color:#123;font-size:1.1em;padding:0px 20px;line-height:20px;}
#footer span a {text-decoration:none;color:#234;}
#footer span a:hover { border-bottom:1px dotted #234;}
#footer ul {float:left;list-style-type:none;margin:0;padding:0;}
#footer li {float:left;height:20px;margin-right:10px;}
#footer a img {border:0px;opacity:0.5;}
#footer a:hover img {opacity:1.0;}
.clear:after, #featured:after, .feature:after, #blog:after, .comment:after, #projects:after, #projects .project:after, #blog .project:after, #projects .portfolio:after, #flickr:after, #content:after, #blog .section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }