/*
Theme Name: PCForum
Theme URI: http://www.seelview.ro/
Description: Descriere pt tema mea.
Version: 2.0
Author: Silviu Sandulescu
Author URI: http://www.seelview.ro/
Tags: dark black blue white
*/

/* Begin Typography & Colors */

/* CULORI
#f06131 - Portocaliu
#f09431 - Portocaliu hover

*/

@import url("reset.css");

html, body {
	/*background: #313134 url('images/bg_noise.gif');*/
	/*background:#000 url('http://beta.pcforum.ro/wp-content/uploads/2012/01/bg_asus3.jpg') no-repeat top center;*/
	color: #808080;
	/*font-family: Helvetica, Arial, sans-serif;*/
	font:normal normal normal 18px 'Open Sans', arial, serif;
	padding:0px;
	margin:0px;
	font-size:18px;
	}
body.white { background-color:#FFF; }
body.black { background-color:#000; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a {
	color:#34323a;
	text-decoration:none;
	outline:none;
}
a:hover { color:#8e8d90 }

abbr {
	cursor:help;
	background:url(images/dotted.gif) repeat-x bottom;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* general */

#wrapper {
	margin:0 auto;
	width:1000px;
	position:relative;
}
#banner {
	position:absolute;
	top:34px;
	left:-160px;
}

/* header */

#header {
	width:1000px;
	height:76px;
	position:relative;
	background:url(images/bg_head.jpg) no-repeat top center;
}
#header #logo {
	position:absolute;
	top:0px;
	left:0px;
	width:244px;
	height:76px;
}
#header #logo a {
	display:block;
	width:244px;
	height:76px;
	background:url(images/logo.png) no-repeat;
	text-indent:-5000px;
	outline:none;
}
#navbar {
	position:absolute;
	right:60px;
	top:18px;
	height:36px;
}
#navbar ul {
	height:36px;
}
#navbar ul li {
	height:36px;
	margin:0 25px 0 0;
	float:left;
}
#navbar ul li a {
	display:block;
	height:36px;
	text-indent:-3000px;
}
#navbar ul li.m1 a{ background:url(images/menu_but_1.png) no-repeat top left; width:34px; }
#navbar ul li.m2 a{ background:url(images/menu_but_2.png) no-repeat top left; width:63px; }
#navbar ul li.m3 a{ background:url(images/menu_but_3.png) no-repeat top left; width:61px; }
#navbar ul li.m4 a{ background:url(images/menu_but_4.png) no-repeat top left; width:54px; }
#navbar ul li.m5 a{ background:url(images/menu_but_5.png) no-repeat top left; width:72px; }
#navbar ul li.m6 a{ background:url(images/menu_but_6.png) no-repeat top left; width:84px; }
#navbar ul li.m7 a{ background:url(images/menu_but_7.png) no-repeat top left; width:52px; }

#navbar ul li a:hover {
	background-position:0 -36px;
}

#header .search_icon {
	position:absolute;
	right:20px;
	top:20px;
	width:35px;
	height:35px;
}
#header .search_icon a {
	display:block;
	text-indent:-5000px;
	width:35px;
	height:35px;
	background:url(images/ico_search.png) 50% 50% no-repeat;
	outline:none;
}
#header .search_box {
	position:absolute;
	top:13px;
	right:60px;
	width:540px;
	height:47px;
	background: url(images/bg_search_box.gif) no-repeat top right;
	z-index:100;
	display:none;
}
#header .search_box form a.searchClose:hover{
	color:#ccc;
	}
#header .search_box form {
	display:block;
	margin-top:10px;
	position:absolute;
}
#header .search_box form .searchField {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	padding:0 5px;
	margin:0 7px 0 10px;
	font-size:14px;
	color:#555;
	width:380px;
	height:22px;
	border:2px solid #D2D2D2;
}
/*#header .search_box form .searchButton{
	float:left;
	height:26px;
	width:75px;
	background-color:transparent;
	background-image: url('images/but_search.gif');
	background-repeat:no-repeat;
	border: 0;
	text-indent: -9999px;
	cursor:pointer;
	}	
#header .search_box form .searchButton:hover{
	background-position: 0px -26px;;
	}*/
#header .search_box form .searchButton{
}


