"

From 2012.igem.org

Revision as of 01:54, 22 August 2012 (view source) Chocolatenw (Talk | contribs) (Created page with "@charset "utf-8"; - →CSS Document: /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [Table of contents] 1. Body 2. Top / #top 3. Header / #header - ...") ← Older edit		Latest revision as of 16:18, 25 September 2012 (view source) Chocolatenw (Talk | contribs)
Line 1:		Line 1:
-	@charset "utf-8";
-	/* CSS Document */
-
	/*		/*
-	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	+	Torn v.1.2
-	[Table of contents]	+
-		+
-	1. Body	+
-	2. Top / #top	+
-	3. Header / #header	+
-	- Logo	+
-	- Navigation	+
-	4. Slider / #slider	+
-	5. About / #about	+
-	6. Content / #content	+
-	- Article	+
-	- Article footer	+
-	- Post types	+
-	- Entry meta: list	+
-	- Entry meta: post	+
-	- Paginator	+
-	- Comments	+
-	- Gallery	+
-	7. Aside / #aside	+
-	8. Footer / #footer	+
-	9. Bottom / #bottom	+
-	10. Misc	+
-	11. Widgets	+
-	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	+
	*/		*/
		+	/* IMPORTS ------------------------------------------------------------*/
-	/* [1. Body] */	+	@import url('reset.css');
-	html, body{	+
-	margin: 0;	+	@import url('social-icons.css');
-	padding: 0;	+
-	min-width: 998px;	+	/* HACKS ------------------------------------------------------------*/
		+
		+	.clear{
		+	clear:both;
		+	height:1px;
		+	}
		+
		+	.inv{ display:none; }
		+
		+	/* prettyPhoto fix */
		+	.pp_description,
		+	.currentTextHolder{
		+	color: #606060;
		+	}
		+
		+	/* TOOLTIP ------------------------------------------------------------*/
		+
		+	.tooltip,
		+	.tooltip-right,
		+	.tooltip-bottom,
		+	.tooltip-left {
		+	display:none;
		+	font-size:12px;
		+	height:70px;
		+	width:160px;
		+	padding:25px;
		+	color: #ffffff;
		+	line-height: 1.3em;
		+	z-index: 600;
		+	}
		+
		+	.tooltip {background:transparent url(../img/tooltip.png);}
		+	.tooltip-right {background:transparent url(../img/tooltip-right.png);}
		+	.tooltip-bottom {background:transparent url(../img/tooltip-bottom.png);}
		+	.tooltip-left {background:transparent url(../img/tooltip-left.png);}
		+
		+	/* GENERAL ------------------------------------------------------------*/
		+
		+	html{
	height: 100%;		height: 100%;
	}		}
-	body, td, th, button, input, select, textarea{	+
-	font: normal 12px/20px 'Lucida Sans Unicode', 'Lucida Grande', Arial, san-serif;	+	body {
-	text-shadow: 1px 1px 0 #000;	+	line-height: 1;
-	color: #ededed;	+	font-family: Tahoma, Arial, Helvetica, sans-serif;
		+	font-size:  100%;
		+	height: 100%;
		+	background: #1f1f1f url(../img/bgs/strips-bold.png);
		+	color: #1f1f1f;
	}		}
-	button, input, select, textarea{	+
-	background: #262626;	+	.wrapper-header{
-	border: solid #2f2f2f 1px;	+	width: 800px;
-	border-top-color: #000;	+	position: absolute;
-	border-left-color: #000;	+	top: 0px;
-	/*font-style: italic;*/	+	left: 200px;
		+
	}		}
-	textarea:focus, input:focus{	+
-	/*font-style: normal;*/	+	#header{
-	color: #ededed;	+	position: relative;
		+	width: 800px;
		+	height: 135px;
		+	font-size: 14px;
		+	z-index: 10;
	}		}
-	textarea.placeholder, input.placeholder {	+
-	color: #5d5d5d;	+	.torn-top{
-	font-style: italic;	+	position: absolute;
		+	height: 6px;
		+	width: 100%;
		+	top: 130px;
		+	background: url(../img/borders/torn-top.png) repeat-x bottom ;
		+	z-index: 130;
	}		}
-	h1, h2, h3, h4, h5, h6{	+
-	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, san-serif;	+	#logo{
-	font-weight: normal;	+	position: absolute;
-	color: #181818;	+	top: 20px;
		+	left: -5px;
	}		}
-	h1{	+
-	font-size: 30px;	+	#main{
-	line-height: 40px;	+	position: relative;
		+	width: 100%;
		+	min-height: 700px;
		+	font-size: 14px;
		+	background: white;
		+	padding-top: 22px;
	}		}
-	h1 cufon{	+
-	top: -8px !important;	+	.wrapper{
		+	width: 800px;
		+	margin-left: 20px;
		+	position: relative;
		+	overflow: hidden;
	}		}
-	h2{	+
-	font-size: 24px;	+	.page-title-holder{
-	line-height: 30px;	+	width: 100%;
-	padding: 0 0 10px 0;	+	margin-bottom: 18px;
		+	padding-bottom: 18px;
		+	border-bottom: 1px #ccc dashed;
	}		}
-	h3{	+
-	font-size: 22px;	+	.page-title{
-	line-height: 30px;	+	font-size: 40px;
-	padding: 0 0 10px 0;	+	color: #1f1f1f;
		+	margin-left: 10px;
	}		}
-	h4{	+
-	font-size: 20px;	+	.page-subtitle{
-	line-height: 30px;	+	font-size: 26px;
-	padding: 0 0 10px 0;	+	color: #555555;
		+	margin-left: 10px;
	}		}
-	h4 cufon{	+
-	top: -7px !important;	+
		+	.page-title-holder > .page-title,
		+	.page-title-holder > .page-subtitle{
		+	margin-left: 30px;
	}		}
-	h5{	+
-	font-size: 18px;	+	.page-title-holder  .link-button{
-	line-height: 20px;	+	margin-left: 30px;
-	padding: 0 0 10px 0;	+
	}		}
-	h6{	+
-	font-size: 16px;	+	h1{ font-size: 40px;}
-	line-height: 20px;	+
-	padding: 0 0 10px 0;	+	h2{ font-size: 36px;}
		+
		+	h3{ font-size: 30px;}
		+
		+	h4{ font-size: 26px;}
		+
		+	h5{ font-size: 20px;}
		+
		+	h6{ font-size: 16px;}
		+
		+	h7{ font-family:Mistral;
		+	font-size: 20px;
		+	text-transform: none;
	}		}
-	.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading h5, .cufon-loading h6, .cufon-loading .post_type div, .cufon-loading .post_type span, .cufon-loading .header{	+	h8{font-family:"Staccato222 BT";
-	visibility: hidden;	+	font-size:25px;
		+	}
		+	h9{font-family:"Copperplate Gothic Light";
		+	font-size:17px;
		+	font-weight:700;
		+	color:#FEC709;
		+	}
		+
		+	h1, h2, h3, h4, h5, h6{
		+	margin-bottom: .0em;
	}		}
	a{		a{
-	color: #ededed;
	text-decoration: none;		text-decoration: none;
		+	color: #fec709;
	}		}
-	a:hover{	+
-	color: #ededed;	+	.headline,
-	text-decoration: underline;	+	.custom,
		+	.title .big{
		+	word-spacing: 0.2em;
	}		}
-	.article a{	+
-	color: #818181;	+	div.headline{
-	text-decoration: underline;	+	font-size: 32px;
-	}	+	line-height: 1.5em;
-	.article a:hover{	+	color: #fff;
-	text-decoration: none;	+	width: 960px;
-	}	+	text-transform: uppercase;
-	.article h1 a, .article h2 a, .article h3 a, .article h4 a, .article h5 a, .article h6 a{	+	text-align: center;
-	text-decoration: none;	+	text-shadow: #000 1px 1px 1px;
-	}	+	margin-bottom: 20px;
-	ul{	+
-	list-style: none;	+
	}		}
-	p{	+
-	margin-bottom: 10px;	+	.title{
		+	display: block;
		+	overflow: hidden;
		+	color: #665d4e;
		+	height: 90px;
		+	width: 960px;
		+	margin: 0 auto 0px auto;
		+	background: url(../img/title-bg.png) no-repeat;
		+	color: #12262d;
	}		}
-	blockquote{	+
-	margin: 5px 0 5px 0;	+	.sub-header{
-	padding: 15px 20px 35px 20px;	+	font-size: 30px;
-	background: #d6dbdf url(../images/blockquote.gif) no-repeat 0 bottom;	+
	}		}
-	.article ol, .article ul{	+
-	list-style-position: inside;	+	.title span.big{
-	margin-bottom: 10px;	+	display: block;
		+	float: left;
		+	font-size: 24px;
		+	margin: 22px 0px 0px 25px;
	}		}
-	.article ul li{	+
-	padding-left: 20px;	+	.title span.small{
-	background: url(../images/ul_arrow.gif) no-repeat 3px 8px;	+	display: block;
		+	float: left;
		+	font-size: 14px;
		+	margin-left: 15px;
		+	margin-top: 31px;
	}		}
-	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
-	/* [2. Top] */	+	a.more{
-	#top{	+	display: block;
-	height: 50px;	+	overflow: hidden;
-	background: url(../images/top_bg.png) repeat-x 0 0;	+	color: #fff;
		+	font-size: 14px;
		+	line-height: 1.3em;
		+	text-decoration: none;
	}		}
-	#top ul{
-	width: 938px;
-	height: 20px;
-	overflow: hidden;
-	padding: 0 1px;
-	margin: 0 auto;
-	background:url(../images/bread_l.gif) no-repeat 0 0;
-	}
-	#top ul li{
-	float: left;
-	height: 20px;
-	background: url(../images/bread_bg.gif) repeat-x 0 0;
-	}
-	#top ul li a{
-	display: block;
-	color: #7c7c7c;
-	text-shadow: 1px 1px 0 #101010;
-	font-size: 10px;
-	line-height: 14px;
-	padding: 2px 12px 4px 7px;
-	background: url(../images/bread_arr.png) no-repeat right 8px;
-	}
-	#top ul li a:hover{
-	color: #ededed;
-	text-decoration: none
-	}
-	#top ul li.act a{
-	padding: 2px 16px 4px 7px;
-	background: url(../images/bread_r.gif) no-repeat right 0;
-	}
-	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
-	/* [3. Header] */	+	a.more:hover{
-	#header{	+	color: white;
-	width: 940px;	+
-	margin: -30px auto 0 auto;	+
-	height: 150px;	+
-	position: relative;	+
	}		}
-	#logo{
-	position: absolute;
-	left: 0;
-	top: 50px;
-	}
-	#nav{
-	position: absolute;
-	right: 0;
-	top: 72px;
-	z-index: 1000;
-	}
-	#nav li{
-	position: relative;
-	float: left;
-	margin: 0 0 0 10px;
-	padding: 0;
-	z-index: 1001;
-	}
-	#nav li a{
-	color: #ededed;
-	text-decoration: none;
-	font-size: 16px;
-	padding: 0 0 0 10px;
-	text-transform: uppercase;
-	vertical-align: top;
-	}
-	.cufon-loading #nav li a{
-	visibility: hidden;
-	}
-	#nav li a:hover, #nav li a.act{
-	color: red;
-	}
-	#nav li div{
-	position: absolute;
-	top: 20px;
-	left: 8px;
-	width: 165px;
-	display: none;
-	z-index: 1002;
-	}
-	#nav li:hover div{
-	/*display: block;*/
-	}
-	#nav li div i{
-	display: block;
-	width: 165px;
-	height: 6px;
-	line-height: 6px;
-	background: url(../images/ddmenu_b.png) no-repeat 0 0;
-	}
-	#nav li div ul{
-	background: url(../images/ddmenu_bg.png) no-repeat 0 9px;
-	padding: 23px 0 2px 0;
-	overflow: hidden;
-	z-index: 1003;
-	}
-	#nav li div ul li{
-	background: url(../images/ddmenu_s.png) no-repeat center 4px;
-	float: none;
-	margin: 0;
-	padding: 10px 0 0 0;
-	}
-	#nav li div ul li.first{
-	background: none;
-	padding: 0;
-	}
-	#nav li div ul li a{
-	display: block;
-	padding: 0 0 0 20px;
-	margin: 0 13px 0 13px;
-	font-size: 12px;
-	text-transform: none;
-	background: url(../images/ddmenu_arr.png) no-repeat 0 5px;
-	}
-	#nav li div ul li a span{
-	white-space: nowrap;
-	}
-	#nav li div ul li a:hover{
-	color: #f1f1f1;
-	text-decoration: underline;
-	}
-	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
-	/* [4. Slider] */	+	.separator{
-	#slider{	+	border-top: 1px solid #e2e6e7;
-	width: 976px;	+	margin-bottom: 1.5em;
-	height: 236px;	+
-	margin: 0 auto -6px auto;	+
-	position: relative;	+
-	background: url(../images/slider_bg.png) no-repeat center 0;	+
	}		}
