@import url("http://blog.x3studios.com/wp-content/themes/x3blog/nav.css");
@import url("http://blog.x3studios.com/wp-content/themes/x3blog/forms.css");
@import url("http://blog.x3studios.com/wp-content/themes/x3blog/general.css");
/*  
Theme Name: X3 Studios Blog
Theme URI: http://blog.x3studios.ro/
Description: X3 Studios New Blog Look
Version: 1.0
Author: X3 Studios
Author URI: http://x3studios.com/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	Aceasta a fost conceputa de catre Radu Ceauca
   al carui blog este http://blog.raduceauca.com
   
	CSS, XHTML de Razvan Stavila

*/

/* General
----------------------------------------------------------------------------- */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	background: #88816b url('http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg.jpg') repeat-y center top;
	color: #1b141d;
	text-align: center;
}

/* Layout
----------------------------------------------------------------------------- */
#wraper {
   width: 100%;
   height: 100%;
   background: transparent url('http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/header.jpg') no-repeat center top;
}

#page {
	text-align: left;
   width: 986px;
   margin: 0 auto;
   border-top: 3px solid #1b141d;
}

/* Banding Area
----------------------------------------------------------------------------- */
#header {
   position: relative;
   width: 986px;
   height: 145px;
}
h1 {
   height: 145px;
   width: 413px;
   background: url('http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/logo.gif') no-repeat 8px center;
   text-indent: -5000px;
}
h1 a {
   display: block;
   height: 145px;
   width: 413px;
   outline: none;   
}
h1 a:hover {
   background: none;
}

/* Theme Selection
----------------------------------------------------------------------------- */
#day_or_night {
   position: absolute;
   background: #1b141d;
	color: #d8d8d8;
   width: 240px;
   right: 0;
   bottom: 10px;
   text-align: right;
	font-family: Arial;
}
#day_or_night ul { position: relative; list-style: none; margin: 0; padding: 0; width: 240px; }
#day_or_night li { float:right; padding: 5px 10px 6px 10px; }
#day_or_night a {
   font-weight: normal;
   text-decoration: underline;
   outline: none;
	color: #d8d8d8;
}
#day_or_night a:hover { color: #1b141d; background: white; text-decoration: none; }

#day_or_night li.selectatheme { float: left }
#day_or_night li.day_style { color: #d8d8d8; text-decoration: none; background: #3d373f; }

/* define selected theme */
#day_or_night li.day_style a { color: #d8d8d8; text-decoration: none; }
#day_or_night li.day_style a:hover { color: white; background: none; }


/* Container
----------------------------------------------------------------------------- */
#container {
   width: 100%;
   background: url('http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_content.gif') repeat-y left top;
   overflow: auto;
   position: relative;
   z-index: 50;
}
#container_right_img {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 156px;
   height: 170px;
   background: transparent url('http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_sidebar_bott.gif') no-repeat left bottom;
}
#container_right_left {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 272px;
   height: 81px;
   background: transparent url('http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_content_bott.gif') no-repeat left bottom;
}

/* Sidebar Area
----------------------------------------------------------------------------- */
#sidebar {
   float: left;
   width: 156px;
   padding: 0 0 170px 0;
   background: #1b141d url('http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_sidebar.gif') no-repeat left top;
   color: #d8d8d8;
   font-family: Arial, Helvetica, sans-serif;
}
#sidebar a {
   color: #d8d8d8;
   font-weight: normal;
}

/* ### Titles ###
------------------------*/
#sidebar h2, #footer h2 {
   text-indent: -5000px;
   height: 35px;
   background-repeat: no-repeat;
   background-position: left center;
}
#sidebar .tit_utile { background-image: url('http://blog.x3studios.com/wp-content/themes/x3blog/images/titles/tit_utile.gif'); margin: 0 0 6px 0;}
#sidebar .tit_categories { background-image: url('http://blog.x3studios.com/wp-content/themes/x3blog/images/titles/tit_categorii.gif'); margin: 15px 0 6px 0;}
#sidebar .linkcat h2 { background-image: url('http://blog.x3studios.com/wp-content/themes/x3blog/images/titles/tit_legaturii.gif'); margin: 15px 0 6px 0;}
#sidebar .sem_recent h2 { background-image: url('http://blog.x3studios.com/wp-content/themes/x3blog/images/titles/tit_recent.gif'); margin: 15px 0 6px 0;}
#sidebar .tit_sustinem { background-image: url('http://blog.x3studios.com/wp-content/themes/x3blog/images/titles/tit_sustinem.gif'); margin: 15px 0 6px 0;}
#sidebar ul li h2 { background-position: -10px center; }

