/*
Theme Name: SeoTops
Theme URI: http://www.seotops.com
Version: 1.0
Description: Sexy Gray theme by Kalyan
Author: Kalyan Chatterjee
Author URI: http://www.kalyanchatterjee.com
*/
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }




/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body { 
  font-size: 75%;
  color: #b7b8ba; 
  background: #000;
  font-family: "Georgia", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #6b6b6b; }

h1 { font-size: 3em; line-height: 1; border-bottom:1px dotted #6b6b6b; margin-bottom: 0.5em; }
h2 { font-size: 2.2em; margin-bottom: 0.75em; border-bottom:1px dotted #6b6b6b;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; font-style:italic; margin-bottom: 1em; }
h4 a { color:#CCC;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p a         {color: #5e757d;}
p a:hover   { color:#fff;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* Main layout styles */

body { background:#161b22 url(images/bg.jpg) left top no-repeat;}
#header { height:59px; position:relative; padding-top:73px; padding-left:18px; position:relative; width:882px; margin:0 auto;}
#header h1.logo { width:244px; top:20px; left:10px; height:43px; position:absolute;}


/* Navigation */
#navigation { width:900px; margin-top:10px; height:25px; padding:7px; float:left;}
#navigation ul { text-align:right;}
#navigation ul>li {  -moz-border-radius: 4px;   -webkit-border-radius:4px;}

/* Navigation end */

.entry a { color:#fff;}
#wrapper { position:relative; background:#12151e url(images/imagechanger.png) 100% 0 no-repeat; min-height:525px; border:9px solid #0f1117; width:900px; margin:0 auto; height:100%; overflow:hidden;}
#innerwrapper { position:relative; background:#12151e url(images/imagechangergray.png) 100% 0 no-repeat; min-height:525px; border:9px solid #0f1117; width:900px; margin:0 auto; overflow:hidden; height:100%;}
#container { float:left; padding-top:30px; padding-bottom:10px; padding-left:10px; width:890px;}

/* image changer */
#imagechanger { position:absolute; top:0; right:0px; width:377px; height:525px;}
#gallery { position:relative; width:377px; height:525px }
#gallery a {float:left;	position:absolute;}
#gallery a img {border:none;}
#gallery a.show {z-index:500}
/* image changer end*/

#content-heading{height:84px; }
#content-heading h1{ font-size:4em; border:0; color:#fff;}
.staticpost { width:494px; height:auto; float:left; padding:10px 10px; min-height:200px; background:url(images/transparent.png) center top repeat-y;}
.staticpost .posts, .staticpost .posts1, .staticpost .posts2   { margin-bottom:20px; display:block; float:left;}
.staticpost .posts p, .staticpost .posts1 p, .staticpost .posts2 p   { line-height:1.7em;}
span.readmore { padding-right:20px; float:right; background:url(images/bullet.gif) center right no-repeat;}
span.readmore a { color:#ea9610;}
span.readmore a:hover { color:#FFF;}
div.rest {display:none;}
div.rest1 {display:none;}
div.rest2 {display:none;}
.less1, .less2, .less3 { display:none;}
.flower1 {width:159px; height:72px; position:absolute; top:43px; right:10px; background:url(images/flower1.png) 0 0 no-repeat;}
.flower2 {width:135px; height:73px; position:absolute; top:450px; right:220px; background:url(images/flower2.png) 0 0 no-repeat;}
.getquote { width:171px; height:57px; position:absolute; top:70px; z-index:5; right:180px; background:url(images/getquote.png) 0 0 no-repeat;}
#quickcontact { width: 305px; height:370px; z-index:2; position:absolute; padding:20px 10px 10px 30px; right:10px; top:115px;  background:url(images/transparent.png) center top repeat-y;}
#latestpost { width: 325px; position:absolute; padding:10px 10px; right:10px; top:525px;  background:url(images/transparent.png) center top repeat-y; height:auto;}
.post ul { list-style:none;}
.post ul li { border-bottom:1px  dotted #222; list-style-image:url(images/bullet2.gif)}
.post ul li a {color:#CCC; text-decoration:none;}
.post ul li a:hover { color:#ea9610;}
.post h2 a{ color: #6b6b6b; text-decoration:none;}
#sidebar { width: 300px; padding:10px 10px; float:right;  background:url(images/transparent.png) center top repeat-y; height:auto;}
.staticpostinner { width:530px; position:relative; height:auto; float:left; padding:10px 10px; min-height:200px; background:url(images/transparent.png) center top;}
.staticpostinner .posts, .staticpostinner .posts1, .staticpostinner .posts2   { margin-bottom:20px; display:block; float:left;}
.staticpostinner .posts p, .staticpostinner .posts1 p, .staticpostinner .posts2 p   { line-height:1.7em;}
.datebox { width:60px; height:68px; background:#5c9d00; -moz-border-radius:4px; -webkit-border-radius:4px; float:right; margin-left:50px;}
.post-date{width:60px;   height:68px;background: url(images/datebg.jpg) no-repeat;}
.month {text-align:center; text-transform:uppercase; font-size:1.2em; color:#FFF; font-weight:bold; margin:0; padding:0; padding-top:3px; line-height:100%;}
.day {text-align:center; font-size:2.5em; color:#FFF; font-weight:bold; margin:0; padding:0;line-height:100%;}
.year {text-align:center; margin:0; padding:0;line-height:100%;}
.staticpostinner h1 { float:left;}
.staticpostinner .post { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #303649;}
a.more-link {clear:both; display:block; text-decoration:none; width:80px; padding:7px 9px; margin-top:10px; background:#000; color:#fff;}
a.more-link:hover { background:#d98d14; text-decoration:none;}
.navigation { background:#000; margin-bottom:10px; float:left; display:block; clear:both; padding:7px 7px;}
.navigation a { text-decoration:none; color:#FFF;}
.navigation a:hover{ color:#d98d14;}
.navigation .alignleft { width:300px; float:left;}
.navigation .alignright { width:200px; text-align:right; clear:right; float:right;}
#sidebar ul { list-style:none;}
#sidebar ul ul li { border-bottom:1px dotted #222; line-height:25px; list-style-image:url(images/bullet2.gif)}
#sidebar ul ul li a {color:#CCC; text-decoration:none;}
#sidebar ul ul li a:hover { color:#ea9610;}
#sidebar h2 a{ color: #6b6b6b; text-decoration:none;}
#sidebar input{padding:4px 4px; width:250px;}
.staticpostinner input { width:328px; padding:4px 4px;}
.staticpostinner textarea { height:150px;}
input.submit { width:100px; padding:4px 10px; background:#000; color:#fff; border:0;}
.comment { padding:10px 10px; background:#000; margin:10px 0;}
textarea#comment { width:520px;}
.comment a { color:#FFF;}
.comment-author img { margin-right:10px; float:left;}
img.alignleft { float: left; margin-right:20px;}
img.alignright { float: right; margin-left:20px;}
#footer { width:900px; height:75px; margin-bottom:20px; margin:0 auto; padding-top:20px;}
#footer .copyrightinfo { float:right; text-align:right; line-height:60px; width:400px;}
.copyrightinfo a { color:#666;}
.textwidget { float:left; width:450px;}
#quickcontact form p { margin-bottom:5px;}
#quickcontact form input:focus {background:#feffc7;}
#sidebar form p { margin-bottom:10px;}
#sidebar form input:focus {background:#feffc7;}




/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
        
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;

}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		800;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:right;
	margin-bottom:	1em;
}
.sf-menu a {
	padding:.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}
.sf-menu li {
        margin-right:10px;
		
}
.sf-menu li li {
	background:		#333;
	width:190px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;

	
}
.sf-menu li li li {
	background:		#333;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#000;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.current_page_item {background:#000;}
.post h2 { width:470px;}
.entry p img, .entry p a img {
max-width: 527px;
width: expression(this.width > 527 ? 527: true);
}
h3 a { color:#EEE; text-decoration:none;}
h3 a:hover { color:#d98d14;}
a.sficon{ font-size:0.1px;}
td.sfadditemcell { font-size:0px;}