/*
Theme Name: This Way
Theme URI: http://www.renklibeyaz.com/thisway/
Description: This Way Light
Author: RenkliBeyaz - Salih Ozovali
Version: 1.0
*/

/*Body Loading*/

#bodyLoading{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
}
#loading{
	margin:200px auto 0px auto;
	text-align:center;
}
#contentLoading{
	display:none;
	width:200px;
	top:300px;
	left:220px;
	position:absolute;
	text-align:center;
	background: url('images/content-bg-light.png');
	padding:20px;
}
#CtLoading{
	margin:0px auto 0px auto;
	text-align:center;
}
/* General */
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size:12px;
	line-height:1.4em;
	color: #333;
	font-family: 'PT Sans', sans-serif;
}
* html .clearfix {
	height: 1%; /* IE5-6 */
	}
*+html .clearfix {
	display: inline-block; /* IE7not8 */
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
::selection {
        background: #000; /* Safari */
		color: #fff;  
        }
::-moz-selection {
        background: #000; /* Firefox */
		color: #fff;  
}
a{
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
a:link, a:visited{
	text-decoration:underline;
	color: #000;
}
a:hover, a:active{
	text-decoration:none;
}

body{
	background: #fff;
	overflow:hidden;
}
html {
	overflow:hidden;
}
#body-wrapper{
	width:100%;
	background-color: #fff;
	text-align:center;
	overflow:hidden;
	position:relative;
	opacity:0;
}
#content{
	position:absolute;
	overflow:auto;
	width:825px;
	height:200px;
	left:0px;
	top:0px;
}
#contentBox{
	position:relative;
	display:none;
	text-align:left;
	width:600px;
	padding:20px;
	margin-bottom:20px;
	background: url('images/content-bg-light.png');
}
#bgImages{
		list-style:none;
	position:absolute;
	right:20px;
	top:0;
	background:url('images/menu-bg1-light.png'); 
}
#bgImages li{
	margin:0;
	padding:5px 10px;
}
#bgImages img.thumb{
	width:120px;
	margin:0;
	padding:0;
	border:3px solid #fff;
	cursor:pointer;
	opacity:.4;
}
#bgImages img.source, #bgImages iframe{
	display:none;
}
#bgImages h3, #bgImages p{
	display:none;
}
#bgImage{
	position:absolute;
	left:0;
	top:0;
}
#bgText{
		text-align:right;
	position:absolute;
	right:180px;
	top:50px;
}
#bgText h3{
	font-size:80px;
	color:#fff;
	text-shadow: 1px 1px #333;
}
#bgText .subText{
	float:right;
	margin-top:-10px;
	width:390px;
	font-size:14px;
	color:#fff;
	text-shadow: 1px 1px #333;
}
#bgImageWrapper{
	position:relative;
}
#bgImageWrapper img{
	position:absolute;
}
#ytVideo, vmVideo{
	position:absolute;
}
#bgPattern{
	display: block;
	position:absolute;
	background: url('images/pattern.png');
}
/*Image Animate*/
.hoverWrapperBg{
	opacity:.85;
	background-color:#d3001a;
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
}
.image_frame{
	position:relative;
	cursor:pointer;
}
.image_frame > a{
	display:block;
	padding:0;
	margin:0;
	font-size:12px;
}
portfolioitems li iframe{
	margin:0;
	padding:0;
}
portfolioitems li .image_frame{
	padding:0;
	margin:0;
	font-size:0px;
}
.hoverWrapper{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.hoverWrapper .link:link, 
.hoverWrapper .link:visited, 
.hoverWrapper .modal:link,
.hoverWrapper .modal:visited,
.hoverWrapper .modalVideo:link,
.hoverWrapper .modalVideo:visited{
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	
	display:block;
	width:26px;
	height:26px;
	border-radius:13px;
	position:absolute;
	bottom:20px;
}
.hoverWrapper .link:link, .hoverWrapper .link:visited{background: url('images/imageLink-light.jpg');}
.hoverWrapper .link:hover, .hoverWrapper .link:active{background-position:-104px 0;}
.hoverWrapper .modal:link, .hoverWrapper .modal:visited{background: url('images/imageModal-light.jpg') -104px 0;}
.hoverWrapper .modal:hover, .hoverWrapper .modal:active{background-position:0 0;}
.hoverWrapper .modalVideo:link, .hoverWrapper .modalVideo:visited{background: url('images/imageVideo-light.jpg') -104px 0;}
.hoverWrapper .modalVideo:hover, .hoverWrapper .modalVideo:active{background-position:0 0;}
.blogdate{
	display:none;
	position:absolute;
	left:10px;
	top:10px;
	width:66px;
	height:66px;
	border-radius:33px;
	background-color:#d3001a;
	color:#000;
}

.hoverWrapper h3{
	opacity:0;
	text-align:center;
	padding:17px 15px 0 15px;
	font-size:18px;
	line-height:20px;
	
	color:#fff;
	font-family: 'Oswald', sans-serif;
}
.hoverWrapper .enter-text{
	opacity:0;
	text-align:center;
	padding:17px 15px 10px 15px;
	font-size:11px;
	color:#fff;
}
.hoverWrapper .enter-text p{
	font-size:11px;
	color:#fff;
}

/*Twitter*/
#twt{
	display: none;
	position:absolute;
	left:20px;
	top:20px;
}
.twButton{
	-moz-transition: none;
	transition: none;
	-webkit-transition: none;
	-o-transition: none;
	
	-moz-transition: background 0.5s ease-in-out 0s;
	transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	cursor:pointer;
	display:block;
	width:26px;
	height:26px;
}
.twButton:link, .twButton:visited{
	border-radius:13px;
	background:url('images/twitter-icon-light.jpg') 0 0 no-repeat;
}
.twButton:hover, 
.twButton:active,
.twActive:link,
.twActive:visited{
	background-position:-104px 0;
	border-radius:13px 13px 0 0;
	border-bottom:5px solid #fff;
}
#twt .twContent{
	display:none;
	opacity:0;
	text-align:left;
	width:130px;
	padding:15px;
	background-color:#fff;
	border-radius:0 13px 13px 13px;
}
#twt ul{list-style:none; position:relative; height:130px; overflow:hidden;}
#twt ul li{padding-top:5px; color:#999; font-size:11px; position:absolute;}
#twt ul{list-style:none;}
#twt ul li span{
	display:block;
}

