/*
Theme Name: Myhtmlworld
Theme URI: http://www.myhtmlworld.com/
Description: Myhtmlworld.com's first theme <a href="http://www.myhtmlworld.com">Myhtmlworld.com</a>.
Version: Alpha
Author: Sunil S.K
Author URI: http://www.myhtmlworld.com/
Tags: SEO, Fluid layout, two columns, widgets, Clean, Simple

	Myhtmlworld.com
	
	This theme was designed and built by Sunil SK,
	whose blog you will find at http://www.myhtmlworld.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* reset style */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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-size:100%;
vertical-align:baseline;
background:transparent;
}

acronym{
}


/*default styles */

ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

table {
border-collapse:collapse;
border-spacing:0;
border-bottom:1px solid #666;
}

body {
margin:0 auto;
color:#444;
font-size:13px;
line-height:1.538em;
position:relative;
min-width:776px;
}

html{
background:url(images/bg-body.gif) repeat-x 0 0;
}

a:link,button.link span {
color:#05E;
text-decoration:none;
}

a:visited {
color:#003595;
text-decoration:none;
}

body,#title,.categories h3,.item h3,.section-teaser .addon-view h3 {
font-family:"helvetica neue",arial,helvetica,sans-serif;
}

h2,h3,#title em,.highlight h2,.highlight h3,.stats strong,h4.step, #content h1{
font-family:georgia,serif;
}




/* theme styles */

h1 {
font-size:2.571em;
line-height:1em;
margin-top:.1667em;
margin-bottom:.5833em;
}

h2, #content h1 {
font-size:2.154em;
font-weight:400;
line-height:1.10em;
margin-top:.5em;
margin-bottom:.5em;
color:#C63717;
}


h3 {
color:#011234;
font-size:1.385em;
font-weight:400;
line-height:1.111em;
margin-top:1.556em;
margin-bottom:.778em;
}

h4 {
color:#235;
font-size:1em;
}

h5,h6 {
font-size:1em;
}

.prose ul,ul.xoxo,ul.xoxo ul {
list-style-type:square;
margin-left:1.5em;
}

ol {
list-style-type:decimal;
margin-left:2em;
}

dt {
font-weight:700;
margin-top:1.5em;
}

caption {
font-weight:700;
padding-bottom:.539em;
font-size:1.231em;
}

thead th {
border-top:1px solid #666;
border-bottom:3px solid #666;
padding-top:0;
padding-bottom:.539em;
}

tbody {
border-top:3px solid #666;
}

tbody tr th,tbody tr td {
border-top:1px solid #ddd;
}

th,td {
text-align:left;
padding:.308em .537em .214em .231em;
}

blockquote {
font-style:italic;
margin:0 1.5em 1.5em;
}

p+p+blockquote {
margin-top:1.5em;
}

p,ul,ol,dl,address,table,form,fieldset {
font-size:1em;
margin-bottom:1.5em;
}

del {
text-decoration:line-through;
}

fieldset {
border:1px solid #ccc;
padding:0 1.5em 1em;
}

form fieldset .container {
margin-top:1em;
margin-bottom:0;
position:relative;
}

label {
font-weight:700;
cursor:pointer;
}

.meta-label {
font-weight:700;
margin-bottom:0;
}

form .help {
display:block;
color:#777;
font-style:normal;
font-size:.923em;
}

input,textarea,select,button {
font-family:inherit;
font-size:1em;
line-height:inherit;
}

button {
overflow:visible;
cursor:pointer;
}

textarea,input[type='text'],input[type='password'],select {
border-width:1px;
border-style:solid;
border-top-color:#999;
border-left-color:#999;
border-bottom-color:#ccc;
border-right-color:#ccc;
padding:0 1px 1px;
}

textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus {
border-color:#888;
outline:1px solid #ffa;
}

input.short {
width:4em;
}

input.medium,textarea.medium {
width:12em;
}

input.long,textarea.long {
width:30em;
}

textarea {
width:99%;
display:block;
}

button.link {
border:0;
padding:0;
background-color:#fff;
font-weight:400;
cursor:pointer;
width:auto;
overflow:visible;
}

.hidden{
display:none;
}

.float-right{
float:right;
}

.float-left{
float:left;
}

.clear{
clear:both;
}

