/*
------------------------------------------------------------------------
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.
*/

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/League_Gothic-webfont.eot');
	src: local('?'), url('fonts/League_Gothic-webfont.woff') format('woff'), 
	url('fonts/League_Gothic-webfont.ttf') format('truetype'), 
	url('fonts/League_Gothic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MisoLight';
	src: url('fonts/miso-light-webfont.eot');
	src: local('?'), url('fonts/miso-light-webfont.woff') format('woff'), 
	url('fonts/miso-light-webfont.ttf') format('truetype'), 
	url('fonts/miso-light-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MisoRegular';
	src: url('fonts/miso-webfont.eot');
	src: local('?'), url('fonts/miso-webfont.woff') format('woff'), 
	url('fonts/miso-webfont.ttf') format('truetype'), 
	url('fonts/miso-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MisoBold';
	src: url('miso-bold-webfont.eot');
	src: local('?'), url('fonts/miso-bold-webfont.woff') format('woff'), 
	url('fonts/miso-bold-webfont.ttf') format('truetype'), 
	url('fonts/miso-bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


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

	background-color: #ffffff;

	font-family: Arial;
	font-size: 12px;
	color: #333333;
	background-image:url(../../../images/header-gradient.jpg);
	background-repeat:repeat-x;	
}

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;
	
	clear: both;

	border-top: 1px solid #cccccc;
}

.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;
	padding: 0px;
	
	width: 980px;
	
	text-align: left;
}

/*
------------------------------------------------------------------------
HEADER - Logo & Search Form
------------------------------------------------------------------------
*/

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

	width: 980px;
	height: 70px;

	text-align: left;
	background-image:url(../../../images/header-logo-top.jpg);
	background-repeat:no-repeat;	
}

.logo, .logo a, .logo a:visited {
	margin: 10px 0px 0px 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: 32px 0px 0px 0px;
	padding: 5px;
	
	background-color: #eeeeee;

	float: right;
}

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

	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;	
	border-right: 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: 0px auto;
	padding: 0px 0px 0px 0;
	/* padding: 0px 0px 0px 165px; */ 
	width: 980px; /*815px;*/
	height: 30px;
	background-image:url(../../../images/header-logo-bottom.jpg);
	background-repeat:no-repeat;
}

.main_menu {
	padding: 0 0 0 165px;
	width: 815px;
}

.main_menu li {
	margin: 0px 20px 12px 0px;
	padding: 0px;
	font-size: 14px;
	float: left;
	list-style: none;
}

.page_item a, .page_item a:visited {
	margin: 0px;
	padding: 0px;

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

.current_page_item, .page_item a:hover {
	text-decoration:underline;
}

.current_page_item a, .current_page_item a:visited, .current_page_item a:hover {
	text-decoration:underline;
}

/* END Main Menu */

/* Sub Menu */

#submenu {
	margin: 0px auto;
	padding: 0px;
	
	width: 100%;
	height: 32px;
	background-color: #eeeeee;
	
	border-bottom: 1px solid #cccccc;	
}

.sub_menu li {
	margin: 7px 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: #336699;
	text-decoration: underline;
	
	display: block;
}

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

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

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

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

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

	color: #000000;
	text-decoration: underline;
	
	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 {
	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;

	color: #999999;
}

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

	color: #ffffff;
}

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

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

/* END Dropdown Menu */

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

/* Column Definitions */

.column_main {
	margin: 10px 0px 10px 0px;
	padding: 0px 20px 20px 0px;
	
	width: 640px;
	
	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;
}

/* END Column Definitions */

/* Featured (the first enrty in every category archives and on the index page, currently with that black background ) */

#featured {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	border: none;
}

#featured h1 a, #featured h1 a:visited {
}

#featured h1 a:hover {
}

#featured h2 {
	color: #333333;
}

#featured h2 a, #featured h2 a:visited {
	padding: 0px 0px 1px 0px;
	/*border-bottom: 1px solid #eeeeee;*/
}

#featured h2 a:hover {
	/*border-bottom: 1px solid #000000;*/
}

#featured h2 i {
	color: #333333;
}

#featured h2 i a, #featured h2 i a:visited {
	color: #333333;
	/*border-bottom: 1px solid #eeeeee;*/
}

#featured h2 i a:hover {
	color: #000000;
	/*border-bottom: 1px solid #000000;*/
}

#featured p {
	color: #000000;
}

#featured p a, #featured p a:visited {
	text-decoration:underline;
}

#featured p a:hover {
}

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

#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-style: italic;
}

/* 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;
}

.title a, .title a:visited {
	color: #336699;
	font-weight: bold;
	text-decoration: underline;
}

.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: underline;
	
}
.meta a:hover {
	color: #000000;
}

/* END Lists */

/* Entry */


/*
------------------------------------------------------------------------
1x1 CJ IMAGES
------------------------------------------------------------------------
*/


#cj {
    margin: 0;
    padding: 0px;
	width: 1xp;
	float:	none;
    height: 1px;
    border: none;
    clear: none;
}


.column_left_b img, .column_center_b img, .column_right img {
    margin: 3px 10px 5px 0px;
    padding: 0px;
    
    float: left; 
    
    /* add in new auto width */
    width: auto;
    height: 82px;
    
    border: none;
    clear:both;
}
	

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

p a, p a:visited {
	color: #336699;
	text-decoration: underline;
	
	
}