#plug {
	width:1000px;
	height:200px;
	position:relative;
	clear:both;
}
#plug ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#plug li {
	position:relative;
	width:200px;
	height:200px;
	float:left;
	overflow:hidden;
}
#plug li a {
	position:absolute;
	padding:12px;
	top:200px;
	left:0px;
	width:176px;
	height:176px;
	color:#1f1f1f;
	line-height:1.3em;
	font-size:18px;
	background: url(images/bg_plug.png) no-repeat;
	z-index:1000;
	text-decoration:none;
}
#plug li a h3 {
	color:#1684ea;
	margin:5px 0 23px 0;
}
#plug li a .cat {
	font-weight:bold;
	text-transform:uppercase;
}
#plug li div {
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
	border:0px;
}
#promo {
	width:1000px;
	height:150px;
	position:relative;
}
#promo a {
	outline:none;
}
.awesome, .awesome:visited {
	background: #222 url(images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
button { border: 0; padding: 0; }

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding:6px 20px; font-weight:bold; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff7e00; }
	.orange.awesome:hover							{ background-color: #ffa34a; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
/***************
Content
***************/

#cont {
	background-color:#fff;
	padding:20px 10px;
	width:980px;
}
body.white #cont {
	border-width: 0 1px 0 1px;
	border-color: #E9E9E9;
	border-style: solid;
}
#main, #container {
	margin:0 10px;
    float:left;
    width:640px;
    }
.catname {
	width:620px;
	height:57px;
	background:url(images/bg_cat.jpg) no-repeat top left;
	margin:0 0 0px 0;
	color:#fff;
	font-size:22px;
	padding:6px 0 0 20px;
}
.catname .desc {
	font-size:16px;
	font-weight:normal;
}
.catname a {
	color:#fff;
	text-decoration:none;
}
.catname a:hover {
	color:#b8edff;
}
.article {
	position:relative;
}
h2.title {
	font-size:22px;
	font-weight:bold;
	margin:0;
	color:#34323a;
}
.article .byline {
	font-size:18px;
	font-weight:bold;
	color:#3b3b3b;
}
.article .byline .cat {
	color: #999;
}
.article a { color: #f06131; }
.article a:hover { color:#f09431; }
.article .txt {
	margin: 30px 0 0 0;
	position:relative;
	font-size:18px;
	color:#3b3b3b;
	line-height:1.308em;
	color:#3b3b3b;
}
.article .txt p {
	margin: 0 0 14px 0;
}
.article .txt ul {
	margin:0 0 20px 20px;
	list-style: circle;
}
.article .tags {
	margin:20px 0;
}
.article .edit {
	font-weight:bold;
}
.article .share {
	border-bottom:0.1em dotted;
	border-top:0.1em dotted;
	border-color:#c1c5cb;
	padding:10px 0;
}
.story {
	overflow: hidden;
	border-bottom:0.1em dotted;
	border-color:#c1c5cb;
	padding:0 0 10px 0;
	margin:0 0 30px 0;
	position:relative;
}
.story h2.title {
	font-size:22px;
	font-weight:bold;
	line-height:1.1em;
	margin:0;padding:0 0 0.6em
}
.story h2.title a {
	color:#34323a;
	text-decoration:none
}
.story h2.title a:visited {
	/*color:#806f7f*/
}
.story h2.title a:hover { color:#64626b }
.story .story-image {
	float:left;
	position:relative;
	z-index:50;
}
.story .story-image img {
	width:135px;
	height:135px;
}
.story .teaser {
	position:relative;
	font-size:13px;
	color:#3b3b3b;
	font-weight:normal;
	line-height:1.308em;
	width:477px;
	min-height:75px;
	padding-left:150px;
	z-index:25;
}
.story .teaser .byline {
	font-size:10px;
	font-weight:bold;
	margin: 0 0 10px 0;
}
.story .teaser .byline .cat {
	color: #999;
}
.story .teaser .byline .cat a {	color: #999; text-decoration:none; }
.story .teaser .byline .cat a:hover { color: #3b3b3b; }
.story .teaser .moreline {
	margin:10px 0 0 0;
	font-size:11px;
}
.story .teaser .moreline a {
	color:#f06131;
	text-decoration:none;
}
.story .teaser .moreline a:hover { color:#f09431; }
.story .teaser .moreline a.comment {
	background:url(images/ico_comment.gif) no-repeat 0 3px;
	padding: 0 0 0 16px;
}
.story .teaser .moreline a.more {
	background:url(images/ico_more.gif) no-repeat 0 3px;
	padding: 0 0 0 16px;
}
.story .teaser .moreline a.comment:hover,
.story .teaser .moreline a.more:hover
 {
	background-position:0 -12px;
}
.story .teaser .moreline a.more {
	margin: 0 0 0 20px;
}
	
#sidebar {
    float:right;
    width:300px;
}
#sidebar .side {
	margin:0 0 20px 0;
}
#sidebar #recent-posts-3 li a {
	display:block;
	padding: 5px 0 5px 20px;
	background:url(images/ico_bullet.gif) no-repeat 4px 10px;
}
#sidebar #recent-posts-3 li a:hover {
	background-position:7px 10px;
}

/* Viziteaza sidebar */
#sidebar #linkcat-16 li {
	font-weight:bold;
	clear:both;
	height:20px;
	line-height:20px;
	margin: 0 0 0 10px;
}
#sidebar #linkcat-16 li a {
	display:block;
	padding:5px 0;
	color:#1684ea;
}
#sidebar #linkcat-16 li a:hover { text-decoration:underline; }
#sidebar #linkcat-16 li a img {
	float:left;
	margin:0 10px 0 0;
}
/* viziteaza sidebar end */
#sidebar .side h3.side-title {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#5d5b61;
	background-color:#e5e5e5;
	padding:5px;
	margin:0 0 10px 0;
}
#sidebar #facebooklikebox-2 .side-title {
	display:none;
}
.nav_bellow {
	background-color:#e5e5e5;
	padding:10px;
	position:relative;
}
.nav_bellow h2 {
	font-size:14px;
	font-weight:bold;
	color:#34323a;
}