#footer h2 {
   height: 18px;
}
#footer .tit_tags { background: url('http://blog.x3studios.com/wp-content/themes/x3blog/images/titles/tit_taguri.gif') no-repeat 3px top; height: 22px; }

#sidebar ul li .clear_link {
   visibility: hidden;
   display: block;
   font-size: 1px;
   line-height: 2px;
}
#sidebar a {
  text-transform: uppercase;
  color: white;
  font-size: 105%;
}
#sidebar a:hover {
   background: white;
   color: #1b141d;
}
#sidebar .page-item-14,
#sidebar .page-item-17
{ display: none; }

/* ### Lists ###
------------------------*/
#sidebar .categories ul li {
   padding: 0 5px 6px 0;
}
#sidebar .page_item,
#sidebar .subscribe {
   padding: 0 5px 6px 10px;
}
#sidebar .subscribe { background: url('http://blog.x3studios.com/wp-content/themes/x3blog/images/icons/icn_rss.gif') no-repeat 95% 1px; }
#sidebar .linkcat ul li {
  color: #bab5a6;
  line-height: 12px;
  padding: 0 10px 6px 0;
}
#sidebar ul li { padding: 0 0 0 10px;}
#sidebar ul li ul li { padding: 0; margin: 0;}

#sidebar .sem_recent ul li {
   padding: 0 5px 10px 0;
}
#sidebar ul .sustinem_list {
	padding: 0 0 5px 10px;
}

/* Content Area
----------------------------------------------------------------------------- */
#content {
   float: right;
   position: relative;
   width: 820px;
   font-size: 130%;
   background: transparent url(http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_content_top.gif) no-repeat left top;
}
/* POSTS - home
----------------------------------------------------------------------------- */
.post {
   background: transparent url(http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/headline.gif) no-repeat right top;
   width: 100%;
   margin: 10px 0 0 0;
}
.singlepage .post {
   background: none;
}
.post_head { 
   border-bottom: 1px solid #e3dac7; 
   position: relative; 
   float: left; 
   overflow: auto; 
   width: 820px;
   padding: 0 0 10px 0;
}
.singlepage .post_head {
   padding: 30px 0 10px 0;
}
.post_head_title { width: 160px; float: left;}
.singlepage .post_head_title { width: auto; float: none; padding: 0 0 0 164px;}

.post_options {
   float: right;
   width: 653px;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 80%;
   padding: 8px 0 0 0;
}
.post_options ul li {
   float: left;
}
.post_options ul li strong { font-weight: bold; }
.post_options ul .the_time {
   width: 155px;
   margin: 0 10px 0 0;
}
.postmetadata {
   width: 100%;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 80%;
   background: url(http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_content_comments.gif) no-repeat right top;
}
.postmetadata p {
   padding: 10px 0 30px 664px;
}
.singlepage .postmetadata {
   background: none;
   border-top: 1px solid #b9ad94;
   border-bottom: 1px solid #b9ad94;
   padding: 8px 0;
   margin: 5px 0 20px 0; 
}
.postmetadata_options {
   padding: 0 0 0 170px!important;
   color: #958c78;
   font-family: Arial, Helvetica, sans-serif;
}
.postmetadata_options a {
   color: #958c78;
}

