/*

Theme Name: Tiny Frog Template

Theme URI: 

Description: Custom Wordpress Theme

Author: Waqas

Tags: fixed width, right sidebar, two columns, valid XHTML

*/



body {

	margin:0px;

	padding:0px;

	font-size:12px;

	font-family:Verdana;

	color:#333333;

	}



#main {

	width:900px;

	margin:auto;

	padding:0px;

	border:solid thin #CCCCCC;

	}



#top {

	background-image:url(images/topline.jpg);

	background-repeat:repeat-x;

	width:900px;

	height:25px;

	}





#banner {

	width:900px;

	margin:5px auto 10px auto;

	padding:0px;

	}

#logo {

	float:left;

	}

#banner-text {

	float:left;
	margin: 35px 0px 10px 2px;
	background-image:url(images/top_line.jpg);
	background-repeat:no-repeat;
	padding:0px 10px 0px 4px;
	height:62px;
	}

#banner-text h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#009900;
	margin-top:5px;
	}
	
#banner-text h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#336598;
	margin-top:1px;
	}


#top-button {

	float:right;

	margin-top:17px;

	}

	



/*** Optin Form ***/

#optin {

	float: left;

	width: 180px;

	height: 49px;

	margin-top: 2px;

	padding: 48px 12px 0px 65px;

	background: url(images/bg_free-webinars.gif) top center no-repeat;

	}



#optin input.text {

	width: 122px;

	height: 13px;

	padding: 2px;

	border: 1px solid #cccccc;

	font-size: 0.8em;

	margin-left: 17px;

	margin-bottom: 5px;

	color: #666666;

	}

	

#optin input.button {

	width: 30px;

	height: 18px;

	background: url(../images/btn_go.png) top left no-repeat;

	border: 0;

	vertical-align: middle;

	}



/*** Optin Form ***/


#wrapper {

	width:900px;

	margin:0px;

	padding:0px;

	}
#bt_bottom {
	background-image:url(images/imgback.jpg);
	background-repeat:no-repeat;
	height:86px;
	width:900px;
	margin-top:0px;
	padding-top:0px;
	}

#ft_bottom {
	background-image:url(images/backbottom.jpg);
	background-repeat:no-repeat;
	height:22px;
	width:900px;
	margin:0px
	}
	
#flash{
width:900px;
height:295px;
}
#box1 {
	background-color:#E6FFEC;
	background-repeat:no-repeat;
	margin:0px 0px 0px 19px;
	width:197px;
	height:86px;
	border-color:#1E58A1;
	border-left:1px;
	border-right:1px;
	border-bottom:0px;
	border-top:0px;
	border-style:solid;
	float:left;
	}

	
#box2 {
	background-color:#EAF3FC;
	background-repeat:no-repeat;
	margin:0px 0px 0px 19px;
	width:197px;
	height:86px;
	border-color:#1E58A1;
	border-left:1px;
	border-right:1px;
	border-bottom:0px;
	border-top:0px;
	border-style:solid;
	float:left;
	}


#box3 {
	background-color:#FFF4E6;
	background-repeat:no-repeat;
	margin:0px 0px 0px 18px;
	width:197px;
	height:86px;
	border-color:#1E58A1;
	border-left:1px;
	border-right:1px;
	border-bottom:0px;
	border-top:0px;
	border-style:solid;
	float:left;
	}
	
	
#box_button {
	background-image:url(images/editing-demo.gif);
	background-repeat:no-repeat;
	width:186px;
	height:64px;
	margin:0px 0px 0px 695px;
	position:relative;
	top:12px;
	}

#box1 h2 {
	color:#009900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-left:10px;
	}
	
#bt_bottom h3 {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left:25px;
	}
	
#box2 h2 {
	color:#336699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-left:10px;
	}
	

#box3 h2 {
	color:#ff9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-left:10px;
	}


#content {

	width:900px;

	margin:0px;

	padding:0px;

	}



/*** Post Area ***/

#postarea {

	width:880px;

	margin:auto;

	padding:10px 0px 10px 0px;

	}



#postarea h1{

	color:#009900;

	font-size:28px;

	margin:0px;

	padding:0px;

	}



#postarea h1 a{

	color:#009900;

	text-decoration:none;

	}



#postarea h2{

	color:#34679A;

	font-size:18px;

	margin:5px 0px 5px 0px;

	padding:0px;

	}



#postarea p{

	font-size:14px;

	text-align:justify;

	margin:10px 0px 10px 15px;

	padding:0px;

	}



#postarea p.indent {

margin-left:0px;

	}



#postarea ul{

	font-size:14px;

	}



#postarea li{

	font-size:14px;

	}



#postarea table tr td img{

	border:solid thin;

	margin:2px;

	}



/*** Narrow Columns ***/



#content-narrow {

	width:675px;

	margin:0px;

	padding:0px;

	float:left;

	}



/*** Post Area ***/

