/*



Theme Name: Convergence



Theme URI: http://themeforest.net



Description: The place where people and information converge and create community.



Version: 1



Author: Maximus



Author URI: http://themeforest.net



Tags: community, news, industry, blog



*/







/*=== Setup ===*/



* {



	border: 0;



	margin: 0;



	padding: 0;



	outline: none;



}



body {



	background: url(images/bgr.gif) #f7f6f6 repeat-x top;



	color: #404040;



	font-family: Arial, Verdana, Helvetica, sans-serif;



	font-size: .75em;



	



}



a {



	color: #006699;



	text-decoration: none;



}



a:hover {



	text-decoration: underline;



}



input, select, textarea {



	border: #cfcfcf 1px solid;



	color: #404040;



	font-size: 12px;



	padding: 3px;



	font-family: Arial, Verdana, Helvetica, sans-serif;



}



li {



	list-style: none;



}



h2 {



	color: #222222;



	font-size: 1.5em;



	font-weight: normal;



	letter-spacing: -1px;



	margin: 0 0 1em;



}



h3 {



	color: #333333;



	font-size: 1.2em;



	margin: 0 0 .8em;



}



h4 {



	font-size: 1em;



	margin: 0 0 1em;



}



p {



	line-height: 1.75em;



	padding: 0 0 1.3em;



	font-style:normal;



}



/*=== Layout ===*/



#page {



	margin: 0 auto;



	width: 975px;



}



#page-bot {



	background: url(images/page-bot.gif) repeat-x top;



	height: 39px;



}



/*=== H eader ===*/



#header{



	height: 167px;



	margin: 0 0 1px;



padding-left:18px;



padding-top:10px;



}



/*- Logo -*/



/* #header h1 {



	background: url(images/logo.png) no-repeat;



	float: left;



	text-indent: -9999px;



	width: 220px;



}



#header h1 a {



	display: block;



	height: 101px;



}



#header h1 a:hover {



	text-decoration: none;



}  */

#header h3 {



	background: url(images/logo.png) no-repeat;



	float: left;



	text-indent: -9999px;



	width: 220px;



}



#header h3 a {



	display: block;



	height: 101px;



}



#header h3 a:hover {



	text-decoration: none;



}

/*=== Navigation ===*/



/*- Top Nav -*/



.topnav {



	font-size: 10px;



	font-weight: bold;



	height: 31px;



	overflow: hidden;



}



.topnav li {



	background: url(images/topnav-sep.gif) no-repeat left;



	float: left;



	line-height: 30px;



}



.topnav li.first {



	background: none;



}



.topnav li.first a {



	padding: 0 7px 0 4px;



}



.topnav li a {



	color: #333333;



	display: block;



	float: left;



	padding: 0 7px 0 8px;



	text-decoration: none;



}



.topnav li a:hover,



.topnav li.active a {



	text-decoration: underline;



}	



/*- Nav1 -*/



#nav1 {



	background: url(images/nav1-sep.gif) no-repeat left top;



	font-size: 13px;



	height: 37px;



}



#nav1 ul.sf-menu li {



	position: relative;



	background: url(images/nav1-sep.gif) no-repeat right top;



	float: left;



	line-height: 37px;



	padding: 0 1px 0 0;



	text-align: center;



}



#nav1 ul.sf-menu li a {



	color: #333333;



	display: block;



	position: relative;



	float: left;



	text-decoration: none;



	width: 107px;



	cursor: pointer;



}



#nav1 ul.sf-menu li a:hover {



	text-decoration: none;



	background: #FEFEFE;



}



#nav1 ul.sf-menu li ul.children {



	border: 1px solid #000000;



	background: #272726 url(images/ul_children_bg.gif) repeat-y top right;

	



}



#nav1 ul.sf-menu li ul.children li {



	background: url(images/ul_children_li_bg.gif) no-repeat bottom right;



}



#nav1 ul.sf-menu li ul.children li a {



	color: #bebebe;



	text-decoration: none;



	display:block;



}