-	.slot{	+
-	position: absolute;	+	.top-gap{
		+	margin-top:20px;
		+	}
		+
		+	/* page-content--------------------------------------------------------*/
		+
		+	.page-content{
		+	overflow: visible;
		+	width: 950px;
		+	margin: 10px 10px 20px 10px;
		+	line-height: 1.5em;
		+	}
		+
		+	.page-content p{
		+	margin-bottom: 18px;
		+	}
		+
		+	/* page-introduction--------------------------------------------------------*/
		+
		+	.page-introduction{
		+	overflow: visible;
		+	width: 950px;
		+	margin: 10px 10px 20px 10px;
		+	line-height: 1.5em;
		+	}
		+
		+	.page-introduction p{
		+	margin-bottom: 18px;
		+	}
		+
		+	/* page-contact--------------------------------------------------------*/
		+
		+	.page-contact{
	overflow: hidden;		overflow: hidden;
		+	width: 960px;
		+	margin: 10px 10px 20px 10px;
		+	line-height: 1.5em;
	}		}
-	.slot ul{
-	height: 100%;
-	}
-	.slot ul li{
-	position: relative;
-	}
-	.slot ul li, .slot ul li img{
-	float: left;
-	}
-	#slot_left li, #slot_right li, #slot_left li img, #slot_right li img{
-	width: 260px;
-	height: 155px;
-	}
-	#slot_center li, #slot_center li img{
-	width: 320px;
-	height: 190px;
-	}
-	/*.slot a{
-	display: none;
-	position: absolute;
-	left: 0;
-	right: 0;
-	text-decoration: none;
-	padding: 10px 20px 0px 20px;
-	width: 220px;
-	height: 145px;
-	background: url(../images/night_slot_bg.png) repeat;
-	color: #272727;
-	text-shadow: 1px 1px 0 #fff;
-	}
-	.slot ul li:hover a{
-	display: block;
-	}
-	#slot_center a{
-	padding: 10px 30px 0px 30px;
-	width: 260px;
-	height: 180px;
-	}*/
-	.slot h4{
-	width: 220px;
-	height: 30px;
-	padding: 10px 0 0 0;
-	overflow: hidden;
-	}
-	#slot_center h4{
-	width: 280px;
-	}
-	.slot span{
-	display: block;
-	width: 220px;
-	height: 80px;
-	padding: 0;
-	overflow: hidden;
-	}
-	#slot_center span{
-	width: 280px;
-	height: 120px;
-	}
-	.slot p{
-	margin: 0;
-	padding: 0;
-	}
-
-	/* IE7 z-index bug fix for slider */
-	div#bg div#header ul#nav li.parent div { z-index: 23; }
-	div#bg div#header ul#nav li.parent { z-index: 22; }
-	div#bg div#header ul#nav { z-index: 21; }
-	div#bg div#header { z-index: 20; }
-	div#bg div#slider div.slot ul { z-index: 4; }
-	div#bg div#slider div.slot { z-index: 3; }
-	div#bg div#slider .do_slide { z-index: 19; }
-	div#bg div#slider { z-index: 2; }
-	div#bg { z-index: 1; }
-	#slides { display: none; }	+	.page-contact p{
		+	margin-bottom: 18px;
		+	}
-	.slot ul li {	+
-	position: absolute;	+	/* COLUMNS LAYOUT----------------------------------------------------------*/
		+
		+	.one-half,
		+	.one-third,
		+	.two-third,
		+	.three-fourth,
		+	.one-fourth {
		+	float:left;
		+	margin-right:20px;
		+	position:relative;
	}		}
-	.slot .desc {	+
-	visibility: hidden;	+	.one-half{width: 458px;}
-	top: 0px;	+
-	left: 0px;	+	.one-third{width: 300px;}
-	position: absolute;	+
-	z-index: 999;	+	.one-fourth{width: 220px;}
-	text-decoration: none;	+
-	padding: 10px 20px 0px 20px;	+	.two-third{width: 620px;}
-	width: 220px;	+
-	height: 145px;	+	.three-fourth{width: 700px; }
-	background: url(../images/night_slot_bg.png) repeat;	+
-	color: #272727;	+	.last {
-	text-shadow: 1px 1px 0 #e8e8e8;	+	clear:right;
-	cursor: pointer;	+	margin-right:0 !important;
-	}	+	}
-	#slot_center.slot .desc {	+
-	width: 320px;	+	/* LINK BUTTON ------------------------------------------------------------*/
-	height: 190px;	+
-	}	+	.link-button{
-	#form_prev {	+	display: table;
-	margin: 20px 0 10px;	+	height: 31px;
		+	padding-left: 5px;
		+	font-size: 20px;
		+	margin-top: 10px;
		+	color: #1f1f1f;
		+	background: url(../img/yellow/sprites.png) -40px -170px  no-repeat;
	}		}
-	#form_prev_holder .header {
-	margin: 0;
-	}
-	#slot_left, #slot_right{	+	.link-button span{
-	width: 260px;	+	display: block;
-	height: 155px;	+	height: 100% ;
-	top: 35px;	+	padding-top: 8px;
		+	padding-right: 10px;
		+	padding-left: 5px;
		+	background: url(../img/yellow/sprites.png)  no-repeat right -132px;
	}		}
-	#slot_left{	+
-	left: 28px;	+	/* SEARCH ------------------------------------------------------------*/
		+
		+	.top-search{
		+	position: absolute;
		+	left: 800px;
		+	top: 20px;
	}		}
-	#slot_right{	+
-	right: 28px;	+	form#searchform{
		+	position: relative;
		+	width: 230px;
		+	height: 50px;
	}		}
-	#slot_center{	+
-	width: 320px;	+	form#searchform input#s{
-	height: 190px;	+	color: #1f1f1f;
-	top: 10px;	+	font-size: 14px;
-	left: 328px;	+	width: 210px;
		+	height: 26px;
		+	margin: 0px 0px 5px 0px;
		+	padding: 0px 5px 0px 5px;
		+	border: 0;
		+	background: #d2d2d2 url(../img/bgs/strips-thin.png);
	}		}
-	.do_slide{	+
		+
		+	form#searchform input#searchsubmit{
		+	position: absolute;
		+	top: 0px;
		+	left: 220px;
		+	width: 33px;
		+	height: 31px;
		+	border: 0px;
		+	background: url(../img/yellow/sprites.png) no-repeat  transparent -100px -92px;
		+	}
		+
		+	form#searchform input#searchsubmit:hover{
		+	background-position: -137px -92px;
		+	}
		+
		+	/* STYLED ------------------------------------------------------------*/
		+
		+	img.left-align{
		+	float:left;
		+	margin:8px 18px 18px 0;
	display: block;		display: block;
-	position: absolute;	+	}
-	width: 44px;	+
-	height: 44px;	+	img.right-align{
-	top: 90px;	+	float:right;
		+	margin:0px 0px 0px 10px;
		+	display: block;
		+	}
		+
		+	img.boxed{
		+	background: white;
		+	padding: 5px;
		+	border: 1px solid #cccccc;
		+	}
		+
		+	img.border{
		+	border: 2px solid white;
		+	}
		+
		+	.shadow-img{
		+	display: block;
		+	padding-bottom: 22px;
		+	background: url(../img/thumb-shadow.png) no-repeat bottom center ;
		+	}
		+
		+	.dropcap {
		+	display:block;
		+	float:left;
		+	font-size:40px;
		+	line-height:40px;
		+	margin:0 8px 0 0;
		+	}
		+
		+	.highlight {
		+	background:yellow;
		+	color:#111111;
		+	padding:1px 4px;
		+	}
		+
		+	.pullquote-right,
		+	.pullquote-left {
		+	border-left: #555555 2px solid;
		+	float:right;
		+	font-size:16px;
		+	line-height:1.5em;
		+	margin: 20px 0px 20px 20px;
		+	padding:0 0 0 20px;
		+	width:33%;
		+	font-style: italic;
		+	}
		+
		+	.pullquote-left {
		+	float:left;
		+	margin: 20px 20px 20px 0px;
		+	}
		+
		+	.pullquote-right{
		+	border-left: none;
		+	border-right: #555555 2px solid;
		+	}
		+
		+
		+	/* TABLE ------------------------------------------------------------*/
		+
		+	table, td, th {
		+	vertical-align:middle;
		+	}
		+
		+	table {
		+	border-collapse:separate;
		+	border-spacing:0;
		+	border-top:1px solid white;
		+	margin-bottom:28px;
		+	width:100%;
		+	text-align: left;
		+	}
		+
		+	th{
		+	border-top:5px solid #555555;
		+	color: #ffffff;
		+	padding:10px;
		+	text-transform:uppercase;
		+	background-color: #1f1f1f;
		+	}
		+
		+	td{
		+	padding:10px;
		+	}
		+
		+	td, th{
		+	border-bottom: 1px solid #1f1f1f;
		+	}
		+
		+	/* INFO BOXES ------------------------------------------------------------*/
		+
		+	.info,
		+	.success,
		+	.warning,
		+	.error,
		+	.validation{
		+	border: 1px solid;
		+	margin: 10px 0px;
		+	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;		background-repeat: no-repeat;
-	background-position: 0 0;	+	background-position: 10px center;
		+	border-radius: 5px;
		+	-moz-border-radius: 5px;
		+	-webkit-border-radius: 5px;
	}		}
-	.do_slide:hover{	+
-	background-position: 0 -44px;	+	.info{
		+	color: #00529B;
		+	background-color: #BDE5F8;
		+	background-image: url('../img/knobs-icons/Knob Info.png');
	}		}
-	.do_slide.left{	+
-	left: 0;	+	.success{
-	background-image: url(../images/do_slide_left.png);	+	color: #4F8A10;
-	}	+	background-color: #DFF2BF;
-	.do_slide.right{	+	background-image: url('../img/knobs-icons/Knob Valid Green.png');
-	right: 0;	+
-	background-image: url(../images/do_slide_right.png);	+
-	}	+
-	#slider_dots{	+
-	position: absolute;	+
-	width: 100%;	+
-	text-align: center;	+
-	height: 12px;	+
-	left: 0;	+
-	bottom: 0;	+
-	cursor: default;	+
	}		}
-	#slider_dots li{
-	display: inline-block;
-	width: 11px;
-	height: 12px;
-	cursor: pointer;
-	padding: 0 2px 0 2px;
-	background-repeat: no-repeat;
-	background-position: 0 0;
-	vertical-align: top;
-	}
-	#slider_dots li:hover{
-	background-position: 0 -12px;
-	}
-	#slider_dots li.act{
-	background-position: 0 -24px;
-	}
-	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
-	/* [5. About] */	+	.warning{
-	#about_t{	+	color: #9F6000;
-	width: 980px;	+	background-color: #FEEFB3;
-	height: 21px;	+	background-image: url('../img/knobs-icons/Knob Attention.png');
-	background: url(http://area51.com.ua/sakura/images/night/about_t.png) no-repeat center 0;	+
-	margin: 1px auto 0 auto;	+
	}		}
