/*
Theme Name: jorjoblog
Theme URI: http://www.artica.com.ve
Description: Tema personalizado de WordPress 3.0 para jorjograterol.com.
Author: Carlos Villaronga
Author URI: http://www.artica.com.ve
Version: 1.0
*/

@font-face {
	font-family: 'Museo Sans';
	src: url('fonts/MuseoSans-100.otf');
	font-weight: normal;
	font-style: normal;
}

body{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	background: #FFF;
	color: #000000;
	margin: 8px;
	padding-top: -10px !important;
	padding-right: 20px;
	right: 20px;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(80,80,80,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(80,80,80,0.4); 
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

a:link, a:visited{
	text-decoration: none; 
	color: #000000;
}

a:hover{
	color: #5f5f5f;
}

h1 {
	font-size: 54px;
}

h3 {
	font-size: 24px;
}
	
#wrapper{
	margin-left: auto ;
	margin-right: auto ;
}

#headermenu{ width:960px;  margin-left: auto ; margin-right: auto ; }
@media only screen and (min-width:1200px) {
	#headermenu{ width:1160px; margin-left: auto ; margin-right: auto ; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#headermenu{ width:740px; margin-left: auto ; margin-right: auto ;  }
}
@media only screen and (max-width: 767px) {
	#headermenu{ width:300px; margin-left: auto ; margin-right: auto ; }
}

#menubar{
	width: 100%;
	margin-left: auto ;
	margin-right: auto ;
}

#logo {
  width: 327px;
  margin-left: auto ;
  margin-right: auto ;
  padding-top: 10px;
}

#hauteblogging {
  width: 658px;
  margin-left: auto ;
  margin-right: auto ;
  padding-top: 10px;
}

#casting {
  width: 819px;
  margin-left: auto ;
  margin-right: auto ;
  padding-top: 10px;
}

#u174
{
	z-index: 34;
	width: 100%;
	height: 3px;
	margin-top: 49px;
	border-color: #000000;
	background-color: #7F7F7F;
	position: relative;	
	
}

#u172
{
	z-index: 33;
	width: 100%;
	height: 3px;

}

#u172,#u167
{
	border-color: #000000;
	background-color: #0E0F11;
	position: relative;
}

#u145
{
	z-index: 31;
	width: 100%;
	padding-bottom: 122px;
	border-color: #000000;
	background-color: #161A21;
	position: relative;	
}

#u145_align_to_page
{

	width: 1280px;
	left: -100px;
}

#u175-12 {
	z-index: 39;
	width: 394px;
	margin-top: 59px;
	float: right;
	margin-right: 200px;
}

#u169-4
{
	z-index: 35;
	width: 537px;
	margin-right: -10000px;
	margin-top: 30px;
	left: 472px;
}

#u175-12_img,#u169-4_img
{
	display: block;
	vertical-align: top;
}

#leftsidebar li{
	list-style: none;
}

.widgettitle{
	padding-top: 10px;
	border-bottom: 1px solid #888 !important;
	margin-top: 12px;
}

.simple_tweet_widget{
	color:#999;	
}


.twitter_info{
	margin-left: 15px;
	padding-bottom: 15px;
}


.twitter_image{
	float: left;
	height: 85px;
	margin-right: 7px;
}

.twitter_name{
	font-family: 'Museo Sans' !important;
	font-size: 20px;	
}

.twitter_description{
	font-family: Arial !important;
	font-size: 12px;
}

.twitter_date{
	font-family: 'Museo Sans' !important;
	font-size: 12px;	
}
 
.twitter_link{
	font-family: arial !important;
	color:#888;
}

.twitter_link_small{
	font-family: Arial !important;
	font-size: 12px;
}

.twitter_link_small a{
	color: #ff7f00 !important;
}

.widget_search .screen-reader-text {
    display:none;
}

.widget_search {
	position: absolute;
	height: 60px;
	width: 20%;
	top: 27px;
	z-index: 10000;
	right: 7%;
}
 
.widget_search #s {
    background:#fff;
    border:1px solid #BBB59A;
    font-size:12px;
    font-variant:small-caps;
    margin:0 6px 0 0;
    padding:4px;
    width:70%;
}