#nav1 ul.sf-menu li ul.children li a:hover {



	text-decoration: none;



	background: none;



}



#nav1 ul.sf-menu li ul.children li ul.children {



	border: 1px solid #000000;



	border-left: none;



	background: #272726 url(images/ul_children_ul_children_bg.gif) repeat-y top left;



}



#nav1 ul.sf-menu li ul.children li ul.children li {



	background: url(images/ul_children_li_bg.gif) no-repeat bottom right;



}



#nav1 ul.sf-menu li ul.children li ul.children a {



	color: #bebebe;



	text-decoration: none;



}



#nav1 ul.sf-menu li ul.children



{



	margin:5px 0 0 0;



}



#nav1 ul.sf-menu li ul.children ul.children



{



	margin:-1px 0 0 27px;



}



/*=== All Columns ===*/



#columns {



	margin: 37px 0 0;



	padding: 0 0 15px;



	display: table-cell;



	display: block;



	height: auto !important;



	height: 900px;



	min-height: 900px;



}



/*=== Center Column ===*/



#centercol {



	float: left;



	width: 660px;



}



/*=== Right Column ===*/



#rightcol {



	float: right;



	width: 305px;



}



#rightcol a {



	color: #404040;



	text-decoration: none;



}



/*=== Sub Columns ===*/



.subcols {



	background: url(images/subcols-bgr.gif) repeat-y left;



	height: 1%;



}



.col1, .col2 {



	float: left;



	width: 285px;



}



.col2 {



	float: right;



}



/*=== Post ===*/



/*- Post Title -*/



.post-title h1 {



	color: #333333;



	font-size: 18px;



	font-weight: bold;



	letter-spacing: -0.5px;



}



.post-title h1 span {



	color: #006699;



}



.post-title h1.author {



	color: #888888;



	font-size: 14px;



	padding-top: 2px;



}



.post-title h2, .post-title h2 a  {



	font-size: 30px;



	font-weight: bold;



	letter-spacing: -2px;



	margin: 0 0 .45em;



	color: #222222;



	text-decoration: none;



}



/*- Post Date -*/



.post-date {



	margin: 0 0 1.25em;



}



.post-date a {



	color: #006699;



}



.post-date em {



	color:#666;



	font-size: .9em;



	font-style: normal;



	padding: 3px 0px;



	line-height: 1.75em;



}



/*- Post Excerpt -*/



.post-excerpt {



	display: table;



	font-size: 13px;



	font-style: italic;



	height: 1%;



 /* margin: 0 0 1em; */



}



/*- Post Lists -*/



.post ul, .post ol {



	margin: 0 0 1.5em 2.5em;
	line-height:1.5em;


}



.post ul li {



	background: url(images/ico-list.gif) no-repeat 0 6px;



	margin: 0 0 .4em;



	padding: 0 0 0 10px;



}



.post ol li {



	list-style: decimal;



	list-style-position:outside;
	


	margin: 0 0 1.5em;
	



}



/*- Post Blockquote -*/



.post blockquote {



	border-left: 3px solid #cfcfcf;



	font-size: 13px;



	font-style: italic !important;



	margin: 0 0 1.5em;



	padding: 5px 0 0 10px;



}



/*- Post Author -*/



.post-author {



	margin: 0 0 1em;



}



.author-details {



	font-size: .85em;



}



.author-descr {



	display: table;



	height: 1%;



}



/*- Social Links -*/



.social-links {



	background: url(images/box-bgr2.gif) #f1f1f1 repeat-x top;



	height: 42px;



	padding: 0 18px;



}



.social-links .fl {



	line-height: 42px;



}



.social-links .fl span {



	background: url(images/comment_count_bg.gif) no-repeat center left;



	font-weight: bold;



	font-size: 14px;



	text-align: center;



	padding: 4px 0 8px 0;



	width: 33px;



	margin-right: 6px;



	display: inline-block;



	line-height: 32px;



}



.social-links .fr {



	padding: 9px 0 0;



}



.social-links .fr span {



	line-height: 21px;



}



.social-links img {



	margin: 0 0 0 2px;



}