.more-link{
background:url(images/bg-arrow.gif) no-repeat 0 60%;
padding-left:.8em;
font-weight:700;
color:#0055EE;
}

code {
	margin:3px 0;
	padding:15px;
	font:500 1em/1.5em 'Lucida Console','Courier New',Monospace;
	display:block;
	background:#666;
	color:#FFF;
}


#content a:hover{
color:#ff6600;
}


#page{
margin:0 auto;
max-width:90em;
min-height:30em;
min-width:20em;
overflow:hidden;
padding:0 2%;
position:relative;
width:90%;
}

#header{
font-size:3.231em;
height:2em;
.height:2.4em;
padding:0 .2em;
}

*html #header{
height:2.4em;
}

#header h1, #header #logo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:80%;
line-height:1em;
margin-bottom:0.1667em;
margin-top: .5em;
color:#276FD1;
font-weight:bold;
}

#header h1 a, #header #logo a{
color:#276FD1;
}

#header h1 a:hover, #header #logo a:hover{
color:#FF6600;
}

#header .description{
font-size:.40em;
color:#276FD1;
font-family:Georgia, "Times New Roman", Times, serif;
}

#search{
width:13em;
height:2em;
font-size:.40em;
position:absolute;
right:1.4em;
top:1em;
background:url(images/bg-search.gif) no-repeat 0 0;
}

#search input{
border:none;
background:none;
}

#search input#s{
width:150px;
font-size:12px;
float:left;
margin-top:2px;
}

#nav-page{
font-size:.30em;
position:absolute;
top:4.5em;
right:2.3em;
}

#nav-page li{
padding:0 .5em 0 .5em; 
background:url(images/bg-seperator.gif) no-repeat 100% 55%;
display:inline;
}

#nav-page li.last{
padding:0 .0 0 .5em; 
background:none;
}

#nav-page li a{
color:#333333;
font-weight:700;
}

#nav-page li a:hover{
color:#FF6600;
}



#content{
display:inline;
background:#E9F0F9 url(images/bg-page.gif) repeat-y 0% 0;
padding:0 0 0 .5em;
width:71%;
}

#content h2 a{
color:#C63717;
}

#content h2 a:hover{
text-decoration:none;
}

#content img{
border:1px solid #999;
padding:.5em;
background:#FFF;
}

#content p a.strong{
font-weight:bold;
}

#content pre{
	font-family: "Courier New", Courier, monospace;
	margin: 0 2em 1em 2em;
	overflow: auto;
	padding: .5em;
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */

}

#content .wp_syntax table{
margin:0;
border:0;
} 


#content .wp_syntax table *{
border:0 !important;
} 


#content blockquote {
background:#EFEFEF;
border-left:.7em solid #BFBFBF;
padding:.7em;
}

#content sub{
vertical-align: sub;
font-size:.8em;
}

#content sup{
vertical-align:super;
font-size:.8em;
}

#content abbr, #contentacronym{ cursor:help;border-bottom: 1px dotted }


#content ul{
padding-left:2em; 
}

#content ul li{
list-style-type:disc;
}

	
code {font-size:1em; 
	}



.post, .page{
background:#E9F0F9;
border:.7em solid #FFF;
border-bottom:0;
padding:.7em;
}

.min-height{
height:50em;
}

.right-columns{
width:48%;
border-top:.7em solid #FFF;
background:url(images/bg-columns.gif) repeat-y 50% 0;
border-bottom:.7em #FFF solid;
}


#container{
background:#EEE url(images/bg-sidebar2.gif) repeat-y 100% 0;
width:100%;
overflow:auto;
}

*html #container{
height:1%;
}


.sidebar{
width:25%;
background:#EEE url(images/bg-sidebar2.gif) repeat-y 100% 0;
padding:0 1.2em 0 0;
}

.sidebar-in{
padding:.5em 0;
border-bottom:0.1em solid #999;
}

.follow{
border-bottom:0.1em solid #999;
padding-bottom:.5em;
}
.latest-feed{
border-bottom:0.1em solid #999;
}

.newsletterContainer{
padding:.5em 0;
}

.newsletterContainer form{
margin:0;
}


.follow a img{
vertical-align:top;
margin-right:1.8em;
}

.follow a img.last{
margin-right:0;
}