-	#about{	+
-	width: 940px;	+	.error{
-	padding: 13px 0 13px 0;	+	color: #D8000C;
-	margin: 0 auto;	+	background-color: #FFBABA;
-	text-align: center;	+	background-image: url('../img/knobs-icons/Knob Cancel.png');
-	font-size: 13px;	+
	}		}
-	.cufon-active #about{	+
-	font-size: 14px;	+	/* TOGGLE & ACCORDION ------------------------------------------------------------*/
-	font-style: italic;	+
-	}	+	h5.accordion-trigger,
-	.cufon-loading #about{	+	h5.toggle-trigger {
-	visibility: hidden;	+	padding: 0 0 0 20px;
-	}	+	margin: 0 0 5px 0;
-	#about p{	+
-	margin: 0;	+
-	padding: 0;	+
-	}	+
-	#about_b{	+
-	width: 898px;	+
	height: 46px;		height: 46px;
-	margin: 0 auto -24px auto;	+	line-height: 46px;
-	background: url(http://area51.com.ua/sakura/images/night/about_b.png) no-repeat center bottom;	+	width: 100%;
		+	float: left;
		+	border-bottom: 1px solid #cccccc;
	}		}
-	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
-	/* [6. Content] */	+	h5.accordion-trigger a,
-	#holder{	+	h5.toggle-trigger a {
-	width: 946px;	+	text-decoration: none;
-	margin: 15px auto 0 auto;	+	display: block;
-	min-height: 100px;	+	color: #1f1f1f;
	}		}
-	#content{	+
		+	h5.accordion-trigger a:hover,
		+	h5.toggle-trigger a:hover {
		+	color: #cccccc;
		+	}
		+
		+	div.accordion-container,
		+	div.toggle-container {
		+	margin: 0 0 5px 0px;
		+	padding: 0;
		+	overflow: hidden;
		+	width: 95%;
		+	clear: both;
		+	}
		+
		+	div.accordion-container .block,
		+	div.toggle-container .block {
		+	padding: 10px;
		+	}
		+
		+	div.accordion-container .block ,
		+	div.toggle-container .block {
		+	font-size: 14px;
		+	line-height: 1.5em;
		+	}
		+
		+	div.accordion-container .block p,
		+	div.toggle-container .block p{
		+	margin-bottom: 1.5em;
		+	}
		+
		+	/*-- NAV ---------------------------------------------------------------*/
		+
		+	#nav{
		+	display: block;
		+	position: absolute;
		+	right: 0px;
		+	top: 63px;
		+	height: 72px;
		+	}
		+
		+	#nav li{
		+	display: block;
	float: left;		float: left;
-	width: 646px;	+	height: 100%;
-	min-height: 100px;	+	margin-left: 4px;
-	padding-bottom: 25px;	+	margin-right: 4px;
		+	z-index: 8;
	}		}
-	/* Article */	+	#nav>li>a{
-	.article{	+	color: #fec709;
-	position: relative;	+	height: 47px;
-	background: url(../images/article_bg.png) repeat-y 0 0;	+	padding: 25px 8px 0px 8px;
		+	font-size: 20px;
		+	}
		+
		+	#nav li a:hover{ color: #FFFFFF; }
		+
		+	#nav li.current_page_item{
		+	background: url(../img/yellow/sprites.png) no-repeat right -27px ;
		+	}
		+
		+	#nav li.current_page_item a{ color: #1f1f1f; }
		+
		+	/* sub nav */
		+
		+	#nav li ul{
		+	padding:0px;
		+	background: #fec709;
		+	}
		+
		+	#nav>li>ul{
		+	margin: 47px 0px 0px 0px;
		+	}
		+
		+	#nav li ul li{
		+	padding: 0px;
		+	margin: 0px;
		+	border-bottom: 1px solid #fff;
		+	}
		+
		+	#nav li ul li:last-child{
		+	border-bottom: none;
		+	}
		+
		+	#nav li ul li a{
		+	padding: 10px;
		+	margin: 0px;
		+	font-size: 14px;
		+	color: #1f1f1f;
		+	}
		+
		+	#nav li ul li:hover{ background: #1f1f1f; }
		+
		+	#nav li ul li:hover a{ color: #fff; }
		+
		+
		+	/* SLIDESHOW ------------------------------------------------------------*/
		+
		+	.wrapper-slideshow{
		+	width: 975px;
		+	margin-left: 30px;
	overflow: hidden;		overflow: hidden;
-	color: #535353;
-	text-shadow: 1px 1px 0 #fff;
-	padding: 8px 23px 8px 23px;
-	min-height: 50px;
	}		}
-	.article_t, .article_b{	+
		+	#slideshow{
		+	overflow: hidden;
	position: relative;		position: relative;
-	width: 646px;	+	margin-top: 15px;
-	height: 12px;	+	margin-bottom: 15px;
-	line-height: 12px;	+	width: 100%;
-	background-repeat: no-repeat;	+	z-index: 0;
-	background-position: 0 0;	+
	}		}
-	.article_t{	+
-	background: url(../images/article_t.png) no-repeat 0 2px;	+	#slideshow ul#slides{
		+	width: 970px;
		+	height: 345px;
	}		}
-	.article_b{	+
-	background: url(../images/article_b.png) no-repeat 0 0;	+	#slideshow-nav-holder{
-	margin-bottom: 10px;	+	display: block;
		+	position: absolute;
		+	overflow: hidden;
		+	height: 31px;
		+	bottom: 0px;
		+	right: 0px;
		+	z-index: 30;
	}		}
-	/* Article footer */	+	#slideshow-nav{
-	.article_footer{	+	display: block;
-	margin-top: -15px;	+	overflow: hidden;
-	background: url(../images/article_footer_bg.png) repeat-y 0 0;	+	height: 31px;
		+	background: url(../img/yellow/sprites.png) -45px -132px;
		+	float: left;
	}		}
-	.article_footer_s{	+
-	padding: 5px 23px 2px 23px;	+	#slideshow-nav-holder .nav-left{
		+	width: 13px;
		+	height: 31px;
		+	float: left;
		+	background: url(../img/yellow/sprites.png) -1px -132px;
		+	}
		+
		+	#slideshow-nav-holder .nav-right{
		+	width: 13px;
		+	height: 31px;
		+	float: left;
		+	background: url(../img/yellow/sprites.png) -963px -132px;
		+	}
		+
		+	#slideshow-nav a {
		+	display: block;
		+	float: left;
		+
		+	background: url(../img/yellow/sprites.png) -91px -52px;
		+	width: 14px;
		+	height: 15px;
		+	margin-top: 11px;
		+	text-indent: -9000px;
		+	margin-right: 3px;
		+	margin-left: 3px;
		+	}
		+
		+	#slideshow-nav a:hover{
		+	background: url(../img/yellow/sprites.png) -91px -31px;
		+	}
		+
		+	#slideshow-nav a.activeSlide {
		+	background: url(../img/yellow/sprites.png) -69px -31px;
		+	}
		+
		+	/* BLOCKS ------------------------------------------------------------*/
		+
		+	.blocks-holder{
		+	display: block;
	overflow: hidden;		overflow: hidden;
-	background: url(../images/article_footer_s.png) no-repeat center 0;	+	margin-bottom: 15px;
	}		}
-	.article_footer_b{	+
-	margin-bottom: 10px;	+	.blocks-holder li{
-	height: 8px;	+	display: block;
-	line-height: 8px;	+	float: left;
		+	width: 460px;
		+	margin: 10px 10px;
		+	}
		+
		+	.blocks-holder .img-holder{
	overflow: hidden;		overflow: hidden;
-	background:url(../images/article_footer_b.png) no-repeat 0 0;	+	position: relative;
	}		}
-	/* Post types */	+	.blocks-holder .img-holder .block-title{
-	.post_type{	+	display: block;
	position: absolute;		position: absolute;
-	left: -40px;	+	bottom: 0px;
-	top: 2px;	+	left: 10px;
-	width: 40px;	+	width: 430px;
-	height: 80px;	+	padding: 10px 10px 0px 10px;
-	padding: 3px 0 3px 3px;	+	font-size: 26px;
-	text-align: center;	+	background: white;
-	background: url(../images/post_type_bg.png) no-repeat 0 0;	+
-	color: #ededed;	+
	}		}
-	.post_type div{
-	font-size: 16px;
-	line-height: 18px;
-	height: 18px;
-	overflow: hidden;
-	margin-top: 3px;
-	}
-	.post_type span{
-	font-size: 10px;
-	line-height: 12px;
-	}
-	.cufon-loading .post_type span, .cufon-loading .post_type div{
-	visibility: hidden;
-	}
-	.post_type a{
-	display: block;
-	width: 40px;
-	height: 40px;
-	background-repeat: no-repeat;
-	background-position: 0 0;
-	}
-	.post_type.text a{
-	background-image: url(../images/post_type/article.png);
-	}
-	.post_type.image a{
-	background-image: url(../images/post_type/image.png);
-	}
-	.post_type.link a{
-	background-image: url(../images/post_type/link.png);
-	}
-	.post_type.audio a{
-	background-image: url(../images/post_type/audio.png);
-	}
-	.post_type.video a{
-	background-image: url(../images/post_type/video.png);
-	}
-	.post_type.quote a{
-	background-image: url(../images/post_type/quote.png);
-	}
-	/* Entry meta: list */	+	.blocks-holder .block-text{
-	.ico_link{	+	line-height: 1.5em;
		+	padding: 0px 20px 10px 20px;
		+	}
		+
		+	/* FILTER ---------------------------------------------------*/
		+
		+	#portfolio-filter{
		+	display: block;
		+	overflow: hidden;
		+	width: 970px;
		+	height: 22px;
		+	padding-top: 3px;
		+	margin-left: 0px;
		+	margin-bottom: 8px;
		+	background: url(../img/yellow/sprites.png) no-repeat  right top;
		+	}
		+
		+	#portfolio-filter li{
	display: block;		display: block;
	float: left;		float: left;
-	font-size: 10px;	+	margin-right: 10px;
-	color: #636363;	+	font-size: 20px;
-	background-position: 0 5px;	+
-	background-repeat: no-repeat;	+
-	padding-left: 15px;	+
-	margin-right: 15px;	+
	}		}
-	.ico_link a{	+
-	color: #636363;	+	#portfolio-filter li:first-child{
-	}	+	color: #FFF;
-	.ico_link:hover{	+	padding-right: 10px;
-	color: #ededed;	+	margin-left: 30px;
-	background-position: 0 -16px;	+	border-right: 1px solid white;
	}		}
-	.ico_link:hover a{
-	color: #ededed;
-	}
-	.ico_link.author{
-	background-image: url(../images/ico_author.png);
-	}
-	.ico_link.categories{
-	background-image: url(../images/ico_categories.png);
-	}
-	.ico_link.comments{
-	background-image: url(../images/ico_comments.png);
-	}
-	.ico_link.date{
-	background-image: url(../images/ico_date.png);
-	}
-	.ico_link.tags{
-	background-image: url(../images/ico_tags.png);
-	}
-	/* Entry meta: post */	+	#portfolio-filter li a{
-	.entry_meta {	+	color: #1f1f1f;
		+	text-decoration: none;
		+	}
		+
		+	#portfolio-filter li a:hover{
		+	color: #fff;
		+	}
		+
		+	/* GALLERY ------------------------------------------------------------*/
		+
		+	/* 3 cols default */
		+	.gallery{
	overflow: hidden;		overflow: hidden;
-	margin: 0px 0 10px 0;	+	width: 100%;
	}		}