/*- Related Posts -*/



.post-rel {



	line-height: 1.5em;



}



.post-rel a {



	color: #006699;



}



/*- Post Comments -*/



.post-comments .fl {



	width: 80px;



}



.post-comments .fr {



	width: 520px;



	font-style:oblique;



}



/*- Widget Title - */



.wtitle {



	background: url(images/box-bgr.gif) repeat-x top;



}



.wtitle h2 {



	line-height: 40px;



	margin: 0;



	padding: 0 0 0 18px;



}



/*=== Styling Boxes ===*/



/*- Box1 -*/



.box {



	background: #ffffff;



	border: 1px solid #cfcfcf;



	margin: 0 0 28px;



	padding: 1px;



}



.box .content {



	background: url(images/box-bgr.gif) #ffffff repeat-x top;



	height: 1%;



 min-height:25px;



	padding: 18px;



}



.box.ads .content {



	padding-left: 15px;



	padding-right: 0;



	text-align: center;



}



#rightcol .box {



	margin: 0 0 10px;



}



/*- Box2 -*/



.box2 {



	background: #f9f9f9;



	border: 1px solid #cfcfcf;



	height: 1%;



	margin: 0 0 20px;



	padding: 18px;



	min-height: 115px;



}



/* Highlights author comments */







.boxAuthor {



	background-color: #ecf5fa !important;



	border: 1px solid #b4d2e1;



	height: 1%;



	margin: 0 0 20px;



	padding: 18px;



	min-height: 115px;



background: url(images/author.png) no-repeat bottom right;



}



.box2.alt {



	background: #FFFFFF;



}



.box2.alt {



	background: #FFFFFF;



}



.comm-name, .comm-date {



	line-height: 20px;



}



/*=== Styling Lists ===*/



/*- List1 -*/



.list1 li {



	background: url(images/ico-list1.gif) no-repeat 0 1.1em;



	border-bottom: 1px solid #e7e7e7;



	height: 1%;



	padding: .7em 0 .7em 13px;

	

	



}



.list1 li.last {



	border: 0;



}



#rightcol .list1 li a:hover {



	color: #006699;



	text-decoration:underline;



}



/*=== Styling Forms ===*/



input.btn {



	background: none;



	border: 0;



	margin: 0;



	padding: 0;



}



select {



	padding: 1px;



}



/*- Search -*/



#search {



	float: right;



	height: 25px;



	padding: 0 0 0;







}



#search input {



	background: url(images/search-bgr.gif) repeat-x top;



	border: 1px solid #000000;



	float: left;



	padding: 8px;



	width: 260px;



}



#search input.btn {



	background: none;



	border: 0;



	margin: 8px 0 0 -30px;



	padding: 0;



	width: auto;



}



/*- Message -*/



.message div {



	margin: 0 0 18px;



}



.message input {



	padding: 9px 15px;



	width: 487px;



}



.message textarea {



	height: 114px;



	overflow: auto;



	padding: 9px 15px;



	width: 487px;



	font-family: Verdana;



}



.message .submit {



	float: left;



}



.message .btn {



	padding: 0;



	width: auto;



}



.message .notice {



	color: #a4a4a4;



	float: right;



	font-style: italic;



	padding: 10px 0 0;



}



/*=== Pics, Thumbs, Ads etc. ===*/



.pic img {



	border: 2px solid #cfcfcf;



	display: block;



	margin: 0 0 .8em;



}



.pic.fl img {



	margin-right: 23px;



}



.pic.fr img {



	margin-left: 23px;



}



.th {



	display: block;



	margin: 0 0 .5em;
	



}



.th.fl img {



	margin-right: 10px;



}



.th.fl img



{



	width:40px;



	height:40px;



	border: 1px solid #cfcfcf;



}



.ads img, .ads.flickr .content img {



	margin: 0 14px 15px 0;



}



.ads.flickr .content img {



	border: 1px solid #cfcfcf;



}



.ads.flickr .ac img {



	border: 0;



	margin: 0;



}



/*=== Footer ===*/