.col-3{
padding:.7em 0 .7em .7em;
margin-left:1.5em;
}

.sidebar h3{
margin:1em 0 .5em 0;
}

.sidebar ul{
border-bottom:.1em solid #999;
padding-bottom:1em;
}

.sidebar ul li{
background: url(images/bg-arrow-small.gif) no-repeat scroll 0 9px;
line-height:1.5em;
padding:0 0 0.5em 0.5em;
}

.sidebar ul li a{
color:#333;
}

.sidebar ul li a:hover, .sidebar ul li.current_page_item a, .sidebar ul li.current-cat a, #nav-page li.current_page_item a{
color:#F60;
}

.sidebar ul li.current_page_item a, .sidebar ul li.current-cat a{
font-weight:bold;
}

.entry{
padding-top:1em;
}

.postmetadata{
margin:0;
padding:.7em;
background:#EEEEEE;
border:.7em solid #FFF;
border-bottom:0;
font-weight:bold;
}

.postmetadata a{
color:#333333;
font-weight:normal;
}

.advt{
margin:0;
padding:.7em;
background:#E9F0F9;
border:.7em solid #FFF;
border-bottom:0;
font-weight:bold;
text-align:center;
}

.navigation{
border:.7em solid #FFF;
clear:both;
padding:2em;
}

p.alignleft{
width:40%;
margin:0;
padding:0;
}

.alignright{
width:40%;
text-align:right;
float:right;
margin:0;
padding:0;
}

p.reply{
font-weight:bold;
}


/*
ol.commentlist li cite img{
border:.5em #FFF solid;
display:block;
float:left;
margin:0 .7em .7em 0;
}

ol.commentlist li ol{
margin:0;
padding:0;
}

ol.commentlist li ol li{
margin:0;
padding:.7em;
border:0;
background:#EFEFEF;
}

ol.commentlist li ol li ol li{
background:#E9F0F9;
}

ol.commentlist li ol li ol li ol li{
background:#EFEFEF;
}

ol.commentlist li ol li ol li ol li ol li{
background:#E9F0F9;
}

*/


ol#commentlist, ol#commentlist li{
margin:0;
padding:0;
list-style:none;
}

ol#commentlist li{
border:.7em solid #FFF;
padding:.7em;
border-bottom:0;
}

ol#commentlist li.odd{
background:#f0f0f0;
}

ol#commentlist li ul li{
border:.7em solid #FFF;
}


.sidebar ul.myflickr li{
float:left;
background:none;
margin:0 .6em .6em 0;
}

.sidebar ul.myflickr{
float:left;
}

.sidebar ul.myflickr li a{
display:block;
float:left;
padding:.5em;
background:#FFF;
}

.sidebar ul.myflickr li a:hover{
background:#F60;
}


.comment-author img{
float:left;
margin:0 1em 0 0;
}

.comment-author cite{
font-style:normal;
font-weight:bold;
}


#respond{
background:#EFEFEF;
border:.7em solid #FFF;
padding:1em;
}

#commentform{
margin:1em 0 0 0;
}

#respond p label{
display:block;
width:20em;
}

#respond p label.notify{
float:none;
width:auto;
display:inline;
}

#respond input.txt{
height:1.3em;
padding:0.5em;
width:60%;
}

#respond textarea#comment{
height:5em;
width:61%;
}

textarea#comment{
width:20em;
height:5em;
}

#footer{
width:96.5%;
margin:0 auto 0 auto;
padding:1em 1em 1em 1em ;
background:url(images/bg-footer.gif) repeat-x 0 0;
}

#footer a{
color:#333;
}

#footer a:hover{
color:#0055EE;
}

#commentspopup{
min-width:350px;
background:#D5E2F5;
}

#commentspopup #header{
height:.3em;
padding:1em .2em;
}

#commentspopup #comment-form{
border:.7em solid #FFF;
padding:.7em;
}

#content .related ul li{
background: url(images/bg-arrow-small.gif) no-repeat scroll 0 9px;
padding:0 0 0 .5em;
list-style:none;
font-weight:bold;
}

#content .related ul{
padding:0;
}

#content .related strong{

}

.post h2{
   font-size:1.5em;
    
}

div.advt{
    
}

#adunit300x250{
    padding:0 0 10px 10px;
}

.center{
    text-align:center;
}