#twt h3{
	font-size:18px;
	line-height:18px;
	
	font-family: 'Oswald', sans-serif;
	padding-bottom:5px;
	border-bottom:1px solid #999;
	color:#999;
}


/*Audio*/
#audioList{display:none;}
#audioControls{
	display: none;
	position:absolute;
	top:20px;
	left:46px;
}
#audioControls .btn{
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	display:block;
	float:left;
	width: 26px;
	height:26px;
	border-radius:13px;
	margin-left:5px;
	background-color:#000;
}
#audioControls .play, #audioControls .pause{
	display:none;
}
#audioControls .next:link, #audioControls .next:visited{ background: url('images/audioControlRight-light.jpg') -104px 0 no-repeat;}
#audioControls .next:hover, #audioControls .next:active{ background: url('images/audioControlRight-light.jpg') 0 0 no-repeat;}
#audioControls .prev:link, #audioControls .prev:visited{ background: url('images/audioControlLeft-light.jpg') 0 0 no-repeat;}
#audioControls .prev:hover, #audioControls .prev:active{ background: url('images/audioControlLeft-light.jpg') -104px 0 no-repeat;}
#audioControls .pause:link, #audioControls .pause:visited{ background: url('images/audioControlPause-light.jpg') 0 -104px no-repeat;}
#audioControls .pause:hover, #audioControls .pause:active{ background: url('images/audioControlPause-light.jpg') 0 0 no-repeat;}
#audioControls .play:link, #audioControls .play:visited{ background: url('images/audioControlPlay-light.jpg') 0 0 no-repeat;}
#audioControls .play:hover, #audioControls .play:active{ background: url('images/audioControlPlay-light.jpg') 0 -104px no-repeat;}

/*Menu*/
#menu-container {
	max-width: 270px;
	position: relative;
	padding-right: 20px;
	left: 0 !important;
	top: 20px;
	height: 75px;
	background: url('images/menu-bg1-light.png');
}


