/*
Theme Name: BarCamp Yangon Theme
Theme URI: http://www.htootayzar.com/barcampyangon
Description: Custom, Modified BarCamp Yangon Theme ~ Designed & Developed by <a href="http://www.htootayzar.com" target="_blank" title="Htoo Tay Zar">Htoo Tay Zar</a>.
Version: 1.0
Author: Htoo Tay Zar
Author URI: http://www.htootayzar.com
*/


/*---------Reset--------*/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*---------Reset--------*/ 

/*---------Page Structure--------*/ 


body {
		margin: 0;
		padding: 0;
		background: #fff url(images/background.png) repeat-y center;
		border-top: 5px solid #383838;
		font-size:0.6em;	
		font-family: "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
		color: #000;
		text-align: left;
}
#wrapper {
			width: 950px;
			margin: 0 auto;
}
#frame {
		clear: both;
		width: 950px;
		background: url(images/mainbody.png) repeat-y center;
		margin: 20px 0 0 0;
		text-align: justify;
		font-family: "Zawgyi-One", HelveticaNeue-light, Helvetica, Arial;
		font-size: 15px;
		color: #000;
		padding: 0px 0px 0 5px;
		//text-shadow: 0px 1px 1px #fff;
}

#header {
		background: transparent url(images/div.png) repeat-x bottom;
		height: 130px;
}
#banner {
		background: transparent url(images/banner.gif) center no-repeat;
		height: 249px;
		width: 950px;
		margin-top: 15px;
}
#content {
		float: left;
		width: 620px;
		text-align: justify;
		font-family: "Zawgyi-One", Helvetica, Arial;
		color: #444;
		padding: 0px 0px 0 5px;
		text-shadow: 0px 1px 1px #fff;	
}
#sidebar {
		float: right;
		margin-right: 10px;
		width: 300px;
		text-align: justify;
		font: 1em "HelveticaNeue-light", Helvetica, Arial;
		color: #444;
		text-shadow: 0px 1px 1px #fff;
}
#bottom {
		clear: both;
}

/*---------iLove CSS Library--------*/ 
p,
ol,
ul {
		line-height: 150%;
}
ol {}
ul {}

h1, h2, h3, h4, h5, h6 {
		margin: 0;
		font-style: normal;
		font-weight: bold;
		color: #050d24;
	line-height: 24px;
}

h1 {
		font-size: 2.2em;
}
h2 {
		color: #38affa; //#476cdc;
		//font: 1.4em Georgia, "Times New Roman", Times, serif;
		border-bottom: 1px solid red;
		//font-weight: 600;
		//font-style: italic;
		text-shadow: 0px 1px 0px #fff;
		//background: transparent url(images/div.png) bottom repeat-x;
		font-family:Tahoma,Geneva,sans-serif;
		font-style:normal;
		font-variant:normal;
		line-height:1.8em;
                font-size: 15px;
		text-decoration:none;
}	

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

a:link {
		color: #2f63b3;
		text-decoration: none;
}
a:visited {
		color: #2f63b3;
		text-decoration: none;
}
a:hover {
		color: #4a5265;
}
a:active {
		color: #2f63b3;
		text-decoration: underline;
}
blockquote {
		margin: 10px 0;
		padding: 0 50px;
		background: transparent url(images/blockquote.gif) no-repeat 0 0;
		color: #abafb9;
}
code {
  		background: #e9f0fa;
  		cursor: text;
  		font-family: "Courier New", Courier, monospace;
}
small {
		font-size: 0.8em;
}
b, strong {
                font-weight: bold;
}
input, textarea, select {}

form {}

img {}
img.noborder {
		border: none;
}
.alert {
		font-weight: bold;
		color: #f00;
}
.left {
		float: left;
}
.right {
		float: right;
}
.center {
		text-align: center;
}
.alignleft {
		float: left;
		margin-right: 10px;
}
.alignright {
		float: right;
		margin-left: 10px;
}
.more-link {
		color: #4d4d4d;
		font: 15px/25px Georgia, "Times New Roman", Times, serif;
		font-weight: 600;
		font-style: italic;
		text-shadow: 0px 1px 0px #fff;
}

/*---------End Page Structure--------*/ 


