/* 
Template skin : orange

*/
.highlight{
	padding:2px 6px;
	color:#fff;
	background:#f15a23;
}


/* ---- general link --- */

a:active, a:hover   {
	color:#f15a23;
}

a.textlink:hover{
	background:url(../../images/color/orange/textlink.png) no-repeat left 8px;
}
/* color button */

.orange {
	background:#f15a23;
	color:#fff;
}

/* darkgray button hover */

.darkgray:hover {
	background:#f15a23;
	color:#fff;
}

/*=== button type 2 ===*/

/* small button */

a.smallbtn2 { background:url(../../images/button/orange/smallbtn2-r.png) no-repeat top right; }

a.smallbtn2 span { 
	background:url(../../images/button/orange/smallbtn2-l.png) no-repeat; 
	color: #fff; 
}

a.smallbtn2:hover span { color: #fff; }

/* medium button */

a.mediumbtn2 { background:url(../../images/button/orange/mediumbtn2-r.png) no-repeat top right; }

a.mediumbtn2 span { 
	background:url(../../images/button/orange/mediumbtn2-l.png) no-repeat; 
	color: #fff; 
}

a.mediumbtn2:hover span { color: #fff; }

/* big button */

a.bigbtn2 { background:url(../../images/button/orange/bigbtn2-r.png) no-repeat top right; }

a.bigbtn2 span { 
	background:url(../../images/button/orange/bigbtn2-l.png) no-repeat; 
	color: #fff; 
}

a.bigbtn2:hover span { color: #fff; }


/*=====================================================================================*/

/* ---- General form --- */

input:focus[type="text"], textarea:focus{
	border:1px solid #f15a23; 
}

/* --- header area --- */

#header	{
	border-top:2px solid #f15a23;
}

header li:hover li:hover a {
    background-color: #f15a23;
}

header li:hover li a {
    border-top: 1px solid #878686;
}

header li:hover a, header li.selected a {
    color: #f15a23;
}

header li:hover ul li a,header li ul li:hover a {
    color: #fff;
}

/***** iPhone (portrait 300px) *****/
@media only screen and (max-width: 767px) {
header li:hover ul li{
    background-color: #3d3d3d;
}	

header li:hover ul li:hover{
    background-color: #f15a23;
}	
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	header li:hover ul {
		background-color: #f15a23;
	}
}

/* --- Tweet list --- */

ul.tweet_list {
	background:#f15a23; /* default background for browsers without gradient support */
}
ul.tweet_list li:after{
	border-color:#fff #f15a23;
}	

*+html ul.tweet_list li{
	background:#f15a23 url(../../images/color/orange/tweet-bg.jpg) no-repeat left bottom;
}

/* --- Search form --- */

form#searchForm input#s {
	border:1px solid #d44611;
}

form#searchForm input:focus#s {
	border:1px solid #ff4602;
	color:#f15a23;
}

/* --- Headline page --- */

#headline-page{
	background:#f15a23 url(../../images/color/orange/page-title-bg.png) no-repeat left bottom;
}

/* --- Tagline --- */

#tagline span {
	color:#f15a23;
}

/* --- Portfolio -- */

#filter a:active, #filter .active  a{
    background: #f15a23;
}

/* --- Blog --- */

a:hover span.comment{
	color:#f15a23;
}

.title-post a:hover{
	color:#f15a23;
}

ul.sidebar-list  li a:hover, ul.sidebar-list  li span, ul.recent-list li a:hover{ 
	color:#f15a23;
}

.comment_input:focus, .contact_input:focus, .comment_textarea:focus, input:focus#email, input:focus#name , .contact_textarea:focus{
	border:1px solid #f15a23;;
}

.button:hover{
	background:#f15a23;
}

/* --- pagination --- */

.pagination a:hover span, .pagination a:active span, .pagination a.active span{
	color: #f15a23;
	border:1px solid #f15a23;	
	text-decoration: none;
}
a:hover span.prev-next{
	border: none;
	color: #f15a23
}

/* --- Contact --- */

iframe.map, img.map{
	border-bottom:2px solid #f15a23;
}

/* --- Tabs --- */

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important;
    background: #f15a23;

}

/* --- Toggle --- */

.toggle h6.title span.title_content {
	background:url(../../images/color/orange/plus.png) no-repeat center left;
}

.tstyle1 h6.active span.title_content {
	background: #666666 url(../../images/color/orange/minus.png) no-repeat center left;
	color:#fff;	
}

/* --- Tabs --- */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important;
    background: #f15a23;
	color:#fff;

}

/* --- Accordion --- */
#accordion h6 {
	background:#f5f5f5 url(../../images/color/orange/plus.png) no-repeat center left;
}

#accordion h6:hover{
	background:#666666 url(../../images/color/orange/plus.png) no-repeat center left;
	color:#fff;
}
#accordion h6.current {
	background:#666666 url(../../images/color/orange/minus.png) no-repeat center left;
	color:#fff;
}


/* --- My --- */
.image_fit_center {
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}