/*
Theme Name: squared
Theme URI: http://www.ssdesigninteractive.com/squared
Description: This theme takes a lot of help from <a href="http://www.deanjrobinson.com/wordpress/redoable">Redoable</a> for Wordpres. It has support for over a dozen awesome plugins built in, and a range of sidebar modules/widget should you wish to use them. You can configure Squared from the <a href="themes.php?page=functions.php">Squared Options Panel</a>. Visit the <a href="http://www.ssdesigninteractive.com/squared">Squared homepage</a> for further information.</p>
Version: 0.1
Author: Sajid Saiyed
Author URI: http://www.ssdesigninteractive.com
*/

/* @group General */
html { /* Force Vertical Scrollbar */
	/* IE */
	/*overflow-y: scroll; */
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
	/*filter: expression(document.execCommand("BackgroundImageCache", false, true));*/
}

* {
	padding: 0;
	margin: 0;
}
div#container {
	padding: 0;
	position: absolute;
	left: 50%;
	margin: 20px 0 0 -393px;
	}
body {
	font: 62.5% 'Trebuchet MS','Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #a5a5a5;
	background: #4c4c4c;
	/*text-align: center;*/
	margin: 0px 20px 0px 90px;
}
/* @end */

/* @group IMG */
img { border: 0; }

/* To fix PNG alpha in IE6 */
/****img { behavior: url("pngbehavior.htc"); } ***/

a img, :link img, :visited img { border:none }
/* @end */

/* @group H1,H2,H3,H4 */
h1 { /* H1 is the title in the header */
	font-size: 5em;
	font-weight: normal;
	letter-spacing: -0.03em;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial !important;
}
h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	/*color: white;*/
}
h1 a:hover { text-decoration: underline; }

h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 0px;
	/*background: #292929;*/
	color: #686868;
	padding: 5px 15px 5px 15px;
	/*text-transform: lowercase;*/
}
#primary h3, #primary h4, .single #primary .redo-asides h3,
#primaryFirst h3, #primaryFirst h4, .single #primaryFirst .redo-asides h3 { 
	/* H3 is entry headlines. H4 is comments and replyform headlines */	
	color: #f4b937;
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif !important;
	letter-spacing: 0px;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none!important;
	padding-top: 7px;
}

#primary .entry-content h2, #primaryFirst .entry-content h2 {
	text-align: left;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0px;
	background: none;
	color: #CCC;
	padding: 0px;
	margin-bottom: 0px;
}

#primary .entry-content h3, #primaryFirst .entry-content h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 10px;
}

#primary .entry-content h4, #primaryFirst .entry-content h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 5px;
}

#primary .redo-asides h3, #primaryFirst .redo-asides h3 {
	font-size: 1.6em;
	font-weight: normal;
}

body.page .entry-content h3 {
	font-size: 1.7em;
	display: block;
	padding: 0;
}

#primarycontent .hfeed {
	margin-top: 0px;
	padding-top: 10px;
	background: #fff;
}

body.page .entry-content h4 {
	font-size: 1.5em;
	display: block;
	padding: 0;
}
	
h2, h2 a, h2 a:visited { color: #CCC; }

h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited { color: #888; }

h2, h2 a, h2 a:hover, h2 a:visited { color: #CCC; }

h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited { text-decoration: none; }

h2 a:hover, h2 span a:hover {
	color: #E00 !important;
	text-decoration: none !important;
}
	
h3.entry-title { display: inline; }

h3.entry-title { display: block; 
	width: 454px;
	height: 28px;
	vertical-align: middle;
	/*background: #e6e6e6;*/
	position:relative;
	left: 35px;
	margin-bottom: 0;
	/*top: -28px;*/
	text-indent: 0px;
	padding-top:2px;
	float:left;
}

h3.entry-title a, h3.entry-title a:visited  {
	color: #f4b937;
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif !important;
	letter-spacing: 0px;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none!important;
	padding-top: 7px;
	/*border-bottom: none !important;*/
	
}
h3.entry-title a:hover {
	text-decoration: none!important;
	color: #888 !important;
}
/* @end */
/* @group Header */
#header .description { /* Description in header */
	font-size: 1em;
	margin: 0 40px;
}
	
#header {
	/*height: 96px;
	width: 786px;*/
	padding: 0px;
	/*background: #222222;*/
}
#header_logo {
	height: 96px;
	width: 786px;
	margin: 0px !important;
	/*background: #e6e6e6;*/
	/*background: url('images/ssd_logo.png');
	border-left: 1px dotted #686868;
	border-right: 1px dotted #686868;
	border-bottom: 1px dotted #686868;*/
	position: relative;
}
#header_content {
	height: 240px;
	color: #fff;
	/* background: #900; */
	background: url('images/tile_bg2.png');
	border-left: 10px solid #0000FF;
	border-right: 10px solid #000099;
	position: relative;
    margin: 0px !important;
}
	