/*---------Header--------*/ 
#logo {
		float: left;
		margin: 12px 0 0 0;
}
.searchbar {
		float: right;
		width: 290px;
		height: 35px;
		margin: 0;
}
.searchform {
		width: 290px;
		height: 35px;
		text-align: left;
}
input#s {
		width: 265px;
		height: 25px;
		margin: 55px 0 0 1px !important;
		margin: 30px 0 0 1px; /* Fuck IE */
		padding: 1px 4px 0 3px;
		border: 1px solid #0b236c;
		background: #fff url(images/search.gif) no-repeat right;
		color: #ccc;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
}
input#s:focus {
		color: #999;
}
#topbar {
		background: transparent url(images/div.png) repeat-x bottom;
		height: 35px;
}
#register {
		margin: 0 0 0 756px;
}
/*---------End Header--------*/ 

/*---------Navigation ~ I use LavaLamp jQuery Plugin--------*/ 
.lavaLampWithImage {
        overflow: hidden;
		margin: 2px 0 0 35px;
}
.lavaLampWithImage li {
		float:left;
		margin-right: 3px;
		list-style: none;
}
.lavaLampWithImage li.back {
        background: url("images/opacity.png") repeat;
        width: 9px; height: 30px;
        z-index: 8;
        position: absolute;
		color: #000;
		text-shadow: 0px 1px 1px #eee;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
}
.lavaLampWithImage li.back .left {
        background: url("images/opacity.png") repeat;
       	height: 30px;
        margin-right: 3px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
		text-decoration: none;
		color: #34a3f1;
		font-weight: bold;
		display: block;
		padding: 2px 4px 2px 4px;
		font: 18px/25px "HelveticaNeue-light", Arial, Helvetica, sans-serif;
		text-shadow: 0px 1px 1px #fff;
                margin-right: 4px;
        letter-spacing: 0;
        z-index: 10;
        display: block;
        float: left;
        position: relative;
        overflow: hidden;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
        border: none;
}
.lavaLampWithImage li a:hover {
		color: #000;
		text-shadow: 0px 1px 1px #eee;
}
/*---------End Navigation--------*/ 

.badge {
                float:left;
                margin-bottom:30px;
}
.badge input {
		float: left;
		width: 200px;
}
#map { 
              width:850px; 
              height: 500px; 
              top: 50px; 
              left: 40px; 
}
/*---------Post--------*/ 
.post {
		font-family: "HelveticaNeue-light", Verdana,Geneva,sans-serif;
		font-size: 13px;
		padding-right: 15px;
}
	
.post p {
		margin: 5px 0 10px 0;
}

.postentry {
		color: #646464;
		text-align: justify;
		margin-top: 10px;
		text-shadow: 0px 1px 1px #fff;
		line-height: 30px;
}

.postentry a,
.postentry a:hover {
		color: #2f63b3;
}

.postentry img {
		border: 5px solid #edf2ff;
}
.postentry img:hover {
		border: 5px solid #dce6ff;
}

.postentry img.wp-smiley,
.postentry img.wp-smiley:hover {
		border: none;
}

.postentry span.alert {
		font-weight: bold;
		color: #f00;
}

.posttitle {}
.posttitle a:link,
.posttitle a:visited,
.posttitle a:active {
		/*color: #262626; */
		clear: both;
		color: #38affa;
		display: block;
		//text-shadow: 0px 1px 1px #fff;
		margin-bottom: 5px;
}

.posttitle a:hover, .posttitle:hover {
		color: #d39f00;
		//text-shadow: 0px 1px 1px #fff;
}
.postmeta,
.postmeta a {
		font-size: 15px;
		color: #888;
}
.postmeta {
		padding: 3px 0 3px 5px;
		border-bottom: 1px dashed orange; //#7a7a7a;
		margin: 0px 15px 35px 0;
}
.post-date:hover, .post-cmts a:hover, .post-cate a:hover, .post-cate:hover, .post-edit a:hover {
		color: #333;
}
.post-date:hover, .post-cate:hover {
		cursor: pointer;
}
/*---------End Post--------*/ 

/*---------Comment ~ but iDon't use it on BarCamp--------*/ 
.commentpage {
		margin: 0 30px;
		padding: 0;
}

#comments {
		margin: 0;
		padding: 0;
}

.comments-num {
		padding: 0 0 10px 0;
}

#commentlist {
		margin: 0;
		padding: 0;
		list-style-type: none;
}
#commentlist li {
		padding: 20px 25px 0 0;
		border-bottom: 1px solid #dce6ff;
}
.alt {
		background-image: none !important;
}

.comment-gravatar {
		float: left;
		width: 62px;
		height: 62px;
		background: transparent url(images/gravatar.gif) no-repeat;
}
img.avatar {
		margin: 7px 0 0 7px;
		border: none;
}

.comment-title,
.comment-meta,
.comment-text {
		margin: 0 0 0 80px;
}

