/*THEMES*/
@color-1: #7B33AC;
@color-2: #FF6600;
@color-3: #FF0000;
@color-4: #006699;
@color-5: #7FFF00;
@color-6: #FF007F;
@color-7: #D9D900;
@color-8: #3b2f00;
@color-9: #0043AF;
@color-10: #003283;
@color-11: #001b46;
@color-12: #FFB10F;
@color-13: #BF850B;
@color-14: #664706;
@color-15: #c00;
@color-16: #FFA23C;
@color-17: #2F8AC7;
@color-18: #CD30AF;
@color-19: #B7DF34;
@color-20: #85BF00;
@color-21: #09B;
@color-22: #F30000;
@color-23: #CDE924;
@color-24: #1EC272;
@color-25: #E52364;
@color-26: #860087;


div#wrapper.theme-type-1{
	header h1{ background: @color-1; }
	nav.part-side ul.menu li{ background: @color-1; }
	nav.bottom-side ul.menu li{ border-color: @color-1 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-1 !important; }
	.border-c{ border-color: @color-1 !important; }
	.background-c{ background-color: @color-1; }
	.font-c{ color: @color-1; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-1; }
	.page_content #page a{ color: @color-1; }
}

div#wrapper.theme-type-2{
	header h1{ background: @color-2; }
	nav.part-side ul.menu li{ background: @color-2; }
	nav.bottom-side ul.menu li{ border-color: @color-2 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-2 !important; }
	.border-c{ border-color: @color-2 !important; }
	.background-c{ background-color: @color-2; }
	.font-c{ color: @color-2; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-2; }
	.page_content #page a{ color: @color-2; }
}

div#wrapper.theme-type-3{
	header h1{ background: @color-3; }
	nav.part-side ul.menu li{ background: @color-3; }
	nav.bottom-side ul.menu li{ border-color: @color-3 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-3 !important; }
	.border-c{ border-color: @color-3 !important; }
	.background-c{ background-color: @color-3; }
	.font-c{ color: @color-3; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-3; }
	.page_content #page a{ color: @color-3; }
}

div#wrapper.theme-type-4{
	header h1{ background: @color-4; }
	nav.part-side ul.menu li{ background: @color-4; }
	nav.bottom-side ul.menu li{ border-color: @color-4 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-4 !important; }
	.border-c{ border-color: @color-4 !important; }
	.background-c{ background-color: @color-4; }
	.font-c{ color: @color-4; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-4; }
	.page_content #page a{ color: @color-4; }
}

div#wrapper.theme-type-5{
	header h1{ background: @color-5; }
	nav.part-side ul.menu li{ background: @color-5; }
	nav.bottom-side ul.menu li{ border-color: @color-5 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-5 !important; }
	.border-c{ border-color: @color-5 !important; }
	.background-c{ background-color: @color-5; }
	.font-c{ color: @color-5; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-5; }
	.page_content #page a{ color: @color-5; }
}

div#wrapper.theme-type-6{
	header h1{ background: @color-6; }
	nav.part-side ul.menu li{ background: @color-6; }
	nav.bottom-side ul.menu li{ border-color: @color-6 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-6 !important; }
	.border-c{ border-color: @color-6 !important; }
	.background-c{ background-color: @color-6; }
	.font-c{ color: @color-6; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-6; }
	.page_content #page a{ color: @color-6; }
}

div#wrapper.theme-type-7{
	header h1{ background: @color-7; }
	nav.part-side ul.menu li{ background: @color-7; }
	nav.bottom-side ul.menu li{ border-color: @color-7 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-7 !important; }
	.border-c{ border-color: @color-7 !important; }
	.background-c{ background-color: @color-7; }
	.font-c{ color: @color-7; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-7; }
	.page_content #page a{ color: @color-7; }
}

div#wrapper.theme-type-8{
	header h1{ background: @color-8; }
	nav.part-side ul.menu li{ background: @color-8; }
	nav.bottom-side ul.menu li{ border-color: @color-8 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-8 !important; }
	.border-c{ border-color: @color-8 !important; }
	.background-c{ background-color: @color-8; }
	.font-c{ color: @color-8; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-8; }
	.page_content #page a{ color: @color-8; }
}

div#wrapper.theme-type-9{
	header h1{ background: @color-9; }
	nav.part-side ul.menu li{ background: @color-9; }
	nav.bottom-side ul.menu li{ border-color: @color-9 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-9 !important; }
	.border-c{ border-color: @color-9 !important; }
	.background-c{ background-color: @color-9; }
	.font-c{ color: @color-9; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-9; }
	.page_content #page a{ color: @color-9; }
}