#header_middle {
	height: 240px;
	width: 526px;
	border-bottom: 1px dotted #686868;
	margin: 0px;
	position: absolute;
	left: 335px;
}
#header_right {
	height: 240px;
	width: 164px;
	border-left: 1px dotted #686868;
	margin: 0px;
	padding-left: 0px;
	position: absolute;
	left: 861px;
}

#header_content a {
	color: #FFF;
    text-decoration: none !important;
    background: #262626;
}

#header_content a:hover {
	color: #FFF;
	background: #333;
	text-decoration: none !important;
}

#header_content .current_page_item a{
	background: #333;
}

#header_content .current_page_item a:hover{
	background: #393939;
}
	
#header_content #title a {
	background: none;
}
/* @end */
/* ground Menu*/
ul.menu {
	background:#fff;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
}

ul.menu li { margin: 0; }

ul.menu,
ul.menu li a { padding: 0px; }

ul.menu li a {
	font-size: 1em;
	color: white;
	margin: 0;
}

ul.menu li a:hover {
	background: #333;
	color: #eee !important;
	text-decoration: none;
}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #444 !important;
	background: white;
	text-decoration: none;
}
#menu {
    font-size: 1.1em;
    list-style-type: none;
	list-style-image: none;
	text-transform: lowercase;
	position: relative;
	bottom: 0;
	right: 0;
}

#menu li { width: 164px; }

#menu a {
    font-size: 1em;
	display: block;
	height: 15px;
	width: 164px;
	line-height: 15px;
	/*_line-height: 15px;*/
	padding: 5px 0px 5px 5px;
	text-align: left;
	/*border-left: 10px solid #222222;
	border-right: 10px solid #191919;*/
}
	
#menu a:hover {
	height: 15px;
	width: 164px;
	padding: 5px 0 5px 5px;
}

#menu .current_page_item a {
	width: 164px;
	padding: 5px 0 5px 5px;
}

#menu .current_page_item a:hover {
	width: 164px;
	padding: 5px 0 5px 5px;
}
/* @end */
/* ground Leftbar {PageLinks}*/
#leftbar{
	/*height: 100%;*/
	width: 243px;
	/*border-right: 1px dotted #686868;*/
	margin: 0px;
	padding-left: 0px;
	position: absolute;
	top: 300px;
}
ul.menuleft {
	background:#fff;
	margin: 0;
	padding: 0;
}

ul.menuleft li { 
	margin: 0; 
}

ul.menuleft,
ul.menuleft li a { 
	padding: 0px; 
}

ul.menuleft li a, ul.menuleft li a:visited {
	font-size: 1em;
	color: white;
	margin: 0;
	text-decoration: none;
}

ul.menuleft li a:hover {
	/*background: #333;*/
	color: #eee !important;
	text-decoration: none;
}



ul.menuleft li.current_page_item a,
ul.menuleft li.current_page_item a:hover {
	color: #444 !important;
	background: white;
	text-decoration: none;
	vertical-align: middle;
	margin-top: 0px;
}
.content{
	/*position:absolute;
	top: 0px;*/
	/*left: 90px;*/
	/**/
	position: relative;
	width: 786px;
	padding: 0;
	margin: 0;
	background: rgb(102, 102, 51) url(images_new/visualminimal_06.gif) top left repeat-y;
}
#menuleft {
	font-size: 2em;
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;
	/*text-transform: lowercase;*/
	top: 1px;
	position: relative;
	vertical-align:text-bottom;
	/*clear:all;
	bottom: 0;
	right: 0;*/
}

#menuleft li { width: 161px; 
	float:left;
	text-indent: 16px;
	text-align: left;
	display: inline;
	margin-top:0px;
	padding: 0px 0px;
	}

#menuleft a, #menuleft a:visited {
    font-size: 1em;
    color: #686868;
	display: block;
	/*height: 53px;*/
	width: 161px;
	/*padding: 0px;*/
text-decoration: none;
padding: 7px 0px;
/*border-left: 10px solid #222222;*/
	
}
	
#menuleft a:hover  {
	/*height: 53px;*/
	width: 161px;
	/*padding: 5 0 5 5px;*/
	background: #333;
}

#menuleft .current_page_item a {
	width: 161px;
	padding: 8px 0px;
	background: #1b1b1b;
}