-	.entry_meta .ico_link{	+
		+	.gallery li{
	display: block;		display: block;
		+	position: relative;
		+	overflow: hidden;
		+	width: 300px;
		+	height: 200px;
	float: left;		float: left;
-	font-size: 10px;	+	margin: 10px 10px;
-	color: #818181;	+	}
-	background-position: 0 5px;	+
-	background-repeat: no-repeat;	+	.gallery.two-cols li{
-	padding-left: 15px;	+	width: 458px;
-	margin-right: 15px;	+	}
-	text-decoration: none;	+
		+	.gallery.three-cols li{
		+	width: 300px;
		+	}
		+
		+	.gallery.four-cols li{
		+	width: 220px;
		+	}
		+
		+	.gallery li span{
		+	display: none;
		+	position: absolute;
		+	top:  0px;
		+	right: 0px;
		+	width: 44px;
		+	height: 44px;
		+	background: url(../img/yellow/sprites.png) no-repeat -0px -31px;
		+	}
		+
		+	.gallery li:hover span{
		+	display: block;
		+	}
		+
		+	.gallery li em{
		+	display: block;
		+	position: absolute;
		+	width: 280px;
		+	bottom: 0px;
		+	left: 10px;
		+	padding: 10px 10px 0px 10px;
		+	background: white;
		+	color: #1f1f1f;
		+	font-size: 20px;
		+	font-style: normal;
		+	}
		+
		+	.gallery.two-cols li em{
		+	width: 428px;
		+	}
		+
		+	.gallery.three-cols li em{
		+	width: 280px;
		+	}
		+
		+	.gallery.four-cols li em{
		+	width: 190px;
	}		}
-	.entry_meta .ico_link a{
-	color: #818181;
-	text-decoration: none;
-	}
-	.entry_meta .ico_link:hover{
-	color: #818181;
-	background-position: 0 5px;
-	}	+	/* GALLERY PAGER ------------------------------------------------------------*/
-	.entry_meta a.ico_link:hover{	+
-	text-decoration: underline;	+
-	}	+
-	.entry_meta .ico_link:hover a{	+
-	color: #818181;	+
-	}	+
-	.entry_meta .ico_link a:hover{	+
-	text-decoration: underline;	+
-	}	+
-	.entry_meta .ico_link.author{	+
-	background-image: url(../images/meta_author.png);	+
-	}	+
-	.entry_meta .ico_link.categories{	+
-	background-image: url(../images/meta_categories.png);	+
-	}	+
-	.entry_meta .ico_link.comments{	+
-	background-image: url(../images/meta_comments.png);	+
-	}	+
-	.entry_meta .ico_link.date{	+
-	background-image: url(../images/meta_date.png);	+
-	}	+
-	.entry_meta .ico_link.tags{	+
-	background-image: url(../images/meta_tags.png);	+
-	}	+
-	/* Parinator */	+	.gallery-pager{
-	.paginator{	+
-	margin: 13px 0 7px 0;	+
	overflow: hidden;		overflow: hidden;
		+	display: block;
		+	height: 16px;
		+	margin-left: 0px;
		+	margin-top: 18px;
		+	margin-bottom: 20px;
	}		}
-	.paginator li{
-	float: left;
-	margin: 0 6px 6px 0;
-	}
-	.paginator li a{
-	display: block;
-	font-size: 13px;
-	width: 34px;
-	padding: 7px 0 7px 0;
-	text-align: center;
-	vertical-align: middle;
-	background: url(../images/paginator_bg.png) no-repeat 0 0;
-	}
-	.paginator li a:hover, .paginator li.act a{
-	color: #212121;
-	text-shadow: 1px 1px 0 #fff;
-	text-decoration: none;
-	background-position: 0 -34px;
-	}
-	.paginator li.larr a, .paginator li.rarr a{
-	width: auto;
-	padding: 0;
-	}
-	.paginator li a span{
-	display: block;
-	padding: 7px 0 7px 0;
-	}
-	.paginator li.larr a{
-	padding-right: 5px;
-	background: url(../images/paginator_larr_r.png) no-repeat right 0;
-	}
-	.paginator li.larr a:hover{
-	background-position: right -34px;
-	}
-	.paginator li.rarr a{
-	padding-left: 5px;
-	background: url(../images/paginator_rarr_l.png) no-repeat 0 0;
-	}
-	.paginator li.rarr a:hover{
-	background-position: 0 -34px;
-	}
-	.paginator li.larr a span{
-	padding-left: 15px;
-	padding-right: 5px;
-	background: url(../images/paginator_larr_l.png) no-repeat 0 0;
-	}
-	.paginator li.larr a:hover span{
-	background-position: 0 -34px;
-	}
-	.paginator li.rarr a span{
-	padding-left: 5px;
-	padding-right: 15px;
-	background: url(../images/paginator_rarr_r.png) no-repeat right 0;
-	}
-	.paginator li.rarr a:hover span{
-	background-position: right -34px;
-	}
-	/* Comments */	+	.gallery-pager li{
-	.article_footer_s.comments{	+	display: block;
-	/* padding-top: 15px */	+	width: 17px;
		+	height: 16px;
		+	float: left;
		+	background: url(../img/yellow/sprites.png) no-repeat;
		+	background-position: -90px -31px;
		+	margin-left: 5px;
	}		}
-	.article_footer .header{	+
-	font-size: 24px;	+	.gallery-pager li:hover,
-	line-height: 30px;	+	.gallery-pager li.active{
-	margin: 20px 0 10px 0;	+	background-position: -69px -31px;
	}		}
-	.article_footer_s.feedback .header{	+
-	margin: 10px 0 10px 0;	+	.gallery-pager li a{
		+	display: block;
		+	width: 100%;
		+	height: 100%;
		+	text-indent: -9000px;
	}		}
-	.comment_bg{	+
-	background: url(../images/comment_spread_l.png) no-repeat 0 bottom;	+	.gallery-pager li:first-child{
-	margin: 0 0 15px 0;	+	background-position: -47px -31px;
	}		}
-	.comment{	+
		+	.gallery-pager li:last-child{
		+	background-position: -110px -31px;
		+	}
		+
		+
		+	/* BLOG ------------------------------------------------------------*/
		+
		+	.wrapper-blog{
		+	width: 960px;
	overflow: hidden;		overflow: hidden;
-	background: url(../images/comment_spread_r.png) no-repeat right bottom;	+	margin-top: 20px;
-	padding: 0 0 15px 60px;	+
	}		}
-	.level_1 .comment{	+
-	padding: 0 0 15px 80px;	+	#posts{
-	}	+	width: 710px;
-	.comment .shadow_dark{	+	min-height: 650px;
-	margin: 5px 0 0 -60px;	+	float: left;
-	float: left;	+
-	width: 40px;	+
-	height: 40px;	+
-	}	+
-	.level_1 .comment .shadow_dark{	+
-	margin: 5px 0 0 -80px;	+
-	width: 60px;	+
-	height: 60px;	+
-	}	+
-	.comment_meta{	+
-	overflow: hidden	+
	}		}
-	.comment_meta .comments{
-	float: right;
-	margin-right: 0;
-	}
-	.comment_meta p{
-	margin: 0;
-	padding: 0;
-	}
-	.level_2{margin-left: 40px;} .level_3{margin-left: 80px;} .level_4{margin-left: 120px;} .level_5{margin-left: 160px;} .level_6{margin-left: 180px;} .level_7{margin-left: 200px;} .level_8{margin-left: 220px;} .level_9{margin-left: 240px;}	+	#posts .post{
		+	width: 100%;
		+	margin-bottom: 30px;
		+	overflow: hidden;
		+	}
-	.comment .header{	+	#posts .post .meta{
-	margin-bottom: 0px;	+	display: block;
		+	overflow: hidden;
		+	float: left;
		+	height: 88px;
		+	width: 80px;
		+	padding-left: 10px;
		+	color: #ffffff;
		+	background: url(../img/yellow/sprites.png) no-repeat -443px -30px;
	}		}
-	/* Gallery */	+	#posts .post .meta li{
-	.gallery{	+	display: block;
		+	}
		+
		+	#posts .post .meta .day{
		+	font-size: 40px;
		+	margin-top: 5px;
		+	margin-bottom: -7px;
		+	}
		+
		+	#posts .post .meta .month-year{
		+	font-size: 16px;
		+	margin-bottom: 7px;
		+	}
		+
		+	#posts .post .meta .comments{
		+	font-size: 16px;
		+	text-indent: 22px;
		+	background: url(../img/comments-icon.png) no-repeat 0px 2px;
		+	}
		+
		+	#posts .post .post-content{
	width: 620px;		width: 620px;
-	font-size: 0px;	+	float: left;
-	line-height: 0px;	+
-	word-spacing: -1px;	+
-	padding: 10px 0;	+
	}		}
-	.gallery_item{	+
-	display: inline-block;	+	#posts .post .post-img{
-	width: 290px;	+	display: block;
-	margin: 15px 20px 0 0;	+	position: relative;
-	padding: 25px 0 0 0;	+
-	vertical-align: top;	+
-	font-size: 12px;	+
-	line-height: 20px;	+
-	word-spacing: 0;	+
-	background: url(../images/gallery_spread.png) no-repeat center 0;	+
	}		}
-	.gallery_item.first{	+
-	margin-top: 0px;	+	#posts .post .post-img img{
-	padding-top: 0px;	+	margin-bottom: 5px;
-	background: none;	+
	}		}
-	.gallery_item  h4, .gallery_item  p{	+
-	margin: 0;	+	#posts .post .post-title {
-	padding: 0;	+	background: #ffffff;
-	}	+	position: absolute;
-	.gallery_item .shadow_light{	+	left: 10px;
-	display: block;	+	padding: 10px;
-	line-height: 0px;	+	width: 590px;
-	margin: 5px 0 5px 0;	+	}
-	padding: 0;	+
-	width: 280px;	+	#posts .post .post-title{}
-	height: 150px;	+
-	overflow: hidden;	+	#posts .post .post-title-1{
-	}	+	font-size: 30px;
-		+	color: #1f1f1f;
-	a.go_details{	+	}
		+
		+	#posts .post .post-title-2{
		+	font-size: 16px;
		+	color: #555555;
		+	}
		+
		+	#posts .post .excerpt{
		+	line-height: 1.5em;
		+	}
		+
		+	#posts .post .link-button{
		+	float: right;
		+	}
		+
		+	/* BLOG PAGER ------------------------------------------------------------*/
		+
		+	.blog-pager{
	display: block;		display: block;
-	width: 69px;	+	width: 835px;
-	height: 22px;	+	height: 24px;
-	margin: 15px 0 3px 0;	+	margin-left: 90px;
-	background: url(../images/go_details.png) no-repeat 0 0;	+	margin-top: 20px;
		+	margin-bottom: 20px;
	}		}
-	a.go_details:hover{	+
-	background-position: 0 -22px;	+	.blog-pager li{
		+	height: 24px;
	}		}
-	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
-	/* [7. Aside] */	+	.blog-pager li a{
-	#aside{	+	display: block;
		+	font-size: 20px;
		+	padding-top: 4px;
		+	color: #1f1f1f;
		+	height: 100%;
		+	width: 100%;
		+	background: url(../img/yellow/sprites.png) no-repeat;
		+	}
		+
		+	.blog-pager li:first-child{
		+	display: block;
		+	float: left;
		+	}
		+
		+	.blog-pager li:last-child{
		+	display: block;
	float: right;		float: right;
-	width: 286px;
-	padding-bottom: 25px;
	}		}