.widget_search #s {
	background: #fff;
	border: 1px solid #BBB59A;
	font-size: 12px;
	font-variant: small-caps;
	margin: -5px 14px -15px 44px;
	padding: 4px;
	width: 70%;
	top: 11px;
	float: left;
}

#linkcat-0 h2{
	display:none;
}

#searchsubmit{
    background:#fff url("images/search_icon.png") no-repeat 50% 50%;
    border:0 none;
    cursor:pointer;
    height:28px;
    text-indent:-9999px;
    width:28px;	
}

#searchsubmit{
	background: #fff url("images/search_icon.png") no-repeat 50% 50%;
	border: 0 none;
	cursor: pointer;
	height: 28px;
	text-indent: -9999px;
	width: 28px;
	float: left;
	margin: -12px 245px;
	padding: 0px;
	top: 0px;
	position: relative;
}
.dots {
	width: 100%;
	height: 1px;
	background-image: url('images/dots.png');
	display: block;
	clear: both;
	background-position: center center;
	background-repeat: no-repeat;
}

.coms {
	line-height: 17px;
	font-family:'Museo Sans', sans-serif;
	font-size: 16px;
	padding-top: 3px;
}

.more-link a {display:block; width:100%; height:100%;}
.more-link:hover {opacity:.5; -webkit-transition:opacity .4s ease-in; -moz-transition:opacity .4s ease-in; -o-transition:opacity .4s ease-in; transition:opacity .4s ease-in;}
.more-link {
	text-decoration: none;	
}

.viewmore{
	font-family: 'Museo Sans' !important;
	font-size: 2.0em;
}
.sharebox{
	margin-left:31%;
}

.xoxo li a{
	font-family: 'Museo Sans' !important;
	text-decoration: none;
	display: block;
	text-align: center;
}

.xoxo li a:hover{
	font-family: 'Museo Sans' !important;
	text-decoration: none;
	background-color: black;
	color:white;
}


.titulo{
	font-family: 'Museo Sans';
	font-size: 3.5em;
	text-align: center;
	text-transform: uppercase;
	padding: 8px;
}

.fecha{
	font-family: 'Museo Sans';
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	padding: 8px;
}

.nav{
	background: #000;
	display:block;
	float:left;
	position:relative;
}

.verticalspacer
{
	clear: both;
}

.grpelem /* a child element of a group */
{
	display: inline;
	float: left;
}

.clearfix:after /* force a container to fit around floated items */
{
	content: "\0020";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.nav ul{
	list-style:none;
}

.nav li{
	float:left;
	position:relative;
}

.nav a{
	display:block;
	text-decoration:none;
	color:#fff;
	padding:0 15px 10px 0;
	font-size:13px; 
	font-weight:bold;
}

.nav ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	float:left;
	z-index:99999;
	background: #212121;
}

.nav ul ul ul{
	top: 30%;
	left:100%;
	background: #343434;
}

.nav ul ul a{
	height:auto;
	line-height:1em;
	padding:10px;
	width:130px;
}

.nav li:hover > a,.nav ul ul:hover > a{
	color:#ccc;
}

.nav ul li:hover > ul{
	display:block;
}


#blog{
	float: left;
	width: 100%;
	padding: 0 10px 10px 10px;
}

.sidebar{
	float: left;
	width: 200px;
	margin: 0 0 0 10px;
	font-size: 14px;
	list-style: none;
}

#footer{
	font-family: 'Museo Sans';
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	clear: both;
	text-align: center;
	background: #0E0F11;
	padding: 10px;
}

#footwidget{
	right: 45%;
	float: right;
	height: 280px;
	top:10px;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
}

.gravatar{
	float: right;
}

.comments-template{
	margin: 10px 0 0;
	padding: 20px;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template textarea{
	width: 500px;
}

.wp-caption {
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; /* optional rounded corners for browsers that support it */
  margin: 10px;
  padding-top: 4px;
  text-align: center;
}

.wp-caption img {
  border: 0 none;
  margin: 0;
  padding: 0;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}