/* 

Theme Name: Fluidity3c
Theme URI: http://www.kaushalsheth.com/
Description: Fluidity Theme with 3 Columns
Version: 1.0
Author: Kaushal Sheth
Author URI: http://www.kaushalsheth.com
*/
/* Credits*/
/* A fluid template for business or fun */
/* Original Design By Dave Reeder, www.davereederdesign.com */
/* Hint of fMulti theme by http://www.fahlstad.se */

body { margin: 0; padding: 0; }

@font-face {  font-family: laconic;   src: url(fonts/Laconic_Bold.otf); }
@font-face {  font-family: cantarell; src: url(fonts/Cantarell-Regular.ttf); }
@font-face {  font-family: cantarell-bold; src: url(fonts/Cantarell-Bold.ttf); }

/*------------Basic styles------------*/

h1, h2, h3, span#copyright, span#design { margin: 0 10px; color: #555; font-weight: normal; text-decoration: none; background: transparent }

p {
   margin: 0 0 1em;
   padding: 0;
   line-height: 1.4em;
   font-size: 1.0em;
   }

/*p { font-size: 0.8em; line-height: 1.4em; text-align: justify }*/
h1 { font-size: 1.3em; line-height: 1.4em; letter-spacing: 0.1em; font: bold 28px laconic, verdana,arial; }   /* site heading */
h2 { font-size: 1.0em; line-height: 1.4em; color: #FFA000 }   /* site heading */
h3 { font-size: 0.8em; line-height: 1.4em; color: #FFA000  }            /* sub headings */

* {margin: 0; padding: 0; border: 0px none;  }

span#copyright  { font-size: 13px; line-height: 35px }  /* sets the copyright styles */
span#design     { float: right; font-size: 13px; line-height: 35px }  /* floats the design link into position */
div.logoimg {float:right; margin-right:20px; margin-top:-50px; z-index:2;} /* logo img */
ul.lsel, ul.lsel li{  list-style-type: none; }/* lang sleector */
ul.lsel li{float:right; margin-right:20px; margin-top:-40px; font:bold 14px verdana;}   /* lang sleector */
ul.lsel {clear:both; z-index:200;}

a div.hdr_menu{
 float:left; width:90px; margin-left:10px; text-align:center;
 font:bold 10px verdana,arial;
}
a:hover div.hdr_menu{
	border:solid 1px #FFF;
  -webkit-border-radius:4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius:   4px;	
	border-radius:        4px;
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	-moz-box-shadow:    2px 2px 3px rgba(0,0,0,0.6);
}

div { padding: 10px 0;}
#bg {padding: 0px; position:fixed; top:0; left:-10px; width:100%; height:100%; z-index:-1;}


#hdrimg a {color: #FFF; text-decoration: none; font-weight: normal;}
#hdrimg a strong {color: #fff; text-decoration: none; font-weight: normal;}
#hdrimg a:hover {color: #C60719; text-decoration: none; font-weight: normal;}
#hdrimg a:hover strong {color: #C60719; text-decoration: none; font-weight: normal;}

/*-------------Layout----------------*/

#hdrimg {         /* Large image */
   float: left;          
   width: 100%;
   background: url('images/hdr.gif') repeat-x;
   height: 170px;     /* ie5x hack begins here */     
   voice-family: "\"}\"";
   voice-family: inherit;
   height: 150px;
  font-family:helvetica,Verdana,arial;
}


html>body #hdrimg {
   height: 150px;        /* ie5x hack ends here */
}

