/*
Theme Name: grannyflat
Theme URI: http://www.themelayouts.com/
Description: Designed by <a href="http://www.themelayouts.com">ThemeLayouts</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: ThemeLayouts/DreamTemplate
Author URI: http://www.dreamtemplate.com/
*/

body { background:url(images/bg.gif); font:14px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#101010;}

html { padding:0; margin:0;}

a { text-decoration:none; color:#292929; border:0;}
a:hover {color:#292929; border:0;border-bottom:1px solid #f60;} 
a:focus { outline:none;}

.clr { clear:both;}

h1, h2, h3, h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

img { padding:0; margin:0; border:none; text-align:center;}
hr1 { border-left:0 solid #000000; border-right:0 solid #000000; border-top:0 dotted #000000; border-bottom:1px solid #000000; height :1px;}
hr { border-left:0 solid #7f262e; border-right:0 solid #7f262e; border-top:0 dotted #7f262e; border-bottom:1px solid #7f262e; height :1px;}

form { padding:0; margin:0;}
input { font-family:'Verdana'; color:#282b31; font-size:11px;}
textarea { font-family:'Verdana'; color:#282b31; font-size:11px;}
select { font-family:'Verdana'; color:#282b31; font-size:11px;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontainer { width:984px; margin:0 auto; padding:0; background:url(images/top_bg.jpg) top no-repeat;}

/**/ * html .Header { height:155px;} /* */ 
.Header { width:984px; margin:0 auto; padding:0; height:155px; background:url(images/bg_top.gif) top no-repeat;}

.Logo { float:left; width:400px; height:109px; margin:0; padding:0 0 0 70px;  background:url(images/logo.gif) top left no-repeat;}
.Header .LogoText h1 {line-height:40px; letter-spacing:-2px; padding:0 0 0 25px; margin:25px 0 0 0; font:normal 42px  Georgia, "Times New Roman", Times, serif sans-serif; width:400px; color:#6a6e50;}
.Header .LogoText a { color:#6a6e50; text-decoration:none;}
.Header .LogoText a:visited { color:#6a6e50; text-decoration:none;}
.Header .LogoText a:hover { color:#6a6e50; text-decoration:none;}
.Header .Desc {	color:#99a067; line-height:16px; font:normal 14px Arial, Helvetica, sans-serif; padding:0 0 0 45px; margin:0;}

.HeaderText { float:left; width:400px; margin:0; padding:0 0 0 70px; font:normal 24px Georgia, "Times New Roman", Times, serif; color:#FFF;}
.HeaderText strong { font-style:italic;}

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Menu {	padding:0; margin:0; height:46px; width:680px;}
.Menu ul { list-style:none; margin:0 ; padding:0; height:46px;}
.Menu ul li { padding:15px 0; margin:0 2px; float:left;}
.Menu ul li a { padding:14px 15px; margin:0; outline:0; background:none; line-height:16px; font:normal 14px Georgia, "Times New Roman", Times, serif; color:#606060; text-align:center;}
.Menu ul li a:hover { text-decoration:none; color:#000; background: #FC9;}

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .Search  {} /**/ 
.Search { padding:5px 0; margin:65px 0 0 15px; width:300px; background:url(images/search.gif) top no-repeat; float: left;}
.Search h2 { color:#000; font:normal 18px Georgia, "Times New Roman", Times, serif; padding:0 0 0 40px; margin:10px 0;}
.Search form {padding:0 5px;}
.Search input { color:#ffffff;}
.Search  input.keyword { border:1px dashed #b5b2a8; width:170px; color:#666666; background:none; float:left; padding:5px; margin:0 5px;} 
.Search  input.search { background:none; font:bold 16px  Georgia, "Times New Roman", Times, serif; color:#d9664a; border:0; float:left;}

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.CON { width:984px; padding:0; margin:5px auto; border:1px dashed #c0bba5; background:#ffffff;}

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width:612px; margin:0; padding:0 10px; float:left;}
.SC p { color:#333333;line-height:1.8em;font-size:14px;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Post {padding:0; margin:0; float:left; background:url(images/pg.gif) repeat-x bottom; width:592px;}
.pagetitle { letter-spacing:0px; color:#6e6e6e; font:bold 24px "Times New Roman", Times, serif; margin:0; padding:20px 0 5px 10px;}

.PostHead { padding:0; margin:0 0 10px 0;}
.PostHead h2 { letter-spacing:0px; color:#444444; font:bold 18px Georgia, "Times New Roman", Times, serif; margin:0; padding:15px 0 5px 10px;}
.PostHead h2 a { color:#895936; text-decoration:none;}
.PostHead h2 a:visited { color:#895936; text-decoration:none;}
.PostHead h2 a:hover {}

/**/ * html .PostTime { } /**/ 
.PostTime { padding:5px 0 5px 20px; margin:0; color:#9f9f9f; font:normal 11px Arial, Helvetica, sans-serif; border:1px dashed #ceccbb;}
.PostTime strong { }
.PostTime .day { color:#9f9f9f;}
.PostTime .month { color:#9f9f9f;}
.PostTime .year { color:#9f9f9f;}
.PostHead small {padding:0; margin:0; font-size:11px;}
.PostAuthor { color:#000;}
.PostAuthor strong {color:#444444;}
.PostCat { color:#6ca428;}
.PostCat a { color:#6ca428; text-decoration:underline;}
.PostCat a:hover { color:#6ca428; text-decoration:none;}

.PostContent { margin:10px 0 0 0; color:#8c8b8b; font:normal 11px Georgia, "Times New Roman", Times, serif;}
.PostContent p { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#8c8b8b; padding:0; margin:0;}
.Contentpost img { margin:0px 5px; padding:0; max-width:560px;}
.PostContent ol { padding:10px 0 10px 25px; margin:0;}
.PostContent ol li { padding:2px 0 2px 0 ; font-size:12px; line-height:15px; color:#8c8b8b; font:normal 11px Georgia, "Times New Roman", Times, serif;}
.PostContent ul { padding:5px 0; margin:0;}
.PostContent ul li { padding:2px 0 2px 15px; list-style-type:none; font-size:11px; line-height:15px; color:#8c8b8b; font:normal 11px Georgia, "Times New Roman", Times, serif;}
.PostContent blockquote { padding:10px; margin:0; color:#8c8b8b; background:#000;}
.PostContent blockquote p { font-size:12px; padding:0; margin:0; line-height:15px;}
.PostContent blockquote li { padding:2px 0 2px 15px; list-style-type:none; font-size:12px; line-height:15px;}
.PostContent blockquote a { color:#8c8b8b;}
.PostContent blockquote a:visited { color:#8c8b8b;}
.PostContent blockquote a:hover { color:#8c8b8b; text-decoration:underline;}

/**/ * html .PostContent p img { } /* */ 
.PostContent p img { max-width:550px;}
.PostContent img { margin:0 10px; padding:0; float:left;}

.PostCom { border-bottom:4px solid #C1D9D7;padding:10px 0; border-left:0; border-right:0;border-top:1px dashed #E3E3E3}
.PostCom ul { padding:0; margin:0;}
.PostCom li { padding:5px 0 5px 20px; margin:0 5px 0 0; list-style-type:none; display:inline;} 
.PostCom li a { font-weight:normal; text-decoration:underline; color:#000;} 
.PostCom li a:hover { font-weight:normal; text-decoration:none;}

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Note { padding:0px 10px; color:#795942;}
.Note li { padding:3px 0 3px 15px; margin:0; list-style-type:none; font-size:12px;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.TrackList { background:#ffffff; padding:15px; margin-top:20px; position:relative;}
.TrackListTop { background:#ffffff; position:absolute; top:0; left:0; width:455px; height:10px;}
.TrackList h3 { font-size:14px; font-weight:bold; margin:0 0 5px 0; padding:0 0 5px 0; color:#000000; letter-spacing:-1px; border-bottom:dashed 1px #beb4c1;}
.TrackList ul { padding:0; margin:0;}
.TrackList li { padding:0 0 0 10px; margin:0; list-style-type:none; font-size:11px;}
.TrackList li a { color:#cc3366;}

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Nav { font-size:11px; padding:10px 0 ; color:#666; font-family:'Verdana';}
.Nav a { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px;}
.Nav a:visited { padding:1px 6px 1px 4px; border-right:solid 1px #666;}
.Nav a:hover { padding:1px 6px 1px 4px; border-right:solid 1px #666; text-decoration:none;}
.Nav span { padding:1px 6px 1px 4px; color:#666; border-right:solid 1px #666;}
.Nav .on { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px; color:#000000;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments { margin:20px 10px 0 10px; position:relative;}
.Comments h3 { font-size:16px; letter-spacing:-1px; margin:0 0 5px 0; padding:10px 0; color:#000000;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding:0; margin:0;}
.List li { position:relative; padding:5px 0; margin:10px 0; list-style-type:none;}

/**/ * html .List .LGrav { right:30px;} /* */ 
.List .LGrav { position:absolute; right:0; top:10px;}
.List .LGrav img { border:solid 1px #ccc; padding:2px; background:#fff;}
.List .LUsr { margin:0; padding:0; font-size:11px; line-height:12px; color:#999;}
.List .LUsr a { color:#000000; text-decoration:none;}
.List .LUsr strong { font:bold 16px "Trebuchet MS", sans-serif; letter-spacing:-1px; color:#000000;}
.List .LUsr strong a { color:#cc0000; text-decoration:none;}
.List .LCon { margin:10px 0 0 0 ; padding:0; font-size:12px; line-height:16px; border-top:solid 1px #ccc;}
.List .LCon p { margin:0; padding:5px 0 ; font-size:12px; line-height:16px;}
.List .Author { background:#fff;}

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Form .Email { }
.Form {  padding:10px; position:relative; margin:0; font-family:'Verdana';}
.Form form { margin:0; padding:0;}
.Form a { text-decoration:underline;}
.Form p { padding:0 0 2px 0 ; margin:0; color:#666;}
.Form p small strong { font-weight:bold; color:#000000;}
.Form p small { font-size:11px; display:block; padding:6px 0; color:#000000;}
.Form .TextField { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px 6px 6px 30px; font-size:12px; display:block;}
.Form .TextArea { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px; font-size:12px;}
.Form input.SubmitComment { margin-top:4px;}
.Form input.SubmitComment:hover { margin-top:4px;}
.Form input.SubmitCommentIE { width:57px; height:29px; background:url(images/SubmitComment.png) no-repeat 0 -29px; margin-top:4px;}

/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR { width:350px; float:right; padding:0; margin:0; background:#fffde8;border-left:1px dashed #CCCCCC}

/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRR { width:350px; margin:0; padding:0;}
.SRR h2 { padding:10px 0 10px 30px; margin:0; color:#2e2c2d; font:normal 24px Georgia, "Times New Roman", Times, serif;}
.SRR ul { padding:0; list-style:none; margin:0;}
.SRR li { padding:5px 0 5px 20px; margin:0 20px; color:#000; font:normal 12px Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #efefef;}
.SRR li a { color:#000; font:normal 12px Georgia, "Times New Roman", Times, serif;}
.SRR li a:hover { text-decoration:underline;}

/* Side Right Tabs 1 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tabs1 { width:320px; margin:0 auto; padding:0;}
.tabs1 .category{margin-top:22px;}
.tabs1 h2 { padding:8px; margin:0 2px 0 0; color:#444444; font:bold 12px Georgia, "Times New Roman", Times, serif; float:left; background:#FFF; border:1px solid #c1d9d7;}
.tabs1 h2.active { background:#c1d9d7; color:#b9a18f;}
.tabs1 ul { list-style:none; padding:0; margin:2px 0; width:320px; background:#c1d9d7;}
.tabs1 li { padding:5px 18px; margin:0; color:#493627; font:normal 14px Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #efefef;}
.tabs1 li a { color:#493627; font:normal 14px Georgia, "Times New Roman", Times, serif;}
.tabs1 li a:hover {}

/* Side Right Tabs 2 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tabs2 { width:320px; margin:0 auto; padding:0;}
.tabs2 h2 { padding:8px; margin:0 2px 0 0; color:#444444; font:bold 12px Georgia, "Times New Roman", Times, serif; float:left; background:#FFF; border:1px solid #d3cba4;}
.tabs2 h2.active { background:#d3cba4; color:#f5f5e4;}
.tabs2 ul {float:left;list-style:none; padding:0; margin:2px 0; width:320px; background:#d3cba4;}
.tabs2 li { padding:5px 18px; margin:0; color:#493627; font:normal 14px Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #efefef;}
.tabs2 li a { color:#493627; font:normal 14px Georgia, "Times New Roman", Times, serif;}
.tabs2 li a:hover {}

/* Banners ADs ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.banner { width:320px; padding:0; margin:5px 0;margin-right:15px;display:inline;float:right;}
.banner h2 { border:1px solid #cdf;padding:6px 0 6px 8px; margin:0; color:#444444; font:bold 18px Georgia, "Times New Roman", Times, serif;}
.banner ul { border:1px solid #CCDDFF;
margin:0;
padding:6px;}
.banner li { margin:0; padding:0 10px; list-style-type:none; display:inline;}
.banner li img { margin:0;}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG { margin:0; padding:0;}
.Footer_block { width:984px; margin:0; padding:5px 0;background:#fff;}

.TabContent { width:312px; float:left; padding:0px 8px;} 
.TabContent h2 { letter-spacing:0px; color:#fff; font:normal 24px Georgia, "Times New Roman", Times, serif; margin:0 0 10px 0; padding:5px 10px 5px 10px; background:url(images/bg_widget.gif) top no-repeat;}
.TabContent ul , .widget_flickrrss ul{ margin:0; padding:0 0 10px 10px; list-style:none;}
.TabContent li , .widget_flickrrss li { margin:0; padding:3px 10px; font:normal 12px Georgia, "Times New Roman", Times, serif; color:#555749;}
.TabContent li a { font:normal 12px Georgia, "Times New Roman", Times, serif; color:#555749;}

/* Flickrrss ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.widget_flickrrss { width:312px; float:left; padding:0px 8px;}
.widget_flickrrss h2 { color:#fff; font:normal 24px Georgia, "Times New Roman", Times, serif;  margin:0 0 10px 0; padding:5px 10px 5px 10px;   background:url(images/bg_widget.gif) top no-repeat;}


.widget_flickrrss img { padding:0 0 5px 10px; width:63px;}

.Footer { padding:10px 0 0 0; margin:0; text-align:center; height:65px; width:984px; background:url(images/bg_footer.gif) top no-repeat;}
.Footer p {line-height:15px; color:#989898; padding:0; margin:0; font:normal 10px 'Verdana';}
.Footer a { color:#f60; }
.Contentpost{font-size:14px;line-height:1.5em;}
.Contentpost p{margin:0px 0px 10px;text-indent:22px;}
/*++++++++++++++++++++++++++++++++++++++++++++++added by tomheng++++++++++++++++++++++++++++++++++++++++++*/
.more-link{color:#f60;}
.hilight{color:red;}
.recentpost{width:320px;float:right;margin-right:15px;display:inline;}
.recentpost h2{font-size:14px;padding:8px 12px;background:#ccc;margin-bottom:0px;margin-top:4px;}
.recentpost ul{border:1px solid #ccc ;border-top:none;margin:0px;padding:8px 0px; padding-left:30px;}
.recentpost p{border:1px solid #ccc ;border-top:none;padding:6px 4px;text-indent:2em;margin:0px 0px 8px 0px;}
#bgcontainer .banner ul.ga{border:1px solid #f60;height:250px;padding-top:10px;
text-align:center;}
.Contentpost .wp-caption{border:1px solid #ccc;margin:0 auto;margin-bottom:10px;}
.Contentpost p.wp-caption-text{
background:none repeat scroll 0 0 #CCCCCC;
color:#FF6600;
font-size:12px;
margin:0;
text-align:center;
text-indent:0;
}
.wp-pagenavi{margin:10px 0px;}
a.wpgallery{border-bottom:1px dotted #f60;color:#0066CC;font-weight:bold;} a.wpgallery:hover{border-bottom:1px solid #f60;}
.recentpost li{padding:.3em 0em;}
#linkcat-20 .blogroll{padding:10px 0px;}