#mainmenu{
	float:left;

}
#mainmenu ul{
	list-style:none;
}
#mainmenu ul li {
	vertical-align: middle;
	text-align: left;
	color: black;
	min-width: 200px;
	background: url('images/menu-bg1-light.png');
	height: 25px;
	display: block;
	float: left;
	position: relative;
}

#mainmenu ul li a:link, #mainmenu ul li a:visited {
	padding: 0px;
	margin: 0 8px;
	display: block;
	line-height: 25px;
	height: 25px;
	text-decoration: none;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

#mainmenu ul li a span.title{
	position: relative;
	color: black;
	display: block;
	line-height: 25px;
	height: 25px;
	font-size:13px;
	font-family: 'Oswald', sans-serif;
}


#mainmenu ul > li > a{
	background: url('images/menuhover-bg-light.png') left top repeat-x; 
}
#mainmenu ul li ul li a:link,
#mainmenu ul li ul li a:visited{
	line-height:25px;
	height:25px;
}
#mainmenu ul li ul li a span.title{
	height:25px;
	line-height:25px;
	color:black;
}
#mainmenu ul li a:hover span.title,
#mainmenu ul li a:active span.title,
#mainmenu ul > li.active > a:link span.title,
#mainmenu ul > li.active > a:visited span.title{
	-moz-transition:none;
	transition: none;
	-webkit-transition: none;
	-o-transition: none;
	color:black;
}


#mainmenu ul li ul li:hover,#mainmenu ul li:hover,#mainmenu ul li:active,#mainmenu ul li a span.title:hover,#mainmenu ul li ul li a span.title:hover {
	color: rgb(211, 0, 26) !important;
	background: url('images/header-pattern-light.png') white;
}
#mainmenu ul .description{
	display:none;
}

#mainmenu ul ul {
	top: 0px;
	display: block;
	left: 170px;
	position: absolute;
	padding: 0 30px;
	opacity: 0;
	height: 25px;
	width: 200px;
}

#mainmenu ul ul li {
	height:25px;
	width: 250px;
	display: block;
	position: static;
	float: left;
	background: url('images/menu-bg1-light.png');
}


/* Footer */
#footer{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background: url('images/menu-bg1-light.png'); 
	height:46px;
}
#footertext{
	float:left;
	margin:11px 10px; 
	padding:0 10px;
	border-left:3px solid #999;
	height:24px;
	line-height:24px;
}
#footertext a {
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
}
#bgControl{
	display: block;
	float:right;
	margin: 10px 44px 10px 24px;
}

#bgControl .prev, 
#bgControl .next,
#bgControl .play,
#bgControl .pause{
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	display:block;
	float:left;
	width:26px;
	height:26px;
	background-color: #fff;
	border-radius:13px;
}
#bgControl .play,
#bgControl .pause{
	margin:0 10px;
}
#bgControl .play{display:none;}
#bgControl .next:link, #bgControl .next:visited{ background: url('images/bgControlRight-light.jpg') -104px 0 no-repeat;}
#bgControl .next:hover, #bgControl .next:active{ background: url('images/bgControlRight-light.jpg') 0 0 no-repeat;}
#bgControl .prev:link, #bgControl .prev:visited{ background: url('images/bgControlLeft-light.jpg') 0 0 no-repeat;}
#bgControl .prev:hover, #bgControl .prev:active{ background: url('images/bgControlLeft-light.jpg') -104px 0 no-repeat;}
#bgControl .pause:link, #bgControl .pause:visited{ background: url('images/bgControlPause-light.jpg') 0 -104px no-repeat;}
#bgControl .pause:hover, #bgControl .pause:active{ background: url('images/bgControlPause-light.jpg') 0 0 no-repeat;}
#bgControl .play:link, #bgControl .play:visited{ background: url('images/bgControlPlay-light.jpg') 0 0 no-repeat;}
#bgControl .play:hover, #bgControl .play:active{ background: url('images/bgControlPlay-light.jpg') 0 -104px no-repeat;}
#share{
	display: none;
	float:right;
	margin: 11px 0;
	padding-right:10px;
	border-right:1px solid #999;
}
#share  ul{list-style:none;}
#share li{float:left;min-width:70px;}
#share li span{float:left;text-align:left;}
#share a:link, #share a:visited{display:block; width:24px; height:24px; opacity:1;}
#share a:hover, #share a:active{opacity:.5;}
#share .fb{background: url('images/social/fb.png') no-repeat;}
#share .tw{background: url('images/social/tw.png') no-repeat;}
#share .deli{background: url('images/social/deli.png') no-repeat;}
#share .in{background: url('images/social/in.png') no-repeat;}
#share .st{background: url('images/social/st.png') no-repeat;}
#share .rss{background: url('images/social/rss.png') no-repeat;}

