/*
------------------------------------------------------------------------
Theme Name:    News
Theme URI:     http://quommunication.com/
Description:   A new kind of WordPress theme. For comments, questions or problems visit the <a href="http://quommunication.com/forum" title="Quommunication Forum">Quommunication Forum</a>!
Version:       1.02
Author:        Quommunication
Author URI:    http://quommunication.com/
------------------------------------------------------------------------

Support:       Bence Kucsan, support@quommunication.com
Updated:       January 14 2008
Copyright:     (c) 2008 Quommunication, a product of Bence Kucsan

All rights reserved.
*/

body {
	margin: 0px;
	padding: 0px;

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

	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

a {
	outline: none;
}

.clear {
	clear: both;
}

.hr {
	margin: 0px;
	padding: 0px;
	
	height: 1px;
	font-size: 1px;

	background-color: #ffffff;
	
	clear: both;

	border-bottom: 1px solid #cccccc;
}

.hr_top {
	margin: 0px;
	padding: 0px;
	
	height: 5px;
	font-size: 1px;

	background-color: #eeeeee;
	border-top:1px solid #cccccc;
	
	clear: both;
}

.hr_bottom {
	margin: 0px;
	padding: 0px;
	
	height: 5px;
	font-size: 1px;

	background-color: #eeeeee;
	
	clear: both;

	border-bottom: 1px solid #cccccc;
}

.red {
	color: #cc0000;
}

/*
------------------------------------------------------------------------
CONTAINER - The 980px wide wrapper used in header, main menu, and more
------------------------------------------------------------------------
*/

.container {
	margin: 0px auto 0px auto;
	padding: 0px 10px 0px 10px;
	
	width: 980px;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	text-align: left;
}

/*
------------------------------------------------------------------------
HEADERS
------------------------------------------------------------------------
*/

h1, h1 a, h1 a:visited {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	
	font-family: Geneva, Arial;
	/*font-size: 28px;*/
	line-height: 1.5em;
	color: #000000;
	letter-spacing:normal;
	text-decoration: none;
}

h1 a:hover {
	color: #cc0000;
}

h2 {
	margin: 20px 0px 10px 0px;
	padding: 0px;

	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #cc0000;
}

h2 a {
	padding: 0px 0px 1px 0px;
	text-decoration: none;
	border-bottom: 1px solid #dddddd;
}

h2 a:hover {
	color: #000000;
}

h2 i {
	color: #545454;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}

h2 i a, h2 i a:visited {
	color: #086d92;
	text-decoration: none;
	
	border-bottom: 1px solid #dddddd;
}

h2 i a:hover {
	color: #000000;
}

h3 {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	
	font-family: Geneva, Arial;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	letter-spacing: -1px;
}

h3 a, h3 a:visited {
	color: #336699;
	text-decoration: none;
}

h3 a:hover {
	color: #cc0000;
}

/*
------------------------------------------------------------------------
HEADER - Logo & Search Form
------------------------------------------------------------------------
*/
#top {
	background:#0b8cb5;
	border-bottom:1px solid #a9e6fa;
	padding:5px 0px;
}

#top #desc {width:980px; margin:0px auto;}

#header {
	margin: 0px auto;
	padding: 0px;

	width: 980px;
	height: 70px;

	text-align: left;
}

#header a img { border:none; }

.logo, .logo a, .logo a:visited {
	margin: 10px 0px 15px 0px;
	padding: 0px;

	font-family: Geneva, Arial;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #cc0000;
	text-decoration: none;
	
	float: left;
}

.search {
	margin: 0px 0px 0px 0px;
	padding: 5px;
	
	background-color: #eeeeee;

	float: right;
}

.search .input {
	margin: 0px 3px 0px 0px;
	padding: 6px 7px 5px 7px;
	
	width: 194px;
	
	font-family: Arial;
	font-size: 11px;
	color: #999999;

	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;	
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.button {
	margin: 0px;
	padding: 0px 8px 0px 8px;
	
	height: 25px;
	background-color: #000000;
	
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	color: #ffffff;
	
	border: 0px;
}

/*
------------------------------------------------------------------------
MENUS - Main, Pages (currently not in use) & Sub Menu
------------------------------------------------------------------------
*/

#menu {
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;	
	width: 100%;
}

