/*
	Theme Name: Modern Clix
	Them URI: http://www.rodrigogalindez.com
	Description: A minimal, grid based, elastic theme. Wordpress 2.7 ready.
	Version: 1
	Media: Screen
	Version: Tue 6, Jan 2008
	Author: Rodrigo Galindez
	Author URI: http://www.rodrigogalindez.com
	Tags: black, white, three-columns, fixed-width, custom-header, custom-colors, theme-options, right-sidebar
*/

/* ----------------------------------------------- [ * ] */

@import "css/grid-900.css";
* {
margin:0;
padding:0;
}
body {
background: #fff url(images/background.jpg) repeat;
color:#111111;
font-family:Arial,Verdana,sans-serif;
font-size:62.5%;
}
hr {
display:none;
}
img {
border:0 none;
vertical-align:middle;
}
h1, h2, h3, h4 {
color:#000000;
padding-right:8px;
}
h1 {
font-size:2.8em;
line-height:0.95em;
margin-bottom:0.3em;
font-weight: lighter;

}
h2 {
color:#D83457;
font-size:1.8em;
line-height:1.3;
margin-bottom:1em;
font-weight: lighter;

}
h3 {
font-size:26px;
line-height:1.3;
margin-bottom:1em;
font-weight: lighter;
padding-left:8px;

}
h4 {
font-size:1.3em;
line-height:1.6;
margin-bottom:0.6em;
padding-left:8px;

}
h5 {
font-size:12px;
line-height:1.6;
margin-bottom:1em;
padding-left:8px;

}
p {
font-size:12px;
line-height:1.6;
margin-bottom:1em;
padding-left:8px;
padding-right:8px;
}
a {
color:#56AEC2;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#9DAB4C;
}
acronym {
border-bottom:1px dotted #EEEEEE;
}
kbd {
font-family:"Monaco","Courier New",fixed;
font-size:1em;
text-transform:uppercase;
}
.background {
background: #fff;
}
#wrapper {
margin:3.5em auto;
overflow:hidden;
width:92em;
}
#main-nav {
clear:both;
float:right !important;
position:relative;
top: -26px;
}
#main-nav ul {
float:right;
font-size:12px;
list-style-type:none;
text-transform:uppercase;
}
#main-nav li.page_item {
margin-left:2.2em;
display: inline;
float:right;
}
#main-nav li.search {
display: inline;
float:right;
}
#main-nav li a {
font-size:12px;
line-height:1.6;
padding-left:8px;
}
#header {
border-bottom:0.1em solid #EEEEEE;
clear:both;
height:110px;
margin-bottom: 14px;
overflow:hidden;
}
#header h1 {
height:50px;
overflow:hidden;
text-indent:-9000px;
line-height: 70px;
}
#header h1 a {
background:transparent url(images/josh-chambers-logo.png) no-repeat scroll 0 0;
color:#FFFFFF;
display:block;
text-decoration:none;
}

#header h2 {
background: transparent url(images/stories-matter.jpg) no-repeat scroll 0 0;
color:#DDDDDD;
margin-left:39px;
position:absolute;
top:76px;
width:200px;
text-indent: -9000px;
}
.twitter-header {
color:#EAC63E;
position: relative;
top: -53px;
width: 490px;
left: 420px;
}

#header a {
color: #D83457;
}

#header a:hover {
color: #56AEC2;
}