.rowcontainer {                  /* Used to keep the divs in a row.  you can use this for any size of divs */
   float: left;
   margin-bottom: 5px;
   width: 100%;
   overflow: hidden;
}
#mainmenu{
	position:absolute;
	top:170px;
	clear:both;
	width:100%;
	height:30px;
	margin-top:0px;
}
#mainmenu div.bgborder{
	position:absolute;
	top:0px;
	width:100%;
	margin:0px;
	height:8px;
	background:url('images/dgr.png'); background-position:top; background-repeat:repeat-x;
	z-index:2;
}
ul.menutab{
	position:absolute;
	top:143px;
	list-style-type:none;
	margin:0px;
	z-index:1;
}
ul.menutab li{
	float:left;
  list-style-type:none;
	margin-left:10px;
	list-style-image: url('none');
	margin-top:0px;
	padding:5px 10px 5px 10px;
	border:solid 0px #333;
  *background:transparent;
  *filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#003399,endColorstr=#003399);
  *zoom:1;
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmAwnvkMIMAAArYBs6OH88QAAAAASUVORK5CYII=); /* 003399_90% */
   background:rgba(0,51,153,0.7);
	
  -webkit-border-radius-topright:4px;
	 -khtml-border-radius-topright:4px;	
   	 -moz-border-radius-topright:4px;
        border-top-right-radius: 4px;
	 
  -webkit-border-radius-topleft: 4px;
	 -khtml-border-radius-topleft: 4px;	
	   -moz-border-radius-topleft: 4px;
         border-top-left-radius: 4px;
	 
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	-moz-box-shadow:    2px 2px 3px rgba(0,0,0,0.6);
}
ul.menutab li a{font:bold 12px verdana,arial;  }
ul.menutab li:hover{
  *background:transparent;
  *filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0066FF,endColorstr=#0066FF);
  *zoom:1;
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmBI+/8MIMAABBsCTFFW220AAAAASUVORK5CYII=); /* 0066FF_90% */
   background:rgba(0,102,255,0.7);
}

ul.menutab li ul{
	 display:none;
   z-index:200; 
   background:red; 
   position:absolute; 
	 width:100px;
  list-style-type:none;
	list-style-image: url('none');
	margin-top:0px;
	padding:5px 0px 5px 0px;
  -webkit-border-radius-topright:0px;
	 -khtml-border-radius-topright:0px;	
   	 -moz-border-radius-topright:0px;
        border-top-right-radius: 0px;

  -webkit-border-radius-topleft:0px;
	 -khtml-border-radius-topleft:0px;	
   	 -moz-border-radius-topleft:0px;
        border-top-left-radius: 0px;
				
  -webkit-border-radius-bottomleft: 4px;
	 -khtml-border-radius-bottomleft: 4px;	
	   -moz-border-radius-bottomleft: 4px;
         border-bottom-left-radius: 4px;

  -webkit-border-radius-bottomright: 4px;
	 -khtml-border-radius-bottomright: 4px;	
	   -moz-border-radius-bottomright: 4px;
         border-bottom-left-radius:  4px;
				 
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	-moz-box-shadow:    2px 2px 3px rgba(0,0,0,0.6);
	
}

ul.menutab li ul li{
	background:transparent;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.6);
	-moz-box-shadow:    0px 0px 0px rgba(0,0,0,0.6);
	/* border-bottom:1px solid #333;*/
}
ul.menutab li ul li:hover{
  
}

#bttmbar { float: left; width: 100%; height: 35px; background: url('images/hdr.gif') bottom repeat-x }    /* Bottom copyright bar */

/*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/ 

.fullcolumn { float: left; width: 97%;}      /* Full width column for a one column site */
         
.halfcolumn { float: left; width: 45%;}      /* Half width column for a two column site. */

.onethirdcolumn { float: left; width: 30%; }      /* One third width column for a three column site */

.quartercolumn { float: left; width: 24.5% }      /* One quarter width column for a four column site */

.threequartercolumn { float: left; width: 74.5% }

.twocolumn { float: left; width: 25% }
.column_left{float: left; width: 28% }
.column_right{float: right; width: 28% }
.column_main{margin:0 auto 0 auto; width:780px; } 
.logincolum { width:400px; margin:0 auto 0 auto; text-align: center;}
.listcolumn { width:700px; margin:0 auto 0 auto; text-align: center;}
.sixcolumn { float: left; width: 48% }