p a:hover {
	color: #cc0000;
}

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


#entry a, a:hover {
	color: #336699;
}

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

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

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

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

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

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

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

	font-family: Georgia;

	font-style: italic;
}

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

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

	background-color: #bbbbbb;

	font-size: 12px;
	color: #ffffff;
	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;
	
}

.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;
	
}

/* END Comments */

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

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

.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: #eeeeee;
}

#tab_menu li {
	margin: 0px;
	padding: 7px 5px 2px 0px;
	
	background-color: #eeeeee;
	
	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: #eeeeee;

	color: #336699;
	text-decoration: underline;
	
	display: block;
}

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

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

.tab_content_list {
	display: none;	
}

#tab_content_tags a, #tab_content_tags a:visited {
	color: #336699;
	text-decoration: underline;
}

#tab_content_tags a:hover {
	color: #cc0000;
}

/* END Tabs */

/* Widgets */

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

.widget li a, .widget li a:visited {
	color: #336699;
	font-weight: bold;
	text-decoration: underline;
	
	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 */

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

h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: 'LeagueGothicRegular';
	font-size: 40px;
	line-height: 55px;
	font-weight: normal;
}

h1 a, h1 a:visited {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: 'LeagueGothicRegular';
	font-size: 40px;
	line-height: 55px;
	font-weight: normal;
	color: #336699;
	text-decoration: underline;
}

h1 a:hover {
	color: #cc0000;
}

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

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

h2 a, h2 a:visited {
	padding: 0px 0px 1px 0px;

	color: #336699;
	text-decoration: underline;

	
}

h2 a:hover {
	color: #cc0000;
}

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

h2 i a, h2 i a:visited {
	color: #336699;
	
	
}

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

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: underline;
}

h3 a:hover {
	color: #cc0000;
}


.free-single {
	float: left;
	text-align: left;
	border: 1px solid #ccc;
	width: 271px;
	padding: 13px 10px 7px 16px;
	margin: 0 0 10px 0;
	background-color: #eeeeee;
}

.free-single-left {
	float:left;
	}

.free-single-right {
	float: right;
	}

/*
------------------------------------------------------------------------
RELATED POSTS
------------------------------------------------------------------------
*/

.related_post a, .related_post a:visited {
	color: #336699;
	text-decoration: underline;
	
	
}

.related_post a:hover {
	color: #cc0000;
}


/*
------------------------------------------------------------------------
RSS SUBSCRIPTION
------------------------------------------------------------------------
*/

.subscribe {
	float: left;
	text-align: left;
	border: 1px solid #ccc;
	width: 271px;
	padding: 13px 10px 7px 16px;
	margin: 0 0 10px 0;
	background-color: #eeeeee;
}

.text-field {
	border:	1px solid #666666;
	padding:3px;
	margin: 0 0 10px 0;
}


.subscribe-field {
	float:	left;}

.subscribe p {
	margin: 0 0 10px 0;
}

.submit-button {
	float:left;
	margin-left: 10px;
	}

.subscribe a {
	padding: 1px 0 3px 20px;
	background-image: url(../../../images/rss-icon.gif);
	background-repeat:no-repeat;
	text-decoration: underline;
}


/*
------------------------------------------------------------------------
SMARTZONE HOME PAGE
------------------------------------------------------------------------
*/

.smart-zone {
	width: 728px;
	margin:	0 0 30px 0;
	text-align:left;
	border: 1px #666666;
	float:	left;
	}

.smart-zone-info {
	width: 240px;
	background-image:url(../../../images/advertisement.gif);
	float:	left;
	margin-left: 10px;
	height:	90px;
	}

/*
------------------------------------------------------------------------
SMARTZONE SINGLE PAGE - 468
------------------------------------------------------------------------
*/

.smart-zone-468 {
	width: 468px;
	margin:	0 0 30px 0;
	text-align:left;
	float:	left;
	}

.smart-zone-info-468 {
	width: 160px;
	float:	left;
	margin-left: 10px;
	height:	60px;
	background-image:url(../../../images/advertisement-160.gif);
	}




/*
------------------------------------------------------------------------
SMARTZONE SINGLE PAGE - 300 SIDEBAR
------------------------------------------------------------------------
*/

.smart-zone-300 {
	width: 300px;
	margin:	0;
	padding:20px 0;
	text-align:left;
	float:	left;
	}

.smart-zone-300 img {
	width: 300px;
	height:	250px;
	margin:0;
	padding:0;
	}

.smart-zone-info-300 {
	width: 300px;
	float:	left;
	height:	30px;
	background-image:url(../../../images/advertisement-300.gif);
	margin-bottom:10px;
	}
	



.smart-zone-120-left {
	float: left;
	width:	120px;
	margin:	0 18px;
	padding:0;
	}
.smart-zone-120-left img{
	width:	120px;
	}	
.smart-zone-120-right {
	float: left;
	width:	120px;
	margin:	0;
	padding:0
	}	
.smart-zone-120-right img{
	width:	120px;
	}

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

#footer {
	margin: 0px auto;
	margin-top: 30px;
	padding: 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: #336699;
	font-weight: normal;
	text-decoration: underline;
	
	
}

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

/*
------------------------------------------------------------------------
INDEX
------------------------------------------------------------------------
*/

#main-bullets ul, ol, li{
	margin: auto;
	padding:auto;
	border:none;
	list-style:circle;
	}