.main_menu li {
	margin: 0px 20px 0px 0px;
	padding: 0px;

	font-size: 13px;
	
	float: left;
	list-style: none;
}
.page_item a, .page_item a:visited {
	margin: 0px;
	padding: 0px 0px 10px 0px;

	color: #363636;
	text-decoration: none;
	text-transform:uppercase;
	font-size:12px;
	display: block;
}

#buzz {border:none; float:right; padding:0px; margin:-1px 0px 0px 0px;}
.current_page_item, .page_item a:hover {
	background:url(images/nav-bottom.gif) bottom center no-repeat;
    olor: #000;
}

.current_page_item a, .current_page_item a:visited, .current_page_item a:hover {
	border-bottom: none;
}

/* END Main Menu */

/* Sub Menu */

#submenu {
	margin: 0px auto 10px;
	padding: 0px;
	
	width: 100%;
	height: 42px;
	background:url(images/nav.gif) repeat-x;
}

.sub_menu li {
	margin: 8px 5px 7px 0px;
	padding: 0px;
	
	font-size: 11px;
	
	float: left;
	list-style: none;
}

.cat-item a, .cat-item a:visited {
	margin: 0px;
	padding: 3px 6px 3px 6px;

	color: #ffffff;
	text-decoration: none;
	
	display: block;
}

.cat-item a:hover {
	background-color: #921c08;

	color: #ffffff;
	text-decoration: none;
}

.current-cat, .current-cat a, .current-cat a:visited {
	background-color: #921c08;

	color: #ffffff;
	text-decoration: none;
}

.sub_menu li b {
	margin: 0px;
	padding: 3px 0px 3px 0px;

	color: #FFFFFF;
	text-decoration: none;
	
	display: block;
}

/* END Sub Menu */

/* Dropdown Menu, if there are some children categories in WordPress defined */

.children {
	margin: 0px;
	padding: 4px 0px 4px 0px;
	
	position: absolute;
	left: -9000px;
	
	background-color: #ffffff;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}

.sub_menu li:hover ul, .sub_menu li.iehover ul, .main_menu li:hover ul, .main_menu li.iehover ul {
	left: auto;
}

.children li {
	margin: 1px 7px 1px 7px;
	padding: 1px 0px 1px 0px;
	
	float: none;
}

.children li a, .children li a:visited {
	background-color: #ffffff;
	padding:3px;
	color: #999999;
}

.children li a:hover {
	background: #999999;
	color: #ffffff;
}

.children .current-cat, .children .current-cat a, .children .current-cat a:visited {
	background-color: #999999;

	color: #ffffff;
	text-decoration: none;
}

/* END Dropdown Menu */

/*
------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------
*/

/* Column Definitions */

.column_main {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	
	width: 640px;
	
	border-right: 1px solid #cccccc;
	float: left;
}

.column_right {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 20px 0px;
	
	width: 300px;
	
	float: right;
}

.column_left_b {
	margin: 10px 0px 10px 0px;
	padding: 0px 20px 20px 0px;
	
	width: 299px;
	
	float: left;
	
	border-right: 1px solid #cccccc;
}

.column_center_b {
	margin: 10px 0px 10px 0px;
	padding: 0px 20px 20px 20px;
	
	width: 299px;
	
	float: left;
	
	border-right: 1px solid #cccccc;
}

.column_right h1 a, .column_left_b h1 a, .column_center_b h1 a {
	font-size:16px;
	color:#336699;
}

.column_right h2 a, .column_left_b h2 a, .column_center_b h2 a {
	color:#ffffff; background-color:#336699; padding:2px 5px;
}
.column_right h2 i a, .column_left_b h2 i a, .column_center_b h2 i a { background:none; color:#336699; border-bottom:1px dotted; padding:0px;}
/* END Column Definitions */

/* Featured (the first enrty in every category archives and on the index page, currently with that black background ) */
#featured-title, #author-title{
width:100%;
border-bottom:3px solid #cccccc;
height:30px;
margin-bottom: 20px;
}
#author-title{
	margin-bottom:5px;
}
#featured {
	width: 600px; position: relative; height: 220px;
	background: #bbe1f8; padding:20px; padding-top:0; margin: 0;
	color:#545454;
}

#featured a {
	color:#ed1c24; 
	border:none;
}
#featured a:hover {
	color: #a6080e;
	border-bottom:1px solid #a6080e;
}

#featured h1 a, #featured h1 a:visited {
	color: #111111;
	font-weight:normal;
	background-color: #bbe1f8;
        display:inline;
}

