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

ul li ul {
	padding: 0px;
}

a:hover {
	cursor: pointer;
}

address {
	font-style: normal;
}

/* Use <strong> for bold text, b will be used for SEO without altering page look*/
b {
	font-weight: normal;
}

/*Structured layout mainpage*/

body {
	font-size:11.5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	line-height:21px;
	position:relative;
}

.wrap_all { /*only needed if using big background images like in theme 5*/
	width:960px;
	margin: auto;
	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;
	width:194px;
	height:100px;
	position:absolute;
	right:10px;
	top:29px;
}

#top .logo a {
	top:0;
	right:0;
	outline:none;
}

/*****************************
2.) #main
/****************************/		
#main {
	position:relative;
	float:left;
}

/*****************************
2.) #subNav
/****************************/		
#subNav {
	width: 960px;
	height: 45px;
}

#subNav p {
	padding: 17px 0px 0px 40px;
}

#subNav .breadcrumb {
	padding: 17px 0px 0px 40px;
}

.breadcrumb {
	padding: 17px 0px 0px 40px;
}

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

#featured {
	height:400px;
	margin: 10px 0px 25px 0px;
	position:relative;
}

.featured_item {
	background: url(/chartered-accountant/images/featured_bg1.png);
	width:940px;
	height:354px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	display:none;
}

#top .current {
	display:block;
}

.featured_text {
	letter-spacing:0.4px;
	left:30px;
	line-height:18px;
	position:relative;
	top:26px;
	width:460px;
	font-size: 14px;
	z-index:2;
}

#featured .entry {
	height:298px;
	overflow:hidden;
	padding-bottom:0px;
	border-bottom:none;
	margin-bottom:0px;
}

.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;
	width:100%;
}

.ticker {
	font-size:11px;
	margin:18px 15px 0 39px;
	width:450px;
}

.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;
	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: 20px 0 15px 50px;
	position:relative;
	width:265px;
	overflow:hidden;
	font-size: 18px;
}

#top #sidebar .small_box {
	padding:0 0 15px 0;
}

/*****************************
6.) Portfolio Page (no sidebar)
/****************************/	
#inner_content_big {
	float:left;
	width:880px;
	padding: 0px 0px 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: 20px 0 15px 30px;
	position:relative;
}

#inner_content .entry {
	width:570px;
}

.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: 0px;
	font-size: 10px;
}

#subpage #content {
	padding:20px 10px 0;
}

/*****************************
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 h2 {
	color: #0067ac;
}

.small_box p {
	font-size: 12px;
}

.small_box img {
	padding:5px 0 !important;
	padding:0;/*ie6 fix for png elemnts needs this*/
}

.small_box img.social-media {
	padding:0px;
}

.widget_categories a, .widget_pages a {
	padding:0px;
	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:32px;
}

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

.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol {
	padding: 0px;
}

.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 Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	width:200px;
	font-size:11.5px;
}

#searchsubmit, #send, #submit {
	padding:4px 20px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 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:9;
	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:5;
}

#top #nav a {
	height:33px;
	display:block;
	padding:0 28px;
	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;
	width: auto;
}

#top #nav ul {
	position:absolute;
	display:none;
	top:33px;
	left:-1px;
}

#top #nav li ul a {
	height:auto;
	float:left;
	text-align:left;
	padding:0 12px;
}

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

#partnership li a {
	width: 101px;
}

#company li a {
	width: 145px;
}

.noBorder {
	border: 0px;
}

ol.lowerAlpha {
	list-style-type: lower-alpha;
}



/************  ABOUT MCC  ***************/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 551px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 8px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 550px;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}


/********************* TWITTER **************************/

.twtr-hd{
display:none;
}

.twtr-ft{
display:none;
}

.twitterfeed-container{
min-height:90px;
}

.twtr-tweet-text a {
border-bottom:none;
}

h3 img {
padding-bottom:0px;
padding-top:0px;
}