.comment-title,
.comment-title a,
.comment-title a:hover{
		color: #030612;
}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
		color: #2f63b3;
}

h2#postcomment {
		margin: 30px 0 0 0;
		padding: 0 0 10px 0;
}

.postcomment {
		clear: both;
		margin: 20px 0 0 0;
		padding: 20px;
}
.postcomment input,
.postcomment textarea {
		border: 1px solid #b0c5ff;
}
.postcomment input:hover,
.postcomment textarea:hover {
		border: 1px solid #fec02a;
}
.postcomment input#author,
.postcomment input#email,
.postcomment input#url {
		width: 100% !important;
		width: 456px; /* Fuck IE */
		height: 18px;
		background: url(images/opacity2.png) repeat;
}
.postcomment textarea#comment {
		width: 100% !important;
		width: 456px; /* Fuck IE */
		height: 200px;
		background: url(images/opacity2.png) repeat;
		margin-bottom: 15px;
}

.postcomment input#submit {
		width: auto;
		height: 25px;
		padding: 2px 10px 3px 10px;
		background: #e5edff url(images/submit.gif) repeat 0 0;
}
.postcomment input#submit:hover {
		background: #e5edff url(images/submit_hover.gif) repeat 0 0;
}
/*---------End Comment--------*/ 


/*---------Sidebar--------*/ 
#sidebar h2 {
		margin-bottom: 5px;
}
#sidebar ul li {
		list-style: none;
}
#sidebar ul {
		margin-bottom: 20px;
}
#sidebar ul li ul li a {
		background: #f7f7f7;
		display: block;
		//line-height: 28px;
		padding: 4px 0 4px 8px;
		//margin: 0px 0 10px 0px;
		border-bottom: 1px dashed grey;
		border-top: 1px solid white;
}
#sidebar ul li ul li a:hover {
		background: #eee;
}

.rss a {
		background: #fff url(images/rss.png) no-repeat 15px 0;
		padding-left: 85px;
		display: block;
		font: 22px/44px "Georgia", Times New Roman, Times, serif;
		font-style: oblique;
		height: 45px;
		color: #0E0;
		border-bottom: 1px dashed grey;
		border-top: 1px solid white;
}
.rss a:hover {
				background: #eee url(images/rss.png) no-repeat 15px 0;
}
.facebook a {
		background: #fff url(images/facebook.png) no-repeat 15px 0;
		padding-left: 85px;
		display: block;
		font: 22px/44px "Georgia", Times New Roman, Times, serif;
		font-style: oblique;
		height: 45px;
		color: #0E0;
		border-bottom: 1px dashed grey;
		border-top: 1px solid white;
}
.facebook a:hover {
				background: #eee url(images/facebook.png) no-repeat 15px 0;
}
.twitter a {
		background: #fff url(images/twitter.png) no-repeat 15px 0;
		padding-left: 85px;
		display: block;
		font: 22px/44px "Georgia", Times New Roman, Times, serif;
		font-style: oblique;
		height: 45px;
		color: #0E0;
		border-bottom: 1px dashed grey;
		border-top: 1px solid white;
}
.twitter a:hover {
				background: #eee url(images/twitter.png) no-repeat 15px 0;
}
.technorati a {
		background: #fff url(images/technorati.png) no-repeat 15px 0;
		padding-left: 85px;
		display: block;
		font: 22px/44px "Georgia", Times New Roman, Times, serif;		
		font-style: oblique;
		height: 45px;
		color: #0E0;
		border-bottom: 1px dashed grey;
		border-top: 1px solid white;
}
.technorati a:hover {
				background: #eee url(images/technorati.png) no-repeat 15px 0;
}
/*---------End Sidebar--------*/ 


/*---------Bottom--------*/ 

#bottom {
		clear: both;
		width: 980px;
		margin-top: 350px;
		background: transparent url(images/karawait.gif) no-repeat left top;
		padding-top: 120px;
}
#bottom ul li {
		list-style: none;
		padding: 4px 0 2px 0px;
		border-bottom: 1px dotted grey;
}
#bottom-left,
#bottom-mid,
#bottom-right {
		width: 30%;
		padding: 20px 0px 20px 20px;
		float: left;
}
#bottom ul li {
		list-style: none;
}
		
/*---------End Bottom--------*/ 

/*---------Footer--------*/ 
#footer {
	clear: both;
}
#footer p {
	background: transparent url(images/div.png) top repeat-x;
	padding: 10px 0 20px 0;
	text-align: center;
}
/*---------End Footer--------*/