.nosidebar{float:left; margin:0 10px; }
/*------------------------------Main Navigation------------------------------------------*/

#nav { position: absolute; top: 145px; left: 0px; height: 25px; width: 100% }

ul#nav  { margin: 0 }

#nav li  /* Main nav list items */
{
   font-size: 13px;
   float: left;
   list-style: none;
   text-align: center
}

#nav li a {           /* Main nav styles for all links */
   display: block;    /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
   margin-left: 5px;  /* adds a gap between the tabs */
   width: 90px;       /* width of the tab */
   line-height: 25px; /* height of the tab */
  font-weight:bold;
   text-decoration: none;
  overflow: hidden;
}

#nav a:link,  #nav a:visited { background: url('images/tab.png') no-repeat 0 -25px }
#nav a:hover, #nav a:active  { background: url('images/tab.png') no-repeat 0 0; font-weight:bold; }

#nav li a:link,  #nav a:visited { background: url('images/tab.png') no-repeat 0 -25px }
#nav li a:hover, #nav a:active  { background: url('images/tab.png') no-repeat 0 0; font-weight:bold;}

#nav a#current              { background: url('images/tab.png') no-repeat 0 0 }
#nav li.current_page_item a{background: url('images/tab.png') no-repeat 0 0 }

/*-----------------------------------Other tags-----------------------------------------*/

acronym { border-bottom: 1px dashed #999; cursor: help }

blockquote { border-top: 2px solid #FFA000; border-bottom: 2px solid #FFA000; margin-left: 1.5em; padding-left: 5px; background-color: #333333}


/* lists */
/*
ul { margin: 5px 0 5px 35px; list-style: url('images/bull.gif') }
ol { margin: 5px 0 5px 35px; list-style: decimal }
ol li, ul li { color: #000; font-size:12px; line-height: 1.4em }
*/
hr { margin: 10px 0px; height: 1px; background: #444; color: #444 }  /* rule styling */

img {margin: 0 10px} /* all images styling */
img.right {float: right}  /* right floating images */
img.left {float: left}   /* left floating images */

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

/* Modification done to basic theme */
/* Added */

#searchdiv {
   margin-bottom: 10px;
      margin-left: 5px;
}

h4, h5, h6 {
  font-family: "cantarell-bold","Georgia", "Times New Roman", Times, serif;
  font-weight: normal;
}

a, a:visited {
    font-weight: bold;
    color:#0066CC;
    text-decoration: none; 
}
    
 a:hover {
    text-decoration: underline; 
}

/*font: bold 20px/1.1em "Trebuchet MS", "Verdana", sans-serif; }*/        
h3.entrytitle {
   padding: 0;
   margin-bottom: 0px;
   font-family: cantarell-bold,Verdana, Arial, Helvetica, sans-serif;
   font-size: 20px;
   line-height: 1.1em;
}
   
h3.entrytitle a, h3.entrytitle a:visited {
   color: #C60719;
   text-decoration: none;
}
   
h3.entrytitle  a:hover{
   color:red;
   text-decoration: underline;
}
    
h3 a {
    text-decoration: none;
    border: 0px none;
    color: #C60719; 
}
div .entrybody h3, div .entrybody h2{
margin-bottom:5px;
color:#B37100;
}

div .entrybody p{
	font-family:cantarell,verdana;
	font-size:14px;

}

h3 a:hover {
    text-decoration: none;
    border: 0px none;
    text-shadow: none;
    color: #333;
}


.firstpost p.comments_link, .entrybody p.comments_link {
   margin:0;
}
.firstpost {
   background-color: #2E3233;
   border: 1px solid #3e4243;
   padding: 10px;
   margin-bottom:15px;
   background-image: url('images/latest.gif');
   background-repeat: no-repeat;
   background-position: right bottom
}
.entry{
  *background:transparent;
  *filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3C1D7FB,endColorstr=#B3C1D7FB);
  *zoom:1;
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAFoEvQfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA1JREFUeNpjOHj992YACDcDR9H92icAAAAASUVORK5CYII=); /* C1D7FB_70% */
   background:rgba(193,215,251,0.7);
   border: 1px solid #7AA9F5;
   padding: 10px;
   margin-bottom:15px;
   color:#000;
  -webkit-border-radius-topright:5px;
	 -khtml-border-radius-topright:5px;	
   	 -moz-border-radius-topright:5px;
        border-top-right-radius: 5px;

  -webkit-border-radius-topleft:5px;
	 -khtml-border-radius-topleft:5px;	
   	 -moz-border-radius-topleft:5px;
        border-top-left-radius: 5px;
				
  -webkit-border-radius-bottomleft: 5px;
	 -khtml-border-radius-bottomleft: 5px;	
	   -moz-border-radius-bottomleft: 5px;
         border-bottom-left-radius: 5px;

  -webkit-border-radius-bottomright: 5px;
	 -khtml-border-radius-bottomright: 5px;	
	   -moz-border-radius-bottomright: 5px;
         border-bottom-right-radius: 5px;
				 
	-webkit-box-shadow: 3px 3px 5px rgba(122,169,245,0.6);
	-moz-box-shadow:    3px 3px 5px rgba(122,169,245,0.6);
}

.arc {
   border: 1px solid #3e4243;
   background-color:#2E3233;
   padding:10px;
   color:#FFFFFF;
   margin-bottom:15px;
}
.entrymeta {
   font-size: 12px;
   margin-bottom: 0px;
   color:#666;
}

.entry ul, .entry ol{
margin-left:30px;
list-style:disc;
margin-top:10px;
margin-bottom:10px;
}
.entry ul li, .entry ol li {
   padding-top:5px;
   line-height:1.5em;
   }

/* comments*/
h2#comments{
   padding:2px;
   margin-bottom:10px;
   margin-top:30px;
   font-size: 110%;
   color:#FF9900
}
#commentblock {
   padding: 20px;
   color:#999999;
   clear: both;
}