#menuleft .current_page_item a:hover {
	width: 161px;
	padding: 8px 0px;
}
/* @end */
/* @group Entry */
.entry-head { margin-top: 0px; }

.single #primary .redo-asides .entry-content, .single #primaryFirst .redo-asides .entry-content {
	font-size: 1.2em;
	color: #333;
}

.hentry {
	margin: 0;
	padding: 15px 15px 15px 15px;
	position: relative;
}

.entry-content {
	width: 444px;
	font-size: 1.1em;
	line-height: 1.8em;
	text-align: justify;
	color: #a5a5a5;
	margin-left: 35px;
	padding-top: 5px;
	padding-left:10px;
	position: relative;
	left: 35px;
}
	
.page-content { 
	margin-left: 0px !important;
	vertical-align: middle;
}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content div,
.entry-content blockquote { margin: 0px auto 10px auto; }

.redo-asides .entry-content p,
.redo-asides .entry-content ul,
.redo-asides .entry-content ol,
.redo-asides .entry-content div,
.redo-asides .entry-content blockquote { margin: 5px auto; }

.single .redo-asides .entry-content p,
.single .redo-asides .entry-content ul,
.single .redo-asides .entry-content ol,
.single .redo-asides .entry-content div,
.single .redo-asides .entry-content blockquote { margin: 10px auto; }
/* @end */
/* @group Middle Column - Content */
#middlecolumn {
	margin: 0px;
	width: 786px;
	/*height: 100%;*/
	left: 0px;
	top: 0px;
	/*background: #333;
	border-left: 1px dotted #686868;
	border-right: 1px dotted #686868;
	border-bottom: 1px dotted #686868;*/
	position:relative;
	
	padding: 0px;
	
}
/* @end */
/* @group Navigation */
.navigation {
	font-size: 1em;
	text-align: center;
	margin: 40px 35px 0 0px ;
	width: 454px;
	padding-bottom: 35px;
	padding-top:0px;
	position: relative;
	left: 70px;
}
.comments .navigation { margin: 10px 0; }

.navigation .left {
	float: left;

	left: 35px;
	width: 200px;
	text-align: left;
}

.navigation .right {
	/*float: right;
	position: relative;*/
	float: right;
	width: 200px;
	text-align: right;
}

.navigation p {
	margin: 0;
	padding: 0;
}

.navigation a { 
	color: #e6e6e6; 
	text-decoration:none;
}
/* @end */
/* @favourite */
.favourite{
	width: 35px;
	height:28px;
	background: url('images_new/noteworthy.png') center center no-repeat;
	clear:both;
	/*float: left;*/
	left: 30px;
	position: relative;
}
.no_favourite{
	width: 35px;
	height:28px;
	clear:both;
	/*float: left;*/
	left: 30px;
	position: relative;
}
.notew{
	width: 35px;
	height:28px;
	/*background: url('images/noteworthy.png') center center no-repeat;*/
	clear:both;
	float: left;
}
/* @end */

.date{
	width: 100px;
	height: 28px;
	position:relative;
	left: 374px;
	top: -25px;
	text-align: right;
	font-size: 12px;
	color: #a0a0a0;
}
.datee {
	width: 100px;
	height: 28px;
	position:relative;
	left: 425px;
	top: -25px;
	text-align: right;
	/*font-size: 12px;*/
	color: #a0a0a0;
}
/* @group Meta Links */
#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
#primaryFirst .metalink a, #primaryFirst .metalink a:visited,
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited,
.tertiary .metalink a, .secondary .metalink a:visited,
.tertiary span a, .tertiary span a:visited {
	color: #999;
	font-weight: normal;
}

#primary .hentry .entry-head .metalink, #primaryFirst .hentry .entry-head .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 0px;
}

#primary .redo-asides .entry-head .metalink, #primaryFirst .redo-asides .entry-head .metalink { font-size: 1.4em; }

body.page .entry-edit {
	position: absolute;
	right: 180px;
	margin-top: -25px;
}

.entry-edit {
	padding: 2px 0 2px 20px ;
	background: url('images/pencil.png') left center no-repeat;
}

.comment-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 1em;
	background: url('images/comment_edit.png') left center no-repeat;
	height: 16px;
}
	
.entry-category {
	display: inline;
	padding: 2px 0 2px 20px;
	margin-right: 1em;
	background: url('images/folder.png') left center no-repeat;
}

.meta-column {
	width: 185px;
	position: absolute;
	top: 40px;
	right: 15px;
}