#logo{
	text-align:center;
	vertical-align:middle;
	float:left;
	position:relative;
}

/*BLOG*/
.blogitem{margin-top:14px;}
#content h1.caption{
	margin-bottom: 10px;
	background: url('images/header-arrow.png') 15px 17px no-repeat, url('images/header-pattern-light.png');
	padding:9px 15px 9px 40px;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	line-height:30px;
	color: #333;
}
#content h3.caption{
	background: url('images/header-pattern-light.png');
	padding:9px 15px 1px 40px;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color: #333;
}
.blogimage{

}
.blogdateLeft{
	font-size:12px;
	padding-right:3px;
	margin-top:15px;
	float:left;
	border-right:1px solid #fff;
	width:30px;
	color:black;
	text-align:right;
}
.blogdateRight{
	font-size:12px;
	padding-left:3px;
	margin-top:15px;
	float:left;
	width:29px;
	text-align:left;
	color:#black;
}
.blogcontent{
	width:270px;
	float:left;
	margin-left:20px;
}
.blogcontent h3{
	color:#d3001a;
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	
	line-height:1.4em;
	margin-bottom:20px;
}
.blogTop{clear:both;}
.blogTop hr,#contentBox hr{
	float:left;
	width:570px;
	margin:8px 0;
	height:3px;
	background-color:#999;
}
.blogTop a:link,
.blogTop a:visited{
	display:block;
	float:right;
	color:#999;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	
	text-decoration:none;
}
.blogTop a:hover,
.blogTop a:active{
	color:#d3001a;
}
.blogcontent p{
	color:#333;
	font-size:11px;
	width:100%;
	float:left;
}
.meta-links{
	display:none;
	float:right;
	width:26px;
}
.meta-author, .meta-comments, .meta-tags{
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	display:block;
	background-color:#d3001a;
	width:26px;
	height:26px;
	border-radius:13px;
	margin-bottom:10px;
}
.meta-author:link, .meta-author:visited{ background:url('images/blogicon-author-light.jpg') 0 0 no-repeat;}
.meta-author:hover, .meta-author:active{ background-position: -104px 0;}
.meta-comments:link, .meta-comments:visited{ background:url('images/blogicon-comment-light.jpg') 0 0 no-repeat;}
.meta-comments:hover, .meta-comments:active{ background-position: -104px 0;}
.meta-tags:link, .meta-tags:visited{ background:url('images/blogicon-tag-light.jpg') 0 0 no-repeat;}
.meta-tags:hover, .meta-tags:active{ background-position: -104px 0;}
.morelink:link,
.morelink:visited{
	display:inline-block;
	font-size:11px;
	line-height:22px;
	background-color:#d3001a;
	color:#black;
	border-radius:4px;
	padding:0 11px;
	text-decoration:none;
	margin-top:20px;
}
.morelink:hover,
.morelink:active{
	background-color:#black;
	color:#d3001a;
}
.meta-tips{
	position:absolute;
	color:#black;
	padding:0px 10px;
	height:20px;
	line-height:20px;
	background-color:#d3001a;
}
.meta-tips span{
	width:6px;
	height:20px;
	background:url('images/meta-right-light.png') left center no-repeat;
	position:absolute;
	right:-6px;
}