.nav_bellow .story_links {
	position:absolute;
	right:10px;
	top:10px;
}
.nav_bellow a {
	color:#f06131;
	text-decoration:none;
}
.nav_bellow a:hover { color:#f09431; }


/*
Default style for WP-PageNavi plugin
*/

.wp-pagenavi {
	clear: both;
	/*background-color:#DBDBDB;
	padding: 10px 10px;*/
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding:5px 8px;
	margin: 0 2px;
	color:#808080;
	border-color:#999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #D2D2D2;
}
.wp-pagenavi a:hover {
	background-color:#0F0;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #D2D2D2;
	background-color:#D2D2D2;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
h3#comments-title,
h3#reply-title {
	color: #34323a;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 15px 0 10px 0;
}
.commentlist li.comment {
	/*border-bottom: 1px dotted #c1c5cb;*/
	position: relative;
}
.commentlist li.comment .author_bar {
	height:30px;
	position:relative;
}
.commentlist li.comment .author_bar .avatar {
	position:absolute;
	left:0px;
	top:0px;
}
.commentlist li.comment .author_bar .txt {
	background:#eee;
	height:30px;
	line-height:30px;
	width:597px;
	padding: 0 0 0 10px;
	position:absolute;
	left:0px;
	top:0px;
	margin-left:33px;
	color:#34323a;
}
.commentlist li.comment .author_bar .txt .edit {
	position:absolute;
	right:10px;
	top:0px;
}
.commentlist li.comment .author_bar .txt .edit a {
	color:#F00;
}
.commentlist li.comment .author_bar .txt .edit a:hover {
	text-decoration:underline;
}
.commentlist li.comment .comment-body {
	padding: 15px 0px 25px 10px;
	color:#34323a;
}
.commentlist li.comment .comment-body .comment-awaiting-moderation {
	font-style:italic;
	color:#808080;
}
.nocomments {
	margin:20px 10px;
}


/* Comments form */
#respond {
	margin: 20px 0;
	overflow: hidden;
	position: relative;
}

#commentform p {
	padding:10px;
}
#author, #email, #url {
	width:210px;
	padding:3px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	font-size:14px;
	color:#555;
	border:2px solid #D2D2D2;
}
#comment {
	border:2px solid #D2D2D2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	width:550px; 
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
#submit {
	background:#eee; 
	border:2px solid #D2D2D2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:14px;
	font-weight:bold; 
	cursor:pointer; 
	padding:5px 8px;
}
#submit:hover {
	background:#D2D2D2;
}
/*#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
	display:none;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 14px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 14px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}*/

/************

footer 

************/

#footer {
	border:solid #5c5c5c;
	border-width:15px 0 0 0;
	padding:15px 0 0px 0px;
	margin:0 0 20px 0;
	clear:both;
}
body.white #footer {
	border:solid #E9E9E9;
	border-width:15px 0 0 0;
}
#footer .foot {
	float:left;
	margin:10px 30px 10px 0;
	padding:0 20px 0 0;
	line-height:1.2em;
	border-right:0.1em dotted;
	border-color:#4b4c4f;
}
body.white #footer .foot {
	border-right:0.1em dotted;
	border-color:#c1c5cb;
}
#footer h3.footer-title {
	text-transform:uppercase;
	color:#92939c;
	font-size:13px;
	margin:0 0 5px 0;
}
#footer .foot a {
	color:#f06131;
	text-decoration:none;
	font-size:12px;
}
#footer .foot a:hover { color:#f09431; }
#footer #text-2 .footer-title { display:none; }

/* forum */

#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}