.first .entry-meta { /* Time and category for blog entries */
	display: block;
	color: #CCC;
	font-size: 0.9em;
	line-height: 1.5em;
	border: 1px solid #555;
	background: #444;
	margin-left: 0px;
	margin-top: 35px;
}

.first .entry-meta .meta-row {
	margin: 0px;
}

.first .entry-meta h2 {
	font-size: 1.5em !important;
	font-weight: normal !important;
	padding: 0 0 3px 0 !important;
	display: block;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	text-align: left;
	background: none;
	margin: 0 0px;
	color: #CCC;
	text-transform: lowercase;   
}
	
.entry-meta { /* Time and category for blog entries */
	/*display: block;*/
	color: #CCC;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0 0 10px 35px;
	margin-left: 35px;
	margin-top:8px;
	top: 5px;
}

.page-meta { /* Time and category for blog entries */
	display: block;
	color: #CCC;
	font-size: 0.9em;
	line-height: 1.5em;
	border: 1px solid #555;
	background: #444;
	padding: 0px 0px;
	margin: 0px 0px 10px 0px;
}

.entry-meta .meta-row { margin: 0px; width:454px;}

.page-meta .meta-row { margin: 0px; }

.entry-meta a, .page-meta a, .comment-meta a { color: #EEE; }

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('images/time.png') left center no-repeat;
}

.authordata {
	font-size: 9px;
	padding: 2px 0 2px 20px ;
	background: url('images_new/author.png') left center no-repeat;
	position: relative;
	top: -3px;
}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('images_new/comment.png') left center no-repeat;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: -10px;
}

#dottedhr{ border-top: 1px dotted #ccc; }
.quoter_comment {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-left: 5px;
}

.entry-tags {
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
}

.word-count {
	padding: 2px 0 2px 20px;
	background: url('images/words.png') left center no-repeat;
}

.page-views {
	padding: 2px 0 2px 20px;
	background: url('images/views.png');/* left center no-repeat;*/
}

.metalinks { margin-top: 3px; }

.sidenote-date { margin-right: 10px; }

.editLink {
	display: inline;
	margin-left: 5px;
	padding: 10px 0 2px 20px ;
	background: url('images/pencil.png') left center no-repeat;
}

.page-meta .authordata { margin-right: 5px; }

.page-meta .word-count {
	margin-left: 5px;
	margin-right: 5px;
}
/* @end */
/* @group Share This */
.share-link { margin-left: 5px;
	/*padding-left: 20px;
	background: url('../images/share.png') left center no-repeat;*/
	}

#akst_social a { color: #333; }

#akst_social a:hover {
	color: #f4b937;
	text-decoration: underline;
}
/* @end */
/* Stylizing */
.statistical-meta{
	font-size:10px;
	color:#6b6b6b;
	width: 454px;
	height: 19px;
	padding: 0px 0px 0px 5px;
	vertical-align: text-bottom;
	margin-top:4px;
	margin-left:35px;
	/*background-color: #3c3c3c;*/
	border-top: 1px dotted #686868;
	border-bottom: 1px dotted #686868;
	position: relative;
	left: 35px;
}
.page-views {
	padding: 2px 0 2px 20px;
	background: url('images/views.png') left center no-repeat;
}

/* @group Post Ratings */
img.post-ratings-image { /*vertical-align: middle;*/ }
.post-ratings { 
	/*vertical-align: text-middle;*/
}
/* @end */
/* @group Links */
#primary a:hover, #primary a:visited:hover,
#primaryFirst a:hover, #primaryFirst a:visited:hover,
.secondary a:hover, .secondary a:visited:hover,
.tertiary a:hover, .tertiary a:visited:hover { 
	/*border-bottom: 1px dotted #a6a6a6;*/
	color:#f4b937;
	
}

a {
	color: #CCC;
	text-decoration: none;
	/*border-bottom: 1px dotted a6a6a6;*/
}

a:hover {
	color: #f4b937;
	text-decoration: none;
}