-	#aside .widget{	+	.blog-pager li:first-child a{
-	position: relative;	+	background-position: -4px -201px;
-	overflow: hidden;	+	padding-left: 26px;
-	padding: 10px 23px 12px 23px;	+	}
-	background: url(../images/aside_wedget_s.png) no-repeat 0 2px;	+
-	}	+
-	#aside .widget.no_spot{	+
-	background-image: url(../images/aside_wedget.png);	+
-	}	+
-	#aside .widget_b{	+
-	position: relative;	+
-	width: 286px;	+
-	height: 6px;	+
-	line-height: 6px;	+
-	background-repeat: no-repeat;	+
-	background-position: 0 0;	+
-	background: url(../images/aside_wedget_b.png) no-repeat 0 0;	+
-	margin-bottom: 12px;	+
-	}	+
-	#aside .widget .header{	+
-	font-size: 20px;	+
-	line-height: 30px;	+
-	margin-bottom: 20px;	+
-	}	+
-	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	+
-	/* [8. Footer] */	+	.blog-pager li:last-child a{
-	#footer_bg{	+	background-position: right -201px;
-	clear: both;	+	padding-right: 14px;
-	background: #171717 url(../images/footer_bg.png) repeat-x 0 0;	+
	}		}
-	#footer_s{	+
-	padding: 25px 0 25px 0;	+	/* PORTFOLIO PAGER ------------------------------------------------------------*/
-	background: url(../images/footer_s.png) no-repeat center 2px;	+
		+	.portfolio-pager{
		+	margin-left: 30px;
	}		}
-	#footer{	+
-	width: 940px;	+
-	margin: 0 auto;	+	/* SIDEBAR ------------------------------------------------------------*/
		+
		+	#sidebar{
		+	width: 230px;
		+	float: left;
		+	margin-top: 0px;
		+	margin-left: 20px;
	}		}
-	#footer.spread{	+
-	background: url(../images/footer_spread.png) no-repeat 280px 0;	+	#sidebar a{
		+	color: #1f1f1f;
		+	text-decoration: none;
	}		}
-	.footer_cols{	+
		+	#sidebar li h2{
		+	display: block;
		+	font-size: 20px;
		+	line-height: 1.5em;
		+	color: #1f1f1f;
		+	background: url(../img/yellow/sprites.png) no-repeat -205px -30px;
		+	height: 38px;
		+	text-indent: 15px;
		+	width: 100%;
		+	}
		+
		+	#sidebar li.sidemenu{
		+	margin-bottom: 20px;
		+	}
		+
		+	#sidebar li.sidemenu ul li{
		+	display: block;
		+	font-size: 14px;
		+	font-weight: bold;
		+	margin-bottom: 10px;
		+	padding-bottom: 10px;
		+	text-indent: 10px;
		+	border-bottom: 1px solid #cccccc;
		+	}
		+
		+	#sidebar li.sidemenu ul li:last-child{
		+	border: none;
		+	}
		+
		+	/* RECENT-POSTS ------------------------------------------------------------*/
		+
		+	#sidebar li.recent-posts{
		+	}
		+
		+	#sidebar li.recent-posts li{
		+	display: block;
	overflow: hidden;		overflow: hidden;
-	min-height:130px;	+	padding: 5px 0px;
-	background: url(../images/footer_spread_b.png) no-repeat 280px bottom;	+	margin: 5px 0px 5px 10px;
		+	border: none 0px;
	}		}
-	.footer_cols .left{
-	float: left;
-	width: 260px;
-	margin-right: 20px;
-	}
-	.footer_cols .center{
-	float: left;
-	width: 320px;
-	margin: 0 20px 0 20px;
-	}
-	.footer_cols .right{
-	float: left;
-	width: 280px;
-	margin-left: 20px;
-	}
-
-	#footer .widget{
-	position: relative;
-	overflow: hidden;
-	}
-	#footer .widget.spot{
-	}
-	#footer .widget_b{
-	display: none;
-	position: relative;
-	width: 286px;
-	height: 6px;
-	line-height: 6px;
-	background-repeat: no-repeat;
-	background-position: 0 0;
-	background: url(../images/aside_wedget_b.png) no-repeat 0 0;
-	margin-bottom: 12px;
-	}
-	#footer .widget .header{
-	font-size: 20px;
-	line-height: 30px;
-	margin-bottom: 10px;
-	}
-	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
-	/* [9. Bottom] */	+
-	#bottom{	+	#sidebar li.recent-posts img{
-	clear: both;	+	float: left;
-	min-height: 50px;	+	margin-right: 10px;
-	background: #171717 url(../images/bottom.png) no-repeat center 0;	+	padding: 1px;
		+	border: 1px solid #e2e6e7;
		+	width: 48px;
		+	height: 48px;
	}		}
-	#bottom div{
-	width: 940px;
-	margin: 0 auto;
-	padding-top: 15px;
-	}
-	#bottom div span{
-	float: left;
-	font-size: 10px;
-	color: #515151;
-	}
-	#bottom div ul{
-	list-style: none;
-	float: right;
-	}
-	#bottom div ul li{
-	float: left;
-	width: 21px;
-	height: 21px;
-	margin-left: 9px;
-	}
-	#bottom div ul li a{
-	display: block;
-	padding: 4px 0 0 4px;
-	width: 17px;
-	height: 17px;
-	background: #262626 url(../images/social_bg.png) no-repeat 0 0;
-	vertical-align: top
-	}
-	#bottom div ul li a:hover{
-	background-color: #404040;
-	}
-	#bottom div ul li a img{
-	vertical-align: top
-	}
-	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
-	/* [10. Misc] */	+	#sidebar li.recent-posts div.recent-excerpt{
-	small{	+	display: block;
-	font-size: 10px;	+	font-size: 14px;
-	color: #636363;	+	line-height: 1.5em;
		+	width: 150px;
		+	float: left;
	}		}
-	.quote_author{	+
-	color: #181818;	+	ul#sidebar li.recent-posts div.recent-excerpt a{
		+	font-weight: bold;
		+	font-size: 14px;
		+	line-height: 1.5em;
		+	text-decoration: none;
		+	}
		+
		+	/* BLOG-SINGLE ------------------------------------------------------------*/
		+
		+	#posts .post-single{
		+	width: 100%;
		+	margin-bottom: 30px;
		+	overflow: hidden;
		+	}
		+
		+	#posts .post-single .post-content{
		+	width: 620px;
		+	margin-left: 90px;
		+	float: left;
		+	}
		+
		+	#posts .post-single .post-title{
		+	margin-bottom: 10px;
		+	}
		+
		+	#posts .post-single .post-title-1{
		+	font-size: 30px;
		+	color: #1f1f1f;
		+	}
		+
		+	#posts .post-single .post-title-2{
	font-size: 16px;		font-size: 16px;
-	line-height: 21px;	+	color: #555555;
-	margin-bottom: 9px;	+
	}		}
-	.media_audio{	+
-	height: 32px;	+	#posts .post-single{
-	margin: 4px 0 14px 0;	+	line-height: 1.5em;
	}		}
-	.media_video{	+
-	padding: 5px;	+	/* COMMENTS ------------------------------------------------------------*/
-	margin: 5px 0 15px 0;	+
-	background: #fff;	+	.comments-list{
-	-webkit-box-shadow: 0px 0px 3px #888;	+	display: block;
-	-moz-box-shadow: 0px 0px 3px #888;	+	margin-left: 90px;
-	box-shadow: 0px 0px 3px #888;	+
-	position:relative;	+
-	line-height: 10px;	+
	}		}
-	.spacing_30{	+
-	height: 30px;	+	.comments-header{
		+	font-size: 30px;
		+	line-height: 1.3em;
		+	margin-left: 90px;
		+	margin-bottom: 25px;
		+	background: url(../img/yellow/sprites.png) no-repeat -7px -227px;
		+	text-indent: 45px;
	}		}
-	.shadow_light, .alignnone, .alignleft, .alignright, .aligncenter{	+
-	background: #fff;	+	.comments-list li{
-	border: solid #fff 5px;	+	display: block;
-	-webkit-box-shadow: 0px 0px 3px #888;	+	margin-bottom: 0px;
-	-moz-box-shadow: 0px 0px 3px #888;	+	padding: 10px 10px;
-	box-shadow: 0px 0px 3px #888;	+	line-height: 1.5em;
-	position:relative;	+
-	max-width: 590px;	+
	}		}
-	.alignleft{	+
		+	.comments-list .children li{
		+	margin-left:1.2em;
		+	}
		+
		+	.comments-list li .comment-wrap{
		+	overflow: visible;
		+	position: relative;
		+	padding: 0px 0px 20px 0px;
		+	}
		+
		+	.comments-list li a{
		+	color: #1f1f1f;
		+	text-decoration: none;
		+	}
		+
		+	.comments-list li .comments-right{
		+	min-height: 80px;
		+	overflow: hidden;
		+	padding-left: 20px;
		+	position: relative;
		+	}
		+
		+	.comments-list li img{
		+	display: block;
	float: left;		float: left;
-	margin: 5px 20px 15px 0;	+	margin: 0px 12px 20px 0px;
	}		}
-	.alignright{	+
		+	.comments-list .meta-date{
		+	display: block;
	float: right;		float: right;
-	margin: 5px 0 15px 20px;	+	color: #999999;
		+	font-style: italic;
	}		}
-	.aligncenter{	+
-	display: block;	+	.comments-list li div.brief{
-	clear: both;	+	font-size: 14px;
-	margin: 5px auto 15px auto;	+	line-height: 1.5em;
	}		}
-	.shadow_dark, .widget .alignnone, .widget .alignleft, .widget .alignright, .widget .aligncenter{	+	.comments-list .edit-comment a{
-	background: #262626 url(../images/widget_img_bg.gif) repeat-x 0 0;	+	font-size: 14px;
-	padding: 5px;	+	color: #999999;
-	border: none;	+
-	-webkit-box-shadow: 0px 0px 3px #161616;	+
-	-moz-box-shadow: 0px 0px 3px #161616;	+
-	box-shadow: 0px 0px 3px #161616;	+
-	position:relative;	+
-	max-width: 230px;	+
	}		}
-	.wp-caption-text, .caption-text{	+
-	margin: -5px 0 0 0;	+	/* LEAVE COMMENT -------------------------------------------------------*/
-	padding: 0;	+
-	font-size: 11px;	+	.leave-comment{
-	color: #797a7c;	+	margin-left: 90px;
	}		}
-	.wp-caption, .caption{	+
-	font-size: 11px;	+	/* FORMS ------------------------------------------------------------*/
-	color: #797a7c;	+
		+	#contactForm,
		+	#commentform,
		+	#contactForm{
		+	margin-bottom: 18px;
	}		}
-	.wp-caption p, .caption p{	+
-	margin: -5px 0 0 0;	+	#commentform p,
-	padding: 0;	+	#contactForm p{
		+	margin-bottom: 0px;
	}		}
-	/* Forms */	+	#contactForm input,
-	.uniform{	+	#contactForm textarea,
		+	#commentform input,
		+	#commentform textarea{
		+	color: #1f1f1f;
		+	font-size: 14px;
		+	padding: 4px 5px;
		+	background: #d2d2d2 url(../img/bgs/strips-thin.png);
		+	border: none transparent;
		+	}
		+
		+	#contactForm input,
		+	#contactForm textarea,
		+	#commentform input,
		+	#commentform textarea{
		+	width: 97%;
		+	margin-bottom: 6px;
		+	font-family: Tahoma, Arial;
		+	}
		+
		+	#commentform input,
		+	#commentform textarea{
		+	width: 97%;
		+	}
		+
		+	#contactForm #submit,
		+	#commentform input#submit{
		+	width: 70px;
		+	height: 39px;
		+	background: url(../img/yellow/sprites.png) no-repeat 0px -273px;
		+	border: none;
		+	margin-top: 0px;
		+	}
		+
		+	#contactForm label,
		+	#commentform label{
	display: block;		display: block;
		+	font-size: 14px;
		+	line-height: 1.5em;
		+	font-weight: light;
		+	}
		+
		+	/* PORTFOLIO ------------------------------------------------------------*/
		+
		+	.wrapper-portfolio{
		+	width: 520px;
	overflow: hidden;		overflow: hidden;
-	margin: 14px 0 13px 0;	+	margin-top: 20px;
		+	margin-left: 30px;
	}		}
