/*  

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 

*/

 



/*Small reset*/

body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{

	margin:0;

	padding:0;

}



/*Structured layout mainpage*/





body{

	font-size:11.5px;

	font-family: 'Lucida Sans', Tahoma, Arial, san-serif;

	line-height:21px;

	position:relative;
	
	background-color: #fff;

		}

		

.wrap_all{ /*only needed if using big background images like in theme 5*/

	width:100%;

	position:relative;

	display:table;

	}



#top{

	width:960px;

	margin:0 auto;

	position:relative;

	}



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

1.) #head	

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

	

	#head{

		height:128px;

		position:relative;

		z-index:10;

		}

		

			.logo, .logo a{

				display:block;

				height:83px;

				width:229px;

				position:absolute;

				right:20px;

				top:27px;

				}

				

					#top .logo a{

						top:0;

						right:0;

						text-indent:-9999px;

						outline:none;

						}

		

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

2.) #main

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

			#main{

			position:relative;

			padding-top:45px;

			float:left;

			}

			

			

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

3.) #mainpage image slider

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



				#featured{

					height:365px;

					margin-bottom:25px;

					position:relative;

					}

				

						.featured_item{

							height:350px;

							margin:0 auto;

							position:relative;

							top:-35px;

							width:940px;

							overflow:hidden;

							display:none;

						}

						

						#top .current{

							display:block;

							}

							

							

							.featured_text {

								letter-spacing:0.4px;

								left:30px;

								line-height:26px;

								position:relative;

								top:30px;

								width:332px;

								z-index:2;

							}

							

									#featured .entry{

									margin-bottom:8px;

									height:242px;

									overflow:hidden;

									border-bottom:none;

									padding-bottom:0;

									}

								

							.featured_image{

								height:350px;

								position:absolute;

								right:0;

								top:0;

								width:940px;

								overflow:hidden;

								}

								

							.featured_image img{

								position:absolute;

								right:0;

								top:0;

								}

				

					#featured_bottom{

						position:absolute;

						height:60px;

						bottom:-10px;

						width:100%;

					}

							

							.ticker{

								font-size:12px;

								margin:18px 15px 0 39px;

								/*width:475px;*/

								}

							

							.ticker, .ticker a{

								text-decoration:none;

								}

								

							.ticker span{display:none;}

							.ticker .active_ticker{display:block;}	

								

							.preview_images{

								height:60px;

								line-height:60px;

								position:absolute;

								right:39px;

								top:10px;

								}

								

							.preview_images a img{

								padding:1px;

								}

								

							.preview_images a{

								outline:none;

								display:block;

								position:relative;

								margin-right:5px;

								float:left;

								}

								

							.pointer{

								height:13px;

								left:18px;

								position:absolute;

								top:37px;

								width:13px;

								}

								

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

4.) breadcrumb navigation

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

								

			

			.breadcrumb{

				font-size:11px;

				left:40px;

				position:absolute;

				bottom:-49px;

				z-index:5;

				}

				

						.breadcrumb a{

							text-decoration:none;

							}

							

						.breadcrumb a:hover{

							text-decoration:underline;

							}

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

5.) content area below slider and on subpages

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

						

			.content_top{

				height:30px;

				padding:0 10px;

				width:940px;

				float:left;

				}		

				

			#content{

				float:left;

				padding:0 10px;

				position:relative;

				width:940px;

				}

					

					#sidebar{

						float:left;

						padding:0 0 15px 50px;

						position:relative;

						width:265px;

						overflow:hidden;

						}

							

								

								#top #sidebar .small_box{

									padding:0 0 15px 0;

									}

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

6.) Portfolio Page (no sidebar)

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

					#inner_content_big{

						float:left;

						width:880px;

						padding:0 0 15px 30px;

						position:relative;

						}

						

							

							.entry_portfolio{

								padding-bottom:30px;

								clear:both;

								float:left;

								width:100%;

								position:relative;

								}

								

								.entry_portfolio p{

									font-style:italic;

									}

						

							.portfolio_item{

								height:132px;

								overflow:hidden;

								padding:5px;

								position:relative;

								width:250px;

								}

								

							#top .portfolio_item h3{	

								position:absolute;

								bottom:13px;

								left:0;

								border:none;

								padding:0;

								margin:0;

								line-height:1em;

							}

							

							#top #main .portfolio_item h3 a{

							padding:4px 8px;

							font-size:12px;

							display:inline;

							height:auto;

							width:auto;

							overflow:auto;

							}

							

							.portfolio_item a{

								display:block;

								overflow:hidden;

								width:250px;

								}

							

								

							#top .portfolio_item img, #top .portfolio_item a img{

								border:none;

								padding:0 !important; /*ie 6 fix fix =)*/

								margin:0;

								}

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