.entry-content a { border-bottom: 1px dotted #CCC; }

.entry-content a:hover { 
	text-decoration: none !important;
	border-bottom: 1px dotted #a5a5a5;
}

.entry-content a:visited { color: #CCC; }
/* @end */
/* @group List Styles */
.entry-content ol, .entry-content ul {
	padding: 0 0 0 35px;
	margin: 10px auto;
}

.entry-content ol li, .entry-content ul li {
	margin: 0 0 3px;
	padding: 0;
}

.secondary div p, .tertiary div p { margin-top: 0.5em; }

.secondary ul, .secondary ol, .secondary div div, .tertiary ul, .tertiary ol, .tertiary div div {
	margin: 0px 0 0;
	padding-left: 0;
}

.secondary ol, .tertiary ol {
	margin-left: 15px;
}

.secondary ul li, .secondary ol li, .tertiary ul li, .tertiary ol li {
	margin: 0;
	padding: 1px 0;
}
	
.secondary ul li, .tertiary ul li {
	list-style-type: none;
	list-style-image: none;
}

ol li {
	list-style-type: decimal;
	list-style-position: outside;
}
/* @end */

/* @group Special Styles */
/* This is based on styles from the Sawchuk scheme for K2 */
.download, .code, .note,
.alert, .new, .construction,
.information {
	background-position: 15px 10px;
	background-repeat: no-repeat;
	margin: 10px auto;
	padding: 10px 10px 10px 50px;
	text-align: left;
	font-size: 1.1em !important;
	line-height: 115%;	
}

.download {
	background-color: #353;
	background-image: url('images/package_go.png');
	border-top: 2px solid #383;
	border-bottom: 2px solid #383;
}

.download a, .download a:visited {
	color: #3F3;
	text-decoration: none !important;
	border-bottom: 1px dotted #3F3;
}

.download a:hover {
	color: #3C3;
	text-decoration: none !important;
	border-bottom: 1px dotted #3C3;
}

.code { /* use p class=code when you want to fake it, sometimes handy */
	background-color: #444;
	background-image: url('images/application_osx_terminal.png');
	border-top: 2px solid #AAA;
	border-bottom: 2px solid #AAA;
	font-family: 'Courier New', Courier, Fixed;
}
	
/*code {
	background: #f2f2f2 url('images/utilities-terminal.png') 10px 5px no-repeat;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	font-family: 'Courier New', Courier, Fixed;
}*/

.alert {
	background-color: #533;
	background-image: url('images/exclamation.png');
	border-top: 2px solid #F33;
	border-bottom: 2px solid #F33;
}

.new {
	background-color: #643;
	background-image: url('images/new.png');
	border-top: 2px solid #F93;
	border-bottom: 2px solid #F93;
}

.construction {
	background-color: #553;
	background-image: url('images/error.png');
	border-top: 2px solid #FF3;
	border-bottom: 2px solid #FF3;
}

.information {
	background-color: #335;
	background-image: url('images/information.png');
	border-top: 2px solid #33F;
	border-bottom: 2px solid #33F;
}

.note {
	background-color: #444;
	background-image: url('images/page_white_text.png');
	border-top: 2px solid #AAA;
	border-bottom: 2px solid #AAA;
}

.callout {
	margin: 10px auto;
	padding: 10px;
	text-align: justify;
	font-size: 1.1em !important;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	color: #CCC;
}
/* @end */
#maincolumn {
	width: 691px;
}
/* @group Right Column - Sidebar */
.rightcolumn {	
	width: 163px;
	right: 0px;
	top:0px;
	height: 100%;
	position: absolute;
	display: block;
	top: 0px;
	padding:30px 10px 30px 10px;
	margin-top: 1px;
	clear:none;
	/*background: #ccc;*/
}

.rightmargin { margin-right: 200px !important; }

#rightcolumnheader {
	width: 240px;
	position: absolute;
	top: 0;
	right: -260px;
	height:180px;
	background: #262626;
	border-right: 10px solid #191919;
}

#rightcolumnfooter {
	width: 163px;
	position: absolute;
	top: 0;

	height:30px;
	padding: 15px 0px 15px 0px;
	background: #262626;
	/*border-right: 10px solid #191919;*/
}

/* @end */
/* @group Search Form and Livesearch */

#searchform {
	display: block;
	margin-top: 5px;
	position: relative;
	padding: 5px 0 40px 5px;
}
#s{
	width: 100%;
}
.search h2 { display: block; }

input[type=text], textarea {
	color: #444;
	margin: 0px;
	padding: 1px;
width:100%;
}

/*#searchsubmit { position:relative; }*/

#searchsubmit:hover {
	/*background: #fff;*/
	border: 1px solid #666;
	color: #333;
}

#searchsubmit{
	background: url('./images_new/search_submit.png')  center center no-repeat ;
	height: 20px;
	position: absolute;
	font-size: 0.8em;
	padding: 5px;
	width: 20px;
	padding-top:10px;
}
#searchreset {
	background: url('images/reset-fff.png') center center no-repeat;
	height: 20px;
	position: relative;
	left: 95px;
	width: 20px;
}

#searchload {
	background: url('images/spinner.gif') center center no-repeat;
	height: 18px;
	position: absolute;
	right: 6px;
	top: 3px;
	width: 18px;
}