-	.uniform .i_h{	+
-	width: 50%;	+	.wrapper-portfolio .portfolio-item{
		+	overflow: hidden;
		+	margin-bottom: 20px;
		+	}
		+
		+	.wrapper-portfolio .portfolio-feature{
	float: left;		float: left;
		+	width: 280;
		+	overflow:hidden;
	}		}
-	.uniform .t_h{	+
-	clear: both;	+	.wrapper-portfolio .portfolio-content{
-	margin-right: 6px;	+	float: left;
		+	width: 180px;
		+	margin-left: 20px;
	}		}
-	.uniform .i_h .l{	+
-	margin: 0 10px 0 0;	+	.wrapper-portfolio .portfolio-content .portfolio-title{
		+	font-size: 30px;
		+	color: #1f1f1f;
	}		}
-	.uniform .i_h .r{	+
-	margin: 0 6px 0 4px;	+	.wrapper-portfolio .portfolio-content .client-title{
		+	font-size: 16px;
		+	color: #555555;
	}		}
-	.uniform input{	+
-	padding: 0 0 0 4px;	+	.wrapper-portfolio .portfolio-content .excerpt{
-	height: 19px;	+	line-height: 1.5em;
-	line-height: 19px;	+	}
		+
		+
		+	.wrapper-portfolio2{
		+	width: 520px;
		+	overflow: hidden;
		+	margin-top: 20px;
		+	margin-left: 90px;
		+	}
		+
		+	.wrapper-portfolio2 .portfolio-item{
		+	overflow: hidden;
		+	margin-bottom: 20px;
		+	}
		+
		+	.wrapper-portfolio2 .portfolio-feature{
	float: left;		float: left;
-	margin: 0 0 9px 0;	+	width: 280;
		+	overflow:hidden;
		+	}
		+
		+	.wrapper-portfolio2 .portfolio-content{
	float: left;		float: left;
-	display: block;	+	width: 180px;
		+	margin-left: 20px;
		+	}
		+
		+	.wrapper-portfolio2 .portfolio-content .portfolio-title{
		+	font-size: 30px;
		+	color: #1f1f1f;
		+	}
		+
		+	.wrapper-portfolio2 .portfolio-content .client-title{
		+	font-size: 16px;
		+	color: #555555;
		+	}
		+
		+	.wrapper-portfolio2 .portfolio-content .excerpt{
		+	line-height: 1.5em;
		+	}
		+
		+	/* TWITTER READER ------------------------------------------------------------*/
		+
		+	.twitter-reader{
	width: 100%;		width: 100%;
		+	margin-top: 18px;
		+	padding-top: 18px;
		+	border-top: 1px #ccc dashed;
		+	padding-bottom: 18px;
		+	color: #555555;
		+	background: url(../img/twiiter-bird.png) no-repeat 30px 10px;
		+	min-height: 60px;
	}		}
-	.uniform textarea{	+
-	clear: both;	+	#twitter-holder{
		+	margin-left: 130px;
		+	line-height: 1.5em;
		+	font-size: 18px;
		+	}
		+
		+	#twitter-holder .twitter-entry,
		+	#twitter-holder .follow-me{
		+
		+	}
		+
		+	.twitter-time{
		+	color: #ccc;
		+	}
		+
		+	/*-- FOOTER ---------------------------------------------------------------*/
		+
		+	#footer{
		+	position: relative;
	width: 100%;		width: 100%;
-	padding: 0 0 0 4px;	+	font-size: 14px;
-	line-height: 20px;	+	color: #ffffff;
-	margin: 0 0 9px 0;	+
-	overflow: auto;	+
-	height: 139px;	+
	}		}
-	a.go_submit{	+
		+	#footer .torn-bottom{
		+	position: absolute;
		+	height: 6px;
		+	width: 100%;
		+	top: 0px;
		+	background: url(../img/borders/torn-bottom.png) repeat-x top;
		+	border-top: 24px solid white;
		+	z-index: -5;
		+	}
		+
		+	#footer .follow-us{
	display: block;		display: block;
-	float: left;	+	height: 45px;
-	width: 73px;	+	overflow: hidden;
-	height: 22px;	+	z-index: 130;
-	margin: 1px 0 0 0;	+
-	background: url(../images/go_submit.png) no-repeat 0 0;	+
	}		}
-	a.go_add_comment{	+
		+	#footer .follow-us li{
	display: block;		display: block;
	float: left;		float: left;
-	width: 113px;	+	height: 100%;
-	height: 22px;	+	font-size: 26px;
-	margin: 1px 0 0 0;	+	background: #fec709;
-	background: url(../images/go_add_comment.png) no-repeat 0 0;	+
	}		}
-	a.go_submit:hover, a.go_add_comment:hover{	+
-	background-position: 0 -22px;	+	.icon{
		+	display: block;
		+	background-repeat: no-repeat;
		+	background-position: left top;
		+	width: 32px;
		+	margin-right: 5px;
		+	margin-top: 7px;
		+	height: 100%;
		+	text-indent: -9000px;
	}		}
-	a.do_clear{	+
		+	#footer .follow-us li:first-child{
		+	font-size: 26px;
		+	padding-left: 30px;
		+	padding-right: 10px;
		+	}
		+
		+	#footer .follow-us li:first-child span{
	display: block;		display: block;
-	float: right;	+	margin-top: 10px;
-	padding-left: 9px;	+	color: #1c1c1c;
-	font-size: 11px;	+
-	line-height: 18px;	+
-	background: url(../images/do_clear.png) no-repeat 0 8px;	+
	}		}
-	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
-	/* [11. Widgets] */	+	#footer .follow-us li:last-child{
		+	background: url(../img/yellow/sprites.png) no-repeat -162px -32px;
		+	width: 37px;
		+	}
-	/* Common styles */	+	.wrapper-footer{
-	.widget .alignleft{	+	width: 1300px;
-	float: left;	+	margin-left: 20px;
-	margin: 5px 10px 5px 0;	+
	}		}
-	.widget .alignright{	+
-	float: right;	+	/* FOOTER-COLS ------------------------------------------------------------*/
-	margin: 5px 0 5px 10px;	+
		+	#footer ul.footer-cols{
		+	display: block;
		+	overflow: hidden;
	}		}
-	.widget .aligncenter{	+
		+	#footer ul.footer-cols a{
		+	color: #FFF;
		+	}
		+
		+	#footer ul.footer-cols li.col{
	display: block;		display: block;
-	clear: both;	+	width: 300px;
-	margin: 5px auto 5px auto;	+	float: left;
		+	margin-bottom: 20px;
		+	margin-right: 10px;
		+	margin-left: 10px;
	}		}
-	.widget p{	+
-	margin: 0;	+	#footer ul.footer-cols li.col ul{}
		+
		+	#footer ul.footer-cols li.col ul li{
		+	margin-bottom: .1em;
	}		}
-	/* Flickr */	+	#footer ul.footer-cols li.col ul li a{
-	.flickr{	+	text-decoration: none;
-	width: 250px;	+	font-size: 14px;
-	padding-top: 6px;	+	line-height: 1.5em;
		+	font-weight: lighter;
		+	color: #fff;
	}		}
-	.flickr .alignleft{	+
-	margin: 0 5px 5px 0;	+	#footer ul.footer-cols li.col h6{
-	}	+	color: #fff;
-		+	text-decoration: none;
-	/* Posts (twitter, blog posts, etc.) */	+	font-size: 26px;
-	.post{	+	margin: 20px 15px 0 0px;
-	overflow: hidden;	+
-	padding-top: 10px;	+
-	margin-top: 10px;	+
-	background: url(../images/widget_post_spread.png) no-repeat center 0;	+
	}		}
-	#footer .post{	+
-	background: url(../images/footer_post_spread.png) no-repeat left 0;	+	#footer ul.footer-cols li.col ul li a:hover{
-	}	+	text-decoration: underline;
-	.post.first, #footer .post.first{	+
-	margin: 0;	+
-	padding: 0;	+
-	background: none;	+
-	}	+
-	.goto_post{	+
-	overflow: hidden;	+
-	clear: both;	+
	}		}
-	.goto_post .ico_link.comments{	+
-	float: right;	+	#footer ul.footer-cols li.col p{
-	margin-right: 0;	+	line-height: 1.5em;
-	}	+
-		+
-	/* Categories */	+
-	ul.categories{	+
-	width: 260px;	+
	}		}
-	ul.categories li{
-	float: left;
-	width: 110px;
-	padding: 5px 0 0 0;
-	margin: 5px 20px 0 0;
-	background: url(../images/widget_ul_spread.png) no-repeat 0 0;
-	}
-	ul.categories li.first{
-	margin-top: 0;
-	padding: 0;
-	background: none;
-	}
-	ul.categories li a{
-	display: block;
-	padding: 0 0 0 20px;
-	background: url(../images/ddmenu_arr.png) no-repeat 0 5px;
-	}
-	ul.categories.type a{	+	#footer ul.footer-cols li.col a{
-	background-repeat: no-repeat;	+	color: #fec709;
-	background-position: 0 2px;	+	}
-	}	+
-	ul.categories.type li.text a{	+
-	background-image: url(../images/post_type/type_article.png);	+
-	}	+
-	ul.categories.type li.image a{	+
-	background-image: url(../images/post_type/type_image.png);	+
-	}	+
-	ul.categories.type li.link a{	+
-	background-image: url(../images/post_type/type_link.png);	+
-	}	+
-	ul.categories.type li.audio a{	+
-	background-image: url(../images/post_type/type_audio.png);	+
-	}	+
-	ul.categories.type li.video a{	+
-	background-image: url(../images/post_type/type_video.png);	+
-	}	+
-	ul.categories.type li.quote a{	+
-	background-image: url(../images/post_type/type_quote.png);	+
-	}	+
-	/* Get in touch */	+	/* FOOTER-BOTTOM ------------------------------------------------------------*/
-	.uniform.get_in_touch textarea{	+
-	height: 79px;	+	#footer div.footer-bottom{
-	}	+	height: 20px;
-		+	color: white;
-	.pp_gallery { display: none !important; }	+	padding-left: 10px;
		+	margin-bottom: 20px;
		+	}
		+
		+	#footer div.footer-bottom a{
		+	color: #7a7a7a;
		+	}
		+
		+	#footer div.footer-bottom p{
		+	display: block;
		+	font-size: 14px;
		+	line-height: 1.5em;
		+	color: #7a7a7a;
		+	}

---

Latest revision as of 16:18, 25 September 2012

/* Torn v.1.2

• /

/* IMPORTS ------------------------------------------------------------*/

@import url('reset.css');

@import url('social-icons.css');

/* HACKS ------------------------------------------------------------*/

.clear{ clear:both; height:1px; }

.inv{ display:none; }

