/*  
Theme Name: Twicet
Theme URI: http://www.kriesi.at/
Description: A Business & Portfolio Theme
Version: 1
Author: Christian "Kriesi" Budschedl
Author URI: http://www.kriesi.at 
*/

input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}

html {
	background-color: #eaeaea;
}

body {
	color: #454545;
}


/*****************************
1.) #head	
/****************************/

#top .logo a {
	background: transparent url(../images/logo.png) left top no-repeat;
}

/*****************************
2.) #main
/****************************/

#main {
	background: transparent url(../images/bg_slice.png) left top no-repeat;
}

#main-white {
	background: transparent url(../images/bg_slice-wt.png) left top no-repeat;
}

/*****************************
3.) #mainpage image slider
/****************************/

#featured {
	background: transparent url(../images/bg_slice.png) center top repeat-y;
	color: #333333;
}

#featured-white {
	background: transparent url(../images/bg_slice-wt.png) center top repeat-y;
	color: #333333;
}

#featured_bottom {
	background: transparent url(../images/bg_slice2.png) right top no-repeat;
}

.ticker, .ticker a {
	color: #666;
	text-decoration: none;
}

.preview_images a img {
	border: 1px solid #afafaf;
	background-color: #fff;
}

.preview_images .current_prev img {
	border: 1px solid #666;
}

.pointer {
	background: transparent url(../images/pointer.png) no-repeat scroll left top;
}

/*****************************
4.) breadcrumb navigation
/****************************/

.breadcrumb {
	color: #ddd;
}

.breadcrumb a {
	text-decoration: none;
	color: #fff;
}

.breadcrumb a:hover {
	text-decoration: underline;
	color: #fff;
}

/*****************************
5.) content area below slider and on subpages
/****************************/

.content_top {
	background: transparent url(../images/bg_slice2.png) left top no-repeat;
}

#content {
	background: transparent url(../images/bg_slice2.png) repeat-y scroll center top;
}

/*****************************
6.) Portfolio Page (no sidebar)
/****************************/

.portfolio_item {
	border: 1px solid #ddd;
}

/*****************************
7.)pages with sidebar
/****************************/

.entry {
	border-bottom: 1px solid #bbb;
}

.categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a {
	background-color: #747474;
	color: #eee;
}

.entry-head a:hover, .more-link:hover, #top .portfolio_item h3 a:hover {
	background-color: #eaeaea;
	color: #747474;
}

#top .bg_sidebar {
	background: transparent url(../images/bg_sidebar.png) repeat-y scroll center top;
}

/*****************************
7.) Small Boxes and Sidebar "Widgets"
/****************************/

.small_box h4 {
	border-bottom: 1px solid #DDD;
	color: #000;
	margin-bottom: 10px;
}

.small_box1 h4, .small_box2 h4 {
	border-bottom: 1px solid #DDD;
	color: #3371ac;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 8px;
	font-size: 14px;
}

.small_box h3, .small_box1 h3, .small_box2 h3 {
	color: #000;
	border-bottom: 1px solid #DDD;
	padding-left: 4px;
} 

.small_box p, .small_box1 p, .small_box2 p {
	padding-left: 4px;
}

.small_box img, .small_box1 img, .small_box2 img {
	/*border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;*/
}

.widget_categories a, .widget_pages a {
	border-bottom: 1px solid #ddd;
}

.widget_categories a:hover, .widget_pages a:hover {
	background: #f5f5f5;
}


#obsf.selected, #vidwalk.selected, #ecomm.selected, #int-trial.selected, #pricing.selected, #administration.selected, #login.selected, #support.selected, #home.selected, #print.selected, #internet.selected, #multimedia.selected, #portfolio.selected, #contact.selected, #lounge.selected {
	background: #DDDDDD;
}


#footer {
	background: transparent url(../images/bg_slice.png) right -20px no-repeat;
	color: #888;
}

#footer a {
	color: #666;
}

#footer-grbox {
	background: transparent url(../images/bg_slice2.png) right -45px no-repeat;
	color: #888;
	padding-bottom: 30px;
	clear: both;
}

/*****************************
#basic & common styles	
/****************************/

h1 a, h2 a, h5 a h6 a {
	color: #5B5A5A;
}

a {
	color: #333;
	text-decoration: underline;
}

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

h1,h2, h5,h6, legend {
	color: #5b5a5a;
}

h3, h3 a {
	font-family: 'Nimbus', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	color: #000;
	margin-bottom: 20px;
}

h4, h5, h4 a, h5 a {
	color: #3371AC;
	font-family: 'Nimbus', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
}

div.featured_text h4, div.featured_text h5, div.featured_text h4 a, div.featured_text h5 a {
	color: #3371ac;
	font-weight: normal;
	padding-bottom: 5px;
	line-height: 1.4em;
	border-bottom: 1px solid #ddd;
}


/* My Comment */


.search-result, .search-result a {
	color: #3371AC;
	text-decoration: none;
}

.search-result p {
	color: #666666;
	}

h4 a {
	color: #000;
	font-family: 'Nimbus', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
}

#featured h2, #featured h2 a, #featured-white h2, #featured-white h2 a {
	color: #3371ac;
}

#featured h2, #featured-white h2 {
	border-bottom: 1px solid #ddd;
}

#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a {
	color: #3d3d3d;
}