ol#commentlist {
   margin-top:0px;
   padding: 5px;
   margin-left: 20px;
   color: #9b9b9b;
   font-size:0.9em;
}

#commentlist li  p{
   margin-bottom: 8px;
   line-height: 20px;
   padding:0;
}

.commentname {
   margin: 0;
   padding: 0  0 2px 0;
   font-weight: bold;
}

.commentinfo{
   margin-top: 3px;
   margin-bottom: 5px;
}

.commenttext {
   clear: both;
   margin-top: 0px;
   margin-bottom: 30px;
   border-top: 1px solid #000;
   line-height:12px;
   color: #999;
   background-color: #2E3233;
   padding: 5px;
}

.commenttext-admin {
   clear: both;
   margin-top: 0px;
   margin-bottom: 30px;
   border-top: 1px solid #000;
   line-height:12px;
   color: #999;
   background-color: #2E3233;
   padding: 5px;
}

#commentsformheader{
   padding-left:18px;
   font-size: 1.4em;
   color:#FF9900
}

#commentsform{
   margin-top:0;
   text-align:center;
   padding:0px 10px;
}

#commentsform form{
   text-align:left;
   margin:0px;
}

#commentsform p{
   margin:5px;
}

#commentsform form textarea{
   width:99%;
}
p.comments_link  img{
   margin: 0px;
   padding: 0px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
}

/* Sidebar styling*/

#sidebar {
   margin-top: 0px;
   margin-right: 5px;
   margin-bottom: 5px;
   margin-left: 3px;
   background:#C1D7FB;opacity:.85; filter:alpha(opacity=85); -moz-opacity: 0.85;
   padding:3px;
   color:#000;
   border: 1px solid #7AA9F5;
}

