/*
Theme Name: rt_theme_09
Theme URI: http://robertotunon.com/
Description: Modification of the Workaholic Theme by graphpaperpress.com
Version: 1.0
Author: roberto tuñón
Author URI: http://robertotunon.com/
Tags: robertotunon, roberto, tuñón, portfolio, 2009
License: GPL
*/

/* load 960 framework */
@import url("library/960/reset.css");
@import url("library/960/text.css");
@import url("library/960/960.css");
@import url("library/nav/superfish.css");

/* global styles */
body {
	background: url(images/rt_bg.jpg) top center no-repeat #000000;
	color:#666
}

h1,h2,h3,h4,h5 {
	color:#444;
}

a {
	text-decoration: none;
	color: #cbcbcb;
}
a:hover {
	color: #191a19;
}

h4 {
	font-size:18px;
	margin:0;
	padding:0;
	color:#333;
}

/* headers */
#header {
margin: 0 10px 20px 10px;
background:url(images/doble_line.jpg) repeat-x bottom;
height: 260px;
}
#header #logo {float:left}
#logo{
	width:155px;
	height:121px;
	margin:120px 0 0 0;
}
#header h1 {margin:0;text-transform: uppercase;font-size: 25px;padding:0;line-height: 1}
#header h1 a {color: #333;border:none;}
#header h1 a:hover {color:#666;}
#header .description {color:#bbb;font-family: Georgia;font-style: italic;font-size: 14px }

/* intro text */
#introduction h2 {font-size:30px;font-family: Georgia;margin:0 0 5px 0;padding:0}
#introduction h3 {line-height:1.3;color: #999;font-size: 18px}

/* twitter */
#twitter {background:url(images/twitter-bg.gif) 0px 30px no-repeat;margin-bottom:25px;}
#twitter-top {background:url(images/twitter-top.gif)  0 0 no-repeat;}
#twitter_update_list {list-style:none;margin:0;padding:0;background:url(images/twitter-bot.gif)  left bottom no-repeat;min-height:80px;}
#twitter_update_list li {list-style: none;margin:0;font-size:12px;padding:25px 60px 15px 20px;line-height: 1.3}
#twitter_update_list li span {display: block}

/* Navigation Highlights */
/*.current-cat a, .current_page_item a {font-weight:bold;}*/
.sf-menu a:hover{color:#ccc;}

/* NAVIGATION - Search for something */
#search { position: relative; float: right; top: 5px; height:40px; width:165px;}
#search #s { float: left; display: block; margin:0;padding: 5px 5px 5px 20px; width: 140px; border: none; font-size: 12px; color: #999; vertical-align: bottom;  background: #e5ded6 url(images/search.png) 3px 5px no-repeat;-moz-border-radius: 5px;-webkit-border-radius: 5px;line-height: 1}
#search #s:hover { color: #666;background: #ddd5cd url(images/search.png) 3px 5px no-repeat;}

/* Portfolio Gallery */
#gallery {border:10px solid #e5ded6;}
#gallery-nav {margin:2px 0 25px 0;padding: 0;list-style: none;}
#gallery-nav li { display: inline; margin:0;padding:4px 2px; background:#f6ede7; }
#gallery-nav li.current {background: #e5ded6; }
#gallery-nav li.current a {color:#666}
#gallery-nav li a {color:#aaa;font-weight: bold; border: none; padding:5px}

#project_images{
	width:640px;
	float: left;
	min-height:400px;
}

#project_text{
	float:right;
	width:280px;
	font-size:14px;
}

#fecha{
	float:right;
	text-align:right;
	font-size: 11px;
	margin:10px 0 0 0;
}

.attachment-large{
	margin-bottom:20px;
}


#right_col{
	width:280px;
	margin:0 0 0 20px;
	float:right;
}

/* content */

.doble_line{
	background:url(images/doble_line.png) repeat-x;
	height:2px;
	margin:20px 0 5px 0;
}

.entry p{
	font-size:14px;
}

.entry p a{
	color:#333;
	font-size:12px;
	text-decoration:underline;
}

.entry h2 {
	font-size: 24px;
	width:280px;
	margin:0 0 10px 20px;
	float:right;
	color:#e8e6e6;		
}

.pagetitle{
	
}

#content div.portfolio{
	background: #1b1a1a url(images/work_bg.jpg) no-repeat;
	margin-bottom: 20px;
}
#content div.portfolio  a.thumb {
	display: block;position: relative;
	overflow: hidden;
	height: 200px;
	padding: 10px;
	color: #E7E9E8;
	border:none;
	line-height: .8;
	font-size:16px;
}

#content div.portfolio h4 {
	position:relative;
}
#content div.portfolio a:focus, #content div.portfolio a:hover { text-decoration: none; }
#content div.portfolio img {
	position: absolute;
	width: 200px;
	height: 200px;
	border: 0;
	z-index:3;}