/*About*/
.personName{display:inline-block; float:left; padding-top:14px;}
.personName h3{font-size:12px; line-height:16px;}
.personName span{font-size:11px; line-height:11px;}
.personContact{ display:inline-block; float:right; padding-top:24px;}
.personContact a:link, .personContact a:visited{width:16px; height:16px; opacity:.5; display:block; float:left; margin-left:2px;}
.personContact a:hover, .personContact a:active{opacity:1;}
.personFacebook{background:url('images/person-facebook.png');}
.personTwitter{background:url('images/person-twitter.png');}
.personEmail{background:url('images/person-email.png');}
/*Portfolio*/
.portfolioitems{
	list-style:none;
	width:620px;
	overflow:hidden;
}
.portfolio2columns .image_frame img,.portfolio2columns .image_frame .hoverWrapperBg,.portfolio2columns .image_frame .hoverWrapper{
	width:100%;
	height:auto;
}
.portfolio2columns li{
	height:400px !important;
	float:left;
	width:45%;
	height:auto;
}
.portfolio2columns li{
	float:left;
	margin: 20px 20px 0 0;
}
.portfolio4columns li{
	float:left;
	margin: 20px 20px 0 0;
}
.portfolioFilter{
	width:600px;
	list-style:none;
	margin:20px 0 0 0;
	height:30px;
	padding-bottom:20px;
	border-bottom:3px solid #999;
}
.portfolioFilter li{ float:left; margin-right:10px;}
.portfolioFilter li a:link,
.portfolioFilter li a:visited{
	display:block;
	background-color:#d3001a; 
	text-decoration:none;
	color:#black;
	border-radius:4px;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:30px;
	padding:0 15px;
}
.portfolioFilter li a:hover,
.portfolioFilter li a:active{
	background-color:#fff; 
	color:#d3001a;
}
/*Columns*/
.c1,
.c1of2, .c1of2_end, 
.c1of3, .c1of3_end, .c2of3, .c2of3_end,
.c1of4, .c1of4_end, .c2of4, .c2of4_end, .c3of4,
.c3of4_end{float:left; margin-top:20px;}

.c1{clear:both; float:left; width:600px;}
.c1of2{float:left; width:280px; margin-right:40px;}
.c1of2_end{float:left; width:280px;}
.c1of3{float:left; width:173px; margin-right:40px;}
.c1of3_end{float:left; width:173px;}
.c2of3{float:left; width:386px; margin-right:40px;}
.c2of3_end{float:left; width:386px;}
.c1of4{float:left; width:120px; margin-right:40px;}
.c1of4_end{float:left; width:120px;}
.c2of4{float:left; width:280px; margin-right:40px;}
.c2of4_end{float:left; width:280px;}
.c3of4{float:left; width:440px; margin-right:40px;}
.c3of4_end{float:left; width:440px;}