div#wrapper.theme-type-10{
	header h1{ background: @color-10; }
	nav.part-side ul.menu li{ background: @color-10; }
	nav.bottom-side ul.menu li{ border-color: @color-10 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-10 !important; }
	.border-c{ border-color: @color-10 !important; }
	.background-c{ background-color: @color-10; }
	.font-c{ color: @color-10; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-10; }
	.page_content #page a{ color: @color-10; }
}

div#wrapper.theme-type-11{
	header h1{ background: @color-11; }
	nav.part-side ul.menu li{ background: @color-11; }
	nav.bottom-side ul.menu li{ border-color: @color-11 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-11 !important; }
	.border-c{ border-color: @color-11 !important; }
	.background-c{ background-color: @color-11; }
	.font-c{ color: @color-11; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-11; }
	.page_content #page a{ color: @color-11; }
}

div#wrapper.theme-type-12{
	header h1{ background: @color-12; }
	nav.part-side ul.menu li{ background: @color-12; }
	nav.bottom-side ul.menu li{ border-color: @color-12 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-12 !important; }
	.border-c{ border-color: @color-12 !important; }
	.background-c{ background-color: @color-12; }
	.font-c{ color: @color-12; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-12; }
	.page_content #page a{ color: @color-12; }
}

div#wrapper.theme-type-13{
	header h1{ background: @color-13; }
	nav.part-side ul.menu li{ background: @color-13; }
	nav.bottom-side ul.menu li{ border-color: @color-13 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-13 !important; }
	.border-c{ border-color: @color-13 !important; }
	.background-c{ background-color: @color-13; }
	.font-c{ color: @color-13; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-13; }
	.page_content #page a{ color: @color-13; }
}

div#wrapper.theme-type-14{
	header h1{ background: @color-14; }
	nav.part-side ul.menu li{ background: @color-14; }
	nav.bottom-side ul.menu li{ border-color: @color-14 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-14 !important; }
	.border-c{ border-color: @color-14 !important; }
	.background-c{ background-color: @color-14; }
	.font-c{ color: @color-14; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-14; }
	.page_content #page a{ color: @color-14; }
}

div#wrapper.theme-type-15{
	header h1{ background: @color-15; }
	nav.part-side ul.menu li{ background: @color-15; }
	nav.bottom-side ul.menu li{ border-color: @color-15 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-15 !important; }
	.border-c{ border-color: @color-15 !important; }
	.background-c{ background-color: @color-15; }
	.font-c{ color: @color-15; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-15; }
	.page_content #page a{ color: @color-15; }
}

div#wrapper.theme-type-16{
	header h1{ background: @color-16; }
	nav.part-side ul.menu li{ background: @color-16; }
	nav.bottom-side ul.menu li{ border-color: @color-16 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-16 !important; }
	.border-c{ border-color: @color-16 !important; }
	.background-c{ background-color: @color-16; }
	.font-c{ color: @color-16; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-16; }
	.page_content #page a{ color: @color-16; }
}

div#wrapper.theme-type-17{
	header h1{ background: @color-17; }
	nav.part-side ul.menu li{ background: @color-17; }
	nav.bottom-side ul.menu li{ border-color: @color-17 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-17 !important; }
	.border-c{ border-color: @color-17 !important; }
	.background-c{ background-color: @color-17; }
	.font-c{ color: @color-17; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-17; }
	.page_content #page a{ color: @color-17; }
}

div#wrapper.theme-type-18{
	header h1{ background: @color-18; }
	nav.part-side ul.menu li{ background: @color-18; }
	nav.bottom-side ul.menu li{ border-color: @color-18 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-18 !important; }
	.border-c{ border-color: @color-18 !important; }
	.background-c{ background-color: @color-18; }
	.font-c{ color: @color-18; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-18; }
	.page_content #page a{ color: @color-18; }
}

div#wrapper.theme-type-19{
	header h1{ background: @color-19; }
	nav.part-side ul.menu li{ background: @color-19; }
	nav.bottom-side ul.menu li{ border-color: @color-19 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-19 !important; }
	.border-c{ border-color: @color-19 !important; }
	.background-c{ background-color: @color-19; }
	.font-c{ color: @color-19; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-19; }
	.page_content #page a{ color: @color-19; }
}

div#wrapper.theme-type-20{
	header h1{ background: @color-20; }
	nav.part-side ul.menu li{ background: @color-20; }
	nav.bottom-side ul.menu li{ border-color: @color-20 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-20 !important; }
	.border-c{ border-color: @color-20 !important; }
	.background-c{ background-color: @color-20; }
	.font-c{ color: @color-20; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-20; }
	.page_content #page a{ color: @color-20; }
}

div#wrapper.theme-type-21{
	header h1{ background: @color-21; }
	nav.part-side ul.menu li{ background: @color-21; }
	nav.bottom-side ul.menu li{ border-color: @color-21 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-21 !important; }
	.border-c{ border-color: @color-21 !important; }
	.background-c{ background-color: @color-21; }
	.font-c{ color: @color-21; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-21; }
	.page_content #page a{ color: @color-21; }
}

