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

----------------------------------------------- [ * ]*/
*
{
	margin: 0;
	padding: 0;
}
/*-------------------------------- [ General Elements ]*/
BODY
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
/*background: transparent url(images/grid-900.gif) repeat-y top center;*/
	background: #FFF;
	color: #111;
}
HR
{
	display: none;
}
IMG
{
	vertical-align: middle;
	border: 0;
}
H1, H2, H3, H4
{
	padding-left: 8px;
	padding-right: 8px;
	color: #000;
}
H1
{
	margin-bottom: 0.3em;
	font-size: 2.8em;
	line-height: 0.95em;
}
H2
{
	margin-bottom: 1em;
	font-size: 1.8em;
	line-height: 1.3;
}
H3
{
	margin-bottom: 1em;
	font-size: 1.8em;
	line-height: 1.3;
}
H4
{
	margin-bottom: 0.6em;
	font-size: 1.3em;
	line-height: 1.6;
}
H5
{
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 1.6;
}
P
{
	margin-bottom: 1em;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 1.2em;
	line-height: 1.6;
}
A
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
A:hover
{
	color: #0F83DB;
}
ACRONYM
{
	border-bottom: 1px dotted #EEE;
}
KBD
{
	font-family: Monaco, "Courier New", fixed;
	font-size: 1em;
	text-transform: uppercase;
}
/*----------------------------------------- [ Wrapper ]*/
#wrapper
{
	width: 90em;
	margin: 0 auto;
	margin-top: 3em;
	margin-bottom: 3em;
	overflow: hidden;
}
/*---------------------------------------- [ Main Nav ]*/
#main-nav
{
	padding: 0 0 0.5em;
	overflow: hidden;
}
#main-nav UL
{
	list-style-type: none;
}
#main-nav LI.page_item
{
	margin-right: 2.2em;
	float: left;
}
#main-nav LI A
{
	font-size: 1.2em;
	line-height: 1.6;
	padding-left: 8px;
}
/*------------------------------------------ [ Header ]*/
#header
{
	height: 19em;
	border-top: 1px solid #9BF;
	border-bottom: 1px solid #9BF;
	overflow: hidden;
}
#header H1
{
	margin-top: 0.45em;
}
#header H1 A, #header H2
{
	color: #000;
}
/*------------------------------------------ [ Content ]*/
#content
{
	padding-top: 1em;
	overflow: hidden;
}
UL.nav
{
	margin: 0 0 2em;
	list-style-type: none;
	color: #796E10;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 0.9em;
}
.nav LI
{
	margin: 0;
	padding: 0.4em 8px 0.5em;
	font-size: 1.2em;
	line-height: 1.6;
	border-bottom: 1px dotted #BBB;
}
.nav LI.last
{
	border-bottom: 0;
}
UL.navlinks
{
	position: absolute;
	top: 36.4em;
	list-style-type: none;
	overflow: hidden;
}
.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: #000;
	color: #FFF;
}
/*-------------------------------------------- [ Post ]*/
.post
{
	padding: 1em 0 2em;
	border-top: 1px solid #9BF;
	overflow: hidden;
	clear: both;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
	/*[empty]color:;*/
}
.post-content P, .post-content H5, .post-content CODE
{
	width: 35.7em;
}
.post-content H3
{
	line-height: 0.9;
}
.post-content H5
{
	margin-top: 2.5em;
	margin-bottom: 0.5em;
	padding-left: 8px;
	padding-right: 8px;
	text-transform: uppercase;
}
.post-content BLOCKQUOTE
{
	margin: 0 3.2em;
	color: #03649B;
}
.post-content BLOCKQUOTE P
{
	width: 30em;
	padding: 0;
}
.post-content BLOCKQUOTE UL
{
	width: 30em;
}
.post-content DL
{
	margin: 0 0 1em;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 1.2em;
}
.post-content DT
{
	margin: 0 0 0.5em;
	font-weight: bold;
	font-size: 1em;
}
.post-content DD
{
	width: 30em;
	margin: 0 0 1em 2em;
	line-height: 1.6;
	/*[empty]color:;*/
}
.post-content UL, .post-content OL
{
	width: 44.8em;
	margin-left: -12px;
	padding-right: 8px;
	list-style-type: none;
}
.post-content LI
{
	margin: 0 0 1em;
	padding-left: 20px;
	font-size: 1.2em;
	line-height: 1.6;
	background: transparent url(images/bullet.gif) no-repeat left 2px;
}
.post-content OL
{
	margin-left: 8px !important;
}
.post-content OL LI
{
	padding-left: 0;
	list-style-type: decimal;
	background: none;
}
.post-content CODE
{
	font-family: Monaco, "Courier New", fixed;
	font-size: 0.9em;
}
.post-content PRE
{
	margin: 2em 0;
	padding: 2em;
	font-size: 1.2em;
	background: #EEE;
	overflow: auto;
	/*[empty]color:;*/
}
.post-content PRE CODE
{
	color: #222;
}
.post-content .quote-author
{
	float: right;
}
/*-------------------------------------- [ Commentary ]*/
#commentary
{
	border-top: 1px solid #111;
	padding: 1em 0 0;
	overflow: hidden;
	clear: both;
}
.comment
{
	margin: 0 0 3em;
	padding: 1em 0 0;
	border-top: 1px dotted #CCC;
	clear: both;
	overflow: hidden;
	color: #1E1B00;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
}
.comment DT
{
	margin: 0 0 0.5em;
	font-size: 1.2em;
	line-height: 1.6;
}
#leave-comment
{
	border-top: 1px solid #111;
	padding: 1.2em 0 0;
	overflow: hidden;
	clear: both;
	color: #5A5101;
}
#leave-comment CODE
{
	font-family: Monaco, "Courier New", fixed;
	font-size: 0.9em;
}
.comment-field
{
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	border-bottom: 1px dotted #CCC;
	clear: both;
	overflow: hidden;
}
LABEL
{
	display: block;
	padding-top: 7px;
	font-size: 1.2em;
	line-height: 1.6;
	font-weight: bold;
	color: #080C62;
}
INPUT, TEXTAREA
{
	width: 94%;
	padding: 8px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	border: 1px solid #CCC;
	color: #3C3600;
}
TEXTAREA
{
	height: 10em;
}
/*----------------------------------------- [ Sidebar ]*/
#sidebar
{
	margin: 0;
	padding: 1em 0 0;
	overflow: hidden;
}
#sidebar H4
{
	padding-bottom: 0.6em;
	line-height: 1.6;
	border-bottom: 1px solid #CCC;
	color: #870;
}
#sidebar P
{
	font-size: 1.1em;
	color: #111;
}
#sidebar .section INPUT
{
	width: 15.8em;
	margin: 0 0 1em;
	padding: 6px 6px 6px 23px;
	border: 1px solid #CCC;
	background: transparent url(images/bg-search.gif) no-repeat 7px center;
	font-size: 1.1em;
	float: left;
	/*[empty]color:;*/
}
#sidebar UL.nav
{
	margin: 0 0 2em;
	list-style-type: none;
}
#sidebar .nav LI
{
	margin: 0;
	padding: 0.4em 8px 0.5em;
	font-size: 1.1em;
	line-height: 1.6;
	border-bottom: 1px dotted #BBB;
}
#sidebar .nav LI.last
{
	border-bottom: 0;
	/*[empty]color:;*/
}
.section
{
	margin: 0 0 1em;
	clear: both;
	overflow: hidden;
}
.section .col
{
	overflow: hidden;
}
#content .section
{
	margin: 0 0 2em;
	padding: 1em 0 0;
	border-top: 1px dotted #BBB;
}
#content .first
{
	border: 0;
}
.submit
{
	width: auto;
	padding: 0;
	border: 0;
}
.navigation
{
	margin: 0 0 1em;
	padding: 1em 0 0;
	list-style-type: none;
	overflow: hidden;
	clear: both;
}
.navigation LI
{
	font-size: 1.2em;
}
/*--------------------------------------- [ Footnotes ]*/
#footnotes
{
	border-top: 1px solid #333;
	padding: 1em 0 0;
	overflow: hidden;
	clear: both;
}
#footnotes P
{
	margin-bottom: 0.2em;
	font-size: 1.1em;
}
#footnotes .rss
{
	margin-left: 8px;
	padding-left: 16px;
	background: transparent url(images/feed-icon.gif) no-repeat center left;
}
/*------------------------------------------ [ Flickr ]*/
#flickr_badge_wrapper
{
	margin-left: -1.2em;
	overflow: hidden;
}
.flickr_badge_image
{
	margin: 0 0 1.2em 1.2em;
	float: left;
}
.flickr_badge_image IMG
{
	width: 64px;
	height: 64px;
}
.flickr_badge_image A
{
	display: block;
}
/*--------------------------------- [ General Classes ]*/
.small
{
	font-size: 1em;
	line-height: 1.6;
}
/*If you want a text in ALL CAPS*/
.ver
{
	text-transform: uppercase;
	color: #000;
}
/*For by-lines*/
.low
{
	font-family: Palatino, Georgia, "Times New Roman", sans-serif;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	color: #666;
}
/*A nice ampersand*/
.amp
{
	font-family: Baskerville, Georgia, "Times New Roman", sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #666;
}
/*For image captions*/
.tooltip
{
	display: block;
	padding-top: 8px;
	font-size: 0.9em;
}
.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 #EEE;
	border-bottom: 1px solid #EEE;
	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;
}
.title-not
{
	width: 33px;
	height: 25px;
	margin: 0 6px 0 0;
	display: block;
	text-indent: -1000em;
	background: transparent url(images/not.gif) no-repeat top left;
	float: left;
}
.search-field
{
	padding: 0;
}
/*Use for full width images (596px)*/
.full-image
{
	margin-left: -15.2em;
}
/*Centering for older posts*/
.centered
{
	display: block;
	margin: 0 auto;
}
.button
{
	display: block;
	padding: 8px;
	background: #222;
	color: #FFF;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button:hover
{
	background: #000;
}
/*---------------------- [ Wordpress required classes ]*/
UL.widgetized-sidebar
{
	list-style-type: none;
}
UL.widgetized-sidebar LI
{
	margin: 0 0 2em;
	clear: both;
	overflow: hidden;
}
UL.widgetized-sidebar LI H2
{
	margin-bottom: 0.6em;
	padding-bottom: 0.6em;
	font-size: 1em;
	line-height: 1.6;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	color: #870;
}
UL.widgetized-sidebar LI UL LI
{
	margin: 0;
	padding: 0.4em 8px 0.5em;
	font-size: 1.1em;
	line-height: 1.6;
	border-bottom: 1px dotted #BBB;
	font-size: 1.1em;
}
.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
{
	margin: 0;
	padding: 0;
	border: 0 none #000000;
}
.wp-caption P.wp-caption-text
{
	margin: 0.5em 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.6;
}
.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
{
	margin-bottom: 0.8em;
	font-size: 1.1em;
	font-weight: bold;
}
#wp-calendar THEAD TR TH
{
	padding: 1em;
}
#wp-calendar TD
{
	padding: 1em;
}
#wp-calendar TR
{
	padding: 1em;
}