/* Entry - general
----------------------------------------------------------------------------- */
.entry {
   clear: both;
   position: relative;
}
.entry img {
	padding: 10px 0;
	margin: 0 0 10px 0;
}
.entry p {
   padding: 0 0 10px 0;
}
.entry_info { padding: 15px 15px 10px 170px; }
.entry_info a { font-weight: bold; }
.entry_info ul, .entry_info ol { padding: 10px 0 0 0; margin: 0 0 10px 15px; }
.entry_info ul li { background: url(http://blog.x3studios.com/wp-content/themes/x3blog/images/icons/icn_list.gif) no-repeat left 7px; padding: 0 15px 10px 15px; }
.entry_info ol li { margin: 0 0 0 20px; padding: 5px 0; }
.entry_info blockquote { font-style: italic; width: 95%; margin: 0 0 0 20px; padding: 5px 0; }

.entry_info .double_image { margin: 0 0 10px 0; }
.entry_info .double_image li { display: inline; background: none; padding: 0 10px 0 0 }

.entry_options {   
   position: absolute;
   right: 660px;
   top: 20px;
   text-align: right;   
   color: white;
   text-transform: uppercase;
   font-size: 80%;
   font-family: Arial, Helvetica, sans-serif;
}

.entry_options span, .singlepage .single_entry_options span {
   padding: 1px 3px;
   float: right;
   clear: both;
   background: #b9ad94;
   
}
.entry_options a, .singlepage .single_entry_options a {
   color: white;
}

/* COMMENTS Area
----------------------------------------------------------------------------- */
.comments {
   float: left;
   width: 170px;
   margin: 0 0 0 0;
}
.commentlist {
   list-style: none;
}
.commentlist li {
   background: transparent url(http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_comments_top.gif) no-repeat right top;
   padding: 0 0 20px 0;
   clear: both;
}
.commentlist li div {
   float: left;
   width: 150px;
   padding: 0;
   margin: 10px 0 0 0;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
}
.commentlist li div a {
   padding: 0!important;
}
.commentlist li div em {
   font-size: 80%;
   color: #b9ad94;
   display: block;
   padding: 0 0 3px 0;
}
.commentlist li div cite {
   font-weight: bold;
   font-style: normal;
   font-size: 11px;
   padding: 0 0 0 0;
}
.author div cite, .author div cite a   {
   background: #0b0a0f;
   color: white;
}
.commentlist li div .commentmetadata {
   padding: 5px 0 20px 0;
   display: block;
}
.commentlist li p {
   padding: 10px 15px 20px 0;
   width: 470px;
   float: right;
}
.nocomments {
   clear: both;
}
#commentform {
   background: url(http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_comments_reply.gif) no-repeat right top;
   margin: 5px 0 0 0;
   padding: 25px 0 60px 0;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
}
#commentform p {
   clear: both;
}
#commentform label {
   float: left;
   display: block;
   width: 167px;
   padding: 4px 0 0 0;
}
#commentform input {
   width: 470px;
}
#commentform input, #commentform textarea {
   float: left;
   margin: 0 0 8px 0;
   border: 1px solid #0b0a0f;
   padding: 2px 2px;
   font-size: 12px;
}
#commentform #submit {
   width: auto;
   background: #0b0a0f;
   color: #d8d8d8;
   font-size: 9px;
   padding: 2px 17px;
   cursor: pointer;
}

/* Entry Single page
----------------------------------------------------------------------------- */
.singlepage .single_entry_options {
   float: left;
   width: 155px;
   text-align: right;   
   color: white;
   text-transform: uppercase;
   font-size: 80%;
   font-family: Arial, Helvetica, sans-serif;
   margin: 12px 0 0 0;
}
.singlepage .entry_info {
   padding: 0 10px 0 0;
}
.singlepage .entry_wraper {
   float: right;
   width: 654px;
   padding: 8px 0 10px 0;
}
.single_entry_options ul li {
   clear: both;
   float: right;
   color: #1b141d;
   padding: 10px 0 0 0;
}
.singlepage .single_entry_options ul li a {
   color: #1b141d;
}
.singlepage .single_entry_options ul li a:hover {
   color: white;
}

