body { font: normal 62.5%/1.9em Helvetica, Arial, sans-serif; border-top: 5px solid black; color: #757575; }
#container { width: 960px; }
#content { font-size: 1.2em; }
a { color: #2cc4fc; text-decoration: none; }
a:hover { color: #98e3ff; text-decoration: none; }


/** Header **/
#header h1 { font: bold 1.9em "Myriad Pro", Helvetica, Arial, sans-serif; letter-spacing: -0.1em; color: #000; margin: 55px 0 0 76px; }
#header h2 { display: block; text-indent: -9999px; width: 601px; height: 144px; background: url(images/passion.png) no-repeat; margin: 60px 0 52px 0; }

#leftcol {  width:345px; float:left; position:relative; }
#maincol { width: 610px; float: right; display:inline; position: relative; }

/** Left column **/
ul.mainnav { margin: 6px 0 40px 76px; }
ul.mainnav li { list-style-type: none; padding: 0 0 2px 0; }
ul.mainnav li a { color: black; font-weight: bold; font-size: 1.1em; letter-spacing: -0.1em; padding: 0; display: block; width: 100px; }
ul.mainnav li a:hover { padding-left: 5px; text-decoration: none; }
#leftcol p { margin: 0 0 0 76px; color: #515151; }
ul.elsewhere { margin: 0 0 0 89px; }

/** Right Column **/
#maincol h3 { font: bold 1.7em "Myriad Pro", Helvetica, Arial, sans-serif; color: #2cc4fc; letter-spacing: -0.1em; margin: 0 0 20px 0;}
#maincol h3 img { margin-left: 10px; }
#maincol h4 { font: bold 1.6em Helvetica, Arial, sans-serif; color: #515151; letter-spacing: -0.08em; padding-bottom: 10px; }
#maincol h4 a { color: #515151; }
#maincol h4 a:hover { color: #000; }
#maincol p { padding-bottom: 1em; }

/** Blog Excerpts **/
#blog-excerpts { width: 285px; float: left; }
#blog-excerpts div.post-preview { padding-bottom: 18px; }
div.post-preview p.comments-readmore a { color: #f52cfc; }
div.post-preview p.comments-readmore a.readmore { color: #ff961a; }

/** Contact Form**/
form.wpcf7-form ul { margin-left: 25px; }
form.wpcf7-form ul li { padding-bottom: 7px; width: 408px; }
form.wpcf7-form ul li span.label { font: bold 1.1em Helvetica, Arial, sans-serif; color: #ff961a; display: inline-block; width:65px; vertical-align: top; text-align: right; padding-right: 15px; padding-top: 3px; }
form.wpcf7-form ul input[type="text"], form.wpcf7-form textarea { border: 1px solid #e7e7e7; width: 300px; padding: 2px 10px; color: #515151; font: normal 1em/1.4em Helvetica, Arial, sans-serif; color: #757575; }
form.wpcf7-form ul input[type="submit"] { background: #f52cfc; color: #FFF; display: inherit; border: none; float: right; cursor: pointer; }

/** Planner Form**/
form.wpcf7-form ul.planner { padding-bottom: 25px; }
form.wpcf7-form ul.planner li { width: 473px; padding-bottom: 12px; }
form.wpcf7-form ul.planner li span.label { width: 130px; font-size: 0.9em; }
form.wpcf7-form ul.planner li textarea { height: 90px; }

/** Comments Form **/
#comment-form { width: 450px; }
#comment-form input[type="text"] { border: 1px solid #e7e7e7; width: 270px; padding: 2px 10px; color: #515151; }
#comment-form textarea { border: 1px solid #e7e7e7; width: 440px; padding: 2px 10px; color: #515151; }
#comment-form input[type="submit"] { background: #f52cfc; color: #FFF; display: inherit; border: none; float: right; cursor: pointer; }
#comment-form label { font: bold 1.1em Helvetica, Arial, sans-serif; color: #ff961a; display: inline-block; padding: 5px 0 0 10px; }

#comments h5 { font: bold 1em Helvetica, Arial, sans-serif; color: #515151; letter-spacing: -0.08em; padding-bottom: 10px; }
#comments div.entry { width: 400px; padding: 10px 10px 0 15px; margin-bottom: 10px; }
#comments div.alt { background: #f4f4f4; }
#comments p.date {font-size: 0.8em; padding:0; margin:0; color: #2cc4fc; }
#comments p.name {font-size: 1.4em; font-weight:bold; padding:0; margin:0; color: #ff961a;}
#comments p.name a { color: #ff961a; }

/** Portfolio **/
div.entry-content div.wp-caption { margin-bottom: 35px; border-bottom: 1px solid #EFEFEF; padding-bottom: 15px; }

/** Footer **/
p.copyright { padding-top: 60px; color: #999; clear: both; }

/** Twitter **/
#twitter { width: 285px; float: right; padding-bottom: 10px;}
#twitter_update_list li { padding-bottom: 20px; }
#twitter_update_list li span { display: block; font-size: 1.1em; font-weight: bold; color: #515151; letter-spacing: -0.04em; }
#twitter_update_list li span:first-letter { padding-left: 20px; background: url(images/quote.gif) no-repeat left top; }
#twitter_update_list a { display: block; color: #d0cfcf; font: italic 1.2em "Lucida Sans", Helvetica, Arial, sans-serif; }
#twitter_update_list li span a { font-style: normal; font-weight: bold; font-size: 1em; display: inline; color: #ff961a; }

/** Sidebar **/
#sidebar { width: 285px; float: right; clear: right; }
#sidebar div.widget { padding-bottom: 30px; }
#sidebar ul.blogroll { border-top:1px dotted #CCC; }
#sidebar ul.blogroll li { border-bottom: 1px dotted #ccc; padding: 3px 5px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }