html { margin: 0 !important; }

body{
margin: 0; padding: 0;
color: #717171; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; line-height: 1.5em; 
background: #f5f5f5 url(images/body.jpg) repeat-x top
}

a, a:link, a:visited { color: #000; font-weight: 400; text-decoration: none } a:hover { text-decoration: underline }
a.view_all { clear: both; display: block; margin: 20px 0 20px 20px; width: 120px; height: 40px; text-indent: -10000px; outline: none; background: url(images/view_all.png) }
p { margin: 0; padding: 0 } img { border: none }
ul, li { margin: 0; padding: 0; list-style: none}
.cleaner { clear: both } .h10{ height: 10px } .h20{ height: 20px } .h30{ height: 30px } .h40{ height: 40px } .h50{ height: 50px } .h60{ height: 60px }
.float-l { float: left }
.float-r { float: right }

#wrapper { margin: 0 auto; width: 1010px; padding: 0 10px }
#header { position: relative; width: 100%; height: 100px; background: url(images/sp-image.png) 0 -39px }
#site-title { position: absolute; top: 0; left: 0; width: 150px; height: 100px; }
#site-title a { display: block; width: 150px; height: 15px; padding-top: 85px; font-size: 11px; color: #d6fb4c; letter-spacing: 1px; text-align: center; background: url(images/sp-image.png) 0 -39px }
#site-title a:hover { text-decoration: none }
#social { position: absolute; top: 8px; right: 0; width: 116px; height: 42px }
#social a { display: inline-block; width: 36px; height: 37px; text-indent: -9999px }
#social a.facebook { background: url(images/sp-image.png) -238px 0 }
#social a.twitter {  background: url(images/sp-image.png) -162px 0 }
#social a.rss { background: url(images/sp-image.png) -200px 0 }
#no-of-vector { position: absolute; top: 18px; right: 420px; width: 160px; }
#no-of-vector span { color: #fff }

#search-box-sb { position: absolute; top: 12px; right: 150px;  width: 260px; height: 30px; background: url(images/sp-image.png) -648px 0 } 
#search-box-sb #searchform { padding: 3px 0 0 5px }
#search-box-sb #searchform #s { padding: 2px 0 0; color: #ccc; border: 0; background: none; width: 220px }

#mainMenu { float: right; width: 850px; padding: 60px 0 0; height: 30px }

/***************** SUB MENU - Main Tabs **********************/
#menu-header ul.menu {
	float: right; height: 30px; margin: 0; padding: 0; list-style: none
}

#menu-header ul.menu li {
	line-height: 30px; float: left; padding:0; margin:0
}
#menu-header ul.menu li a {
	font-weight: 400;  height: 30px; margin-left: 40px; padding: 0; color: #fff; text-align: center; display: block; font-size: 14px; line-height: 30px; letter-spacing: 0
}
#menu-header ul.menu li a:hover, ul.menu li a:active {
	color: #a9dc03; text-decoration: none
}

#top-menu { float: right; height: 30px; margin: 0 38px 0 0; padding: 0; list-style: none }
#top-menu li { line-height: 30px; float: left; padding:0; margin:0 }
#top-menu li a { font-weight: 700;  height: 30px; margin-left: 8px; padding: 0 20px; color: #fff; text-align: center; display: block; font-size: 13px; line-height: 30px; letter-spacing: 0 }
/* width: 81px;*/
#top-menu li a:hover, #top-menu li.current-page-item a { color: #a9dc03; text-decoration: none }
/* background: url(images/sp-image.png) -565px 0 */

#main { clear: both; padding: 20px 0 0 }
#content { float: left; width: 730px; }
.blank-box { border: 1px solid #eee; margin-bottom: 10px;  background: #fff }
.padding-20 { padding: 19px }
.paddingl-20{ padding: 10px 0 2px 19px }
.blank-box h1 { color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; padding: 0 0 20px; margin: 0 }

.ss_sbox{ border: 1px solid #fff; padding: 10px; margin-bottom: 5px; background: #92c72e; color: #fff }


.gallery { clear: both; margin-bottom: 16px }
.gallery ul { margin: 0; padding: 0; list-style: none }
.gallery ul li { margin: 0; display: inline-block; float: left; width: 222px; height: 200px; margin: 16px 1px 0 15px; text-align: center; background: #f7f7f7 }
.gallery li a { color: #666; font-size: 11px } .gallery li a:hover { color: #000 }
.gallery li a img { padding: 11px 11px 10px; background: url(images/image-shadow.jpg) no-repeat bottom center }

ul.tmo_gallery { margin: 0; padding: 0; list-style: none }
ul.tmo_gallery li { margin: 0; padding: 0; display: block; float: left; width: 162px; height: 182px; overflow: hidden; margin: 16px 1px 0 15px; background: #f7f7f7; text-align: center }
ul.tmo_gallery li a { color: #666; font-size: 11px } .gallery li a:hover { color: #000 }
ul.tmo_gallery li a img { padding: 11px 11px 5px; width: 140px; height: 140px; }

#sidebar { float: right; width: 260px }
.sb_facebook { background: #fff }
.fbConnectWidgetTopmost { border: none !important } 
.ad-250 { padding: 4px }
.sb-title { font-size: 20px; color: #000; margin-bottom: 15px }
.sb-list li { margin: 0 0 3px 0; padding: 3px; border-bottom: 1px dashed #ccc; font-size: 14px }
.ad-125 { margin-bottom: 10px }
.ad-125 a { display: block; float: left; margin: 0 5px 5px 0}

.post-info-box { clear: both; margin-bottom: 10px; font-size: 12px }
.pi-title { float: left; width: 60px; font-weight: 700 }
.pi-content { float: right; width: 210px; padding-left: 10px; border-left: 1px solid #ccc }
.box-w300 { width: 300px }
.box-w320 { width: 320px; padding-left: 30px; border-left: 1px solid #ccc }
.m-20 { margin-top: 20px }
.m-10 { display: block; height: 10px }
.post-info-box .float-l { float: left }

#social-box { display: block; clear: both }
#social-box a { display: block; float: left; margin-right: 6px; width: 32px; height: 32px; text-indent: -9999px }
#social-box a.digg { background: url(images/sp-image.png) -128px 0 }
#social-box a.delicious { background: url(images/sp-image.png) 0 0 }
#social-box a.stumbleupon { background: url(images/sp-image.png) -64px 0 }
#social-box a.facebook { background: url(images/sp-image.png) -96px 0 }
#social-box a.twitter { background: url(images/sp-image.png) -32px 0 }

.wp-pagenavi { clear: both; display: block; margin-top: 10px; padding: 2px 0; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.extend {
	padding: 1px 7px;
	border: 1px solid #b3b3b3;
	background: #e8e8e8; 
	text-align: center;
	margin: 2px;
	text-decoration: none;
	color: #000;
	font-size: 12px;
	display: inline-block;
}
.wp-pagenavi a:hover, .wp-pagenavi a:active { border: 1px solid #2f4003; color: #fff; font-size: 12px; background: #8bbd0e; }
.wp-pagenavi span.pages { margin: 2px 10px 2px 2px; text-decoration: none; color: #000; font-size: 12px; display: inline-block; }
.wp-pagenavi span.current { padding: 1px 7px; border: 1px solid #2f4003; text-align: center; margin: 2px; text-decoration: none; color: #fff; font-size: 12px; display: inline-block; background: #8bbd0e; }

/* The Comments Template Section Styles */
.comments-template { width: 680px; padding: 14px 24px 24px; border: 1px solid #e0e0e0; background: #fff; overflow: hidden }
.comments-template ol { list-style: none; padding: 0; margin: 0 }
.comments-template ol li { padding: 10px 0; border-bottom: 1px solid #DCDCD4; position: relative }
.comments-template ol li img.gravatar { float: left; width: 50px; height: 50px; display: block; border: 1px solid #DCDCD4; margin: 0 10px 10px 0 }
.comments-template ol li p { padding : 0 0 5px; font-size : 12px; text-align: justify; line-height: 18px; color: #323429; margin-left: 60px }
.comments-template ol li a { color: #657600;text-decoration : none }
.comments-template ol li a:hover { text-decoration : underline }
.comments-title	{ color: #000;padding: 5px 0 5px 10px; font-size: 18px; font-weight: 700 }
.comments-template .meta { font-size : 11px;color : #606060 }
.comments-template .meta a { color: #657600;text-decoration : none }
.comments-template .meta a:hover { text-decoration : underline}
.comments-template p.logged { margin-bottom: 10px;margin-top: 10px;font-size: 12px;color: #606060 }
.comments-template p.logged a { color: #657600;text-decoration : none }	
#commentform #comment { font-size : 12px;border : 1px solid #bababa;background: #fff; width: 658px }
#commentform { padding: 0 10px;display: block }
#commentform label { display: block; font-size : 11px;color : #666 }
#commentform input { margin-bottom: 10px; width : 300px;font-size: 12px;padding : 2px 0 2px 2px;border : 1px solid #bababa;background: #fff }
#commentform #submit { margin-bottom : 20px;padding : 0;width : 166px;height : 33px;border : none;overflow : hidden }
#commentform p { padding : 5px 0 0; font-size : 10px;color : #606060 }
#commentform p a { color: #657600; text-decoration : none }
#commentform p a:hover { text-decoration : underline }

/*+++++++ COMMENT +++++++*/
.comen { width:580px; margin-bottom:10px }
.cleft { float:left; width:60px; height: 60px; border:3px double #dadada; margin-right: 20px }
.cleft img { width: 60px; height: 60px }
.cright { float:right; width:500px }
.comen .cright .ucomen{ font:11px Georgia, Times, serif; text-transform:uppercase; color:#72b6cf }
.comen .cright .ucomen a { color:#72b6cf }

#pre-next-post { display: block; width: 690px; margin: 0 20px 20px;  font-size: 14px; color: #333; font-weight: 400 }
#pre-next-post a { display: inline-block; color: #333; font-weight: 400;text-decoration: none;}
#pre-next-post a span { display: block; font-weight: 700; font-size: 11px }
#pre-next-post .post-nav-next a span { text-align: right }
#pre-next-post a:hover { color: #0f7cb7; text-decoration: none; }

#footer-wrapper { width: 100%; background: #2a2a2a url(images/footer.jpg) top repeat-x; }
#footer { margin: 0 auto; width: 1010px; padding: 60px 10px 20px; color: #aaa }
.footer-title { font-size: 18px; color: #ededed; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 20px}
.col-link { float: left; width: 182px; padding-right: 20px }
.col-link li { margin-bottom: 5px }
.col-link li a { font-size: 13px; color: #aaa }
.col-about { float: right; width: 580px }
.col-about p { margin-bottom: 8px }
.col-about a { color: #fff }

#copyright { margin: 20px 0 0; padding: 10px 0; text-align: center; background: url(images/footer-divider.png) top repeat-x }
#copyright span { color: #fff }
#copyright a { color: #fff }

