/*
	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 url(css/grid-900.css);

* {
margin:0;
padding:0;
}
body {
background:url("images/back.png") no-repeat fixed 0 0 #B5D0D2;
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-left:8px;
padding-right:8px;
}
h1 {
font-size:2.8em;
line-height:0.95em;
margin-bottom:0.3em;
}
h2 {
font-size:1.8em;
font-weight:normal;
line-height:1.3;
margin-bottom:1em;
}
h3 {
font-size:1.8em;
line-height:1.3;
margin-bottom:1em;
}
h4 {
font-size:1.3em;
line-height:1.6;
margin-bottom:0.6em;
}
h5 {
font-size:1.2em;
line-height:1.6;
margin-bottom:1em;
}
p {
font-size:1.2em;
line-height:1.6;
margin-bottom:1em;
padding-left:8px;
padding-right:8px;
}
a {
color:#000000;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#CD609C;
}
acronym {
border-bottom:EEEEEE;
}
kbd {
font-family:"Monaco","Courier New",fixed;
font-size:1em;
text-transform:uppercase;
}
#wrapper {
margin:3em auto;
overflow:hidden;
width:90em;
}
#main-nav {
overflow:hidden;
padding:0 0 0.5em;
}
#main-nav ul {
list-style-type:none;
}
#main-nav li.page_item {
float:left;
margin-right:2.2em;
}
#main-nav li a {
font-size:1.2em;
line-height:1.6;
padding-left:8px;
}
#header {
border-bottom:1px solid #333333;
border-top:1px solid #333333;
height:19em;
overflow:hidden;
}
#header h1 {
margin-top:0.45em;
}
#header h1 a, #header h2 {
color:#000000;
}
#content {
overflow:hidden;
padding-top:1em;
}
ul.nav {
list-style-type:none;
margin:0 0 2em;
}
.nav li {
border-bottom:1px dotted #FFFFFF;
font-size:1.2em;
line-height:1.6;
margin:0;
padding:0.4em 8px 0.5em;
}
.nav li.last {
border-bottom:0 none;
}
ul.navlinks {
list-style-type:none;
overflow:hidden;
position:absolute;
top:36.4em;
}
.navlinks li {
font-size:1.2em;
line-height:1.6;
}
.navlinks li a {
display:block;
padding:0.4em 8px 0.5em;
}
.navlinks li a:hover {
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
}
.post {
border-top:1px solid #FFFFFF;
clear:both;
overflow:hidden;
padding:1em 0 2em;
}
.post-content p, .post-content h5, .post-content code {
width:35.7em;
}
.post-content h3 {
line-height:0.9;
}
.post-content h5 {
margin-bottom:0.5em;
margin-top:2.5em;
padding-left:8px;
padding-right:8px;
text-transform:uppercase;
}
.post-content blockquote {
margin:0 3.2em;
}
.post-content blockquote p {
padding:0;
width:30em;
}
.post-content blockquote ul {
width:30em;
}
.post-content dl {
font-size:1.2em;
margin:0 0 1em;
padding-left:8px;
padding-right:8px;
}
.post-content dt {
font-size:1em;
font-weight:bold;
margin:0 0 0.5em;
}
.post-content dd {
line-height:1.6;
margin:0 0 1em 2em;
width:30em;
}
.post-content ul, .post-content ol {
list-style-type:none;
margin-left:-12px;
padding-right:8px;
width:44.8em;
}
.post-content li {
background:url("images/bullet.gif") no-repeat scroll left 2px transparent;
font-size:1.2em;
line-height:1.6;
margin:0 0 1em;
padding-left:20px;
}
.post-content ol {
margin-left:8px !important;
}
.post-content ol li {
background:none repeat scroll 0 0 transparent;
list-style-type:decimal;
padding-left:0;
}
.post-content code {
font-family:"Monaco","Courier New",fixed;
font-size:0.9em;
}
.post-content pre {
background:none repeat scroll 0 0 #FFFFFF;
font-size:1.2em;
margin:2em 0;
overflow:auto;
padding:2em;
}
.post-content pre code {
color:#222222;
}
.post-content .quote-author {
float:right;
}
#commentary {
border-top:1px solid #111111;
clear:both;
overflow:hidden;
padding:1em 0 0;
}
.comment {
border-top:1px dotted #FFFFFF;
clear:both;
margin:0 0 3em;
overflow:hidden;
padding:1em 0 0;
}
.comment dt {
font-size:1.2em;
line-height:1.6;
margin:0 0 0.5em;
}
#leave-comment {
border-top:1px solid #111111;
clear:both;
overflow:hidden;
padding:1.2em 0 0;
}
#leave-comment code {
font-family:"Monaco","Courier New",fixed;
font-size:0.9em;
}
.comment-field {
border-bottom:1px dotted #FFFFFF;
clear:both;
overflow:hidden;
padding-bottom:1.2em;
padding-top:1.2em;
}
label {
display:block;
font-size:1.2em;
font-weight:bold;
line-height:1.6;
padding-top:7px;
}
input, textarea {
border:1px solid #FFFFFF;
font-family:Arial,Verdana,sans-serif;
font-size:1.2em;
padding:8px;
width:192px;
}
textarea {
height:10em;
}
#sidebar {
margin:0;
overflow:hidden;
padding:1em 0 0;
}
#sidebar h4 {
border-bottom:1px solid #FFFFFF;
line-height:1.6;
padding-bottom:0.6em;
}
#sidebar p {
color:#111111;
font-size:1.1em;
}
#sidebar .section input {
border:1px solid #FFFFFF;
float:left;
font-size:1.1em;
margin:0 0 1em;
padding:6px 6px 6px 23px;
width:15.8em;
}
#sidebar ul.nav {
list-style-type:none;
margin:0 0 2em;
}
#sidebar .nav li {
border-bottom:1px dotted #FFFFFF;
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;
}
.section .col {
overflow:hidden;
}
#content .section {
border-top:1px dotted #FFFFFF;
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:1.2em;
}
#footnotes {
border-top:1px solid #333333;
clear:both;
overflow:hidden;
padding:1em 0 0;
}
#footnotes p {
font-size:1.1em;
margin-bottom:0.2em;
}
#footnotes .rss {
background:url("images/feed-icon.gif") no-repeat scroll left center transparent;
margin-left:8px;
padding-left:16px;
}
#flickr_badge_wrapper {
margin-left:-1.2em;
overflow:hidden;
}
.flickr_badge_image {
float:left;
margin:0 0 1.2em 1.2em;
}
.flickr_badge_image img {
height:64px;
width:64px;
}
.flickr_badge_image a {
display:block;
}
.small {
font-size:1em;
line-height:1.6;
}
.ver {
color:#000000;
text-transform:uppercase;
}
.low {
color:#cd609c;
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:8px;
}
.nudge-bottom {
margin-bottom:1.5em;
}
.last-field, .first-post {
border:0 none;
}
.title-not {
background:url("images/not.gif") no-repeat scroll left top transparent;
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:4px 4px 4px 4px;
background:none repeat scroll 0 0 #222222;
color:#FFFFFF;
display:block;
font-size:0.9em;
letter-spacing:3px;
padding:8px;
text-align:center;
text-transform:uppercase;
}
.button:hover {
background:none repeat scroll 0 0 #000000;
}
ul.widgetized-sidebar {
list-style-type:none;
}
ul.widgetized-sidebar li {
clear:both;
margin:0 0 2em;
overflow:hidden;
}
ul.widgetized-sidebar li h2 {
border-bottom:1px solid #FFFFFF;
color:#000000;
font-weight:bold;
font-size:1em;
line-height:1.6;
margin-bottom:0.6em;
padding-bottom:0.6em;
text-transform:uppercase;
}
ul.widgetized-sidebar li ul li {
border-bottom:1px dotted #FFFFFF;
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 {
margin:1em;
padding:0.8em;
text-align:center;
}
.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;
}
.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;
}