7.)pages with sidebar

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

					

					#inner_content{

						float:left;

						width:570px;

						padding:0 0 15px 30px;

						position:relative;

						}

						

					#inner_content .entry{

						width:100%;

						}

						

								.entry{

									clear:both;

									margin-bottom:28px;

									overflow:hidden;

									padding-bottom:20px;

									position:relative;

									}

									

								.entry-head{

									position:relative;

									top:-3px;

									margin-bottom:20px;

									font-size:11px;

									}

									

										

										.categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a{

											text-decoration:none;

											padding:2px 0;

											}

											

											#top .entry-head a, .more-link{

											padding:2px 4px;	

												}

	

											

											.date{

												padding:2px 4px;

												}

									



				

					#subpage #content{

						padding:20px 10px 0;
						}
						.page #content {
													min-height: 600px;

						}

						

						

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

7.) Small Boxes and Sidebar "Widgets"

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

				

							.small_box{

								float:left;

								padding:0 0 15px 50px;

								position:relative;

								width:260px;

								}

						

							#top .box1{

								padding:0 0 15px 30px;

								}

							

							.small_box h3{

								margin:0 0 5px;

								}

		

								

							.small_box img{

								/* padding:5px 0 !important; */

								/*padding:0;/*ie6 fix for png elemnts needs this*/

								}

								

							.widget_categories a, .widget_pages a, #sidebar .page_item a{

							padding:5px;

							display:block;

							text-decoration:none;

							width:250px; /*change if sidebarwidth changes*/

							}

								

						

							

							/* uncomment this if you want sublevels with indents

							.small_box ul ul a{

								padding-left:25px;

								width:230px;

								}

								

							.small_box ul ul ul a{

								padding-left:45px;

								width:210px;

								}

								

							.small_box ul ul ul ul a{

								padding-left:65px;

								width:190px;

								}

							*/

				

				

			

			

		#footer{

			clear:both;

			padding:40px 15px;

			position:relative;

			font-size:10px;

			width:930px;

			}

		



					

				.copyright{

					float:left;

					display:block;

					}

					

				.scroll-top{

					float:right;

					display:block;

					}

					

				

		









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

#basic & common styles	

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



h1 a, h2 a, h3 a, h4 a, h5 a h6 a{

		}



a{

		text-decoration:underline;

	}



a:hover{

		text-decoration:none;

	}

	

a img{

	border:none;

	}

	

p{ padding: 0 0 1em 0}





ul, ol{

	list-style-position:outside;

	margin-left:20px;

	}

	

#sidebar ul, #sidebar ol{

	margin-left:0px;

	}

	

#sidebar li{

	list-style-type:none;	

		}

	



h1,h2,h3,h4,h5,h6, legend{

	font-weight:normal;

	padding-bottom:5px;

	line-height:1.4em;

		}

	

	h1{clear:both; font-size:32px;font-weight:bold;}

	h2{font-size:22px; clear:both;}

	h3, legend{font-size:18px; clear:both;}

	h4{font-size:16px; clear:both;}

	h5{font-size:14px; clear:both;}

	h6{font-size:13px; clear:both;}

	

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{

		text-decoration:none;

		} 

		

	

		

		

	#featured h2{

		margin-bottom:8px;

		padding-bottom:8px;

		}	

		

	#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a{

		font-size:18px;

				}



	blockquote p{

	padding:11px 0px;

	}

	

	blockquote{

	margin:0 0 22px 5px;

	padding:0 15px;

		}

	

.floatleft{

	float:left;

	}



.floatright{

	float:right;

	}

	

.clearboth{

	clear:both;

	}

	

.alignleft{

float:left;

margin:0px 15px 15px 0pt;

}



.alignright{

float:right;

margin:0px 0pt 15px 15px;

}



.aligncenter{

clear:both;

display:block;

margin:10px auto;

padding: 10px 0;

}



#top .wp-smiley{

	border:none;

	padding:0;

	}

	

.meta{

	display:block;

	position:relative;

	top:3px;

		font-size:11px;

	line-height:14px;

	}

	

.read-more, .show-next{

			display:block;

	font-size:11px;

	font-weight:bold;

	height:41px;

	left:-2px;

	line-height:41px;

	position:relative;

	text-align:center;

	text-decoration:none;

	width:165px;

	}

	