/*STYLES*/
h1, h2, h3, h4, h5, h6{
	clear:both;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	color: #d3001a;
}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
.divider{clear:both; height:20px;}
.vericaldivider{display:inline-block; width:20px; }
hr.seperator{clear:both; float:left; margin-top:20px; height:3px; background-color:#999; width:100%; }
.quotes-one{
	margin-left:20px;
	border-left:3px solid #d3001a;
	padding-left:20px;
}
.quotes-two{
	padding-left:25px;
	background: url('images/quote-bg.png') top left no-repeat;
}
.dropcap{
	display:block;
	float:left;
	font-size:50px;
	line-height:50px;
	font-family: 'Oswald', sans-serif;
	padding:0;
	margin:0 5px 0 0;
}
.quotes-writer{color:#000;}
.right{float:right; margin:5px 0 5px 15px;}
.left{float:left; margin:5px 15px 5px 0px;}
span.highlight{background-color:#d3001a; color:black; padding:0px 2px;}
ul.list{list-style:none;}
ul.list li{padding: 3px 0 3px 20px;}
ul.check li{ background:url('images/list-check.png') left 6px no-repeat;}
ul.cross li{ background:url('images/list-cross.png') left 6px no-repeat;}
ul.arrow li{ background:url('images/list-arrow.png') left 6px no-repeat;}
ul.circle li{ background:url('images/list-circle.png') left 7px no-repeat;}

.infobox, .attentionbox, .downloadbox, .crossbox{
	padding:20px 20px 20px 75px;
	border:2px solid #333;
}
.infobox{
	border-color:#0066cc;
	color:#0066cc;
	background: url('images/box-info.png') 20px 24px no-repeat;
}
.attentionbox{
	border-color:#ddb720;
	color:#ddb720;
	background: url('images/box-attention.png') 20px 24px no-repeat;
}
.downloadbox{
	border-color:#009900;
	color:#009900;
	background: url('images/box-download.png') 20px 24px no-repeat;
}
.crossbox{
	border-color:#ff0000;
	color:#ff0000;
	background: url('images/box-cross.png') 20px 24px no-repeat;
}
.tipbox{
	position:absolute;
	color:#fff;
	padding:10px 10px;
	background-color:#d3001a;
	border-radius:6px;
}
.tipbox span{
	width:9px;
	height:5px;
	background:url('images/tips-bottom-light.png') center center no-repeat;
	position:absolute;
	bottom:-5px;
	left:50%;
}

div.item_two_one{
	clear:both;
	float:left;
	width:80px;
	padding:12px 5px 12px 0;
	vertical-align:top;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
}
div.item_two_two{
	float:left;
	width:170px;
	margin-left:10px;
	padding:15px 5px;
	border-bottom: 1px solid #999;
	vertical-align:top;
}

/*Buttons*/
.buttonSmall{
	display:inline-block;
	background: url('images/button-white-left.png') left top no-repeat;
	height:26px;
	padding-left:5px;
}
.buttonSmall a{
	background: url('images/button-white-center.png') left top repeat-x;
	float:left;
	font-size:12px;
	line-height:26px;
	padding:0 10px;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
	
	color:black;
}
.buttonSmall span{
	float:left;
	background: url('images/button-white-right.png') left top no-repeat;
	height:26px;
	width:5px;
}

.smallBlack{background-image: url('images/button-black-left.png'); }
.smallBlack a{background-image: url('images/button-black-center.png'); }
.smallBlack span{background-image: url('images/button-black-right.png'); }

.smallWhite{background-image: url('images/button-white-left.png'); }
.smallWhite a{background-image: url('images/button-white-center.png'); color:#333333;}
.smallWhite span{background-image: url('images/button-white-right.png'); }

.smallRed{background-image: url('images/button-red-left.png'); }
.smallRed a{background-image: url('images/button-red-center.png'); }
.smallRed span{background-image: url('images/button-red-right.png'); }

.smallGreen{background-image: url('images/button-green-left.png'); }
.smallGreen a{background-image: url('images/button-green-center.png'); }
.smallGreen span{background-image: url('images/button-green-right.png'); }

.smallBlue{background-image: url('images/button-blue-left.png'); }
.smallBlue a{background-image: url('images/button-blue-center.png'); }
.smallBlue span{background-image: url('images/button-blue-right.png'); }

.buttonMedium{
	display:inline-block;
	background: url('images/buttonM-white-left.png') left top no-repeat;
	height:36px;
	padding-left:5px;
}
.buttonMedium a{
	background: url('images/buttonM-white-center.png') left top repeat-x;
	float:left;
	font-size:16px;
	line-height:36px;
	padding:0 10px;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
	
	color:#ffffff;
}
.buttonMedium span{
	float:left;
	background: url('images/buttonM-white-right.png') left top no-repeat;
	height:36px;
	width:5px;
}

.mediumBlack{background-image: url('images/buttonM-black-left.png'); }
.mediumBlack a{background-image: url('images/buttonM-black-center.png'); }
.mediumBlack span{background-image: url('images/buttonM-black-right.png'); }

.mediumWhite{background-image: url('images/buttonM-white-left.png'); }
.mediumWhite a{background-image: url('images/buttonM-white-center.png'); color:#333333;}
.mediumWhite span{background-image: url('images/buttonM-white-right.png'); }

.mediumRed{background-image: url('images/buttonM-red-left.png'); }
.mediumRed a{background-image: url('images/buttonM-red-center.png'); }
.mediumRed span{background-image: url('images/buttonM-red-right.png'); }

.mediumGreen{background-image: url('images/buttonM-green-left.png'); }
.mediumGreen a{background-image: url('images/buttonM-green-center.png'); }
.mediumGreen span{background-image: url('images/buttonM-green-right.png'); }

.mediumBlue{background-image: url('images/buttonM-blue-left.png'); }
.mediumBlue a{background-image: url('images/buttonM-blue-center.png'); }
.mediumBlue span{background-image: url('images/buttonM-blue-right.png'); }

/*CONTACT FORM*/
.dform p{
	display:block;
	clear:both;
	padding:5px 5px 5px 0;
}

.dFormInput{
	float:left;
	width:157px;
	padding:5px;
	margin-left:10px;
	border-top: 1px double #bbb;
	border-left: 1px double #bbb;
	border-right: 1px double #f0f0f0;
	border-bottom: 1px double #f0f0f0;
	background-color:none;
}
.dFormInputFocus{
	border:1px solid #d3001a;
}
.dform label{
	padding-top:0px;
	float:left;
	display:inline-block;
	width:95px;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
}
.dform input[type=text], .dform select, .dform textarea{
	background:none;
	width:100%;
}
.dform input[type=text]:focus, .dform select:focus, .dform textarea:focus{
}
.dform select{
}
.dform input[type=submit]{
	margin-left:10px;
}
.dform textarea{
	height:113px;
}
.dform label.error{
	clear:both;
	float:left;
	margin-left:95px;
	padding-left:10px;
	width:172px;
	color:#d3001a;
	font-weight:normal;
	font-size:11px;
}
.form_message{
	display:none;
	padding:5px;
	background-color:#d3001a;
	color:#000;
}
div.form_input{
	float:left;
}
.dform .submitButton{
	display:block;
	margin:10px 0 0 10px;
	border-radius:6px;
	color:#fff;
	background-color:#d3001a;
	line-height:14px;
	padding:10px 20px;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
}
.dform .submitButton:hover{
	color:#d3001a;
	background-color:#fff;
}

/* Single Page **/
#singleLeft{
	display:none;
	float:left;
	width:163px;
	padding-right:20px;
	border-right:3px solid #999;
}
#singleRight{
	float:left;
	margin: 0 2.5%;
	width: 95%;
}
#singleLeft ul{
	list-style:none;
}
#singleLeft ul li{
	padding-top:3px;
	height:21px;
	padding-left:33px;
	margin-bottom:10px;
}
#singleLeft .singleDate{ background:url('images/singleDate-light.png') left top no-repeat; }
#singleLeft .singleAuthor{ background:url('images/singleAuthor-light.png') left top no-repeat; }
#singleLeft .singleComments{ background:url('images/singleComments-light.png') left top no-repeat; }
#singleLeft .singleTags{ background:url('images/singleTags-light.png') left top no-repeat; }

/* Comments CSS*/
#comments h4{
	padding-bottom:20px;
}
.comment-wrapper{
	background-color:#fff;
	margin-bottom:20px;
}