/* Pages - Authors Page
----------------------------------------------------------------------------- */
.staticpages {
   padding: 0 0 0 10px;
}
.page_authors {
   border-top: 1px solid #1b141d;
   margin: 10px 0 0 0;
   padding: 0 0 30px 0;
   float: left;
   width: 820px;
   clear: both;
   font-family: Arial, Helvetica, sans-serif;
}
.pg_user { float: left; width: 300px; padding: 0 0 0 10px; font-size: 11px; }
.pg_user div { border-top: 3px solid #1b141d; padding: 10px 0 0 0; }
.pg_user img { float: left; padding: 0 10px 10px 0; }
.pg_user h2, .pg_user b { text-transform: uppercase; font-weight: normal; padding: 0 4px; font-size: 11px; }
.pg_user h2 span { background: #b9ad94; color: white; padding: 0 4px }
.pg_user b { background: #1b141d; color: white; }
.pg_user p { padding: 7px 0 0 112px; }


.pg_posts { float: right; width: 490px; padding: 0 10px 0 0; }
.pg_posts div { border-top: 3px solid #1b141d; padding: 10px 0 0 0; }
.pg_posts .smallareatitle { float: left; width: 180px; padding: 5px 0 0 0; }
.pg_posts p { padding: 0 0 8px 190px; font-size: 11px; line-height: 14px; }

/* Pages - Initiative
----------------------------------------------------------------------------- */
.pg_initiative img { float: none; }
.pg_initiative h2 { padding: 0; margin: 0; }
.pg_initiative h2 span, .pg_initiative h2 a { background: #b9ad94; color: white; padding: 0 4px}
.pg_initiative div { text-align: right; }
.pg_initiative b.description { padding: 0 4px; }

.pg_initiative_descr p {
   padding: 0 0 10px 0;
   font-size: 100%;
   line-height: 1.5em;
}

/* Pages - Cariere
----------------------------------------------------------------------------- */
.page_cariere {
   border-bottom: 1px solid #1b141d;
   margin: 10px 0 20px 0;
   padding: 0 0 30px 0;
} 

.pg_initiative a, .page_cariere a {
	font-weight: bold;
}

/* Error 404 - Page not found
----------------------------------------------------------------------------- */
.page_not_found {
   height: 400px;
   padding: 10px 0 0 10px;
}

/* Contact Form
----------------------------------------------------------------------------- */
#contact_form{
   background: url(http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_contact_us.gif) no-repeat left top;
   padding: 20px 0 20px 10px;
   margin: 10px 0 0 0;
   font-family: Arial, Helvetica, sans-serif;
}
#contact_form table {
   width: 100%;
}
#contact_form input {
   border: 1px solid #0b0a0f;
   width: 637px;
   padding: 2px 2px;
   font-size: 12px;
}
#contact_form textarea {
   width: 637px;
}
#contact_form td {
   padding: 0 0 10px 0;
   text-transform: uppercase;
   font-size: 10px;
}
#contact_form #contactsubmit {
   width: auto!important;
   background: #0b0a0f;
   color: #d8d8d8;
   font-size: 9px;
   padding: 2px 17px;
}
#contact_form .error_message {
   text-transform: none;
   font-size: 12px;
   padding: 0 0 0 157px;
   font-weight: bold;
}
/* Entries Navigation
----------------------------------------------------------------------------- */
.navigation {
   background: url(http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_entries.gif) no-repeat left bottom;
   overflow: auto;   
   margin: 0 0 10px 0;
   padding: 0 0 10px 0;
   width: 100%;
   text-transform: uppercase;
   font-size: 80%;
   font-family: Arial, Helvetica, sans-serif;
}
.navigation .alignleft, .topnav .alignleft {
   float: left;
   padding: 0 0 0 10px;
   width: 140px;
}
.navigation .alignright, .topnav .alignright {
   float: right;
   text-align: right;
   padding: 0 10px 0 0;
   width: 140px;
}
.topnav {
   background: url(http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_entries_top.gif) no-repeat left top;
   margin: 10px 0 0 0;
   padding: 10px 0 0 0;
   width: 100%;
   text-transform: uppercase;
   font-size: 80%;
   font-family: Arial, Helvetica, sans-serif;
}

/* Footer Area
----------------------------------------------------------------------------- */

#footer_area {
   clear: both;
   width: 100%;
	height: 238px;
	position: relative;
   overflow: hidden;
   font-family: Arial, Helvetica, sans-serif;
}
#footer_anchor {
	width: 0;
	height: 0;
	position: absolute;
   z-index: 100;
	left: 50%;
	}
#footer {
   position: absolute;
   z-index: 200;
   left: -971px;
   height: 238px;
   width: 1942px;
   background: url('http://blog.x3studios.com/wp-content/themes/x3blog/images/utils/bg_footer.png') no-repeat left top;     
}
.filter {
   height: 238px;
   width: 1942px;
}
.f_all {
   width: 986px;
   margin: 125px auto 0 auto;
   text-align: left;
   position: relative;
   z-index: 1;
}
.f_left {
   float: left;
   width: 620px;
   padding: 0 0 0 15px;   
}
.tags {
   text-transform: uppercase; 
}
.tags a {
   font-weight: normal;
   text-decoration: none;
   padding: 0 5px 0 5px;
}
.tags a:hover {
   text-decoration: none;
}
.f_right {
   float: right;
   margin: 20px 0 0 0;
   padding: 0 20px 0 0;
   width: 300px;
}
.f_right p {
   padding: 0 0 0.7em 0;
}
.f_right a {
   font-weight: bold;
   font-size: 10px;
}