/* @override http://charm.readwrite.me.uk/blog/wp-content/themes/charm/style.css */

body
{
	margin: 0;
	background-color: #000;
	_background-color:none;
	_height:100%;
	_overflow:hidden;
}
#squares
{
	position: absolute;
	background: url(../img/squares.png) repeat;
	_background: transparent url(../img/squares.gif) repeat;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	_overflow:hidden;
}
#logo
{
	height: 41px;
	width: 170px;
	background: url(../img/logo.gif) no-repeat right;
	background-color: #1a1b24;
	margin-bottom: 45px;
}
#navigation
{
	z-index: 5;
	position: absolute;
	top: 90px;
	left: 10px;
	width: 170px;
}
LI.error SPAN{color:#fe0000;font-family:Arial;font-size:12px;float:left;margin:0 0 0 110px;padding-right:10px;}
LI.ok SPAN{color:#00b4ff;font-family:Arial;font-size:12px;float:left;margin-left:110px;padding-right:10px;}
#navigation ul
{

	list-style: none;
	background-color: #1a1b24;
	text-align: right;
	margin: 0 0 20px;
	padding: 5px 8px 5px 0;
}
#navigation a
{
	color: #999;
	text-decoration: none;
	background-color: #31323a;
	padding: 0px 4px;
	line-height:14px;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#navigation ul li a.selected
{
	color: #31323a;
	background-color: #999;
}


#navigation li
{
	margin-top: 4px;
	margin-bottom: 4px;
	line-height:18px;
}
#content
{

}
#mainContent
{
	z-index: 6;
	position: absolute;
	left: 400px;
	top: 165px;
	width: 520px;
}
#footer
{
	z-index: 7;
	position: absolute;
	bottom: 0px;
	height: 26px;
	width: 100%;
	background-color: #1a1b24;
}








p span {
	padding:2px 10px;
	color: #000;
	background-color: #ffffff;
	font: 22px Georgia, "Times New Roman", Times, serif;
	line-height:1.3em;
}
p
{
	/*border-bottom: 2px solid #fff;*/
	margin: 0;
}


.newPara
{
	margin-bottom: 10px;
}
.inPara
{
	margin-top: 0;
}




#mainContent p a
{
	padding:0 3px;
	color: #000;
	background-color: #ccc;
	text-decoration: none;
}
#mainContent p a:hover
{
	color: #000;
	background-color: #00b4ff;
	text-decoration: none;
}

.copy{line-height:normal;position: absolute;left: 100px;padding: 0 5px 0 0;margin: 5px 0 0;list-style: none;height: 16px;width: 174px;color: #999;text-decoration: none;background-color: #31323a;}
.copy li{height: 16px;float: left;font: bold 10px Arial, Helvetica, Geneva, sans-serif;margin:0;padding: 3px 4px 0 8px;}
.copy a{height: 16px;color: #999;text-decoration: none;margin: 0;}

.share{line-height:normal;position: absolute;left: 290px;padding: 0 5px 0 0;margin: 5px 0 0;list-style: none;height: 16px;color: #999;text-decoration: none;background-color: #31323a;}
.share li{height: 16px;float: left;font: bold 10px Arial, Helvetica, Geneva, sans-serif;margin:0;padding: 3px 4px 0 4px;}
.share li.title{padding:3px 4px 0 8px;}
.share a{height: 16px;color: #999;text-decoration: none;margin: 0;}
.share img{border:0;}

#footer .brief{line-height:normal;position: absolute;right: 10%;padding: 0 5px 0 0;margin: 5px 0 0;list-style: none;height: 16px;color: #999;text-decoration: none;background-color: #31323a;}
#footer .brief li{height: 16px;float: left;font: bold 10px Arial, Helvetica, Geneva, sans-serif;margin:0;padding: 3px 4px 0 4px;}
#footer .brief li.today{padding:2px 4px 0 8px;}
#footer .brief li.title{padding:2px 6px 0 3px;font-weight:bold;color:white}
#footer .brief li.by{background:white;color:#1a1b24;height:13px;margin-top:2px;padding:0px 12px 0 12px;}
#footer .brief li.by SPAN,#footer .brief li.by SPAN A{color:#00b4ff;}
#footer .brief a{height: 16px;color: #999;text-decoration: none;margin: 0;}
#footer .brief img{border:0;}

.bgstretcher {
	background: black;
	_background:none;
	overflow: hidden;
	width: 100%;
	position: fixed;
	_position: absolute !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI, #squares {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow:hidden;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}





#top,#left,#right {
position:fixed;
background:#1a1b24;
z-index:1000;
}
#top {
left:0;
width:100%;
height:10px;
}
#top {
top:0;
}

#left,#right {
top:0;
height:100%;
width:10px;
}
#left {
left:0;
}
#right {
right:0;
}


.clientItem
{
	margin-right: 6px;
	margin-bottom: 6px;
	width: 97px;
	height:97px;
	float:left;
}



.contactBox
{
	z-index:19;
	width:516px;
	height:213px;
	background-image: url(../img/contact/bg.png);
}

.copyBox
{
	z-index:20;
	position: absolute;
	right: 13px;
	top:107px;
	_top:37px;
	text-align: right;
}
.copyBox p
{
	line-height:11px;
	border-width: 0px;
	border-style: none;
}
.copyBox p.email
{
	margin-top:10px;
}
.copyBox p a
{
	background:none !important;
}
.copyBox span
{
	padding:0px 5px;
	font-weight: bold !important;
	color: #000;
	background-color: #00b4ff;
	text-decoration: none;
	font:0.7em Helvetica, Arial, Geneva, sans-serif;
}
.copyBox span em
{
	font-style: normal;
	font-weight: normal;
	color: white;
}
h2
{
	font: 24pt Georgia, "Times New Roman", Times, serif;
	color:#fff;
	background-color:#31323a;
	width:518px;
	height:44px;
	padding-top: 7px;
	margin-bottom: 3px;
	margin-top: 7px;
}
h2 a
{
	color:#fff;
	background-color:#31323a;
	width:518px;

	text-decoration: none;
	margin-left: 10px;
}
h2 a:hover
{
	background-color:#31323a;
	color:#fff;
}
.post
{
	width: 518px;
	margin: 0;
}
.post .author
{
	float:left;
	color:#31323a;
	width:347px;
	height: 20px;
	background-color: #999999;
	padding-top:2px;
	padding-left: 5px;
	font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
}

.post .date
{
	float: right;
	color:#999;
	width:158px;
	height: 20px;
	background-color: #31323a;
	margin: 0;
	padding-top:2px;
	padding-left: 5px;
	font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.post .content
{
	color:#000;

	background-color: #fff;
	padding-left: 5px;
	padding: 5px;
	margin-top: 3px;
}
.post .content p
{
	border: none;
	margin-top: 3px;
}

#menu ul
{
	list-style: none;
	margin: 0;
	padding-left: 5px;
}
#menu li
{
	text-align: left;
	margin: 0;
	padding: 0;
}
#menu h4
{
	font: 12pt Georgia, "Times New Roman", Times, serif;
	color:#999;
	background-color:#31323a;
	width:170px;
	height:30px;
	padding-left: 7px;
	padding-top: 7px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#menu
{
	z-index: 6;
	position: absolute;
	left: 900px;
	top: 150px;
	width: 170px;
}
#menu a, #menu a:visited
{
	text-decoration: none;
	color: #999;
}
#menu a:hover
{
	color: #fff;
}

#container{_overflow:hidden;*overflow:hidden;}

#content .blogContent{background:url(../img/grid-bg.png) 0 0;top:0;padding:5px 38px 0 29px;width:408px;}
#content .brief{top:0;} 
#content .briefContent .padding{display:block;height:167px;}
#content .briefContent P{width:509px;}
#content .briefContent FORM{display:block;background:#FFF;width:509px;overflow:hidden;margin:50px 0 100px 0;padding:0;}
#content .briefContent FORM H2{display:block;margin:0;padding:15px 25px;height:auto;background:#313139;font-size:18px;}
#content .briefContent FORM H2 SPAN{padding:3px 20px;margin:0;background:#707176;width:160px;}
#content .briefContent FORM P.ps{padding:5px 25px;margin:0;background:#00b4ff;color:#FFF;font-size:12px;font-family:Arial;}
#content .briefContent FORM UL{padding:0 0 0 25px;_padding:0;_margin-left:15px;}
#content .briefContent FORM LI{display:block;list-style:none;height:35px;}
#content .briefContent FORM LI.descr{height:100px;}
#content .briefContent FORM LI.webpage{height:50px;}
#content .briefContent FORM LI.imageUpload{height:50px;}

#content .briefContent FORM LI LABEL{float:left;width:110px;font-family:Arial;font-size:0.8em;font-weight:bold;padding-top:4px;}
#content .briefContent FORM LI LABEL SPAN.star{color:#00b4ff}
#content .briefContent FORM LI INPUT{float:left;width:345px;border:none;background:#e6e6e6;padding:4px;color:#6f7075}
#content .briefContent FORM LI INPUT#imageUpload{background:none;}
#content .briefContent FORM LI SPAN.msg{font-size:0.7em;color:#9f9f9f;clear:both;display:block;padding-left:115px;padding-bottom:2px;}
#content .briefContent FORM LI.loading{margin-left:110px;text-align:left;padding:0;clear:both;display:block;height:25px;}
#content .briefContent FORM LI INPUT#submitEntry{width:157px;border:none;background:#e6e6e6;padding:0px;height:23px;margin:10px 0 15px 110px;}
#content .briefContent FORM LI INPUT#confirm{width:auto;height:auto;padding:15px 0;float:left;margin-right:10px;}
#content .briefContent FORM LI SPAN.longText{font-size:10px;font-family:Arial;float:left;width:320px;}
#content .briefContent FORM LI SPAN.longText A{color:#00b4ff;}

#content .briefContent FORM LI TEXTAREA{float:left;width:345px;height:85px;border:none;background:#e6e6e6 ;padding:4px;color:#6f7075}

#content .blogContent2{background:none;top:0;padding:14px 40px 0 40px;width:395px;}

#postsArea{width:100%;display:block;height:450px;z-index:999;position:relative}
#postsArea .padding{display:block;height:143px;}
.briefContent{width:100%;display:block;height:450px;z-index:999;position:relative}
/*JUITTER PLUGIN CSS*/

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{position:relative;font-size:0.9em;font-family:Georgia,Helvetica,Arial;list-style:none;margin:0;clear:both;width:417px;} 
#juitterContainer .twittLI DIV.twCont{display:block;padding:5px 21px 0;width:376px;background:url(../img/middle-twitter.png) 0 0 repeat-y;_background:url(../img/middle-twitter.gif) 0 0 repeat-y;margin-top:-4px;}
#juitterContainer .twittLI IMG.imgBottom{margin-top:0px;}
#juitterContainer .twittList SPAN{display:inline;background:#FFF;font-size:15px;}
#juitterContainer .twittList SPAN.time{display:block;font-family:Helvetica,Arial;color:#777;font-size:0.7em;background:none !important;padding:10px 7px 0 7px;clear:both}
#juitterContainer .twittList A{color:#00b4ff;text-decoration:none} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{color:#000 !important;text-decoration:none;} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:none;
}
.jScrollPaneDrag {
	position: absolute;
	background: white;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
#content .termsContent{background:url(../img/grid-bg.png) 0 0;top:0;padding:0;width:520px;}

#termsCont{display:block;background:#FFF;padding:20px 15px;width:490px}
#termsCont P{font-family:arial;font-size:10px;margin-bottom:15px}
#termsCont P.title{font-size:12px;}
#termsCont OL{padding:0;margin:0 0 15px 0;}
#termsCont LI{font-family:arial;font-size:10px;margin:0 0 15px 0;padding:0;list-style:none;}
#termsCont LI SPAN,#termsCont P SPAN{font-family:arial;font-size:10px;margin:0 10px 0 0;padding:0;}

#content .privacyContent{background:url(../img/grid-bg.png) 0 0;top:0;padding:0;width:520px;}

#privacyCont{display:block;background:#FFF;padding:20px 15px;width:490px}
#privacyCont P{font-family:arial;font-size:10px;margin-bottom:15px}
#privacyCont P.title{font-size:12px;}
#privacyCont OL{padding:0;margin:0 0 15px 0;}
#privacyCont LI{font-family:arial;font-size:10px;margin:0 0 15px 0;padding:0;list-style:none;}
#privacyCont LI SPAN,#privacyCont P SPAN{font-family:arial;font-size:10px;margin:0 10px 0 0;padding:0;}