.post-meta {
color:#aaa;
font-style:italic;
margin-bottom:20px;
border-bottom:0.1em solid #EEEEEE;
border-top:0.1em solid #EEEEEE;
padding: 5px;
width: 96%;
}
ul.nav {
list-style-type:none;
margin:0px !important;
width: 95%;
}
.nav li {
display:inline;
float:left;
font-size:12px;
line-height:1.6;
margin:0 !important;
padding:0.4em 4px 0.5em 0 !important;
background: transparent !important;
}
.nav li.last {
border-bottom:0 none;
}
ul.navlinks {
list-style-type:none;
overflow:hidden;
position:absolute;
top:36.4em;
}
.navlinks li {
font-size:12px;
line-height:1.6;
}
.navlinks li a {
display:block;
padding:0.4em 8px 0.5em;
}
.navlinks li a:hover {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
}
.post {
clear:both;
overflow:hidden;
padding:1em 0 1em 15px;
border: 1px solid #eee;
margin-bottom: 20px;
background: #fff;
}
#content p, #content h5, #content code {
width:95%;
}
#content h2 {
line-height:29px;
margin-bottom: 15px !important;
color: #d83457;
font-size: 26px;
}
#content h2 a {
color:#D83457 !important;
font-weight: lighter;
}
#content h2 a:hover {
color:#9DAB4C !important;
}
#content h3 {
color: #56AEC2;
font-size: 18px;
}
#content h5 {
margin-bottom:0.5em;
margin-top:2.5em;
padding-left:8px;
padding-right:8px;
text-transform:uppercase;
}
#content blockquote {
border-left: 2px solid #aaa;
padding-left: 5px;
margin:0 2.5em;
color:#808080;
font-style: italic;
font-size: 13px;

}
#content blockquote p {
font-size:16px;
line-height:19px;
padding:0;
text-align:justify;
width:30em;
}
.posterous_quote_citation {
margin:1em 3.9em 1em 3.2em;
}
.posterous_long_quote, .posterous_medium_quote p {
color: #111 !important;
}
.posterous_long_quote p, .posterous_medium_quote p {
font-size: 12px !important;
width: 43em !important;
font-style: normal !important;
}

