/* 
   Theme Name: Techie Theme
   Theme URI: http;//www.techie-experts.com
   Description: Theme developed for DC GHOSH website by Techie-experts. This theme is derived from the techie-experts developed generic theme for basic websites.
   Version: 1.0
   Author: Bhaskar Bhattachariya
   Author URI: bhattachariya.wordpress.com
*/  


/* This stylesheet is split up by Category to make it easier to find the styles you might want to change

1. Standard Styles - body, container, a, h2, h3, h4, h5
2. Header Styles
3. Menu Styles
4. Content Styles
5. Sidebar Styles 
6. Footer Styles

*/
*{
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: #0b0a0a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	/*background-image:url(images/Introduction.jpg);*/
}

a {
	color: #ffffff;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #698181;
	border-bottom: 1px #cbdde4 dotted;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #698181;
	border-bottom: 1px #cbdde4 dotted;
}
h5 {
	font-size: 12px;
	font-weight: bold;
	color: #698181;
	border-bottom: 1px #cbdde4 dotted;
}





/* ========================================================== Header Styles ======= */

#header {
	height: 119px;
	float:none;
	text-align: right;
}

#header SELECT{
	margin-top: 20px;
}

#header h1 {
	text-align:right;
	font-family: 'Garamond', Georgia;
	font-weight: lighter;
	color: #f1d198;
	font-size: 26px;
	padding-top:16px;
}
#header h1 a, #header h1 a:visited {
	color: #f1d198;
	text-decoration: none;
}

#header h1 a:hover {
	color: #f1d198;

}

#header h2 {
	margin: 21px 0 0 25px;
	font-size: 16px;
	font-style:italic;
	font-weight:normal;
	color: #FFFFFF;
	border: none;
}

.silverpotteawebsite{
	display:block;	
	height: 30px;
}
.divider{
	background-image:url(images/divider.jpg);
	background-repeat: no-repeat;
	width:1px;
	height:28px;
	float:left;	
}
.silverpotteawebsite a{
	float:left;
	padding: 5px 20px 0;
	color: #ffffff;
	font-size: 12px;
	font-family: 'Copperplate Gothic Light', sans-serif; 
	text-decoration:none;
}

.silverpotteawebsite a:hover{
	text-decoration:none;
	color: #ffffff;
}
/* ========================================================== flags Styles ======= */

#flags{
padding-top:20px;
display:inline-block;
}

#flags ul{
list-style:none;
}

#flags ul li{
padding-left:5px;
float:left;
}

/* ========================================================== Menu Styles ======= */

#menu, .menu, #top-menu {
	display: block;
	/*overflow: hidden;*/
	font-family: 'Copperplate Gothic Light', sans-serif; 
	
}

#menu ul,
.menu ul,
#top-menu ul
 {
	float: left;
	display: block;
	margin: 10px 20px 10px 0;
	background-image:url(images/divider.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

#menu ul li,
.menu ul li,
#top-menu ul li
 {
	float: left;
	padding: 5px 24px ;
	width: auto;
	list-style: none;
	background-image:url(images/divider.jpg);
	background-repeat:no-repeat;
	height:20px;
}

#menu ul li a,
.menu ul li a,
#top-menu ul li a
{
	color: #FFFFFF;
	text-decoration: none;
	font-family:Copperplate / Copperplate Gothic Light, sans-serif; 
}

#menu li a:hover,
.menu li a:hover,
#top-menu ul li a:hover
{
	text-decoration: none;
}

.menu ul li.current_page_item a{
	color:#f1d198 !important;
}


#top-menu {
position:absolute;
top: 0;
right:0;	
}

/* ========================================================== Content Styles ======= */

#wrapper{
	float:none;
	width: 100%;
	display:block;
	overflow: hidden;
}

#content {
	height: auto;
	display:block;
	
}

.page_content{
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#747474;
	
	height:580px;
}
#leftcolumn{
	width:50%;
	float:left;
	height:524px;
	background: #FFFFFF;
}

#textualMatter{
	margin: 50px 10px 50px 26px;
}

#textualMatter img{
	display: block;
    float: left;
    padding-right: 10px;
	
}