#comments ul, #comments ol{
	list-style:none;
}

#comments ol li li{
	padding-left:100px;
	background: url('images/comment-icon-light.png') 34px 34px no-repeat;
}

.comment-avatar{
	float:left;
	width:80px;
	height:80px;
	margin:10px;
}
.comment-text{
	padding-left:100px;
	padding-right:10px;
}
.comment-author{
	float:left;
	padding-top:10px;
	border-bottom:1px solid #828282;
	padding-bottom:10px;
}
#comments li .comment-author{width:430px;}
#comments li li .comment-author{width:330px;}
#comments li li li .comment-author{width:250px;}
.author-link{
	font-size:12px;
	color: #d3001a;
}
.author-date{
	font-sieze:12px;
	font-weight:italic;
}
.author-time{
	font-size:12px;
}
.comment-text p{
	float:left;
	padding: 5px 10px 10px 0;
}
.form-allowed-tags{
	display:none;
}
#comments .comment-reply-link{
	display:inline-block;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
#comments .comment-reply-link:link,
#comments .comment-reply-link:visited{
	display:inline-block;
	float:right;
	font-size:11px;
	line-height:25px;
	height:25px;
	padding:1px 11px 0px 11px;
	text-transform:uppercase;
	background-color: #d3001a;
	color: #fff;
	border-radius:6px;
	font-family: 'Oswald', sans-serif;
	text-decoration:none;
}
@-moz-document url-prefix() {
	#comments .comment-reply-link a:link,
	#comments .comment-reply-link a:visited{
		padding:0px 11px 1px 11px;
  }
}
#comments .comment-reply-link:link,
#comments .comment-reply-link:visited{
	margin-right:0px;
	margin-bottom:10px;
}
#comments ol ul .comment-reply-link:link,
#comments ol ul .comment-reply-link:visited{
	margin-right:0px;
}
#comments .comment-reply-link:hover,
#comments .comment-reply-link:active{
	text-decoration:none;
	background-color: #fff;
	color: #d3001a;
}

