/*
	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: minimal, grid, elastic
*/

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

@import url(css/grid-900.css);  * { 	margin: 0; 	padding: 0; }  

/* -------------------------------- [ General Elements ] */  

body { 	
font-family: Georgia,Times,'Times New Roman',serif; 
font-size: 62.5%; 
background-color: #fff; /*	
background: transparent url(images/grid-900.gif) repeat-y top center; */ 
color: #111; 
border-top: 8px solid #48B8E9;
padding: 0;
}

hr { 	display: none; }  
img { 	vertical-align: middle; border: 0; }  
h1, h2, h3, h4 { padding-left: 8px; padding-right: 8px; color: #000; }  
#dsq-content h3 {padding-left: 0; padding-top: 12px; }  
h1 { margin-bottom: .3em; font-size: 2.8em; line-height: .95em; } 
.post-content h1, .page-content h1 { padding-bottom: 8px; } 
.post-content h1 a, .page-content h1 a { color: #000; line-height: 1.1em;} 
.post-content h1 a:hover, .page-content h1 a:hover { color: #48BAE9; background: none; }  
#logo { width: 670px; height: 60px; position: relative; } 
#logo  span { background: url(images/logo.gif) no-repeat; position: absolute; width: 100%; height: 100%; } 
 
h2 { margin-bottom: 1em; font-size: 1.8em; line-height: 1.3; width: 520px; color: #4d4d4d; font-family: Helvetica, Arial, sans-serif; border-bottom: 1px solid #BBBBBB; padding-bottom: 18px; padding-top: 6px; }  

h3 {margin-bottom: .2em; font-size: 1.8em; line-height: 1.3; font-weight: normal; }  

h4 { font-family: Georgia, Times, serif; line-height: 1.6; text-transform: uppercase; font-size: 12px; letter-spacing: 3px; color: #999; font-weight: normal; margin-bottom: .6em; } 

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.5em; line-height: 1.4; }  
a { text-decoration: none; font-weight: normal; color: #000; }  
a:hover { color: #fff; background-color: #48B8E9;  }  
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-bottom: 14em; overflow: hidden; }  

/* ---------------------------------------- [ Main Nav ] */ 
 
#main-nav { padding:1.1em 0 .9em 0; overflow: hidden; text-align: right; width: 100%; background-color: #f3f3f3; } 
#main-nav ul { 	list-style-type: none; margin: 0 auto; } 
#main-nav li.page_item { margin-left: 1.3em; float: right; }  
#main-nav li.icon { margin-left: .1em !important;  }
#main-nav li.icon a img { opacity: 0.5; margin-top: -4px; -webkit-transition: opacity .3s linear; }
#main-nav li.icon a:hover img { opacity: 0.75; }
#main-nav li.icon a:hover { background: none; }
#main-nav li a { font-size: 1.2em; line-height: 1.6; padding: 12px 8px; color: #999; } 
#main-nav li a:hover { color: #48B8E9; background: none; }

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

#header { height: 9em;  border-bottom: 1px solid #d7d7d7; overflow: hidden; margin-bottom: 1em; }  
#header h1 { margin-top: .45em; }  
#header h1 a, #header h2 { color: #000; } 

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

#content { padding-top: 1em; overflow: hidden; }  
ul.nav { margin: 0 0 2em 0; list-style-type: none; }  
.nav li { margin: 0; padding: .4em 8px .5em 8px; font-size: 1.1em; 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: .4em 8px .5em 8px; }  
.navlinks li a:hover { 	background: #000; color: #fff; }  

/* -------------------------------------------- [ Post ] */  
.post { padding: 1em 0 2em 0; overflow: hidden; clear: both; }  
.post-content p, .post-content h5, .post-content code { width: 35em; } 
.page-content p, .page-content h5, .page-content code { width: 43em; } 
.post-content h3, .page-content h3 { line-height: .9; }  
.post-content h5, .page-content h5 { margin-top: 2.5em; margin-bottom: .5em; padding-left: 8px; padding-right: 8px; text-transform: uppercase; }  
.post-content blockquote, .page-content blockquote { margin: 0 3.2em 0 3.2em; }  
.post-content blockquote p, .page-content blockquote p { width: 30em; padding: 0; }  
.post-content blockquote ul, .page-content blockquote ul { width: 30em; }  
.post-content dl, .page-content dl { margin: 0 0 1em 0; padding-left: 8px; padding-right: 8px; font-size: 1.2em; } 
.post-content dt, .page-content dt { margin: 0 0 .5em 0; font-weight: bold; font-size: 1em; }  
.post-content dd, .page-content dd { width: 30em; margin: 0 0 1em 2em; line-height: 1.6; }  
.post-content ul, .post-content ol, .page-content ul, .page-content ol { width: 680px; margin-left: -12px; padding-right: 8px; list-style-type: none; }  
.post-content li, .page-content li { margin: 0 0 1em 0; padding-left: 20px; font-size: 1.2em; line-height: 1.6; background: transparent url(images/bullet.gif) no-repeat left 2px; }  
.post-content ol, .page-content ol { margin-left: 8px !important; }  
.post-content ol li, .page-content ol li { padding-left: 0; list-style-type: decimal; background: none; }  
.post-content code, .page-content code { font-family: "Monaco", "Courier New", fixed; font-size: .9em; }  
.post-content pre, .page-content pre { margin: 2em 0 2em 0; padding: 2em; 	font-size: 1.2em; background: #eee; overflow: auto; }  
.post-content pre code, .page-content pre code { color: #222; }  
.post-content .quote-author { float: right; }  
.post-content a, .page-content a { color: #44aee4; }  
.post-content a:hover, .page-content a:hover { color: #fff; }  
.post-meta { font-size: 1em; font-family: Arial, Verdana, sans-serif; }   


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

#commentary { border-top: 1px solid #d7d7d7; 	padding: 1em 0 0 0; overflow: hidden; clear: both; }  
.comment { margin: 0 0 3em 0; padding: 1em 0 0 0; border-top: 1px dotted #ccc; clear: both; overflow: hidden; }  
.comment dt { margin: 0 0 .5em 0; font-size: 1.2em; line-height: 1.6; }  
#leave-comment { border-top: 1px solid #d7d7d7; padding: 1.2em 0 0 0; overflow: hidden; clear: both; }  
#leave-comment code { font-family: "Monaco", "Courier New", fixed; font-size: .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: 94%; padding: 8px; font-family: Arial, Verdana, sans-serif; font-size: 1.2em; border: 1px solid #ccc; }  
textarea { height: 10em; }


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

#sidebar { margin: 0; padding: 1.4em 0 0 0; overflow: hidden; font-family: Arial, Verdana, Sans-serif; }  
#sidebar h4 { font-family: Georgia, Times, serif; background-color: #f5f5f5; padding: .6em .8em; line-height: 1.6; text-transform: uppercase; font-size: 12px; letter-spacing: 3px; color: #B0B0B0; font-weight: normal; border-bottom: 1px solid #ccc; }  
#sidebar p { font-size: 1.1em; color: #111; }  
#sidebar .section input { width: 13.3em; margin: 0 0 1em 0; 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; -moz-border-radius: 4px; -webkit-border-radius: 4px; -border-radius: 4px; }  
#sidebar ul.nav { margin: 0 0 2em 0; list-style-type: none; }  
#sidebar .nav li { margin: 0; padding: .4em 8px .5em 8px; font-size: 1.1em; line-height: 1.6; border-bottom: 1px dotted #bbb; }
#sidebar .nav li a { -webkit-transition: padding .3s linear; }
#sidebar .nav li a:hover { padding: 0 4px; }
#sidebar .nav li.last { border-bottom: 0; }  
#twitter_update_list a { color: #48B8E9; }
.section { margin: 0 0 1em 0; clear: both; overflow: hidden; }  
.section .col { overflow: hidden; }  
#content .section { margin: 0 0 2em 0;	padding: 1em 0 0 0; border-top: 1px dotted #bbb; }  
#content .first { border: 0; }  
.submit { width: auto; 	padding: 0; border: 0; }  
.navigation { margin: 0 0 1em 0; padding: 1em 0 0 0; list-style-type: none; overflow: hidden; clear: both; }  
.navigation li { font-size: 1.2em; }  


/* --------------------------------------- [ Footnotes ] */ 
 
#footnotes { padding: 1em 0 0 0; overflow: hidden; clear: both; }  
#footnotes p { 	margin-bottom: .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; }  

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

.worklist {  float: left; margin: 0 16px 18px 4px; width: 208px; text-align:center; }
.worklist p { width: 208px; margin: 0 auto;  }
.worklist a img { background-color: #f5f5f5; padding: 7px; margin: 0 0 6px 0;  -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; -border-radius: 0.6em; # -webkit-transition-property:background-color, -webkit-box-shadow;  -webkit-transition-duration: .3s, .3s;  -webkit-transition-timing-function: linear, ease-in;  }
.worklist a:hover img { background-color: #fff; -moz-box-shadow: 0 0 6px 0 #B3DEEF; -webkit-box-shadow: 0 0 6px 0 #B3DEEF; -box-shadow: 0 0 6px 0 #B3DEEF;  }

/* --------------------------------- [ General Classes ] */  

.small { font-size: 1em; line-height: 1.6; }  

/* If you want a text in ALL CAPS */  
.ver { 	text-transform: uppercase; }  

/* 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: .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: .9em; 	text-transform: uppercase; 	letter-spacing: 3px; 	text-align: center; 	-moz-border-radius: 4px; 	-webkit-border-radius: 4px; }  .button:hover { 	background: #000; }  


/* ---------------------- [ Flickr Badge ] */ 

.section a img {
float:left;
margin:6px 0px 2px 0;
background:#f5f5f5;
padding:4px;
width:68px;
height:68px;
}

.section a:hover img {
background:#48B8E9;
}

.flickr { color: #0063DC; }
.flickrpink { color: #FF0084; }


/* ---------------------- [ Wordpress required classes ] */  

ul.widgetized-sidebar { list-style-type: none; } 
ul.widgetized-sidebar li { margin: 0 0 2em 0; 	clear: both; 	overflow: hidden; }  
ul.widgetized-sidebar li h2 { margin-bottom: 0.6em;         font-family: Georgia, Times, serif;         background-color: #f5f5f5; padding: .6em .8em; line-height: 1.6; text-transform: uppercase; font-size: 12px; letter-spacing: 3px; color: #B0B0B0; font-weight: normal; border-bottom: 1px solid #ccc;  }  
ul.widgetized-sidebar li ul li { margin: 0; padding: .4em 8px .5em 8px; font-size: 1.1em; line-height: 1.4; border-bottom: 1px dotted #bbb; font-size: 1.1em; }  
.aligncenter, div.aligncenter {    display: block;    margin-left: auto;    margin-right: auto; }  .alignleft {    float: left; margin: 0 15px 18px 0; }  .alignright {    float: right; margin: 0 0 18px 18px; }  .wp-caption { 	margin: 1em; 	padding: .8em; 	text-align: center; }  .wp-caption img { 	margin: 0; 	padding: 0; 	border: 0 none; }  .wp-caption p.wp-caption-text { 	margin: .5em 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: .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; }  

/* ---------------------- [ HTML5! Yeah!! ] */  

article, aside, figcaption, figure, footer, header,
      hgroup, nav, section { display: block; }