#featured h1 a:hover {
	color: #a6080e;
}

#featured h2 {
	color: #999999;
}

#featured a { 
	background-color:#ed1c24; 
	padding:2px 5px; 
	color:#FFFFFF;
	text-decoration:none;
}

#featured h2 a:hover { background:#a6080e; color:#FFFFFF; border:none; }

#featured h2 i a { 
	background:none; 
	color:#a6080e; 
	border-bottom:1px dotted; 
	padding:0px;
}

#recent-post-title, #social-post-title, #seo-post-title, #technology-title, #engine-title {
	background:url(images/recentpost.png) left no-repeat;
	border-bottom:3px solid #cccccc;
	height:30px;
	line-height:30px;
	margin:10px 0px;
	padding:2px 0px 0px 0px;
	text-align:right;
	font-weight:bold;	
}
#social-post-title{
	background:url(images/socialpost.png) left no-repeat;
}
#seo-post-title{
	background:url(images/seopost.png) left no-repeat;
}
#technology-title{
	background:url(images/digitalpost.png) left no-repeat;
}
#engine-title{
	background:url(images/engine.png) left no-repeat;
}
#recent-post-title select , #kategori select, #social-post-title select, #seo-post-title select, #technology-title select, #engine-title select{	
	font-size:12px;
	padding:2px 3px; border:1px solid #959595;
	color:#363636;
}
ul#recent-post li {
	padding:1em 10px; float:left; width:300px; height:195px;
}
ul#recent-post li:hover {background:#cfeefc;}

a img.thumbs { 
	float:left; 
	background:#f6ffdf;
	border:1px solid #6dc9f2;
	padding:3px;
	margin:0px 10px 5px 0px;
}
a img.thumbs:hover { background:#6dc9f2; }

.recent-post-content {float:left; margin:10px 0px;}
.recent-post-content p { margin:0px; }

#featured p {
	color: #363636;
}

#fb {
	background:#f5fbfe; border:1px solid #cfeefc; padding:5px; margin:10px 0px;
}
#fb:hover { background:#dcf3ff; }

#twitter a img {border:none; padding:0px; margin:0px 0px 10px 0px; background:none;}
/*#featured p a, #featured p a:visited {
	color: #ffffff;
	border-bottom: 1px solid #333333;
}

#featured p a:hover {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}*/

#featured img, #featured img a, #featured img a:visited {
	margin: 5px 0px 10px 5px;
	padding: 4px;
	
	float: right;
	background:#ffffff;
	border:1px solid #6dc9f2;
}

#featured img:hover { background:#6dc9f2; }

#featured ul, #featured ol {
	margin: 20px 0px 20px 50px;
	padding: 0px;
}

#featured li {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	
	font-size: 14px;

	list-style-type: disc;
	border-bottom: none;
}

#featured blockquote p {
	margin: 20px 0px 20px 0px;

	font-family: Georgia;
	font-size: 18px;
	line-height: 22px;
	font-style: italic;
}

#featured a.more-link {
	background:#ed1c24 url(images/readmore.gif) left center no-repeat;
	height:25px; 
	line-height:25px;
	padding:3px 5px 3px 10px;
	color:#FFFFFF;
	clear:both;
}

#featured a.more-link:hover { background-color:#a6080e; border:none;}
/* END Featured */

/* Categories */

.category_header {
	margin: 10px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
	
	background-color: #eeeeee;
	
	text-align: center;
	
	border-bottom: 1px solid #cccccc;
}

/* END Categories */

/* Lists (displaying the posts) */

#content ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#content li {
	margin: 0px;
	padding: 7px 0px 7px 0px;
	
	line-height: 16px;
	
	list-style-type: none;

	border-bottom: 1px dashed #aaaaaa;
}

#posts {margin:0px; padding:1em 0px; border-top:3px solid #ebebeb; border-bottom:1px solid #c2c2c2;}
.title a, .title a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.title a:hover {
	color: #336699;
}

.comment_excerpt a, .comment_excerpt a:visited, .comment_excerpt a:hover {
	font-weight: normal;
}

.meta {
	margin: 0px 0px 15px 0px;
	padding: 0px;

	color: #999999;
	font-size: 11px;
}

.meta a, .meta a:visited {
	color: #999999;
	text-decoration: none;
	border-bottom: 1px solid #dddddd;
}
.meta a:hover {
	color: #000000;
}

