﻿/*
 * Kotodama - Red
 */


/* - - - - - - - - - - - - - - - - - - - - */
/* Typography
/* - - - - - - - - - - - - - - - - - - - - */
h1{
	color: #F80F12;
}

span.highlight{
	color: #fff;
	background: #F80F12;
}

::-moz-selection{
	color: #fff;
	background: #F80F12;
}

::selection{
	color: #fff;
	background: #F80F12;
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Top Panel
/* - - - - - - - - - - - - - - - - - - - - */

#topPanel a{
	color: #F80F12;
}

#topPanelHandle:hover span{
	color: #F80F12;
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Navigation
/* - - - - - - - - - - - - - - - - - - - - */

ul#navMenu li.parent a{
	background-image: url(../img/colors/red/menu-arrow.png);
}

ul#navMenu li.parent ul li a:hover{
	color: #F80F12;
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Buttons
/* - - - - - - - - - - - - - - - - - - - - */

.button{
    background: #F80F12;
}

.button:hover, .button:focus{
	color: #F80F12;
}

.button:active{
	color: #F80F12;
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Image Frames
/* - - - - - - - - - - - - - - - - - - - - */

.imgShadow a.lightbox,
.postThumb a.lightbox,
a.lightbox .thumbHolder{
	background-image: url(../img/colors/red/magnify.png);
}

.imgShadow a.lightbox.video,
.postThumb a.lightbox.video,
a.lightbox.video .thumbHolder{
	background-image: url(../img/colors/red/play.png);
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Footer
/* - - - - - - - - - - - - - - - - - - - - */

#footer{
	border-top: 4px solid #F80F12;
}

#footer a{
	color: #F80F12;
}

#footer ul.arrowList li a:hover{
	color: #F80F12;
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Pagination
/* - - - - - - - - - - - - - - - - - - - - */

.pagination ul.pageList li a:hover{
	background-color: #F80F12;
}

.pagination ul.pageList li span.current{
	background-color: #F80F12;
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Blog
/* - - - - - - - - - - - - - - - - - - - - */

.postMeta .postTitle a:hover{
	color: #F80F12;
}

.commentList ul.children{
	background-image: url(../img/colors/red/comment-reply.png);
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Portfolio
/* - - - - - - - - - - - - - - - - - - - - */

.portfolioItem h2 a:hover{
	color: #F80F12;
}

.portfolioItem.innerDesc .description .date{
	color: #F80F12;
}

.portfolioItem.innerDesc .portfolioThumb a.viewDetail{
	background-image: url(../img/colors/red/open-link.png);
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Slider
/* - - - - - - - - - - - - - - - - - - - - */

.contentSliderWrapper .csDirectionNav.csPrev{
	background-image: url(../img/colors/red/slider-arrow-left.png);
}

.contentSliderWrapper .csDirectionNav.csNext{
	background-image: url(../img/colors/red/slider-arrow-right.png);
}

.contentSliderWrapper .csBulletNav li{
	background-image: url(../img/colors/red/slider-bullet-nav.png);
}

.contentSliderWrapper .csNavWrapper .csThumbnailNavArrowLeft{
	background-image: url(../img/colors/red/slider-thumb-arrow-left.png);
}

.contentSliderWrapper .csNavWrapper .csThumbnailNavArrowRight{
	background-image: url(../img/colors/red/slider-thumb-arrow-right.png);
}

#mainSlider .nivo-prevNav{
	background-image: url(../img/colors/red/slider-arrow-left.png);
}

#mainSlider .nivo-nextNav{
	background-image: url(../img/colors/red/slider-arrow-right.png);
}

#mainSlider .nivo-controlNav a{
	background-image: url(../img/colors/red/slider-bullet-nav.png);
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Widgets
/* - - - - - - - - - - - - - - - - - - - - */

.toggle .toggleTitle{
	background-image: url(../img/colors/red/button-toggle.png);
}

ul.accordion li .accordionTitle h4{
	background-image: url(../img/colors/red/button-accordion.png);
}

/* - Testimonial - */

.testimonialWidget ul.testimonialList{
	background-image: url(../img/colors/red/quote-left.png);
}

ul.testimonialList li{
	background-image: url(../img/colors/red/quote-right.png);
}

.testimonialDetail .testimonialArrows span{
	background-image: url(../img/colors/red/testimonial-arrows.png);
}

/* - Twitter - */

.twitterArrows span.twitterArrowUp{
	background-image: url(../img/colors/red/twitter-arrow-up.png);
}

.twitterWidget.large .twitterArrows span.twitterArrowUp{
	background-image: url(../img/colors/red/twitter-arrow-up-large.png);
}

.twitterArrows span.twitterArrowDown{
	background-image: url(../img/colors/red/twitter-arrow-down.png);
}

.twitterWidget.large .twitterArrows span.twitterArrowDown{
	background-image: url(../img/colors/red/twitter-arrow-down-large.png);
}

/* - Tags - */

ul.tagsList li a{
	color: #cd0a37;
	border-color: #d97676;
	background: #ffd4d4;
}

ul.tagsList li a:hover{
	border-color: #F80F12;
	background: #F80F12;
}

/* - Archives - */

.widgetArchive ul,
.widgetMenu ul{
	background-image: url(../img/colors/red/widget-title-arrow.png);
}

.widgetArchive h4,
.widgetMenu h4{
	border-bottom: 3px solid #F80F12;
}

.widgetArchive ul li a,
.widgetMenu ul li a{
	background-image: url(../img/colors/red/sidebar-list-arrow.png);
}

.noBg ul{
	background-image:none;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* Extra Pages
/* - - - - - - - - - - - - - - - - - - - - */

h1.notFound strong{
	color: #F80F12
}
/******************************************************************/
.html_carousel {
	padding: 10px 0 10px 10px;
}
.html_carousel div.slide {
	width: 200px;
	height: 120px;
	position: relative;
}
.html_carousel div.slide div {
	background-color: rgba(0, 0, 0, 0.6);
	width: 200px;
	display: none;
	position: absolute;
	bottom: 0;
}
.html_carousel div.slide h4 {
	font-size: 14px;
	padding: 5px;
	text-align:center;
}
.html_carousel div.slide p {
	font-size: 12px;
	padding: 0 0 5px 100px;
}
.html_carousel div.slide h4, .html_carousel div.slide p {
	color: white;
	margin: 0;
}
.clearfix {
	float: none;
	clear: both;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* Custom CSS
/* - - - - - - - - - - - - - - - - - - - - */
.otherLinks ul{
	margin: 0;
	padding: 5px 5px 5px;
	list-style: none outside none;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 15px 0;
	border-width: 1px 1px 1px;
	border-style: solid;
	border-color: #ececec;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image:none;
}
.awardsWidget{
	margin: 0;
	padding: 5px 5px 5px;
	background-color: #fff;
	border-width: 1px 1px 1px;
	border-style: solid;
	border-color: #ececec;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
}
.rightWidget div{
	margin: 0;
	padding: 5px;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #ececec;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.rightWidget div.centerText{
	text-align:center;
}
a.getfile{
	display: block;
	height: 14px;
	padding: 2px 10px;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	color: #cd0a37;
	border-color: #d97676;
	background: #ffd4d4;
}

a.getfile:hover{
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	border-color: #F80F12;
	background: #F80F12;
}
#outer{
	background-color:#FCFCFC !important;
}