div#wrapper.theme-type-22{
	header h1{ background: @color-22; }
	nav.part-side ul.menu li{ background: @color-22; }
	nav.bottom-side ul.menu li{ border-color: @color-22 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-22 !important; }
	.border-c{ border-color: @color-22 !important; }
	.background-c{ background-color: @color-22; }
	.font-c{ color: @color-22; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-22; }
	.page_content #page a{ color: @color-22; }
}

div#wrapper.theme-type-23{
	header h1{ background: @color-23; }
	nav.part-side ul.menu li{ background: @color-23; }
	nav.bottom-side ul.menu li{ border-color: @color-23 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-23 !important; }
	.border-c{ border-color: @color-23 !important; }
	.background-c{ background-color: @color-23; }
	.font-c{ color: @color-23; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-23; }
	.page_content #page a{ color: @color-23; }
}

div#wrapper.theme-type-24{
	header h1{ background: @color-24; }
	nav.part-side ul.menu li{ background: @color-24; }
	nav.bottom-side ul.menu li{ border-color: @color-24 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-24 !important; }
	.border-c{ border-color: @color-24 !important; }
	.background-c{ background-color: @color-24; }
	.font-c{ color: @color-24; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-24; }
	.page_content #page a{ color: @color-24; }
}

div#wrapper.theme-type-25{
	header h1{ background: @color-25; }
	nav.part-side ul.menu li{ background: @color-25; }
	nav.bottom-side ul.menu li{ border-color: @color-25 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-25 !important; }
	.border-c{ border-color: @color-25 !important; }
	.background-c{ background-color: @color-25; }
	.font-c{ color: @color-25; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-25; }
	.page_content #page a{ color: @color-25; }
}

div#wrapper.theme-type-26{
	header h1{ background: @color-26; }
	nav.part-side ul.menu li{ background: @color-26; }
	nav.bottom-side ul.menu li{ border-color: @color-26 !important; }
	nav.bottom-side ul.menu li.active{ background: @color-26 !important; }
	.border-c{ border-color: @color-26 !important; }
	.background-c{ background-color: @color-26; }
	.font-c{ color: @color-26; }
	.page_content #page .nav-pills > .active > a{ background-color: @color-26; }
	.page_content #page a{ color: @color-26; }
}







/*MENUBG*/
@menu-bg-color-1 : #EEE;
@menu-bg-color-2 : #FFF;
@menu-bg-color-3 : #DDD;
@menu-bg-color-4 : #888;
@menu-bg-color-5 : #333;
@menu-bg-color-6 : #666;

body.menu-side-bg-1 div#wrapper nav.part-side{ background-color: @menu-bg-color-1; }
body.menu-side-bg-2 div#wrapper nav.part-side{ background-color: @menu-bg-color-2; }
body.menu-side-bg-3 div#wrapper nav.part-side{ background-color: @menu-bg-color-3; }
body.menu-side-bg-4 div#wrapper nav.part-side{ background-color: @menu-bg-color-4; }
body.menu-side-bg-5 div#wrapper nav.part-side{ background-color: @menu-bg-color-5; }
body.menu-side-bg-6 div#wrapper nav.part-side{ background-color: @menu-bg-color-6; }






/*FOOTERBG*/
@footer-bg-1 : #333;
@footer-bg-2 : #DDD;
@footer-bg-3 : #CCC;
@footer-bg-4 : #222;
@footer-bg-5 : #666;

@footer-font-color-1 : #CCC;
@footer-font-color-2 : #333;
@footer-font-color-3 : #666;
@footer-font-color-4 : #CCC;
@footer-font-color-5 : #fff;

body.footer-bg-1 footer{ background-color: @footer-bg-1; color: @footer-font-color-1; }
body.footer-bg-2 footer{ background-color: @footer-bg-2; color: @footer-font-color-2; }
body.footer-bg-3 footer{ background-color: @footer-bg-3; color: @footer-font-color-3; }
body.footer-bg-4 footer{ background-color: @footer-bg-4; color: @footer-font-color-4; }
body.footer-bg-5 footer{ background-color: @footer-bg-5; color: @footer-font-color-5; }







/*PATTERNS*/
@pattern-img-1 : "../_img/patterns/always_grey.png";
@pattern-img-2 : "../_img/patterns/carbon_fibre.png";
@pattern-img-3 : "../_img/patterns/green_gobbler.png";
@pattern-img-4 : "../_img/patterns/grunge_wall.png";
@pattern-img-5 : "../_img/patterns/random_grey_variations.png";
@pattern-img-6 : "../_img/patterns/subtle_orange_emboss.png";
@pattern-img-7 : "../_img/patterns/tactile_noise.png";
@pattern-img-8 : "../_img/patterns/vichy.png";
@pattern-img-9 : "../_img/patterns/white_carbon.png";
@pattern-img-10 : "../_img/patterns/wood_1.png";
@pattern-img-11 : "../_img/patterns/dark_stripes.png";