.aligncenter {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.meta {
	color: #a0a0a0;
}

.read-more, .show-next {
	background: transparent url(../images/read_more.png) no-repeat scroll right top;
	color: #555;
}

.read-more:hover, .show-next:hover {
	/*background: transparent url(../images/read_more.png) no-repeat scroll right bottom;*/
	color: #333333;
}

.entry ul, .entry ol {
	border-top: 1px solid #ddd;
}

.entry li {
	border-bottom: 1px solid #ddd;
}

blockquote {
	background: transparent url(../images/quotes.png) no-repeat scroll left 6px;
	color: #555555;
}

/*CONTACT FORM*/

.valid .text_input, .valid .text_area {
	border: 1px solid #70A41B;
}

/*#70A41B*/

.error .text_input, .error .text_area {
	border: 1px solid #EE2A00;
}

.ajax_alert .text_input, .ajax_alert .text_area {
	border: 1px solid #ffb628;
}

#s, .text_input, .text_area, textarea, #commentform input {
	border: 1px solid #ababab;
	color: #333;
}

#searchsubmit, #send, #top #submit {
	border: 1px solid #ababab;
	background-color: #333;
	cursor: pointer;
	color: #fff;
}

#searchsubmit:hover, #send:hover, #top #submit:hover {
	background-color: #999;
	color: #333;
}

.corner_left, .corner_right {
	background: transparent url(../images/jquery_corners.png) no-repeat scroll top left;
}

#top .corner_right {
	background: transparent url(../images/jquery_corners.png) no-repeat scroll top right;
}

/*navigation*/

.navwrap {
	background: transparent url(../images/menu.png) no-repeat scroll right bottom;
}

#top #nav {
	background: transparent url(../images/menu.png) left top no-repeat;
}

/*naviagation*/

#top #nav a {
	color: #888;
	}

#top #nav ul {
	border: 1px solid #DFDFDF;
	border-top: none;
}

#top #nav li ul a {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #DFDFDF;
}

#top #head #nav ul a, #top #head #nav ul li {
	background-color: #f5f5f5;
	background-image: none;
}

#top #head #nav ul a:hover, #top #head #nav ul a:focus {
	background-color: #fff;
	color: #555;
}

#top #head #nav a:hover, #top #head #nav a:focus {
	color: #555;
}

#top #nav .current_page_item a {
	color: #333333;
}

#top #nav .current_page_parent .current_page_item a, #top #nav .current_page_item ul a {
	border-right: 1px solid #f5f5f5;
	border-left: none;
	background-image: none;
	color: #444;
}

/* PRETTY SEARCH */

#gh-search {
	position: absolute;
	top: 5px;
	right: 18px;
	font-size: 11px;
	color: #3f3f3f;
}



input.prettysearch {
	width: 200px;
	height: 16px;
	background: url(../images/prettysearch/searchfield_repeat.png) center top repeat-x;
	border: 0px;
	margin: 0;
	padding: 3px 0 0 0;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #3f3f3f;
}

.search-wrapper {
	position: relative;
	width: 200px;
	height: 28px;
	line-height:20px;
	top: 11px;
}

.search-wrapper input.prettysearch {
	width: 171px;
	margin-left: 20px;
	*margin-top: -1px;
	*margin-right: -2px;
	*margin-left: 10px;
}

.search-wrapper .left, 
.search-wrapper .right {
	behavior: url(../global/scripts/lib/iepngfix.htc);
}

.search-wrapper .left {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 19px;
	background: url(../images/prettysearch/searchfield_leftcap.png) left top no-repeat;
}

.search-wrapper .right {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
	height: 19px;
	background: url(../images/prettysearch/searchfield_rightcap.png) right top no-repeat;
}

/*.search-wrapper.empty.blurred input {
	color: #7e7e7e;
}*/

.search-wrapper .reset {
	position: absolute;
	width: 11px;
	height: 11px;
	overflow: hidden;
	z-index: 1;
	right: 4px;
	top: 4px;
	background: url(../images/prettysearch/close.gif);
	display: block;
	cursor: pointer;
	_cursor: hand;
}

.search-wrapper.empty .reset {
	display: none;
}

label .prettyplaceholder {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 0;
	width: 0;
}



/*****************************
7.) BC + Extras
/****************************/

.tell-a-friend {
	background-color:#f5f5f5;
	padding:0px;
}

.tell-a-friend form {
	padding:0px;
}

.tell-a-friend td.var {
	text-align: left;
}

select#Title {
	display: none;
}

label[for="Title"] {
	display: none;
}

span.req {
	color: #3371AC;
}
	
table.webform {
	margin-top: -30px;
}

a.blue {
	color: #3371AC;
	text-decoration: none;
}

#catwebformbutton {
	margin-top: 20px;
}

@font-face {  
  font-family: 'Nimbus'; 
  src: local("NimbusSanL-Lig"), url(/templates/fontface/Nimbus.otf);  
} 

@font-face {  
  font-family: 'Myriad'; 
  src: url(/templates/fontface/MyriadPro/MyriadPro-Regular.otf);  
}

#inner_content h3 {
	border-bottom: 1px solid #DDDDDD;
	color: #000;
}

#inner_content h3 a {
	color: #000;
}

#inner_content h3 a:hover {
	text-decoration: none;
} 

.blog-post .post-details {
	margin-top: -15px;
	color:#3371ac;
}

#inner_content a {
	color: #3371AC;
	text-decoration: none;
}

#inner_content a:hover {
	text-decoration: underline;
}

#inner_content h3.post-title a {
	color: #000;
}

#inner_content h3.post-title a:hover {
	text-decoration: none;
}

input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {
	border:1px solid #CCCCCC;
	padding:3px;
	width:300px;
}