#postareahome p{

	font-size:16px;

	text-align:justify;

	margin:10px 15px 10px 15px;

	padding:0px;

	}





#postarea-narrow {

	width:665px;

	margin:0px 0px 0px 10px;

	padding:10px 0px 10px 0px;

	}



#postarea-narrow h1{

	color:#009900;

	font-size:28px;

	margin:0px;

	padding:0px;

	}



#postarea-narrow h1 a{

	color:#009900;

	font-size:22px;

	text-decoration:none;

	}



#postarea-narrow h2{

	color:#34679A;

	font-size:18px;

	margin:5px 0px 5px 0px;

	padding:0px;

	}



#postarea-narrow p{

	font-size:14px;

	text-align:justify;

	margin:10px 0px 10px 15px;

	padding:0px;

	}

#postarea-narrow h3{
        display:inline;
        font-weight:100;
        font-size:14px;
	margin:0px 0px 0px 15px;
           } 

#postarea-narrow p.indent {

margin-left:0px;

	}



#postarea-narrow ul{

	font-size:14px;

	}



#postarea-narrow li{

	font-size:14px;

	}



#postarea-narrow table tr td img{

	border:solid thin;

	margin:2px;

	}



#bottom-seprator{

	border-bottom:solid 25px #009933;

	clear:both;

	}

/*** Sidebar ***/

#sidebar {

	width:200px;

	float:right;

	margin:15px 10px 15px 0px;

	}

	

#side-items {

	width:185px;

	margin:auto;

	padding:0px;

	}



#side-top {

	width:200px;

	height:8px;

	background-image:url(images/sidebar-top.jpg);

	background-repeat:no-repeat;

	}



#side-box{

	width:200px;

	background-image:url(images/sidebar-bg.jpg);

	overflow:hidden;

	padding:0px 0px 0px 0px;

	}



#side-bottom {

	background-image:url(images/sidebar-bottom.jpg);

	background-repeat:no-repeat;

	width:200px;

	height:11px;

	overflow:hidden;

	}



.title {

	background-image:url(images/title.png);

	background-repeat:no-repeat;

	height:30px;

	font-size:18px;

	color:#FFF;

	margin:5px 0px 5px 0px;

	padding:3px;

	text-align:center;

	}



#side-items h1{

	font-size:18px;

	color:#009900;

	margin:5px 0px 15px 0px;

	padding:0px;

	}



#side-items h2{

	font-size:14px;

	color:#40709F;

	margin:10px 0px 10px 0px;

	padding:0px;

	}



#side-items ul{

	font-size:14px;

	color:#333333;

	margin:0px 0px 0px 25px;

	padding:0px;

	}



#side-items li{

	}



#side-items p{

	font-size:14px;

	color:#333333;

	margin:5px 5px 5px 5px;

	padding:0px;

	}

#sidebar-buttons {

	margin:5px auto;

	padding:0px;

	width;225px;

	}



/*** Footer ***/

#footer-nav {

	width:900px;

	}


#footer-nav ul{

	width:900px;

	list-style:none;

	text-align:center;

	margin:10px 0px 10px 0px;

	padding:0px;

	}



#footer-nav li{

	display:inline;

	font-size:16px;

	font-weight:bold;

	}

	

#footer-nav li a{

	padding:0px 6px;

	}



#footer-nav li a:hover{

	text-decoration:none;

	padding:0px 6px;

	}



#footer-nav ul ul{

	display:none;

	}



#footer {

	width:950px;

	margin:auto;

	padding:0px;

	text-align:center;

	}



#footer p{
        font-size:14px;
        display:inline;
        font-weight:100;
	margin:5px 0px 10px 0px;

	padding:0px 0px 0px 0px;
	}


#footer h3{
        font-size:14px;
        display:inline;
        font-weight:100;
}

/*** Misc Styles ***/

.clear {

	clear:both;

	}



#date {

	background-image:url(images/date.jpg);

	background-repeat:no-repeat;

	width:80px;

	height:55px;

	font-size:13px;

	float:left;

	margin-right:4px;

	}



#date-text {

	font-size:14px;

	text-align:center;

	padding-top:5px;

	color:#FFFFFF;

	font-weight:bold;

	}

	

a {

	color:#336699;

	text-decoration:none;

	}



a:hover {

	text-decoration:underline;

	color:#FF9E0C;

	}



/*a:visited {

	color:#E1BF20;

	}*/





.navigation {

	width:100%;

	margin:auto;

	margin-bottom:10px;

	}



.align-left {

    width:49%;

	float:left;

	}



.align-right {

    width:49%;

	float:right;

    text-align:right;

	}



textarea {

	width:400px;

	}



#wp-calendar {

	margin:auto;

	}



.alignleft {

	float:left;

	}



.alignright {

	float:right;

	}

/*Java CSS*/
#dhtmltooltip{
position: absolute;
width: 300px;
border: 2px solid black;
padding: 2px;
background-color: lightblue;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=lightblue,direction=135);
}