.livesearchform input[type=submit] { margin: 0px; }

#searchform input {
	/*background: #444;*/
	border: 1px solid #333;
	color: #999;
	padding: 3px;
	font-size: 9px;
}
#mysearch {

	padding-top: 10px;
}
#searchform input:focus {
	/*background: #fff;*/
	border: 1px solid #666;
	color: #999;
}

#searchform input[type=text] {
	/*background-image: url('images/safari_search.png');
	background-position: 3px center;
	background-repeat: no-repeat;*/
	/*border-radius: 20px;*/
	background: #444;
	margin-right: 5px;
	/*-moz-border-radius: 20px;*/
	padding-left: 5px;
	padding-right: 5px;
	width: 90px;
}

#searchform input[type=text]#s.livesearch { width: 95px !important; }

#searchform input[type=search] {
	background: #FFF;
	color: #CCC;
	margin-top: 2px;
	width: 170px;
}

#searchform input[type=search]#s.livesearch { width: 90px !important; }

#searchform input:focus[type=search] {
	background: #FFF;
	color: #333;
}

#searchcontrols {
	background: #ddd center repeat-y;
	padding: 1px;
	text-align: center;
}

#searchcontrols small {
	margin: 0px;
	padding: 0px;
}

/* @end */
/* @group Calendar SBM */
.sb-calendar{
	padding: 0px 0px 0px 20px;
}
#wp-calendar {
	font-size:0.8em;
	vertical-align:middle;
	text-align:center;
    width: 110px;
    margin-bottom: 0px;
}

#wp-calendar a {
	border: 0px;
	text-decoration: none;
	display: block;
	color: #a6a6a6 !important;
}

#wp-calendar a:hover {
	border: 0px;
	color: #E00 !important;
    text-decoration: none !important;
}

#wp-calendar #next a {
	text-align: right;
	color: #E00;
	padding-right: 5px;
}

#wp-calendar #prev a {
	text-align: left;
	color: #a6a6a6;
	padding-left: 5px;
}

#wp-calendar #next a:hover {
	border: 0px;
	color: #E00 !important;
    text-decoration: none !important;
}

#wp-calendar #prev a:hover {
	border: 0px;
	color: #E00 !important;
    text-decoration: none !important;
}

#wp-calendar h2 {
	font-size: 1.5em !important;
	font-weight: normal !important;
	padding: 0 0 3px 0 !important;
	display: block;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	text-align: left;
}
#wp-calendar caption {	
	font-size: 12px !important;
	font-weight: normal !important;
	padding: 0 0 3px 0 !important;
	/*border-bottom: 1px dotted #ccc;*/
	font-weight: bold;
	text-align: left;
	letter-spacing: -1px;
	color: #CCC;
	margin-bottom: 5px;
	text-transform: lowercase;    
}

#wp-calendar table {
	border: 0px;
}

#wp-calendar tr {
	border: 0px;
}

#wp-calendar td {
	color:#EEE;
	font: normal 9px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 0px 0;
	text-align: center;
	line-height: 15px;
    border: 0px solid #fff;
}

#wp-calendar td.pad:hover {
	font-size:9px;
	color:#EEE;
}

#wp-calendar td:hover{
	color: #EEE;
}

#wp-calendar #today{
    color: #333;
    background: #EEE !important;
    font-weight:bold;
}

#wp-calendar #today a, #wp-calendar #today a:visited{
    color: #E00 !important;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
/* @end */
/* @group Archives*/
#listarchive,  #listcategories, #listroll{
	
	font-weight: normal;
	list-style-type: none;
	  list-style-image: url(images/right_list_img.png);
	/*text-transform: lowercase;*/
	top: 1px;
	position: relative;
	vertical-align:text-bottom;
	padding: 0 0 0 20px;
	
	/*bottom: 0;
	right: 0;*/
}
.linkcat {
	font-weight: normal;
	list-style-type: none;
	list-style-image: url(images/right_list_img.png);
	/*text-transform: lowercase;*/
	top: 1px;
	position: relative;
	vertical-align:text-bottom;

}
#listarchive a:hover {
	border-bottom: 1px dotted #cecece;
}
/* @end */
/* @group Latest Posts SBM */
.sb-latest a {  }

.sb-latest li {
    padding: 0 0 4px 0px;
    margin-left: 20px;
    list-style-type: none !important;
    list-style-image: url(images/right_list_img.png);

}
.sb-latest a:hover{
	border-bottom: 1px dotted #cecece;
}
.sb-latest ul { margin-top: 5px; list-style:none; }
/* @end */
/* @group Footer */
#footer {
	/*background: #1b1b1b;
	left:50%;
	bottom:0px;*/
	color: #999;
	position: relative;
    text-align: center;
    width: 786px;
    height:20px;