#content blockquote ul {
width:30em;
}
#content dl {
font-size:12px;
margin:0 0 1em;
padding-left:8px;
padding-right:8px;
}
#content dt {
font-size:1em;
font-weight:bold;
margin:0 0 0.5em;
}
#content dd {
line-height:1.6;
margin:0 0 1em 2em;
width:30em;
}
#content ul, #content ol {
list-style-type:none;
margin-left:-12px;
padding-right:8px;
}
#sidebar-portfolio ul, #sidebar-portfolio ol {
padding-right:8px;
}
#sidebar-portfolio h3 {
margin-bottom: 5px !important;
}
#content li {
background:transparent url(images/bullet.gif) no-repeat scroll 0 3px;
font-size:12px;
line-height:1.6;
margin:0 0 6px 35px;
padding-left:20px;
}
#sidebar-portfolio li {
font-size:12px;
line-height:1.6;
margin:0 0 6px 25px;
}
#content ol, #sidebar-portfolio ol {
margin-left:8px !important;
}
#content ol li, #sidebar-portfolio ol li {
background:transparent none repeat scroll 0 0;
list-style-type:decimal;
padding-left:0;
}
#content code {
font-family:"Monaco","Courier New",fixed;
font-size:0.9em;
}
#content pre {
background:#EEEEEE none repeat scroll 0 0;
font-size:12px;
margin:2em 0;
overflow:auto;
padding:2em;
}
#content pre code {
color:#222222;
}
#content .quote-author {
float:right;
}
#commentary {
clear:both;
overflow:hidden;
padding:1em 0 0;
}
.comment {
border-top:0.1em solid #EEEEEE;
clear:both;
margin:0 0 3em;
overflow:hidden;
padding:1em 0 0;
}
.comment dt {
font-size:12px;
line-height:1.6;
margin:0 0 0.5em;
}
#leave-comment {
border-top:1px solid #56aec2;
clear:both;
overflow:hidden;
padding:12px 0 0;
}
#leave-comment code {
font-family:"Monaco","Courier New",fixed;
font-size:0.9em;
}
.comment-field {
border-bottom:1px dotted #CCCCCC;
clear:both;
overflow:hidden;
padding-bottom:12px;
padding-top:12px;
}
label {
font-size:12px;
font-weight:bold;
line-height:1.6;
padding-top:7px;
}
input, textarea {
border:1px solid #CCCCCC;
font-family:Arial,Verdana,sans-serif;
font-size:12px;
padding:8px;
width:96%;
}
textarea {
height:10em;
}
#sidebar {
margin-left:8px;
overflow:hidden;
padding:0 0 0 12px;
float: right;
}
#sidebar li {
list-style: none;
}
#sidebar-portfolio {
padding:1em 0 0;
margin-left: -12px;
padding-left: 12px;
margin-top: 75px;
background: #eee;
color: #121212;
}
#sidebar-resume {
padding:1em 0 0;
margin-left: -12px;
padding-left: 12px;
margin-top: 390px;
background: #eee;
color: #121212;
}
#sidebar h4 {
background:#EAC63E none repeat scroll 0 0;
color:#FFFFFF !important;
line-height:1.6;
padding:10px;
}
#sidebar h4 a {
color: #fff !important;
}
#sidebar h4 a:hover {
text-decoration: underline !important;
}
#sidebar p {
color:#111111;
font-size:1.2em;
}
#sidebar .section input, #main-nav input {
background:transparent url(images/bg-search.gif) no-repeat scroll 7px center;
border:1px solid #CCCCCC;
float:left;
font-size:1.1em;
margin:0 0 1em;
padding:6px 6px 6px 23px;
width: 89% !important;
}
#sidebar ul.nav {
list-style-type:none;
margin:0 0 2em;
}
#sidebar .nav li {
border-bottom:1px dotted #BBBBBB;
font-size:1.1em;
line-height:1.6;
margin:0;
padding:0.4em 8px 0.5em;
}
#sidebar .nav li.last {
border-bottom:0 none;
}
.section {
clear:both;
margin:0 0 1em;
overflow:hidden;
}
.about-section {
clear:both;
margin: 0 0 1em 0;
overflow:hidden;
background: #eee;
padding-top: 1em;
}
.section .col {
overflow:hidden;
}
#content .section {
border-top:1px dotted #BBBBBB;
margin:0 0 2em;
padding:1em 0 0;
}
#content .first {
border:0 none;
}
.submit {
border:0 none;
padding:0;
width:auto;
}
.navigation {
clear:both;
list-style-type:none;
margin:0 0 1em;
overflow:hidden;
padding:1em 0 0;
}
.navigation li {
font-size:12px;
}
.no-background {
background: none !important;
margin: 0 !important;
font-size: 16px !important;
}
#footnotes {
margin:0;
overflow:hidden;
padding:1em 0 0;
}
#footnotes p {
font-size:1.1em;
margin-bottom:0.2em;
color: #aaa;
}
#footnotes .rss {
}
#flickr_badge_wrapper {
margin-left:-12px;
overflow:hidden;
}
.flickr_badge_image {
float:left;
margin:0 0 12px 12px;
}
.flickr_badge_image img {
height:64px;
width:64px;
}
.flickr_badge_image a {
display:block;
}
.small {
font-size:12px;
line-height:1.6;
}
.ver {
color:#000000;
text-transform:uppercase;
}
.port {
color:#404040;
text-transform:uppercase;
}
.low {
color:#666666;
font-family:Palatino,Georgia,"Times New Roman",sans-serif;
font-style:italic;
font-weight:normal;
text-transform:lowercase;
}
.amp {
color:#666666;
font-family:Baskerville,Georgia,"Times New Roman",sans-serif;
font-style:italic;
font-weight:normal;
}
.tooltip {
display:block;
font-size:0.9em;
padding-top:8px;
}
.left {
float:left;
}
.right {
float:right;
}
.align-right {
display:block;
text-align:right;
}
.align-center {
display:block;
text-align:center;
}
.both {
clear:both;
}
.image {
background-color:#F9F9F9;
border:1px solid #EEEEEE;
display:block;
padding:7px;
}
.nudged {
margin-right:8px;
}
.nudged-left {
padding-left:13px;
}
.nudge-bottom {
margin-bottom:1.5em;
}
.last-field, .first-post {
border:0 none;
}
.title-not {
background:transparent url(images/not.gif) no-repeat scroll left top;
display:block;
float:left;
height:25px;
margin:0 6px 0 0;
text-indent:-1000em;
width:33px;
}
.search-field {
padding:0;
}
.full-image {
margin-left:-15.2em;
}
.centered {
display:block;
margin:0 auto;
}
.button {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#222222 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:0.9em;
letter-spacing:3px;
padding:8px;
text-align:center;
text-transform:uppercase;
}
.button:hover {
background:#000000 none repeat scroll 0 0;
}
.resume-button {
display:block;
font-size: 20px;
text-align: center;
width: 100%;
margin-left: none !important;
font-weight: lighter;
background: #eee;
margin-top: 5px;
}
.widgettitle {
padding-left: 8px;
}
ul.widgetized-sidebar {
list-style-type:none;
}
ul.widgetized-sidebar li {
clear:both;
margin:0 0 2em;
overflow:hidden;
}
ul.widgetized-sidebar li h2 {
background:#EAC63E none repeat scroll 0 0;
color:#FFFFFF !important;
line-height:1.6;
padding:10px;
font-size: 12px !important;
text-transform: uppercase;
}
ul.widgetized-sidebar li h2 a {
color: #fff !important;
}
ul.widgetized-sidebar li h2 a:hover {
text-decoration:underline !important;
}
ul.widgetized-sidebar li ul li {
border-bottom:1px dotted #BBBBBB;
font-size:1.1em;
line-height:1.6;
margin:0;
padding:0.4em 8px 0.5em;
}
.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.wp-caption {
font-style: italic;
color: #4A4A4A;
text-align:center;
background: #eee;
padding: 10px;
margin: 2px 2px 30px 2px;
font-weight: bold;
}
.wp-caption img {
border:0 none;
margin:0;
padding:0;
}
.wp-caption p.wp-caption-text {
font-size:1.1em;
line-height:1.6;
margin:0.5em 0;
padding:0;
width: 100% !important;
}
.categories {
}
.cat-item {
}
.current-cat {
}
.current-cat-parent {
}
.pagenav {
}
.page_item {
}
.current_page_item {
}
.current_page_parent {
}
.widget {
}
.widget_text {
}
.blogroll {
}
.linkcat {
}
#wp-calendar {
border-collapse:collapse;
font-size:1.1em;
margin:0 auto;
}
#wp-calendar caption {
font-size:1.1em;
font-weight:bold;
margin-bottom:0.8em;
}
#wp-calendar thead tr th {
padding:1em;
}
#wp-calendar td {
padding:1em;
}
#wp-calendar tr {
padding:1em;
}