#content div.portfolio span.title {
	position:absolute;
	bottom:0;left:0;
	padding: 0 20px 50px 20px;
}
#content div.portfolio span.category {
	position:absolute;
	bottom:0;
	left:0;
	margin:0 20px 20px 20px;
	font-size:12px;
	color:#aaa;}
#content div.portfolio span.category a {
	font-size:12px;
	border: none;
	color:#888;
	background:#2E302F;
	padding:1px 2px;
}

/* prev next navigation */
.navigation, .navigation-archive {
	clear: both;
	margin: 20px 0;
	height: 40px;
	text-align:center;
}
.next  {background: url(images/next.png) 0 -66px no-repeat;width: 105px; height: 33px;float: right}
.prev  {background: url(images/prev.png) 0 -66px no-repeat;width: 115px; height: 33px;float: left}
.next a {background: url(images/next.png) 0 0 no-repeat;}
.prev a {background: url(images/prev.png) 0 0 no-repeat;}
.next a, .prev a {float:right;display:block; height:33px;text-indent:-9999px;border:none;}
.next a {width:105px;}
.prev a {width:115px;}
.next a:hover, .prev a:hover {background-position: 0px -33px;border:none}
.navigation-archive .prev {float:left}

/* widgets */
.item{
	float:left;
	min-width:70px;
	margin:0 10px 0 0;
}
h3.sub {
	margin-bottom:10px;
	font-size:15px;
}
.item ul li {
	display: block;
	list-style:none;
	margin:0;
	padding:3px 0;
}
.item ul li a {
	display: block;
	border: none;
}

.item dt {font-weight: bold;float:left;width:80px;padding-bottom:7px;clear:left}
.item dd {padding-bottom:7px;}
.portfolio p {margin: 0;padding: 0;font-family:Georgia,Times; font-style: italic;font-size: 12px;}
.item h4 {color:#666;margin-bottom: 10px}
.textwidget {margin-bottom:30px}
#wp-calendar  {width: 100%}
#wp-calendar td {text-align: center;}
#wp-calendar thead {font-weight: bold;background: #eee}
#wp-calendar td#prev {text-align: left}
#wp-calendar td#next {text-align: right}

/* Content Area */
.postmetadata {font-size: 12px;}
small {color: #bbb}
hr.dotted {border:none;border-bottom: 1px dotted #ccc }
.post h3 a{font-weight: bold} 

/* Form Elements */
input,textarea {
	font-size: 12px;
	border: none;
	padding:6px;
	background: #E5DED6;
}

#submit {
	font-weight: bold;
	padding: 5px 10px;
	border:1px solid #aaa;
}

/* Comments */
#respond h3 {border-bottom: 1px solid #ddd;padding-bottom:7px}
.commentlist {padding: 0;margin: 0;}
.commentlist li {margin: 10px 0 0px;padding: 10px 10px 10px 10px;list-style: none;border:1px solid #ddd; }
.commentlist li ul {padding: 0;margin: 0;}
.commentlist li ul li {margin-right: 0px;margin-left: 0px;}
.commentlist li .avatar {float: left;border: 1px solid #eee;padding: 2px;background: #fff;margin-right:10px}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
.commentmetadata {font-weight: normal;font-size: 11px}
.children { padding: 0; }
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0 0 10px 0;display: block;}
.even, .alt {background:#f8f6f2;}
ul.children li.odd {background: #f6ede7;}
.thread-odd {background: #f6ede7;}
.thread-even {background:#f8f6f2;}
.depth-1 {}
.says {display:none;}
.cancel-comment-reply small {font-size:1em;}
.bypostauthor {background: #fff}
.cancel-comment-reply {margin-bottom: 20px}





#footer{
	background:url(images/rt_footer_bg.jpg) no-repeat;
	width:100%;
	height:225px;
	float:left;
	bottom:0px;
	margin:20px 0 0;
}

#footer p{
	font-size:10px;
}

.cuatro_cols{
	width:220px;
	float:left;
	margin:0 10px 0 0;
}

.tres_cols{
	width:160px;
	height:130px;
	padding:0 10px;
	float:left;
	background:url(images/separator.png)repeat-y;
}
#ultima{
	padding:0 0 0 10px;
}

.wrap{
	width:940px;
	margin:auto;
}

.menu{
	width:500px;
	margin:180px 0 0 0;
}
.menu_title{
	float:left;
	margin:-15px 0 0 10px;
}

.agencia{
	float:left;
	width:220px;
	border-top:#CCC solid 1px dotted;
	margin:20px 0 20px 20px;
}

.agencia a{
	text-decoration:underline;
}