/*
Theme Name: Janus Design
Description: Janus Web Design custom theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> framework.
Version: -1.0e
Author: Chris Janus | Janus Design
Author URI: http://www.chrisjanus.net
Tags: web design, chris janus
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/

@import url("http://www.chrisjanus.net/wp-content/plugins/lightbox-2/Themes/Black/lightbox.css");

/* Terms of Agreement */
.terms-of-agreement .entry p strong {color:#fff;font-size:1.2em;}
.terms-of-agreement .entry p {color:#c4c4c4;}

/* Social Media List - Sidebar */
#linkcat-3 {}
ul.blogroll {height:30px;}
ul.blogroll li {text-align:center;width:30px;float:left;height:30px;}
ul.blogroll li:before {content:"" !IMPORTANT;}
ul.blogroll li a img {height:24px;width:24px;}

/* Sidebar - Portfolio */
#sidebar ul#menu-portfolio-menu li {font-size:1.2em;}

/* Flash Posts */
.flash-posts {width:100%;background-color:#fff;margin:15px auto;}
.flash-posts div {margin:0 auto;padding:15px 0;}
.flash-posts .project_details {float:left !IMPORTANT;width:100%;}
.flash-posts .project_details div {padding:0;}

/* Related Posts*/
#related_posts_list li {float:left;width:180px;height:135px;margin-right:30px;}
#related_posts_list li a p {padding:0;margin:0;}
#related_posts_list li a img {width:180px;height:125px;border:1px solid #000;}
#related_posts_list li a img:hover {border:1px solid #fff;}
#related_posts_list li:before {content:"";}
h3#related_posts_heading {padding-top:15px;border-bottom:1px solid #333;padding-bottom:2px;clear:both;font-family: Arial, Sans-Serif;}

.widecolumn div.postmetadata {margin-top:15px;}

/* Search Results */
span.search-terms {background-color: orange !IMPORTANT;font-weight: bold;padding:2px;}

/* Home Page */
#content .home div.2row {height:250px !IMPORTANT;}
.home .home_bottom {margin-bottom:20px !IMPORTANT;}
.home #featured_project {margin:0 !IMPORTANT;}
.home #featured_project .post {padding:5px 15px;}
.home #featured_selections img {width:180px;height:125px;text-align:center;border:1px solid #000;}
.home #featured_selections img:hover {border:1px solid #fff;}
.home #featured_selections h3 {width:180px;font-weight:normal;font-size:1em;padding:6px 0 0px 0;border-bottom:1px solid #090909;}
.home h3 a {color:#71235c;}
.home h3 a:hover {color:#fff;}
.home #featured_selections h2 {width:650px;font-weight:normal;font-size:1.4em;padding:2px 0 2px 0;margin-bottom:5px;border-bottom:1px solid #333;text-align:left;}

.home #featured_selections {
background-color:#000;
border:1px solid #71235c;
float:left;
padding:0 15px 0px 15px;
width:650px;
position:relative;
clear:right;
margin-bottom:10px;
text-align:center;
}

.home #featured_selections div {float:left;position:relative;margin:0 9px;}
.home #featured_selections div div a p {height:126px;width:180px;}
.home #featured_selections h2 a:hover {color:#71235c;}

/* Archives Pages */
.archives .post, .archives .post h2 {width:300px;}
.even {margin:0 0 15px 15px !IMPORTANT;}
.odd {margin:0 0 15px 0 !IMPORTANT;}
.archives .post {
float:left;
padding:0px 15px 0px 15px !IMPORTANT;
position:relative;
height:260px;
overflow:hidden;
}

.archives .post h2.posttitle {
font-size:1.3em;
text-align:center;
vertical-align:middle;
height:20px;
padding-bottom:3px;
overflow:hidden;
font-weight:bold;
}

.archives .post:hover {border:1px solid #fff !IMPORTANT;}

/* Portfolio */
.portfolio .post {
float:left;
position:relative;
width:120px;
height:150px;
margin:0 9px 10px 9px !IMPORTANT;
overflow:hidden;
}

.portfolio .post a img.portfolio_thumb {width:120px;height:78px;border:0 !IMPORTANT;text-align:center;}
.portfolio div.post:hover {border:1px solid #fff !IMPORTANT;}

.portfolio .post h2.posttitle {
font-size:1.1em;
text-align:center;
vertical-align:middle;
height:30px;
padding-bottom:3px;
overflow:hidden;
}

/* Posts Navigation */
.bottom_nav {clear:both;padding-top:10px !IMPORTANT;}
.narrowcolumn .navigation .newer {margin-top:-36px;}
.navigation {margin: 10px 0 15px 0;text-align:left;width:680px;}
.navigation .newer {float:right;position:relative;}
.navigation .newer, .navigation .older {height:36px;width:99px;}
.navigation .newer a {background-image:url(images/newer_btn.png);}
.navigation .older a {background-image:url(images/older_btn.png);}
.navigation .newer a, .navigation .older a {
display:block;
height:36px;
width:99px;
}

/* Clearing Space */
#page .archives .space {height:25px;width:20px;clear:both;}
.portfolio .space {height:70px;width:2px;clear:both;}
.home div.space {width:2px;clear:both;}

/* Footer */
#footer {position: absolute;bottom: 0px;}
body > #footer {position: fixed;}

#footer {background-color:#000;padding:10px 0;margin:0;width:100%;border-top:2px solid #0f0f0f;clear:both;}
#footer #ifooter {height:40px;width:950px;margin:0 auto;padding:5px 0 10px 0;margin:0 auto;text-align:center;}
#ifooter a img {display:inline;position:relative;}
#ifooter div#contact_me {float:left;position:relative;display:inline;margin-left:55px;}

/* Sidebar */
#sidebar {
margin:10px 10px 80px 0;
padding: 0;
width:250px;
background:url(images/post_bg.png) repeat-y top left;
border:1px solid #71235c;
float:left;
}
#sidebar form {margin: 0;}
#sidebar h2 {margin: 5px 0 0 20px;padding: 0 0 2px 0;font-family: 'Lucida Grande', Verdana, Sans-Serif;font-size: 1.2em;color:#eee;border-bottom:1px solid #333;width:180px;}
#sidebar #logo {text-align:center;margin:15px 0;}
#sidebar #archive {padding-right:17px;}

#sidebar #logo h1 span {color:red;text-indent:-9999px !IMPORTANT;font-size:0.01em;display:block;}

#sidebar ul, #sidebar ul ol {margin: 0;padding: 0 15px;}
#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom:30px;}
#sidebar #extended-categories-1 ul li a, #sidebar #extended-categories-2 ul li a {font-size:1.3em;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}

li.widget_tag_cloud {margin:20px 20px 0 20px;}
li.widget_tag_cloud div a {margin:3px 0 3px 3px;font-size:1.1em !IMPORTANT;line-height:1.8em;}
li.widget_tag_cloud div a:after {content:' -';}
li.widget_tag_cloud h2.widgettitle {margin-left:0px !IMPORTANT;margin-bottom:5px;}

#twitter-1 ul.twitter li {margin-bottom:10px;line-height:1.4em;}

/* Begin Structure */
body {
margin:0;
padding:0;
background:#000 url('http://www.janus-web-design.com/images/bg.jpg') repeat-x top left;
background-attachment:fixed;
}
#page {margin:0 auto;padding:0 0 20px 0;width: 950px;text-align:left;}
#page_bg {
width:100%;
clear:both;
margin-bottom:70px;
}

#content .post {
margin: 0 0 25px 0px;
padding:0 15px;
background:url(images/post_bg.png) repeat-y top left;
border:1px solid #71235c;
overflow:auto;
}
.post hr {display: block;}

.widecolumn, .narrowcolumn {padding:10px 0 0px 0;margin:0 0 0px 270px;width: 680px;}
.widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center;margin: 5px 0px;}
.postmetadata {vertical-align:bottom;position:relative;background-color:#090909;padding:5px 0 5px 10px;text-align:left;font-size:0.85em;clear:both;}

/* My Services */
#lservices, #rservices {width:300px;}
#lservices {float:left;padding-right:10px;}
#rservices {float:left;positon:relative;margin-left:25px;}
#lservices h3, #rservices h3 {border-bottom:1px solid #333;padding-bottom:3px;}

/* RSS Widget */
#rss_updates {margin:15px 0;}
#rss_text img {float:left;vertical-align:top;margin-right:10px;margin-top:-3px;}

#rss_text {
position:relative;
padding-top:5px;
margin-left:10px;
margin-bottom:10px;
width:170px;
height:40px;
clear:both;
}

/* Error 404 */
.error404 {padding:30px 40px 60px 15px;}
.error404 img {margin-right:30px;float:left;padding-bottom:15px;}
.error404 div {padding-top:40px;padding-right:5px;display:inline;float:left;position:relative;}
.error404 h2 {line-height:1.3em;margin-top:25px;}
.error #searchform {margin:0 0;padding:0 0;}

/* About Pics */
div#about_pics {float:right;width:250px;text-align:right;overflow:hidden;}
div#about_pics img {margin-bottom:25px;}

/* Project Posts (updating) */
.project_details {width:275px;color:#eee;float:right;margin-right:10px;}
.project_title {font-weight:bold;font-size:1.3em;text-align:left;width:280px;border-bottom:1px solid #333;margin:0 0;padding:0 0;}
.project_notes strong, .project_scope strong, .project_completed strong {padding:1px 0;color:#eee;}
.project_title {padding:3px 0;}
.project_completed {margin-top:15px;}
.project_scope, .project_notes, .project_completed {font-size:0.9em;color:#808080;}
.project_scope, .project_completed {padding:6px 0;}
.project_notes {padding:6px 0 11px 0;}
img.portfolio_pic {margin-right:5px;}
h2.posttitle, .widecolumn .post h2 {border-bottom:1px solid #333;font-weight:normal;font-family:arial, verdana, sans serif;}
h2.posttitle a:hover {color:#71235c;}

.post .project_view a {padding:3px 0;}
.post .project_view a:hover {text-decoration:none;}

.post .view_project a.view_site, .post .view_project a.view_larger {
display:block;
height:24px;
width:76px;
background-repeat:no-repeat;
}

.post .view_project a.view_site {background-image:url(images/view_site_btn.png);}
.post .view_project a.view_larger {background-image:url(images/view_larger_btn.png);}

/* Contact Form */
#cform {padding:25px 0;}
#cform td.lform {width:195px;text-align:right;vertical-align:top;padding:7px 10px 3px 0;}
#cform td.rform {width:300px;text-align:left;padding:3px;}
#cform td.rform input#fsend {padding:3px 10px;border:1px solid #71235c;background-color:#000;}
#cform td.rform input#fsend:hover {border:1px solid #fff;}

.wpcf7 select {padding:4px 0 0 0 !IMPORTANT;width:240px;}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
background-color:#090909;
border:1px solid #666;
padding:4px 3px;
color:#ccc;
margin-left:10px;
}

.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus {background-color:#333;}
.wpcf7 option {border-bottom:1px dotted #000;padding:3px 5px;}

/* Form Elements */
.entry form {text-align:center;}
select {width: 130px;}

/* Site Updates Widget */
#sidebar ul li div.textwidget {
padding-left:5px;
padding-top:3px;
line-height:1.4em;
font-size:1.1em;
color:#ccc;
}
.textwidget {margin:0 0 0 15px;}
li.widget_text {margin-right:20px;}
ul#site_updates {list-style-type:none;padding:0 !IMPORTANT;margin-left:5px;}
ul#site_updates li {margin:10px 0;padding:5px 0 !IMPORTANT;}
ul#site_updates li .date {font-weight:bold;color:#eee;}

/* Project Posts */
#project_details {width:280px;color:#eee;float:right;}
#project_title {font-weight:bold;font-size:1.3em;text-align:left;width:280px;border-bottom:1px solid #333;margin:0 0;padding:0 0;}
.post #project_view a:hover {text-decoration:none;}
#project_notes strong, #project_scope strong, #project_completed strong {padding:1px 0;color:#eee;}
#project_title, #project_view {padding:3px 0;}
#project_completed {margin-top:15px;}
#project_scope, #project_notes, #project_completed {padding:6px 0;font-size:0.9em;color:#808080;}
img.portfolio_pic {margin-right:10px;}

/* Single Post Page */
.widecolumn .post h2 {margin-top:12px;padding-bottom:2px;}
.widecolumn .post .postmetadata {border:none;}
.widecolumn .navigation .newer {margin-top:-6px;}

/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #808080;
text-align: center;
background-color:#000;
margin:0;
padding:0;
}

#content {font-size: 1.2em;}
.widecolumn .entry p {font-size: 1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}
.widecolumn {line-height: 1.6em;}
small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;}
.entry p a:visited {color: #b85b5a;}

a, h2 a:hover, h3 a:hover {color: #71235c;text-decoration: none;}
a:hover {color: #fff;text-decoration: underline;}

/* Search Form */
#searchform {margin: 10px auto 10px 20px;padding: 0 3px 25px 0;text-align: left;}
#searchform #s {width: 108px;height:18px;background-color:#000;border:1px solid #eee;color:#ccc;margin:0 0 0 20px;text-align:left;float:left;}

#searchsubmit {
background:#000 url(images/search_btn.png) no-repeat center center;
width:68px;
height:22px;
border:0;
display:inline;
float:left;
margin:0 0 0 10px;
}

/* Headers */
h2.pagetitle, h1.pagetitle {
margin:0 0 15px 0;
text-align:left;
font-size: 1.6em;
background:url(images/post_bg.png) repeat-y top left;
border:1px solid #71235c;
padding:5px 10px;
}

.post h3 {margin:10px 0 0 0;}
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight: bold;}
h1 {font-size: 4em;text-align: center;padding:0px;margin: 0;}
h2 {font-size: 1.6em;margin: 10px 0 0 0;}
h3 {font-size: 1.3em;padding: 0;margin: 0 0;}
h1, h1 a, h1 a:hover, h1 a:visited {text-decoration:none;color:#fff;}
h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;color:#fff;}

/* Images */
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}

/* Begin Lists - Special stylized non-IE bullets - Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {margin: 7px 0 8px 0px;}
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0;margin: 0;}
.entry ol li {margin: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}

/* Various Tags & Classes */
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}
.clear {clear: both;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}

/* Captions */
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}