body.pattern-1{ background:url(@pattern-img-1); }
body.pattern-2{ background:url(@pattern-img-2); }
body.pattern-3{ background:url(@pattern-img-3); }
body.pattern-4{ background:url(@pattern-img-4); }
body.pattern-5{ background:url(@pattern-img-5); }
body.pattern-6{ background:url(@pattern-img-6); }
body.pattern-7{ background:url(@pattern-img-7); }
body.pattern-8{ background:url(@pattern-img-8); }
body.pattern-9{ background:url(@pattern-img-9); }
body.pattern-10{ background:url(@pattern-img-10); }
body.pattern-11{ background:url(@pattern-img-11); }







/*IMAGE BG*/
@bg-img-1 : "../_img/bg/100_0479.jpg";
@bg-img-2 : "../_img/bg/100_0598.jpg";
@bg-img-3 : "../_img/bg/100_4914.jpg";
@bg-img-4 : "../_img/bg/100_5440.jpg";
@bg-img-5 : "../_img/bg/459.jpg";

body.img-1{ background:url(@bg-img-1); }
body.img-2{ background:url(@bg-img-2); }
body.img-3{ background:url(@bg-img-3); }
body.img-4{ background:url(@bg-img-4); }
body.img-5{ background:url(@bg-img-5); }
body.img-6{  /*...*/ }

body.img-1, body.img-2, body.img-3, body.img-4, body.img-5, body.img-6{
		background-attachment:fixed;	
		background-position:center;
		background-repeat:no-repeat;
		background-origin: content-box;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; }







/*OPACITY*/
body.op-1{
	div#wrapper section.page_content div#page { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
	div#wrapper nav.part-side { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
	div#wrapper footer { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
	div#wrapper header h1 { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
}

body.op-2{
	div#wrapper section.page_content div#page { opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */ }
	div#wrapper nav.part-side { opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */ }
	div#wrapper footer { opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */ }
	div#wrapper header h1 { opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */ }
}

body.op-3{
	div#wrapper section.page_content div#page { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }
	div#wrapper nav.part-side { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }
	div#wrapper footer { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }
	div#wrapper header h1 { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }
}







/*SIZE*/
body.size-1{ 
	div#wrapper{ width:960px !important; }/*960 x 480 */
	div#wrapper section.page_content{ height:480px; }
	div#wrapper nav.part-side{ height:480px; }
}

body.size-2{ 
	div#wrapper{ width:860px !important; }/*860 x 430 */
	div#wrapper section.page_content{ height:430px; }
	div#wrapper nav.part-side{ height:430px; }
}

body.size-3{
	div#wrapper{ width:760px !important; }/*760 x 380 */
	div#wrapper section.page_content{ height:380px; }
	div#wrapper nav.part-side{ height:380px; }
}

body.size-4{
	div#wrapper{ width:660px !important; }/*660 x 330 */
	div#wrapper section.page_content{ height:330px; }
	div#wrapper nav.part-side{ height:330px; }
}

/*SIZE*/
body.size-5{ 
	div#wrapper{ width:100% !important; top:0;  height:100% !important; } /*100% x 100% */
	div#wrapper section.page_content{	height: auto !important;
						top: 25px;
						bottom: 40px !important;
						position: absolute; }
	div#wrapper nav.part-side{		height: auto !important;
						position: absolute;
						top: 25px;
						bottom: 40px !important; }
	div#wrapper footer {
		position: absolute;
		bottom: 0;
	}
	div#wrapper .position-container { height: 100%; } 
	div#wrapper .position-container .central-container {
						position: absolute; 
						top: 0px;
						bottom: 0;
						left: 0;
						right: 0;}
}




/*DARK - LIGHT */
div#wrapper.dark{ 
	section.page_content div#page{ background:#666; color:#EFEFEF; }
	.tweet_list .tweet_even { background:#555; }
	.tweet_list .tweet_odd { background:#777; }
	.page_content #page .skills-set > li { background: url(../_img/resume/skills-bg-dark.png); }
	.page_content #page .border-left-gray{ border-color: #999;}
	.page_content #page .border-right-gray{ border-color: #999;}
	.scroll-pane{ border-bottom:1px inset #999; }	
	blockquote {border-color: #777; }
	.page_content #page .work-list .work { border-color:#999; }
}

div#wrapper.light{
	section.page_content div#page{ background:#F8F8F8; color:#222; }
}