/*border: 1px dotted #686868;*/
}

#footer a {
	color: #999;
	font-weight: normal;
	text-decoration: none;
	
}

#footer a:hover {
	border: none;
	text-decoration: underline !important;
	color: #e9e9e9;
}
	
#copyright p {
	display: block;
	padding: 0px;
	margin: 0px 0px 5px 10px;
	line-height: 30px;
	width: 250px;
	text-align: left;
}

#cclicense a {
	padding: 8px 8px 8px 25px;
	background: url('images/cc.png') no-repeat 0 50%;
}

#footer_images {
	position: relative;
	display: inline;
	padding: 0px;
	margin: 10px 10px 0px 0px;
	float: right;
	vertical-align: middle;
}

#footer_images img {
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

.footer_content {
	background: #333333;
	background-position: right !important;
	color: #999;
	position: relative;
	padding: 4px 0 0 0;
    text-align: center;
    margin: 0px auto 0px auto !important;
}

#footer_content {
	color: #595959;
	padding: 8px 0 0 0;
	position: relative;
    margin: 0px !important;
}
	
#footer_middle {
	height: 50px;
	margin: 0px;
	padding: 0px 0px 10px;
}
/* @end */
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
.rightfooter {
	width: 158px;
	position: fixed;
	right: 0px; bottom: 0px;
	left: 862px;
	bottom:0px;
	height:17px;
	background: #000;
	padding: 8px 0 8px 8px;
}
/* @group Post Ratings */
img.post-ratings-image, img.post-ratings-loading { /*vertical-align: text-middle;*/}
	.post-ratings { /*text-align:middle;*/}
 img.post-ratings-loading { display:none;}
/* @end */
/* @group comment-block */
#comment-block h4 {
	font-size: 1.5em;
	display: block;
	padding: 0;
}

#comment-block a {
    color: #EEE;
    text-decoration: none !important;
}

#comment-block a:hover {
    color: #f4b937;
    text-decoration: none !important;
}

#comment-block { /* This is the main bottomblock container */;
    display: block;
	text-align: left;
    padding: 10px 0px 10px 70px !important;
    width: 474px;
    margin: 0 0 0px 0; 
   /* background: #292929;
    border-left: 10px solid #191919;
    border-right: 10px solid #191919;*/
    
    font: 1.2em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; 
    line-height: 1.5em;
    color: #666 !important;
}

#comment-block h2 {
    font-size: 1.5em !important;
	font-weight: normal !important;
	text-transform: lowercase;    
	padding: 0 0 3px 0 !important;
	display: block;
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
	text-align: left;
	background: none;
	margin: 0;
	width: 100%;
	color: #CCC;
}
/* @end */
/* @group Comments */
.comments {
	text-align: left;
	margin: 0px 15px;
	padding: 0px;
	position: relative;
}

.comment-meta {
	margin: 0 15px 0 0;
	float: none;
}

.comment-login, .comment-welcomeback {
	margin-top: 15px;
	color: #777;
}

#comment-personaldetails { margin-top: 10px; }

#leavecomment, .comments #loading {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 2em;
	letter-spacing: 0px;
}

.comments #loading { margin-top: 20px !important; }

.comments #error {
	line-height: 2.0;
	padding: 5px;
	color: #FF0000;
	background-color: #FFFF99;
}

.comments #commentload {
	padding-top: 3px;
	float: right;
	vertical-align: middle;
}

.comments form {
	clear: both;
	padding: 1px 0 10px;
	margin: 0;
}

.comments input[type=text], .comments textarea {
	font: 1.2em 'Courier New', Courier, Monospace;
	padding: 3px;
	color: #777;
	border: 1px dotted #666;
	background: #999;
}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border: 1px solid #666;
}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
}

.comments textarea {
	height: 250px;
	width: 454px;
	margin: 10px 0;
}

.comments form #submit {
	margin : 15px 0 15px 0;
  padding : 4px 0 4px 0 !important;
  width : 11em;
  float : left;
  cursor : pointer;
  color : #232323;
  text-transform : uppercase;
  font-size : 0.7em;
  letter-spacing : 0.1em;
  background : #a9a9a9;
  text-align : center;
  border : 3px double #696969;
}
	
.commentsrsslink {
	background: url('images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
}

.trackbacklink {
	background: url('images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
}

.nopassword { text-align: center; }

#commentlist {
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
}

#commentlist li {
	margin: 0px 0 0;
	padding: 5px 10px 5px;
	list-style: none;
	color: #EEE;
}