/* END Lists */

/* Entry */

.column_left_b a img, .column_center_b a img, .column_right a img {
	margin: 3px 10px 5px 0px;
	padding: 4px;
	
	float: left;
	background:#ebebeb;
	border: 1px solid #b9edea;
}

.column_left_b small, .column_center_b small, .column_right small {
	color: #999999; margin-bottom:5px;
}

.column_left_b small a, .column_center_b small a, .column_right small a {
	color: #208a84; text-decoration:none; border-bottom:1px dotted;
}

p {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	
	line-height: 18px;
}

p a, p a:visited {
	color: #336699;
	text-decoration: none;
	
	border-bottom: 1px solid #dddddd;
}

p a:hover {
	color: #cc0000;
}

#entry {
	margin: 30px 0px 0px 0px;
}

#entry .digg {
	margin: 5px 10px 5px 0px;
	float: left;
}

#entry .fb {margin:0px 0px 5px;}

.FBConnectButton_Small .FBConnectButton_Text { padding:2px 2px 3px; }

#entry img, #entry img a, #entry img a:visited {
	margin: 5px 0px 10px 20px;
	padding: 0px;
	
	float: right;
	
	border: none;
}

#entry p {
	margin: 20px 0px 20px 0px;
	
	font-size: 13px;
}

#entry ul, #entry ol {
	margin: 20px 0px 20px 50px;
	padding: 0px;
}

#entry li {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	
	font-size: 13px;

	list-style-type: disc;
	border-bottom: none;
}

#entry blockquote p {
	margin: 20px 0px 20px 0px;

	font-family: Georgia;
	font-size: 18px;
	line-height: 22px;
	font-style: italic;
}

/* Button like link styling for the 'Archives' link */

.link a, .link a:visited {
	margin: 0px;
	padding: 4px 6px 4px 12px;

	background: #cce9f3 url(images/cat-link.gif) left center no-repeat;

	font-size: 12px;
	color: #464646;
	font-weight: bold;
	
	border: none;
}

.link a:hover {
	color: #ffffff;
	background-color: #336699;
}

/* END Button like link styling for the 'Archives' link */

/* END Entry */

/* Comments */

.comment_author {
	margin: 20px 20px 20px 0px;
	padding: 0px;
	
	width: 150px;

	float: left;
}

.comments {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	
	width: 469px;
		
	float: left;
}

.leave_comment {
	margin: 0px 0px 10px 0px;
	padding: 20px;
	
	background-color: #eeeeee;
}

.leave_comment .textarea {
	margin: 0px;
	padding: 6px 7px 5px 7px;
	
	width: 585px;
	
	font-family: Arial;
	font-size: 12px;
	color: #333333;

	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;	
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.leave_comment .input {
	margin: 0px;
	padding: 6px 7px 5px 7px;
	
	width: 220px;
	
	font-family: Arial;
	font-size: 12px;
	color: #333333;

	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;	
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

/* END Comments */

/* Tabs (in the sidebar for the AJAX box) */

.tab_container {
	margin: 0px;
	padding: 0px;
	
	border: 5px solid #a9d0e2;
}

.tab_container_in {
	margin: 0px;
	padding: 10px;
	
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.tab_menu_container {
	padding: 0px 0px 0px 0px;
	
	height: 27px;
	
	background-color: #a9d0e2;
}

#tab_menu li {
	margin: 0px;
	padding: 7px 5px 2px 0px;
	
	background-color: #a9d0e2;
	
	font-size: 11px;
	line-height: normal;

	float: left;
	list-style: none;
	cursor: pointer;
	
	border-bottom: none;
}

#tab_menu .first {
	padding: 7px 5px 2px 6px;
}

#tab_menu li a, #tab_menu li a:visited {
	margin: 0px;
	padding: 3px 6px 3px 6px;
	
	background-color: #a9d0e2;

	color: #086d92;
	text-decoration: none;
	
	display: block;
}

#tab_menu li a:hover, #tab_menu li a.current {
	background-color: #086d92;

	color: #ffffff;
	text-decoration: none;
}

.tab_content_list {
	display: none;	
}

#tab_content_tags a, #tab_content_tags a:visited {
	color: #999999;
	text-decoration: none;
}

#tab_content_tags a:hover {
	color: #000000;
	text-decoration: none;
}

/* END Tabs */

