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

body{
background: #fff url(../images/backgroundRepeat.jpg) 0 0 repeat-x;
color: #626262;
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.5; /* Baseline grid of 21px */
text-align:left;
}

.wrap_all{
	background: url(../images/backgroundSpotlight.jpg) 0 0 no-repeat;
	margin: 0px auto;
	width: 973px;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	z-index:10;
}

*{
margin: 0;
padding: 0;
}

html {height:100%; width:100%;}

img{ border:none; }

li {
list-style: none;
}

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

.menu_holder, #head {
	width: 973px;
	height:87px;
}

.menu{
	width: 973px;
	height: 57px;
	margin:2px 0px 0px 0px;
	padding:25px 0px 0px 0px;
}

.logo, .publishers, .individuals, .stackd, .news, .upload, .edit, .signout{
	float:left;
	display: block;
	text-indent: -999em;
}

.publishers a, .individuals a, .stackd a, .news a, .upload a, .edit a, .signout a{
	display: block;
	height: 100%;
	text-indent: -999em;
}

.logo{ 			width:188px; height:57px; 	background: url(../images/panelflyLogo.png) 0 0 no-repeat; margin:-6px 20px 0px 0px; }
.publishers a{	width:185px; height:46px;	background: url(../images/menu_publishers.png) 0 0 no-repeat;}
.individuals a{	width:186px; height:46px;	background: url(../images/menu_individuals.png) 0 0 no-repeat;}
.stackd a{		width:142px; height:46px;	background: url(../images/menu_stackd.png) 0 0 no-repeat;}
.news a{		width:185px; height:46px;	background: url(../images/menu_news.png) 0 0 no-repeat;}


.publishers a:hover{	width:185px; height:46px;	background: url(../images/menu_publishers.png) -185px 0 no-repeat;}
.individuals a:hover{	width:186px; height:46px;	background: url(../images/menu_individuals.png) -186px 0 no-repeat;}
.stackd a:hover{		width:142px; height:46px;	background: url(../images/menu_stackd.png) -158px 0 no-repeat;}
.news a:hover{			width:185px; height:46px;	background: url(../images/menu_news.png) -185px 0 no-repeat;}

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

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

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


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

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


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

/* Sub Banners */

.sub_banners{
	width: 957px;
	margin:-4px 0px 4px 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1.5; /* Baseline grid of 21px */
	text-align:left;
}

.tour{		width:314px; height:184px;	background: url(http://www.panelfly.com/img/body/panelflyTour.png) 0 0 no-repeat; margin:0px 14px 0px 8px; float:left;}
.twitter{	width:286px; height:184px;	background: url(../images/twitter.png) 0 0 no-repeat; margin:1px 14px 0px 0px; float:left;}
.twitter a { display: block; width:286px; height:184px; text-indent: -999em; }
.store{		width:314px; height:184px;	background: url(http://www.panelfly.com/img/body/panelflyStore.png) 0 0 no-repeat; margin:0px 0px 0px 0px; float:left;}

.banner_copy{
	width:110px;
	text-align:left;
	margin:73px 0px 0px 17px;
}

/* Side Banner */

.itunes_link{ 		width:286px; height:183px;	background: url(http://www.panelfly.com/img/creative/itunesLink2.png) 0 0 no-repeat; margin:10px 10px 0px 0px;}
.itunes_link a { 	display: block; width:183px; height:201px; text-indent: -999em; }

.new_comics{ 		width:286px; height:183px;	background: url(http://www.panelfly.com/img/creative/newcomics2.png) 0 0 no-repeat; margin:10px 10px 0px 0px;}
.new_comics a { 	display: block; width:183px; height:201px; text-indent: -999em; }

/* End Side Banner */

/* Footer Style */

.footer_copy{
	width:200px; 
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	letter-spacing: 0.09em;
	text-align:left;
	padding:52px 0px 0px 17px; 
}

.footer_banner{
	width:100%;
	height:220px;
	background-color:#545454;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.footer_detail{
	width:973px; height:80px; background: url(http://www.panelfly.com/img/footer/panelflyFooter.jpg) 0 0 no-repeat; margin:0px auto; padding:0px 0px 0px 0px;
}

.legal_footer{
	width:943px;
	text-align:center;
	padding:0px 0px 30px 0px;
	margin:0px auto;
	color:#fff;
	font-size:10px;
}

.mt{
	width:973px; 
	height:48px; 
	background: url(http://www.panelfly.com/img/footer/mt.jpg) 0 0 no-repeat; 
	margin:0px auto; 
	padding:0px 0px 0px 0px;
}

/* End Footer Style */

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

.breadcrumb{
color:#ddd;
margin:3px 0px 3px 0px;
}

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

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

/*****************************
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 h3{
border-bottom:1px solid #DDD;
}


.small_box img{
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
}

.widget_categories a, .widget_pages a, .widget_archive a , .widget_recent_entries a, li.recentcomments, .widget_meta a{
border-bottom:1px solid #ddd;
}


.widget_categories a:hover, .widget_pages a:hover, .widget_archive a:hover,  .widget_recent_entries a:hover, li.recentcomments:hover, .widget_meta a:hover{
background:#f5f5f5;	
}

#wp-calendar th, #prev a, #next a{
background-color:#282828;
color:#fff;
}

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

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

.clear{ clear:both; }

a {
color:#ff6225;
text-decoration:none;
}

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



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

#featured h2, #featured h2 a{
color:#fff;
margin:7px 0px 3px 0px;
}


#featured h2{
border-bottom:1px solid #ddd;
margin:7px 0px 10px 0px;
}	

#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a{
color:#3d3d3d;
margin:5px 0px 3px 0px;
}


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

.meta{
color:#a0a0a0;
}

.read-more, .show-next{
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
background:transparent url(../images/read_more.png) no-repeat scroll right top;
color:#ff6225;
}


.read-more:hover, .show-next:hover{
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
background:transparent url(../images/read_more.png) no-repeat scroll right bottom;
color:#fff;
}

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


/* ---------------------- Pagination -------------------*/

.pagination span, .pagination a{
border:1px solid #333;
color:#fff;
background-color:#999;
}

.pagination a:hover{
border:1px solid #333;
color:#fff;
background:#747474;
}
.pagination .current{
border:1px solid #333;
color:#fff;
background-color:#747474;
}