#footer {



	color: #5f5f5f;



	font-size: 11px;



	line-height: 39px;



	margin: 0 auto;



	width: 975px;



}



#footer a {



	color: #006699;



	text-decoration: none;



}



#footer a:hover {



	color: #5f5f5f;



	text-decoration: underline;



}



/*=== Misc. ===*/



.fix {



	clear: both;



	height: 1px;



	margin: -1px 0 0;



	overflow: hidden;



}



.hl, .hl2 {



	background: url(images/hl-dot.gif) repeat-x top;



	clear: both;



	height: 2px;



	overflow: hidden;



	width: 100%;



}



.hl2 {



	background: none;



	border-top: 1px solid #e7e7e7;



	height: 1px;



	margin: 0 0 .8em;



}



.fl {



	float: left;



}



.fr {



	float: right;



}



.ac {



	text-align: center;



}



.ar {



	text-align: right;



}



span.amp {



  font-family: Baskerville, Palatino, "Book Antiqua", serif;



  font-style: italic;



  }



/*button*/

.button{

background: #222 url(http://www.zurb.com/images/alert-overlay.png) repeat-x;

display: inline-block;

padding: 5px 10px 6px;

color: #fff;

text-decoration: none !important;

font-weight: bold;

line-height: 1;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

-moz-box-shadow: 0 1px 3px #999;

-webkit-box-shadow: 0 1px 3px #999;

text-shadow: 0 -1px 1px #222;

border-bottom: 1px solid #222;

position: relative;

cursor: pointer;

-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);

}

.button:hover{

	opacity:0.8;filter:alpha(opacity=80);

}

/* Sizes ---------- */

.small.button {

font-size: 11px;

}

.medium.button {

font-size: 13px;

}

.large.button {

font-size: 14px;

padding: 8px 14px 9px;

}

 

/* Colors ---------- */

.blue.button {

background-color: #2daebf;

}

.red.button {

background-color: #e33100;

}

.magenta.button {

background-color: #a9014b;

}

.orange.button {

background-color: #ff5c00;

}

.yellow.button {

background-color: #ffb515;

}



/* added my Marek*/



/* NAVIGATION */	



#navigation {



	clear: both;



	height: 71px;



	margin-bottom: 5px;



	position: relative;



}		



	#navigation #logo {



		position: absolute;



		margin: -4px 0 0 3px;



	}







	#navigation .mainNav {



		padding: 24px 0 0 265px;



		font-family: "Segoe UI";



	}		



		#navigation .mainNav li {



			font-size: 15px;



			color: #fff;



			float: left;



			padding-right: 18px;



		}				



			#navigation .mainNav li a {



				color: #fff;



				display: block;



				text-decoration: none;



				font-weight: bold;



				padding: 0px 8px 3px;



				-moz-border-radius: 5px;



				-webkit-border-radius: 5px;



			}				



				#navigation .mainNav li a:hover {



					background: #525252;



				}				



				#navigation .mainNav li.selectedPageRoot a,			



				#navigation .mainNav li.selectedPage a {



					background: #fff;



					color: #333;



				}	











		}	



#header1 {



	height: 32px;



        margin-top:0px;



}		







		



.headerNav {



		float: right;



		color: #9ab2c9;



		font-size: 12px;



		margin-top: 2px;



	}



		.headerNav li {



			display: inline;



		}



			.headerNav li a {



				color: #f3f3f3;



				text-decoration: none;



			}



.search2 {

float:right;

margin:0 8px 0 22px;

position:relative;

}



.search2 input.searchInput {

background:url("images/search-input.gif") no-repeat scroll 0 0 transparent;

border:medium none;

color:#DEE6ED;

height:20px;

padding:3px 35px 0 5px;

width:184px;
font-size:10px;


}



.search2 input.searchButton {

background:url("images/search-button.gif") no-repeat scroll 0 0 transparent;

border:medium none;

color:#557AA0;

height:17px;

position:absolute;

right:5px;

top:3px;

width:17px;

cursor: pointer;

cursor: hand;

}