@charset "UTF-8";
/*
Theme Name: Dragonfly Blog
Theme URI: http://www.preemo.com
Description: A WordPress theme for Dragonfly Expeditions
Version: 1.0
Author: Preemo
Author URI: http://www.preemo.com/
Tags: dfe, travel, preemo

*/

*		{ margin:0px; padding:0px; outline:none;}
body	{ margin:0px; padding:0px; outline:none; background:#656565;}

h1, h2, h3, h4, h5, h6, p, span, a, li, input, strong, small, em		{ font-family:Garamond, "Times New Roman", Times, serif; text-decoration:none;}
h2, h2 a { font-size:19px; color:#832f08;}
h2 a:hover	{ color:#960;}
h3 {font-size: 16px;color:#cf5e00;}
p, a	{ color:#000; }
a:hover	{ color:#832f08;}

ul li	{ list-style:none;}
img		{ border:0px;}

.wrapper	{ width:100%;}
	.inner	{ margin:0 auto; width:780px;}
	
	.header	{ position:relative; float:left; width:780px; height:277px; background:url(images/header.jpg);}
			.header ul	{ position:absolute; top:228px/*228px*/; left: 305px;/*305px;*/ float:left;}
				.header ul li	{ float:left; padding:0 10px 0 0;}
					.header ul li.btn_1 a	{ width:85px;}
					.header ul li.btn_2 a	{ width:96px;}
					.header ul li.btn_3 a	{ width:96px;}
					.header ul li.btn_4 a	{ width:66px;}
					.header ul li.btn_5 a	{ width:36px;}
                    .header ul li.btn_6 a	{ width:36px;}
					.header ul li a	{ float:left; display:block; height:27px; text-indent:-99999px;}
		.main	{ float:left; width:780px; background:url(images/main.jpg);}
		.main2	{ float:left; width:780px; background:url(images/main2.jpg) no-repeat top;}
			.content	{ float:left; padding:0 11px 0 11px; width:497px;}
				.post	{ float:left; width:100%;}
					.post_top	{ float:left; padding:10px 5px 10px 0; width:492px; background:url(images/post-top.jpg) repeat-x bottom;}
						.post_top h2	{ float:left; display:block; padding:5px 0 5px 0; width:100%;}
							.post_top h2 a	{ float:left; background:none; padding:0px;}
						.post_top p		{ float:left; padding:0 0 0 20px; background:url(images/by.jpg) no-repeat 0px 1px;}
						.post_top a		{ float:right; padding:0 0 0 20px; background:url(images/comments.jpg) no-repeat 0px 1px;}                        
					.post_content	{ float:left; padding:15px 0 0 0;}
                    .post_content a	{  color:#832f08;text-decoration:underline;}
                    	.post_content a:hover{color:#960;}
						.post_content img	{ margin:0 0 10px;max-width:490px; max-height: 760px;}
						.post_content p	{ padding:0px 0 10px 0;}
						.post_content h3	{ color:#809898;}
						.post_content ul	{ padding:10px 0 10px 0;}
							.post_content ul li	{ padding:0 0 5px 20px; background:url(images/bullet.jpg) no-repeat 0px 4px;}
							
					.post_footer	{ float:left; padding:0 0 15px 0;}
						.post_footer a	{ float:left; display:block; width:99px; height:34px; background:url(images/read-more.jpg) no-repeat top; text-indent:-99999px;}
						.post_footer a:hover	{ background-position:bottom;}
					
			.sidebar	{ float:left; width:261px;}
            .sidebar h3	{ display:block; width:100%; padding:5px 0; background:#dfd4a7; color:#832f08; font-weight:normal; text-indent:15px;}
					.sidebar ul	{ padding:13px 0 0 15px;}
						.sidebar ul li	{ padding:0 0 5px 0;}
                        
				.search	{ float:left; padding:19px 0 0 9px; width:252px; height:73px; background:url(images/search-bg.jpg);}
					.search form	{ float:left; padding:0 0 10px 0;}
						.search form input	{ float:left; padding:5px 5px 0 5px; width:150px; height:26px; border:0px; font-size:16px;}
						.search form input.search-btn	{ display:block; padding:0px; width:83px; height:31px; background:url(images/search-btn.jpg) no-repeat top; cursor:pointer;}
						.search form input.search-btn:hover	{ background-position:bottom;}
					.search a	{ clear:both; float:left; padding:0 0 0 20px; background:url(images/rss.jpg) no-repeat 0px 1px;}
				.facebook	{ float:left; padding:12px 16px 0 13px; width:232px;}
					.facebook h4	{ float:left; display:block; padding:0 0 0 28px; background:url(images/facebook.jpg) no-repeat 0px 0px; color:#313f59; font-weight:normal;}
					a.fan	{ float:right; margin:3px 0 0 0; padding:0 20px 0 0; background:url(images/fan.jpg) no-repeat right top; font-size:14px;}
					a.fb	{ float:left; display:block; padding:7px 0; width:232px; background:url(images/fb.jpg) repeat-x bottom; font-size:14px;}
						a.fb span	{ color:#832f08;}
				.links		{ float:left; padding:12px 16px 0 13px; width:232px;}
					.links h3	{ display:block; width:100%; padding:5px 0; background:#dfd4a7; color:#832f08; font-weight:normal; text-indent:15px;}
					.links ul	{ padding:13px 0 0 15px;}
						.links ul li	{ padding:0 0 5px 0;}
					.contact	{ padding:13px 0 0 15px;}
						.contact h4	{ padding:0 0 10px 0;}
						.contact p	{ padding:0 0 4px 0;}
						.links ul.social	{ padding:10px 0 0 0;}
							.links ul.social li	{ float:left; padding:0 3px 0 0;}
							.links ul.social li a	{ text-indent:-99999px;}
							.links ul.social li.twitter a	{ display:block; width:24px; height:24px; background:url(images/twitter.jpg) no-repeat 0px 0px;}
							.links ul.social li.face a	{ display:block; width:24px; height:24px; background:url(images/facebook2.jpg) no-repeat 0px 0px;}
							.links ul.social li.share	{ clear:both; float:left; padding:10px 0 0 0;}
				
		.footer	{ float:left; width:780px; height:62px; background:url(images/footer.jpg);}
        
        /* comments */
        #respond {margin-top: 10px;}
        input#submit{ display:block; padding:0px; width:120px; height:31px; background:#ff7300;color:#ffffff;border:none;}
		input#submit:hover	{text-decoration:none;background:#cf5e00;}
        ol.commentlist{list-style-type: none;}
        ul.commentlist{list-style-type: none;}
        
        /* Image alignment in posts */
div.alignright {float:right; margin:0 0 1em 1em}
div.alignleft {float:left; margin:1em 1em 1em 0}
div.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:1em 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:1em 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}