/* Widgets */

#content .widget ul {
	padding: 10px 10px 20px 10px;
	
	border: 5px solid #a9d0e2;
}

.widget li a, .widget li a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	
	display: block;
}

.widget li a:hover {
	color: #cc0000;
}

.widget .page_item a, .widget .page_item a:visited, .widget .page_item a:hover  {
	border-bottom: none;
}

.widget .cat-item a, .widget .cat-item a:visited {
	padding: 0px;
}

.widget .cat-item a:hover, .widget .current-cat, .widget .current-cat a, .widget .current-cat a:visited {
	background-color: #ffffff;
}

/* END Widgets */


/*
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------
*/

#footer {
	margin: 0px auto;
	margin-top: 10px;
	padding: 20px 0px 20px 0px;
	
	width: 100%;
	background-color: #eeeeee;
}

#footer p.left {
	font-size: 11px;
	color: #999999;
	float: left;
}

#footer p.right {
	font-size: 11px;
	color: #999999;
	float: right;
}

#footer p a, #footer p a:visited {
	color: #999999;
	font-weight: normal;
	text-decoration: none;
	
	border-bottom: 1px solid #dddddd;
}

#footer p a:hover {
	color: #000000;
}

#feedburner {
	padding:5px;
}

#feedburner input#email { width:200px; border:1px solid #88b9d0;}
#feedburner input#submit { margin:5px 0px; padding:3px 5px; font-weight:bold; border:none; background:#88b9d0; cursor:pointer;}
#feedburner p { margin:2px 0px;}
#feedburner p#rss {background:url(images/rss.gif) left center no-repeat; background-position:50px 0; padding-left:24px; height:20px;}

#banner-top { margin:20px 0px 10px 0px; padding:0px; float:right; }
#banner-post { margin:20px 0px; }
#banner-footer { margin:10px auto 0px auto; padding:0px; text-align:center; }
#banner-top a img, #banner-post a img, #banner-footer a img { border:none;}
#banner-top-sidebar, #banner-sidebar {margin:14px 5px; padding:0px; }
#banner-top-sidebar a img, #banner-sidebar a img {border:none; padding:0px; margin:0px; background:none;} 

#banner-1 a img { margin:15px 0px 0px 0px; border:none; }
#banner-2 a img { margin:0px 0px 20px 0px; padding:0px; border:none; }

#archive h1 {margin:0px; padding:0px; font-size:12px; text-transform:uppercase; color:#252525; letter-spacing:normal;}
#archive h1 a { color:#252525;}
#posts h1 a { color:#336699; font-size:18px; }
#posts h2 a { color:#ffffff; background-color:#336699; padding:2px 5px;}
#posts h2 i a { background:none; color:#336699; border-bottom:1px dotted; padding:0px;}

#top h1 {font-size:12px; margin:0px; padding:0px; line-height:normal;}
#top h1 a {color:#e4f3f8;}
#page-wrap { width: 600px; position: relative; height: 220px; background: #cfeefc; padding:20px; }
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap { width: 600px; position: absolute; }			
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; width:600px; height: 210px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 600px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb { border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: 0; }
#movers-row ul								{ float: left; }
#movers-row ul li { display:inline; }
#movers-row ul li a.cross-link 				{ 
padding:3px 5px; 
background:#0A91B8; 
font-size:10pt; 
margin-right:3px; 
color:#F2F2F2;
border:2px solid #06A7C4;
}
#movers-row ul li a.cross-link:hover 			{ background:#02ACDD; color:#FFFFFF; border:2px solid #06A7C4; }
#floatMenu{  
    position:absolute;  
    margin-top:150px;  
    left:0;
    background:#F0FDFF;
    background: rgba(249,254,255,0.6);
    padding:10px;
    border:1px solid #EEEEEE;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    z-index:10;
}
#floatMenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#floatMenu ul{
	position:relative;
	display:inline;
}
#floatMenu ul li{
}
#floatMenu ul li a img{
	border:none;
	text-decoration:none;
}
#kategori{
font-weight:bold;
padding:5px;
margin-top:10px;
text-align:right;
}
#related-post{
padding:10px;
}
#related-post ul{
margin:0;
padding:0;
}
#related-post ul li{
list-style-type:none;
}
#related-post ul li a{
color:#336699;
font-size:10pt;
}
#related-post ul li a:hover{
color:#DD002B;
}