#textualMatter .viewport {overflow: hidden; height:450px; position: relative;}
#textualMatter .overview{
display:block;
width: 303px;	
float:right;
margin-top: 1px;
letter-spacing: 0.1px;
line-height: 17px;
position: absolute; left: 120px; top: 0px;
}
#textualMatter .thumb .end,
#textualMatter .thumb { /*background-image:url(images/scrollarrow.png);*/ background-color: #D9C89D;}
#textualMatter .scrollbar { position: relative; float: right; width: 10px; }
#textualMatter .track { background-color: #f1d198; height: 100%; width:1px; position: relative; margin-left: 1px; }
#textualMatter .thumb { height: 30px; width:5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -2px; }
#textualMatter .thumb .end { overflow: hidden; height: 5px; width: 8px; }
#textualMatter .disable{ display: none; }



.firstChar{
	font-family:"Times New Roman", Times, serif;
	font-size: 33px;
	padding-right:3px;
	background-image:url(images/redblock.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	padding-right: 4px;/
	height: 34px;
	width: 38px;
	display:inline-block;
	text-align:center;
    vertical-align:text-bottom;
	line-height:normal;
}

/* ========================================================== contact form Styles ======= */
#formcontent{
margin: 17px 40px 0 26px;
}

#formcontent p{
	margin-bottom: 10px;
}

#formcontent table{
	font-size: 12px;
}

#formcontent .phonelength{
	width: 40px;
}

#formcontent .phonelast{
	width: 162px;
}

#formcontent .fieldlength{
	width:100% !important;
}

#formcontent #plzspecify{
	width: 117px;
}
#formcontent input[type='text'], #formcontent select{
	height:16px;
font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color:#747474;
	border-style:none;
	background-color:#e1dfdf;
	margin-top:3px;
}

#formcontent textarea {
font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color:#747474;
	border-style:none;
	background-color: #e1dfdf;
	margin-top: 3px;
	height: 55px !important;
}

#formcontent #submitButton{
	padding: 25px 0 0;
	color: #f1d198;
	font-size: 12px;
	font-family: 'Copperplate Gothic Light', sans-serif; 
	text-decoration:none;
}

#formcontent #submitButton input{
	color: #f1d198;
	background-color:#000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style:none;
	background-image:url(images/submit_button.jpg);
	width:89px;
	height:30px;
}

#formcontent #submitButton .mandatory{
	font-size: 12px !important;
	margin-left: 60px;
}

#formcontent .wpcf7-not-valid-tip-no-ajax{
    background: none repeat scroll 0 0 #FFFF99;
    border: 1px solid #FF0000;
    padding: 2px 10px;
    position: absolute;
}

#formcontent .wpcf7-response-output{
    color: #FF0000;
    left: 230px;
    top: 0;
    padding: 2px 10px;
    margin:0;
    position: absolute;
    width: 200px;
}

span .wpcf7-not-valid-tip{
	width:auto !important;
	top:1px !important;
}
/* ========================================================== contact form Styles ======= */

#rightcolumn{
	float:left;
}

#floatingLogo{
	position:absolute;
	z-index: 100;
	top: 500px;
	right: 1px;
	
}
/* ========================================================== Sidebar Styles ======= */

#sidebar {
	padding-bottom: 1500px;
	margin-bottom: -1500px;
}
.left {
	float: left;
	width: 240px;
}
.right {
	float: right;
	width: 240px;
}
#sidebar h3,
#sidebar h4
 {
  	margin: 30px 10px 10px 10px;
	color:#069;
}
#sidebar ul {
	list-style: none;
	padding: 0;
	margin-left: 25px;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#sidebar li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar a {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color:#06F;
}
#calendar_wrap #wp-calendar {
	font-size: 12px;
}

/* ========================================================== Footer Styles ======= */

#footer {
	width:inherit;
	height: 18px;
	background-color:#f1d198;
	font-family: 'Copperplate Gothic Light', sans-serif; 
	font-size:12px;
	color:#666565;
}

#footer div {
	padding: 3px 15px;
}

#footer a{
	text-decoration: none;
}

#footer a:hover{
	text-decoration: none;
}