.rsswidget img{
  display:none;
}

#bottom-row {
background: #121212;
border-top:2px solid #D83457;
color: #aaa;
clear: both;
}
.bottom-sidebar {
display:block;
float: left;
margin-left: 16px;
}

.bottom-sidebar ul li {
border-bottom:1px dotted #BBBBBB;
font-size:1.1em;
line-height:1.6;
margin:0;
padding:0.4em 8px 0.5em;
list-style: none;
}

#bottom-sidebar {
margin:0;
overflow:hidden;
padding:1em 0 0;
}
#bottom-sidebar h4 {
border-bottom:1px solid #CCCCCC;
color:#FFFFFF !important;
line-height:1.6;
padding:10px;
}
#bottom-sidebar h4 a {
color: #fff !important;
}
#bottom-sidebar h4 a:hover {
text-decoration: underline !important;
}
#bottom-sidebar p {
font-size:1.1em;
}
.center {
margin-top: 3em !important;
margin-right: auto !important;
margin-bottom: 0px !important;
margin-left: auto !important;
}

.first {
	margin-left: 0px !important;
}

.pink, .pink a {
color: #d83457;
}

.yellow, .yellow a {
color: #EAC63E;
}

.green, .green a {
color: #9DAB4C;
}

.blue, .blue a {
color: #56aec2;
}

.beige, .beige a {
color: #DECCB8;
}

.gray {
background: #ddd;
}

.post-edit-link {
position: absolute;
}

.car-container {
	margin-left: 20px;
	font-size: 13px;
}
.car-list {
	margin-left: 30px;
}

.subscribe-to-comments {
float:left;
margin-top:13px;
width:400px;
}
.rss-header {
background:transparent url(images/rss-pink.jpg) no-repeat scroll 6px 8px;
padding-left:10px;
}
.block {background: #eee;}

.lighter {
line-height: 45px; 
font-size:3em; 
padding-bottom: 15px; 
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 15px; 
text-align: justify; 
width: 100% !important;}

/* Print Styles */
@media print {
body { background:white; color:black; margin:0 }
}