@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;
	/*[empty]float:;*/
	/*[empty]width:;*/
	/*[empty]height:;*/
}
IMG
{
	color: #F9F8F8;
}
/*-------------------------------- [ 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;
	/*[empty]height:;*/
	padding: 4px;
}
H1, H2, H3, H4
{
	padding-left: 8px;
	padding-right: 8px;
	color: #111;
}
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;
	/*[empty]background-color:;*/
}
A
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
A:hover
{
	color: #33CCFF;
	/*[empty]height:;*/
}
ACRONYM
{
	border-bottom: 1px dotted #C22;
}
KBD
{
	font-family: Monaco, "Courier New", fixed;
	font-size: 1em;
	text-transform: uppercase;
	color: #32CBFE;
}
/*----------------------------------------- [ Wrapper ]*/
#wrapper
{
	width: 90em;
	margin: 0 auto;
	margin-top: 3em;
	margin-bottom: 3em;
	overflow: hidden;
	/*+placement:shift 0px -52px;*/
	position: relative;
	left: 0px;
	top: -52px;
}
/*---------------------------------------- [ Main Nav ]*/
#main-nav
{
	padding: 0 0 0.5em;
	overflow: hidden;
	/*+placement:shift 612px 167px;*/
	position: relative;
	left: 612px;
	top: 167px;
}
#main-nav UL
{
	list-style-type: none;
}
#main-nav LI.page_item
{
	margin-right: 2.2em;
	float: left;
	/*+placement:shift;*/
	position: relative;
	left: 0;
	top: 0;
}
#main-nav LI A
{
	font-size: 1em;
	line-height: 1.6;
	padding-left: 8px;
}
/*------------------------------------------ [ Header ]*/
#header
{
	background: transparent url(images/) no-repeat 7px center;
	height: 19em;
	border-top: 1px dotted #D2D2A2;
	border-bottom: 1px dotted #333;
	overflow: hidden;
}
#header H1
{
	margin-top: 0.45em;
	/*+placement:shift -323px 34px;*/
	position: relative;
	left: -323px;
	top: 34px;
	padding-left: 137px;
}
#header H1 A, #header H2
{
	font-style: italic;
	font-family: Georgia;
	color: #98D9F0;
	font-weight: normal;
	font-size: 20pt;
	/*+placement:shift 198px -36px;*/
	position: relative;
	left: 198px;
	top: -36px;
}
/*------------------------------------------ [ Content ]*/
#content
{
	padding-top: 1em;
	overflow: hidden;
	/*+placement:shift;*/
	position: relative;
	left: 0;
	top: 0;
}
UL.nav
{
	margin: 0 0 2em;
	list-style-type: none;
}
.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 dotted #CCC;
	overflow: hidden;
	clear: both;
}
.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;
}
.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;
}
.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;
}
.post-content PRE CODE
{
	color: #222;
}
.post-content .quote-author
{
	float: right;
}
/*-------------------------------------- [ Commentary ]*/
#commentary
{
	border-top: 1px dotted #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;
}
.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;
}
#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;
}
INPUT, TEXTAREA
{
	width: 62%;
	padding: 5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	border: 1px dashed #DDD;
	background-color: #FAFDFE;
	/*+placement:shift;*/
	position: relative;
	left: 0;
	top: 0;
}
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 dashed #33CCFF;
}
#sidebar P
{
	font-size: 1.1em;
	color: #BBB;
	/*[empty]margin-left:;*/
	/*[empty]margin-bottom:;*/
	/*[empty]margin-top:;*/
	/*[empty]padding-bottom:;*/
	/*[empty]width:;*/
	/*[empty]height:;*/
	/*[empty]background-color:;*/
	/*[empty]font-family:;*/
}
#twitter_update_list
{
	font-family: Georgia;
	font-style: italic;
}
#sidebar .section INPUT
{
	width: 15.8em;
	margin: 0 0 1em;
	padding: 6px 6px 6px 23px;
	border: 1px dotted #9DE;
	background: transparent url(images/bg-search.gif) no-repeat 7px center;
	font-size: 1.1em;
	float: left;
}
#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;
	border-bottom: 1px dotted #999;
	/*+placement:shift 3px -2px;*/
	position: relative;
	left: 3px;
	top: -2px;
}
#sidebar .nav LI.last
{
	border-bottom: 0;
}
.section
{
	margin: 0 0 1em;
	clear: both;
	overflow: hidden;
	/*+placement:shift;*/
	position: relative;
	left: 0;
	top: 0;
}
.section .col
{
	overflow: hidden;
}
#content .section
{
	margin: 0 0 2em;
	padding: 1em 0 0;
	border-top: 1px dotted #BBB;
	/*+placement:shift;*/
	position: relative;
	left: 0;
	top: 0;
}
#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 dotted #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.png) 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;
	border: 1px dashed #DDDDDD;
	padding: 4px;
	/*[empty]margin-top:;*/
	/*[empty]margin-right:;*/
}
.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: #9DE;
}
/*For by-lines*/
.low
{
	font-family: Palatino, Georgia, "Times New Roman", sans-serif;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	color: #CCC;
}
/*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 dashed #9DE;
	color: #9DE;
}
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;
}