#commentlist li .comment-content {
	padding: 10px 0;
	font-size: 1em;
	line-height: 1.8em;
	color:#a5a5a5;
}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote { margin: 10px 0; }

#commentlist li .comment-meta {
	padding: 2px 0 2px 20px;
	background: url('images/time.png') left center no-repeat;
	display: block;
}

#commentlist li img {
	padding: 0;
	border: none;
}

#commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
}

#commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0px;
}

#commentlist li .counter {
	display: block;
	font: normal 3em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #333;
	float: right;
	text-align: right;
	width: 35px;
}

li.byuser {
	border: 1px solid #333;
	background: #222;
	color: #EEE;
}

li.bypostauthor {
	border: 1px solid #555;
	background: #444;
	color: #EEE;
}

li.bypostauthor blockquote {
	color: #333;
	background: #eee url('images/quote.png') no-repeat 10px 0;              
}
/* @end */
/* @group Pinglist */ 
#pinglist {
	font-size: 0.9em;
	padding: 0;
	margin: 10px 0 10px;
	background: #363636;
	border: 1px dotted #606060;
}

#pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
}

#pinglist li small {
	font-size: 0.8em;
	display: block;
}

#pinglist li .counter { display: none; }

#pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
}

#pinglist li img {
	padding: 0;
	border: none;
}
/* @end */


.toggler {
	color: #222;
	margin: 0;
	padding: 0.4em 2em;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	background:url('images/arrow_close.png') #e6e6e6 left center no-repeat;
	background-position: 5px 8px;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
	overflow:hidden;
	height: 100%;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	/*text-style:italic;*/
	padding:5px 0 5px 30px;
}

/* @Accordion */
h3 .atStart {
	margin: 0;
	padding: 0.4em 2em;
	color: #444444;
	border: solid 1px #222222;
	background:url('../images/arrow_close.png') #e6e6e6 left center no-repeat;
	background-position: 5px 8px;
	border-left-color: #292929;
	border-top-color: #292929;
}
.accordion_content {
	/*background-color: #ffffff;
	//color: #444444;*/
	overflow: hidden;
}
.accordion_toggle {
	cursor: pointer;
}
/* @end */
/* @contet for top menu */
#content_top {
	/*height: 25px;
	background: #ccc;*/
	margin-top: 15px;
	padding: 3px 0 3px 38px;
}
/* @end */
/* @contet for sub menu */
#content_sub {
	/*height: 25px;
	background: #ccc;*/
	margin-top: 0px;
	padding: 3px 0 3px 38px;
}
/* @end */
/* @ Horizontal list menu*/
#content_top {width:auto;}
#content_top ul {
	margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none;
	display:block;
	
}
#content_top li {
	display: block;
	float:left;
	padding: 3px 3px 3px 3px; 
	margin-right: 5px;
	width:70px;
	text-align: center;
	background: #f4b937;
}
#content_top li a {
	color: #000;
}
#content_top .children { 
	display:block;  
	position: absolute; 
	/*background: #ccc; */
	margin-top: 5px; 
	margin-left: 0px; 
	color: #000;
	margin-bottom: 30px;
}
#content_top .children a {color: #000; }
#content_top ul>li>ul>li{
/*Make the sub list items invisible
	display: table-cell;
	position: relative;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
	display: none;*/
	background: #2f2f2f;
	border-bottom: 1px dotted #f4b937;
}
#content_top  .children { display: none;}
#content_top  .current-cat, #content_top .current-cat-parent {
	 background: #fff;
}
#content_top  .current-cat-parent .children .current-cat  {
	 background: #2f2f2f;
}
#content_top  .current-cat ul {
	 display:block;
	 color: #f4b937;
	 background: #2f2f2f;
}
#content_top  .current-cat ul a, #content_top  .current-cat-parent .children a {
	color: #f4b937;
}

#content_top  .current-cat-parent .children .current-cat  a, #content_top  .current-cat-parent ul  {
	 color: #ccc;
}
#content_top  .current-cat  .children, #content_top  .current-cat-parent  .children  {
	display:block;
	position: absolute;
	left: 38px;
	float: left;
	padding-left: 10px;
	background: url('images_new/subcat.png') left center no-repeat;
}

/* @end */
h4 #comments, h4 #respond .reply {
	color: #999;
}
.linkback a:hover {
	color: #f4b937;
}
/**/
.referenceimg, .referenceimg a, .referenceimg a:hover  {
	font-size: 9px;
	color: #777777;
}