#sidebar h2 {
   font-weight: bold;
   text-transform: uppercase;
   color: #0B4198;
   font-size: 110%;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #555;
   margin-bottom: 10px;
}
#sidebar p{
   margin: 5px;
   color:#0B4198;
   line-height: 1.4em;
   }
#sidebar a, #sidebar a:visited {
  font-size:14px;
   color:#F00;          /* red */
   text-decoration:none;
}
#sidebar a:hover {
   color:#F0A62D;    /* orange */
   text-decoration:underline;
  font-weight: bold;
}
   
#sidebar ul li {
   list-style-type: none;
   list-style-image: url('none');
   margin-bottom: 15px;
   margin-left: 5px
   }

#sidebar ul p, #sidebar ul select {
   margin: 5px 0 8px;
   }

#sidebar ul ul, #sidebar ul ol {
   margin: 5px 0 0 10px;
   }

#sidebar ul ul ul, #sidebar ul ol {
   margin: 0 0 0 10px;
   }

ol li, #sidebar ul ol li {
   list-style: decimal outside;
   }

#sidebar ul ul li, #sidebar ul ol li {
   margin-top: 3px;
   margin-right: 0em;
   margin-bottom: 0em;
   margin-left: 0.5em;
   padding-top: 0.1em;
   padding-right: 0;
   padding-bottom: 0.1em;
   padding-left: 0;
   list-style-type: none;
   list-style-position: outside;
   list-style-image: url('images/bull.gif');
}

.input1{
 font-size : 13px;
 font-weight: bold;
 padding-left:5px;
}
 
.input2{
background : #2E3233;
color      : #C60719;
font-weight: bold;
border     : 0px;
}

/* LIGHTBOX 2 wrapper : Oliver */ 
div.wrapper{
margin:5px;
float:left;
} 

/* ############################################################## sexy menu */
ul.topnav {  
    list-style: none; 
		list-style-image: url('none');
		font:bold 12px verdana,arial;
    padding: 0 15px;
  *background:transparent;
  *filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#003399,endColorstr=#003399);
  *zoom:1;
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmAwnvkMIMAAArYBs6OH88QAAAAASUVORK5CYII=); /* 003399_90% */
   background:rgba(0,51,153,0.7);
  -webkit-border-radius-topright:5px;
	 -khtml-border-radius-topright:5px;	
   	 -moz-border-radius-topright:5px;
        border-top-right-radius: 5px;
  -webkit-border-radius-topleft:5px;
	 -khtml-border-radius-topleft:5px;	
   	 -moz-border-radius-topleft:5px;
        border-top-left-radius: 5px;
}
ul.topnav li {
    list-style: none; 
		list-style-image: url('none');
    float: left;  
    margin: 0; 
		height:35px;
    padding: 0 10px 0 0; 
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
		display:block;
}  
ul.topnav li a{  
	
    padding: 10px 5px;
		margin:0px;
    color: #fff;  
    text-decoration: none;
	  display:block;
    float: left; 
}  
ul.topnav li a:hover{  
   /* background: url(topnav_hover.gif) no-repeat center top; */  
}  
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 17px;  
    height: 35px;  
    float: left;  
    background: url(subnav_btn.gif) no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
	  display: none;
    list-style: none;  
		z-index:20;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 35px; 
  *background:transparent;
  *filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666,endColorstr=#666666);
  *zoom:1;
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYkhLSzsDEGAABGcB//GlT8YAAAAASUVORK5CYII=); /* 666666_80% */
   background:rgba(0,0,0,0.8);
    margin: 0; padding: 0;  
    float: left;  
    width: 190px;  
    border: 1px solid #111;  
}  
ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 190px;  
}  
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 165px;
    background:url(dropdown_linkbg.gif) no-repeat 10px center;
    padding-left: 20px;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;  
}

/* ########################################################### END sexy menu */