/* prettyPhoto fix */ .pp_description, .currentTextHolder{ color: #606060; }

/* TOOLTIP ------------------------------------------------------------*/

.tooltip, .tooltip-right, .tooltip-bottom, .tooltip-left { display:none; font-size:12px; height:70px; width:160px; padding:25px; color: #ffffff; line-height: 1.3em; z-index: 600; }

.tooltip {background:transparent url(../img/tooltip.png);} .tooltip-right {background:transparent url(../img/tooltip-right.png);} .tooltip-bottom {background:transparent url(../img/tooltip-bottom.png);} .tooltip-left {background:transparent url(../img/tooltip-left.png);}

/* GENERAL ------------------------------------------------------------*/

html{ height: 100%; }

body { line-height: 1;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 100%; height: 100%; background: #1f1f1f url(../img/bgs/strips-bold.png); color: #1f1f1f; }

.wrapper-header{ width: 800px; position: absolute; top: 0px; left: 200px;

}

1. header{

position: relative; width: 800px; height: 135px; font-size: 14px; z-index: 10; }

.torn-top{ position: absolute; height: 6px; width: 100%; top: 130px; background: url(../img/borders/torn-top.png) repeat-x bottom ; z-index: 130; }

1. logo{

position: absolute; top: 20px; left: -5px; }

1. main{

position: relative; width: 100%; min-height: 700px; font-size: 14px; background: white; padding-top: 22px; }

.wrapper{ width: 800px; margin-left: 20px; position: relative; overflow: hidden; }

.page-title-holder{ width: 100%; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px #ccc dashed; }

.page-title{ font-size: 40px; color: #1f1f1f; margin-left: 10px; }

.page-subtitle{ font-size: 26px; color: #555555; margin-left: 10px; }

.page-title-holder > .page-title, .page-title-holder > .page-subtitle{ margin-left: 30px; }

.page-title-holder .link-button{ margin-left: 30px; }

h1{ font-size: 40px;}

h2{ font-size: 36px;}

h3{ font-size: 30px;}

h4{ font-size: 26px;}

h5{ font-size: 20px;}

h6{ font-size: 16px;}

h7{ font-family:Mistral; font-size: 20px; text-transform: none; } h8{font-family:"Staccato222 BT"; font-size:25px; } h9{font-family:"Copperplate Gothic Light"; font-size:17px; font-weight:700; color:#FEC709; }

h1, h2, h3, h4, h5, h6{ margin-bottom: .0em; }

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

.headline, .custom, .title .big{ word-spacing: 0.2em; }

div.headline{ font-size: 32px; line-height: 1.5em; color: #fff; width: 960px; text-transform: uppercase; text-align: center; text-shadow: #000 1px 1px 1px; margin-bottom: 20px; }

.title{ display: block; overflow: hidden; color: #665d4e; height: 90px; width: 960px; margin: 0 auto 0px auto; background: url(../img/title-bg.png) no-repeat; color: #12262d; }

.sub-header{ font-size: 30px; }

.title span.big{ display: block; float: left; font-size: 24px; margin: 22px 0px 0px 25px; }

.title span.small{ display: block; float: left; font-size: 14px; margin-left: 15px; margin-top: 31px; }

a.more{ display: block; overflow: hidden; color: #fff; font-size: 14px; line-height: 1.3em; text-decoration: none; }

a.more:hover{ color: white; }

.separator{ border-top: 1px solid #e2e6e7; margin-bottom: 1.5em; }

.top-gap{ margin-top:20px; }

/* page-content--------------------------------------------------------*/

.page-content{ overflow: visible; width: 950px; margin: 10px 10px 20px 10px; line-height: 1.5em; }

.page-content p{ margin-bottom: 18px; }

/* page-introduction--------------------------------------------------------*/

.page-introduction{ overflow: visible; width: 950px; margin: 10px 10px 20px 10px; line-height: 1.5em; }

.page-introduction p{ margin-bottom: 18px; }

/* page-contact--------------------------------------------------------*/

.page-contact{ overflow: hidden; width: 960px; margin: 10px 10px 20px 10px; line-height: 1.5em; }

.page-contact p{ margin-bottom: 18px; }

/* COLUMNS LAYOUT----------------------------------------------------------*/

.one-half, .one-third, .two-third, .three-fourth, .one-fourth { float:left; margin-right:20px; position:relative; }

.one-half{width: 458px;}

.one-third{width: 300px;}

.one-fourth{width: 220px;}

.two-third{width: 620px;}

.three-fourth{width: 700px; }

.last { clear:right; margin-right:0 !important; }

/* LINK BUTTON ------------------------------------------------------------*/

.link-button{ display: table; height: 31px; padding-left: 5px; font-size: 20px; margin-top: 10px; color: #1f1f1f; background: url(../img/yellow/sprites.png) -40px -170px no-repeat; }

.link-button span{ display: block; height: 100% ; padding-top: 8px; padding-right: 10px; padding-left: 5px; background: url(../img/yellow/sprites.png) no-repeat right -132px; }

/* SEARCH ------------------------------------------------------------*/

.top-search{ position: absolute; left: 800px; top: 20px; }

form#searchform{ position: relative; width: 230px; height: 50px; }

form#searchform input#s{ color: #1f1f1f; font-size: 14px; width: 210px; height: 26px; margin: 0px 0px 5px 0px; padding: 0px 5px 0px 5px; border: 0; background: #d2d2d2 url(../img/bgs/strips-thin.png); }

form#searchform input#searchsubmit{ position: absolute; top: 0px; left: 220px; width: 33px; height: 31px; border: 0px; background: url(../img/yellow/sprites.png) no-repeat transparent -100px -92px; }

form#searchform input#searchsubmit:hover{ background-position: -137px -92px; }

/* STYLED ------------------------------------------------------------*/

img.left-align{ float:left; margin:8px 18px 18px 0; display: block; }

img.right-align{ float:right; margin:0px 0px 0px 10px; display: block; }

img.boxed{ background: white; padding: 5px; border: 1px solid #cccccc; }

img.border{ border: 2px solid white; }

.shadow-img{ display: block; padding-bottom: 22px; background: url(../img/thumb-shadow.png) no-repeat bottom center ; }

.dropcap { display:block; float:left; font-size:40px; line-height:40px; margin:0 8px 0 0; }

.highlight { background:yellow; color:#111111; padding:1px 4px; }

.pullquote-right, .pullquote-left { border-left: #555555 2px solid; float:right; font-size:16px; line-height:1.5em; margin: 20px 0px 20px 20px; padding:0 0 0 20px; width:33%; font-style: italic; }

.pullquote-left { float:left; margin: 20px 20px 20px 0px; }

.pullquote-right{ border-left: none; border-right: #555555 2px solid; }

/* TABLE ------------------------------------------------------------*/

table, td, th { vertical-align:middle; }

table { border-collapse:separate; border-spacing:0; border-top:1px solid white; margin-bottom:28px; width:100%; text-align: left; }

th{ border-top:5px solid #555555; color: #ffffff; padding:10px; text-transform:uppercase; background-color: #1f1f1f; }

td{ padding:10px; }

td, th{ border-bottom: 1px solid #1f1f1f; }

/* INFO BOXES ------------------------------------------------------------*/

.info, .success, .warning, .error, .validation{ border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.info{ color: #00529B; background-color: #BDE5F8; background-image: url('../img/knobs-icons/Knob Info.png'); }

.success{ color: #4F8A10; background-color: #DFF2BF; background-image: url('../img/knobs-icons/Knob Valid Green.png'); }

.warning{ color: #9F6000; background-color: #FEEFB3; background-image: url('../img/knobs-icons/Knob Attention.png'); }

.error{ color: #D8000C; background-color: #FFBABA; background-image: url('../img/knobs-icons/Knob Cancel.png'); }

/* TOGGLE & ACCORDION ------------------------------------------------------------*/

h5.accordion-trigger, h5.toggle-trigger { padding: 0 0 0 20px; margin: 0 0 5px 0; height: 46px; line-height: 46px; width: 100%; float: left; border-bottom: 1px solid #cccccc; }

h5.accordion-trigger a, h5.toggle-trigger a { text-decoration: none; display: block; color: #1f1f1f; }

h5.accordion-trigger a:hover, h5.toggle-trigger a:hover { color: #cccccc; }

div.accordion-container, div.toggle-container { margin: 0 0 5px 0px; padding: 0; overflow: hidden; width: 95%; clear: both; }

div.accordion-container .block, div.toggle-container .block { padding: 10px; }

div.accordion-container .block , div.toggle-container .block { font-size: 14px; line-height: 1.5em; }

div.accordion-container .block p, div.toggle-container .block p{ margin-bottom: 1.5em; }

/*-- NAV ---------------------------------------------------------------*/

1. nav{

display: block; position: absolute; right: 0px; top: 63px; height: 72px; }

1. nav li{

display: block; float: left; height: 100%; margin-left: 4px; margin-right: 4px; z-index: 8; }

1. nav>li>a{

color: #fec709; height: 47px; padding: 25px 8px 0px 8px; font-size: 20px; }

1. nav li a:hover{ color: #FFFFFF; }

1. nav li.current_page_item{

background: url(../img/yellow/sprites.png) no-repeat right -27px ; }

1. nav li.current_page_item a{ color: #1f1f1f; }

/* sub nav */

1. nav li ul{

padding:0px; background: #fec709; }

1. nav>li>ul{

margin: 47px 0px 0px 0px; }

1. nav li ul li{

padding: 0px; margin: 0px; border-bottom: 1px solid #fff; }

1. nav li ul li:last-child{

border-bottom: none; }

1. nav li ul li a{

padding: 10px; margin: 0px; font-size: 14px; color: #1f1f1f; }

1. nav li ul li:hover{ background: #1f1f1f; }

1. nav li ul li:hover a{ color: #fff; }

/* SLIDESHOW ------------------------------------------------------------*/

.wrapper-slideshow{ width: 975px; margin-left: 30px; overflow: hidden; }

1. slideshow{

overflow: hidden; position: relative; margin-top: 15px; margin-bottom: 15px; width: 100%; z-index: 0; }

1. slideshow ul#slides{

width: 970px; height: 345px; }

1. slideshow-nav-holder{

display: block; position: absolute; overflow: hidden; height: 31px; bottom: 0px; right: 0px; z-index: 30; }

1. slideshow-nav{

display: block; overflow: hidden; height: 31px; background: url(../img/yellow/sprites.png) -45px -132px; float: left; }

1. slideshow-nav-holder .nav-left{

width: 13px; height: 31px; float: left; background: url(../img/yellow/sprites.png) -1px -132px; }

1. slideshow-nav-holder .nav-right{

width: 13px; height: 31px; float: left; background: url(../img/yellow/sprites.png) -963px -132px; }

1. slideshow-nav a {

display: block; float: left;

background: url(../img/yellow/sprites.png) -91px -52px; width: 14px; height: 15px; margin-top: 11px; text-indent: -9000px; margin-right: 3px; margin-left: 3px; }

1. slideshow-nav a:hover{

background: url(../img/yellow/sprites.png) -91px -31px; }

1. slideshow-nav a.activeSlide {

background: url(../img/yellow/sprites.png) -69px -31px; }

/* BLOCKS ------------------------------------------------------------*/

.blocks-holder{ display: block; overflow: hidden; margin-bottom: 15px; }

.blocks-holder li{ display: block; float: left; width: 460px; margin: 10px 10px; }

.blocks-holder .img-holder{ overflow: hidden; position: relative; }

.blocks-holder .img-holder .block-title{ display: block; position: absolute; bottom: 0px; left: 10px; width: 430px; padding: 10px 10px 0px 10px; font-size: 26px; background: white; }

.blocks-holder .block-text{ line-height: 1.5em; padding: 0px 20px 10px 20px; }

/* FILTER ---------------------------------------------------*/

1. portfolio-filter{

display: block; overflow: hidden; width: 970px; height: 22px; padding-top: 3px; margin-left: 0px; margin-bottom: 8px; background: url(../img/yellow/sprites.png) no-repeat right top; }

1. portfolio-filter li{

display: block; float: left; margin-right: 10px; font-size: 20px; }

1. portfolio-filter li:first-child{

color: #FFF; padding-right: 10px; margin-left: 30px; border-right: 1px solid white; }

1. portfolio-filter li a{

color: #1f1f1f; text-decoration: none; }

1. portfolio-filter li a:hover{

color: #fff; }

/* GALLERY ------------------------------------------------------------*/

/* 3 cols default */ .gallery{ overflow: hidden; width: 100%; }

.gallery li{ display: block; position: relative; overflow: hidden; width: 300px; height: 200px; float: left; margin: 10px 10px; }

.gallery.two-cols li{ width: 458px; }

.gallery.three-cols li{ width: 300px; }

.gallery.four-cols li{ width: 220px; }

.gallery li span{ display: none; position: absolute; top: 0px; right: 0px; width: 44px; height: 44px; background: url(../img/yellow/sprites.png) no-repeat -0px -31px; }

.gallery li:hover span{ display: block; }

.gallery li em{ display: block; position: absolute; width: 280px; bottom: 0px; left: 10px; padding: 10px 10px 0px 10px; background: white; color: #1f1f1f; font-size: 20px; font-style: normal; }

.gallery.two-cols li em{ width: 428px; }

.gallery.three-cols li em{ width: 280px; }

.gallery.four-cols li em{ width: 190px; }

/* GALLERY PAGER ------------------------------------------------------------*/

.gallery-pager{ overflow: hidden; display: block; height: 16px; margin-left: 0px; margin-top: 18px; margin-bottom: 20px; }

.gallery-pager li{ display: block; width: 17px; height: 16px; float: left; background: url(../img/yellow/sprites.png) no-repeat; background-position: -90px -31px; margin-left: 5px; }

.gallery-pager li:hover, .gallery-pager li.active{ background-position: -69px -31px; }

.gallery-pager li a{ display: block; width: 100%; height: 100%; text-indent: -9000px; }

.gallery-pager li:first-child{ background-position: -47px -31px; }

.gallery-pager li:last-child{ background-position: -110px -31px; }

/* BLOG ------------------------------------------------------------*/

.wrapper-blog{ width: 960px; overflow: hidden; margin-top: 20px; }

1. posts{

width: 710px; min-height: 650px; float: left; }

1. posts .post{

width: 100%; margin-bottom: 30px; overflow: hidden; }

1. posts .post .meta{

display: block; overflow: hidden; float: left; height: 88px; width: 80px; padding-left: 10px; color: #ffffff; background: url(../img/yellow/sprites.png) no-repeat -443px -30px; }

1. posts .post .meta li{

display: block; }

1. posts .post .meta .day{

font-size: 40px; margin-top: 5px; margin-bottom: -7px; }

1. posts .post .meta .month-year{

font-size: 16px; margin-bottom: 7px; }

1. posts .post .meta .comments{

font-size: 16px; text-indent: 22px; background: url(../img/comments-icon.png) no-repeat 0px 2px; }

1. posts .post .post-content{

width: 620px; float: left; }

1. posts .post .post-img{

display: block; position: relative; }

1. posts .post .post-img img{

margin-bottom: 5px; }

1. posts .post .post-title {

background: #ffffff; position: absolute; left: 10px; padding: 10px; width: 590px; }

1. posts .post .post-title{}

1. posts .post .post-title-1{

font-size: 30px; color: #1f1f1f; }

1. posts .post .post-title-2{

font-size: 16px; color: #555555; }

1. posts .post .excerpt{

line-height: 1.5em; }

1. posts .post .link-button{

float: right; }

/* BLOG PAGER ------------------------------------------------------------*/

.blog-pager{ display: block; width: 835px; height: 24px; margin-left: 90px; margin-top: 20px; margin-bottom: 20px; }

.blog-pager li{ height: 24px; }

.blog-pager li a{ display: block; font-size: 20px; padding-top: 4px; color: #1f1f1f; height: 100%; width: 100%; background: url(../img/yellow/sprites.png) no-repeat; }

.blog-pager li:first-child{ display: block; float: left; }

.blog-pager li:last-child{ display: block; float: right; }

.blog-pager li:first-child a{ background-position: -4px -201px; padding-left: 26px; }

.blog-pager li:last-child a{ background-position: right -201px; padding-right: 14px; }

/* PORTFOLIO PAGER ------------------------------------------------------------*/

.portfolio-pager{ margin-left: 30px; }

/* SIDEBAR ------------------------------------------------------------*/

1. sidebar{

width: 230px; float: left; margin-top: 0px; margin-left: 20px; }

1. sidebar a{

color: #1f1f1f; text-decoration: none; }

1. sidebar li h2{

display: block; font-size: 20px; line-height: 1.5em; color: #1f1f1f; background: url(../img/yellow/sprites.png) no-repeat -205px -30px; height: 38px; text-indent: 15px; width: 100%; }

1. sidebar li.sidemenu{

margin-bottom: 20px; }

1. sidebar li.sidemenu ul li{

display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; text-indent: 10px; border-bottom: 1px solid #cccccc; }

1. sidebar li.sidemenu ul li:last-child{

border: none; }

/* RECENT-POSTS ------------------------------------------------------------*/

1. sidebar li.recent-posts{

}

1. sidebar li.recent-posts li{

display: block; overflow: hidden; padding: 5px 0px; margin: 5px 0px 5px 10px; border: none 0px; }

1. sidebar li.recent-posts img{

float: left; margin-right: 10px; padding: 1px; border: 1px solid #e2e6e7; width: 48px; height: 48px; }

1. sidebar li.recent-posts div.recent-excerpt{

display: block; font-size: 14px; line-height: 1.5em; width: 150px; float: left; }

ul#sidebar li.recent-posts div.recent-excerpt a{ font-weight: bold; font-size: 14px; line-height: 1.5em; text-decoration: none; }

/* BLOG-SINGLE ------------------------------------------------------------*/

1. posts .post-single{

width: 100%; margin-bottom: 30px; overflow: hidden; }

1. posts .post-single .post-content{

width: 620px; margin-left: 90px; float: left; }

1. posts .post-single .post-title{

margin-bottom: 10px; }

1. posts .post-single .post-title-1{

font-size: 30px; color: #1f1f1f; }

1. posts .post-single .post-title-2{

font-size: 16px; color: #555555; }

1. posts .post-single{

line-height: 1.5em; }

/* COMMENTS ------------------------------------------------------------*/

.comments-list{ display: block; margin-left: 90px; }

.comments-header{ font-size: 30px; line-height: 1.3em; margin-left: 90px; margin-bottom: 25px; background: url(../img/yellow/sprites.png) no-repeat -7px -227px; text-indent: 45px; }

.comments-list li{ display: block; margin-bottom: 0px; padding: 10px 10px; line-height: 1.5em; }

.comments-list .children li{ margin-left:1.2em; }

.comments-list li .comment-wrap{ overflow: visible; position: relative; padding: 0px 0px 20px 0px; }

.comments-list li a{ color: #1f1f1f; text-decoration: none; }

.comments-list li .comments-right{ min-height: 80px; overflow: hidden; padding-left: 20px; position: relative; }

.comments-list li img{ display: block; float: left; margin: 0px 12px 20px 0px; }

.comments-list .meta-date{ display: block; float: right; color: #999999; font-style: italic; }

.comments-list li div.brief{ font-size: 14px; line-height: 1.5em; }

.comments-list .edit-comment a{ font-size: 14px; color: #999999; }

/* LEAVE COMMENT -------------------------------------------------------*/

.leave-comment{ margin-left: 90px; }

/* FORMS ------------------------------------------------------------*/

1. contactForm,
2. commentform,
3. contactForm{

margin-bottom: 18px; }

1. commentform p,
2. contactForm p{

margin-bottom: 0px; }

1. contactForm input,
2. contactForm textarea,
3. commentform input,
4. commentform textarea{

color: #1f1f1f; font-size: 14px; padding: 4px 5px; background: #d2d2d2 url(../img/bgs/strips-thin.png); border: none transparent; }

1. contactForm input,
2. contactForm textarea,
3. commentform input,
4. commentform textarea{

width: 97%; margin-bottom: 6px; font-family: Tahoma, Arial; }

1. commentform input,
2. commentform textarea{

width: 97%; }

1. contactForm #submit,
2. commentform input#submit{

width: 70px; height: 39px; background: url(../img/yellow/sprites.png) no-repeat 0px -273px; border: none; margin-top: 0px; }

1. contactForm label,
2. commentform label{

display: block; font-size: 14px; line-height: 1.5em; font-weight: light; }

/* PORTFOLIO ------------------------------------------------------------*/

.wrapper-portfolio{ width: 520px; overflow: hidden; margin-top: 20px; margin-left: 30px; }

.wrapper-portfolio .portfolio-item{ overflow: hidden; margin-bottom: 20px; }

.wrapper-portfolio .portfolio-feature{ float: left; width: 280; overflow:hidden; }

.wrapper-portfolio .portfolio-content{ float: left; width: 180px; margin-left: 20px; }

.wrapper-portfolio .portfolio-content .portfolio-title{ font-size: 30px; color: #1f1f1f; }

.wrapper-portfolio .portfolio-content .client-title{ font-size: 16px; color: #555555; }

.wrapper-portfolio .portfolio-content .excerpt{ line-height: 1.5em; }

.wrapper-portfolio2{ width: 520px; overflow: hidden; margin-top: 20px; margin-left: 90px; }

.wrapper-portfolio2 .portfolio-item{ overflow: hidden; margin-bottom: 20px; }

.wrapper-portfolio2 .portfolio-feature{ float: left; width: 280; overflow:hidden; }

.wrapper-portfolio2 .portfolio-content{ float: left; width: 180px; margin-left: 20px; }

.wrapper-portfolio2 .portfolio-content .portfolio-title{ font-size: 30px; color: #1f1f1f; }

.wrapper-portfolio2 .portfolio-content .client-title{ font-size: 16px; color: #555555; }

.wrapper-portfolio2 .portfolio-content .excerpt{ line-height: 1.5em; }

/* TWITTER READER ------------------------------------------------------------*/

.twitter-reader{ width: 100%; margin-top: 18px; padding-top: 18px; border-top: 1px #ccc dashed; padding-bottom: 18px; color: #555555; background: url(../img/twiiter-bird.png) no-repeat 30px 10px; min-height: 60px; }

1. twitter-holder{

margin-left: 130px; line-height: 1.5em; font-size: 18px; }

1. twitter-holder .twitter-entry,
2. twitter-holder .follow-me{

}

.twitter-time{ color: #ccc; }

/*-- FOOTER ---------------------------------------------------------------*/

1. footer{

position: relative; width: 100%; font-size: 14px; color: #ffffff; }

1. footer .torn-bottom{

position: absolute; height: 6px; width: 100%; top: 0px; background: url(../img/borders/torn-bottom.png) repeat-x top; border-top: 24px solid white; z-index: -5; }

1. footer .follow-us{

display: block; height: 45px; overflow: hidden; z-index: 130; }

1. footer .follow-us li{

display: block; float: left; height: 100%; font-size: 26px; background: #fec709; }

.icon{ display: block; background-repeat: no-repeat; background-position: left top; width: 32px; margin-right: 5px; margin-top: 7px; height: 100%; text-indent: -9000px; }

1. footer .follow-us li:first-child{

font-size: 26px; padding-left: 30px; padding-right: 10px; }

1. footer .follow-us li:first-child span{

display: block; margin-top: 10px; color: #1c1c1c; }

1. footer .follow-us li:last-child{

background: url(../img/yellow/sprites.png) no-repeat -162px -32px; width: 37px; }

.wrapper-footer{ width: 1300px; margin-left: 20px; }

/* FOOTER-COLS ------------------------------------------------------------*/

1. footer ul.footer-cols{

display: block; overflow: hidden; }

1. footer ul.footer-cols a{

color: #FFF; }

1. footer ul.footer-cols li.col{

display: block; width: 300px; float: left; margin-bottom: 20px; margin-right: 10px; margin-left: 10px; }

1. footer ul.footer-cols li.col ul{}

1. footer ul.footer-cols li.col ul li{

margin-bottom: .1em; }

1. footer ul.footer-cols li.col ul li a{

text-decoration: none; font-size: 14px; line-height: 1.5em; font-weight: lighter; color: #fff; }

1. footer ul.footer-cols li.col h6{

color: #fff; text-decoration: none; font-size: 26px; margin: 20px 15px 0 0px; }

1. footer ul.footer-cols li.col ul li a:hover{

text-decoration: underline; }

1. footer ul.footer-cols li.col p{

line-height: 1.5em; }

1. footer ul.footer-cols li.col a{

color: #fec709; }

/* FOOTER-BOTTOM ------------------------------------------------------------*/

1. footer div.footer-bottom{

height: 20px; color: white; padding-left: 10px; margin-bottom: 20px; }

1. footer div.footer-bottom a{

color: #7a7a7a; }

1. footer div.footer-bottom p{

display: block; font-size: 14px; line-height: 1.5em; color: #7a7a7a; }