#top .show-next{

	bottom:0;

	left:165px;

	position:absolute;

	}

	

.read-more:hover, .show-next:hover{

			}

	

.entry ul, .entry ol{

	list-style-type:disc;

	list-style-position:inside;

	margin:0;

	padding:0 0 20px 0;

	}

	

#top .entry ol{

	list-style-type:decimal;

	}

	

.entry li{

	padding:3px 10px;

	}

	

blockquote{

			font-size:13px;

	font-style:italic;

	margin:0 0 20px;

	padding:10px 20px 10px 41px;

	}

	

	

/*CONTACT FORM*/	







#searchsubmit, #send, #top #submit{

	cursor:pointer;

	}

	

	

#s, .text_input, .text_area{

padding:5px;

font-family: 'Lucida Sans', Tahoma, Arial, san-serif;

width:200px;

font-size:11.5px;

}



#searchsubmit, #send, #submit{

padding:4px 20px;

font-family: 'Lucida Sans', Tahoma, Arial, san-serif;

font-size:11.5px;

}



.hidden{

	display:none;

	}

#commentform{

	padding-bottom:20px;

	}





fieldset{

border:none;

padding:0;

margin:0;

overflow:hidden;

}



fieldset label{

	padding-left:7px;

	}

.blocklabel{

	display:block;

	padding:10px 0 0 0;

}



#top .text_area{

	width:450px;

	}

	

.corner_left, .corner_right{

	position:absolute;

	top:0;

	height:5px;

	width:5px;

	z-index:6;

	left:0;

		}

	

#top .corner_right{

	left:935px;

		}

	

/*navigation*/



.navwrap{

		height:50px;

	left:5px;

	line-height:50px;

	padding-right:18px;

	position:absolute;

	top:50px;

	font-size:12px;

	z-index:6;

	}



#top #nav{

	float:left;

	height:50px;

	line-height:50px;

		padding-left:13px;

}





#nav, #nav ul{

	margin:0;

	padding:0;

	list-style-type:none;

	list-style-position:outside;

	position:relative;

	line-height:50px; 

	z-index:500;



}





#top #nav a{

	height:33px;

	display:block;

	padding:0 21px;

	text-decoration:none;

	text-align:center;

	line-height:28px; 

	outline:none;

	z-index:35;

	position:relative;

	float:left;

	}



#top #nav ul a{

	line-height:33px; 

}



#top #nav li{

	float:left;

	position:relative;

	z-index:20;

	margin-top:11px;

}



#top #nav li li{

	border-left:none;

	margin-top:0;

}



#top #nav ul {

	position:absolute;

	display:none;

	width:172px;

	top:33px;

	left:-1px;



}



#top #nav li ul a{

	width:130px;

	height:auto;

	float:left;

	text-align:left;

	padding:0 21px;

}



#top #nav ul ul{

	top:auto;

	border-top:none;

}	



#top #nav li ul ul {

	left:172px;

	top:0px;

}



#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{

  	display:none;	

}

#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{

	display:block;

}

#sidebar h2 {
	border-bottom: 1px solid #DDDDDD;
	margin: 0 0 5px;
	clear: both;
	font-size: 18px;
}

#sidebar ul {
	/*padding: 0 0 15px;*/
}

#sidebar p {
	padding: 0 0 1em;
}



.submenu  ul ul,
.submenu .current_page_item ul ul,
.submenu .current_page_ancestor ul ul,
.submenu .current_page_ancestor .current_page_item ul ul,
.submenu .current_page_ancestor .current_page_ancestor ul ul {
	display: none;
	}

ul.submenu li ul {
	padding-left: 10px;
}

.submenu .current_page_item ul,
.submenu .current_page_ancestor ul,
.submenu .current_page_ancestor .current_page_item ul,
.submenu .current_page_ancestor .current_page_ancestor ul,
.submenu .current_page_ancestor .current_page_ancestor .current_page_item ul,
.submenu .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
	display: block;
	}
	.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

ul.twitter {
	list-style-type:none;
}

.twitter_profile_img {
	margin: 3px;
	border: 0px;
}

.category_icon {
	padding: 5px;
}

fieldset.payfs {
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #333333;
}

fieldset.payfs legend {
}


.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    /*background-image: url('info.png');*/
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    /*background-image:url('success.png');*/
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    /*background-image: url('warning.png');*/
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    /*background-image: url('error.png');*/
}