/*Comment Form*/
#commentform{
}
.comment-notes, .logged-in-as{
	padding: 0 0 0 0; 
}
#commentform label{
	display:inline-block;
	width: 132px;
	font-size:14px;
	height:32px;
	vertical-align:top;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
} 
#commentform .required{
	display:inline-block;
	width:15px;
	height:22px;
	color: #d3001a;
	vertical-align:top;
}
#commentform .comment-form-author label, 
#commentform .comment-form-email label{
	width:115px;
}
#commentform input[type=text], 
#commentform textarea{
	width: 250px;
	height: 22px;
	border-top: 1px double #bbb;
	border-left: 1px double #bbb;
	border-right: 1px double #f0f0f0;
	border-bottom: 1px double #f0f0f0;
	background-color:transparent;
	padding:5px;
}
#commentform input[type=text]:focus, 
#commentform textarea:focus{
	border:1px solid #d3001a;
}
#commentform textarea{
	height:140px;
}
#commentform p{
	margin-top:20px;
	vertical-align:top;
}
#commentform input[type=submit]{
	cursor:pointer;
	margin-left:132px;
	display:inline-block;
	font-size:12px;
	line-height:25px;
	height:25px;
	padding:1px 11px 0px 11px;
	text-transform:uppercase;
	background-color: #d3001a;
	color: #fff;
	border-radius:6px;
	font-family: 'Oswald', sans-serif;
}
#commentform input[type=submit]:hover{
	color: #fff;
	background-color: #d3001a;
}
@-moz-document url-prefix() {
	#commentform input[type=submit]{
		padding:0px 11px 1px 11px;
  }
}
pre{
	 white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	overflow: auto;
	font-family: 'Consolas',monospace;
	font-size:13px;
	color: #333;
	line-height:18px;
	background: url("images/pre-bg.png") repeat scroll left top #FFFFFF;
	border-left: 4px solid #888;
	padding:18px 5px 18px 10px;
	margin: 10px 0 10px 0;
}
div.sh_toggle{
	clear:both;
}
div.sh_toggle_text a{
	color:#000000;
	font-size: 10pt;
	
	text-decoration: none;
}
.sh_toggle_text{
	padding: 4px 4px 4px 20px;
	background:url('images/toggle_arrow_closed.png') 0px 6px no-repeat;
	cursor:pointer;
}
.sh_toggle_text_opened{
	background:url('images/toggle_arrow_opened.png') 0px 6px no-repeat;	
	cursor:pointer;
}
.sh_toggle_content{
	display:none;
}
.wp-pagenavi {
	margin-top:20px;
}
.wp-pagenavi .pages{
	background-color:#999;
	color:#fff;
	border-radius:4px;
	padding:4px 8px;
	font-size:12px;
}

.wp-pagenavi .current{
	margin-left:5px;
	background-color:#d3001a;
	color:#fff;
	border-radius:4px;
	padding:4px 8px;
	font-size:12px;
}

.wp-pagenavi .page:link, 
.wp-pagenavi .page:visited, 
.wp-pagenavi .nextpostslink:link, 
.wp-pagenavi .nextpostslink:visited, 
.wp-pagenavi .previouspostslink:link,
.wp-pagenavi .previouspostslink:visited{
	margin-left:5px;
	background-color:#999;
	color:#fff;
	border-radius:4px;
	padding:4px 8px;
	font-size:12px;
	text-decoration:none;
}

.wp-pagenavi .page:hover, 
.wp-pagenavi .page:active, 
.wp-pagenavi .nextpostslink:hover, 
.wp-pagenavi .nextpostslink:active, 
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .previouspostslink:active{
	background-color:#d3001a;
	color:#fff;
}
#hidebutton{
	background:white;
	padding:5px 10px;
	position:fixed;
	bottom:50px;
	left:0;
}
#hidebutton .action_show{display:none;}
#hidebutton a{text-decoration:none;}

#CtLoading img{
	width:auto !important;
	height:auto !important;
}