/*

Theme Name: Vector Flower

Theme URI: http://www.ezwpthemes.com/templates/vector-flower.html

Description: This theme is designed and coded by <a href="http://www.ezwpthemes.com/">EZwpthemes</a>.

Version: 1.0

Author: EZwpthemes

Author URI: http://www.ezwpthemes.com/

Tags: brown, fixed-width, two-columns, right-sidebar, threaded-comments, widgets

*/





/* Global */



* {

	margin: 0;

	padding: 0;

}

body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #5d513a;

	background: url(images/bg.jpg) #fff;

	/* ปรับสีไว้ทุกข์
	filter: grayscale(67%);
	 -webkit-filter: grayscale(67%); */  

}



::-moz-selection {

 background: #369;

 color: #ff0;

}

::selection {

	background: #369;

	color: #ff0;

}

 code::-moz-selection {

 background: #333;

}

code::selection {

	background: #333;

}

a {

	text-decoration: none;

	color: #803821;

}

a:hover {

	text-decoration: underline;

}

a img {

	border: none;

}

img {

	border: none;

}

h1, h2, h3, form, ul, li {

	margin: 0;

	padding: 0;

}

h1, h2, h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}

h1 {

	font-size: 4em;

}

h2 {

	font-size: 1.6em;

}

acronym, abbr, span.caps {

	font-size: 0.9em;

	letter-spacing: .07em;

	cursor: help;

	border-bottom: 1px dashed #666;

}

blockquote {

	margin: 5px 20px;

	padding: 0;

	color: #666;

	border: 1px dashed #aaa;

	background: #f2eadb;

}

blockquote p {

	padding: 10px 20px;

	display: block;

}

.endline {

	clear: both;

}

/* Clear Fix */ 

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

	display: inline-block;

}

/* Hide from IE Mac \*/ 

.clearfix {

	display: block;

}

/* End hide from IE Mac */ 

/* end of clearfix */



#wrapper {

	width: 1000px;

	margin: 0 auto;

	background: url(images/top_frame.jpg) no-repeat top left;

}

/* Header */

#header {

	width: 1000px;

	height: 320px;

}

#header h1 {

	font-size: 33px;

	color: #eb4209;

	padding: 67px 0 0 190px;

}

#header h1 a {

	text-decoration: none;

	color: #eb4209;

}

#header h2 {

	font-size: 13px;

	color: #eb4209;

	padding: 0 0 0 200px;

}

#rss {

	padding: 0 0 0 925px;

}

/* Navigation */

#navigation {

	width: 279px;

	height: 36px;

 *position: relative;

	margin: 118px 0 0 722px;

}

#navigation div {

	display: table;

	height: 36px;

 *height: auto;

	position: relative;

 *position: absolute;

 *top: 50%;

 *left: 0;

}

#navigation div div {

	display: table-cell;

	vertical-align: middle;

 *position: relative;

 *top: -50%;

 *left: 0;

}

#navigation ul {

	width: 277px;

	list-style-type: none;

}

#navigation ul li {

	font-size: 1.4em;

	font-weight: bold;

	float: left;

	padding: 0 12px 0 0;

}

#navigation ul li a {

	color: #8a460f;

}

#navigation ul li a:hover {

	color: #eb4209;

}

/* Container */

#container {

	width: 1000px;

	/*	margin: 17px 0 0 0;*/

	background: url(images/content_bg.jpg) repeat-y 86px 0px;

}

/* Content */

#content {

	width: 637px;

	display: inline;

	margin: 0 0 0 86px;

	float: left;

}

.post {

	width: 540px;

	position: relative;

	margin: 0 0 20px 52px;

}

.postmetadata {

	color: #929292;

	font-size: 1.2em;

	padding: 5px 20px 5px 0;

	text-align: right;

}

.postmetadata a {

	text-decoration: underline;

}

.postmetadata a:hover {

	text-decoration: none;

}

.post_date {

	width: 84px;

	height: 41px;

	padding: 0 0 0 19px;

	line-height: 36px;

	position: absolute;

	left: -138px;

	top: 0;

	color: #fff;

	font-size: 1.2em;

	font-weight: bold;

	background: url(images/date_bg.jpg) no-repeat left top;

}

.entry p {

	margin: 5px 0;

}

.entry {

	width: 520px;

	overflow: hidden;

	font-size: 1.2em;

	line-height: 20px;

}

.tags {

	font-size: 1.2em;

	color: #623200;

	margin: 10px 0 0 10px;

}

.tags a {

	text-decoration: underline;

}

.tags a:hover {

	text-decoration: none;

}

.notfound {

	margin: 100px auto;

	text-align: center;

	font-size: 4em;

	font-weight: bold;

	color: #7e2d17;

}

/* PageNavi*/



.wp-pagenavi {

	padding: 5px 40px;

	margin-left: 17px;

}

.wp-pagenavi a {

	padding: 2px 4px;

	_padding: 2px 0;

	margin: 2px;

	_margin: 1px;

	text-decoration: none;

	border: 1px solid #06c;

	color: #06c;

	background-color: #fff;

}

.wp-pagenavi a:hover {

	border: 1px solid #000;

	color: #000;

}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {

	padding: 2px 4px;

	_padding: 2px 0;

	margin: 2px;

	_margin: 1px;

	border: 1px solid #000;

	color: #000;

	background-color: #fff;

}

/* Calendar */



#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 100%;

}

#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	font-size: 1.1em;

}

#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	font-size: 1.1em;

}

#wp-calendar a {

	display: block;

	font-weight: bold;

	text-decoration: none;

}

#wp-calendar a:hover {

	background: #000;

	color: #fff;

}

#wp-calendar caption {

	text-align: center;

	width: 100%;

	font: bold 1.3em Verdana, Arial, Sans-Serif;

}

#wp-calendar td {

	padding: 3px 0;

	font-size: 1.2em;

	text-align: center;

}

#wp-calendar th {

	font-style: normal;

	font-size: 1.2em;

	text-transform: capitalize;

}

/* Social Bookmarking */



.bookmark {

	margin: 18px 0 0 10px;

}

.bookmark ul {

	display: inline;

}

.bookmark ul li {

	background: none;

	display: inline;

	list-style-type: none;

}

.bookmark_line img {

	border: 0;

}

.bookmark_icon {

	opacity: .4;

	-moz-opacity: .4;

	filter: alpha(opacity=40);

	_filter: alpha(opacity=100);

}

.bookmark_icon:hover {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}

/* Comments */

.read_comments {

	height: 32px;

	text-align: right;

	margin: 10px 0 0 0;

	background: url(images/comments-bg.jpg) no-repeat;

}

.read_comments a {

	font-size: 1.2em;

	color: #ba5e14;

	padding: 10px 0 10px 25px;

	background: url(images/read_comments_ico.gif) no-repeat left;

	font-weight: bold;

}

.comments {

}

h3#comments {

	padding: 0 0 0 10px;

}

h3#comments, #respond h3 {

	padding-top: 10px;

	font-size: 1.4em;

	color: #333;

}

#commentform {

	margin: 5px 0 0 0;

}

#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

#commentform textarea {

	width: 98%;

	padding: 2px;

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

#commentform p {

	margin: 5px 0;

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

#commentform #submit {

	margin: 0 0 5px auto;

	float: right;

}

#respond {

	padding: 0 0 0 10px;

	color: #333;

}

#respond:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.commentlist {

	padding: 0 0 0 10px;

 *margin: 0 0 0 10px;

 *padding: 0;

}

.commentlist li {

	margin: 15px 0 10px;

	padding: 5px 5px 10px 10px;

	list-style: none;

	font-weight: bold;

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

.commentlist li ul li {

	margin-right: -5px;

	margin-left: 10px;

	font-size: 1em;

}

.commentlist p {

	margin: 10px 5px 10px 0;

	font-weight: normal;

	line-height: 1.5em;

	font-size: 1.2em;

	text-transform: none;

}

.commentlist li .avatar {

	float: right;

	border: 1px solid #333;

	padding: 2px;

	background: #fff;

}

.commentlist li a {

	color: #666;

}

.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.2em;

}

.nocomments {

	text-align: center;

}

.commentmetadata {

	font-size: 1.2em;

	display: block;

	font-weight: normal;

}

.thread-alt {

	background-color: #dcbea4;

}

.thread-even {

	background-color: #e3cbb3;

}

.depth-1 {

	border: 1px solid #000;

}

.alt {

	border-left: 1px solid #666;

	background-color: #EFE6DE;

	padding: 10px;

}

.even {

	border-left: 1px solid #666;

	background-color: #E6D6CA;

}

/* Sidebar */

#sidebar {

	width: 259px;

	/*	margin: 8px 0 0 0;*/

	line-height: 16px;

	float: left;

	position: relative;

	color: #666;

}

#sidebar a {

	color: #424242;

}

#sidebar ul ul {

	font-size: 1.2em;

}

#sidebar_top h3 {

	font-size: 1.6em;

	padding: 0 0 0 6px;

	color: #855045;

}

#sidebar ul {

	list-style-type: none;

}

#sidebar_top {

	padding: 30px 0 0 0;

	background: url(images/sidebar_paper_bg.jpg) repeat-y;

}

#sidebar_top ul li {

	width: 184px;

	padding: 0 10px 10px 0;

	margin: 0 0 15px 44px;

	border-bottom: 1px dashed #323232;

}

#sidebar_top ul ul {

	margin: 5px 0 0 0;

}

#sidebar_top ul ul li {

	width: 164px;

	margin: 0 0 0 6px;

	padding: 2px 0 2px 18px;

	border: none;

	background: url(images/sidebar_top_li.gif) no-repeat left 6px;

}

.sidebar_paper_bottom {

	height: 13px;

	background: url(images/sidebar_paper_bottom.jpg) no-repeat;

}

/* For Widgets */

h3.sidebar_bottom_widget {

	padding: 0 0 0 27px;

}

#sidebar_bottom {

	margin: 95px 0 0 27px;

}

#sidebar_bottom ul {

}

#sidebar_bottom ul li {

	margin: 0 0 18px 0;

}

#sidebar_bottom ul ul {

}

#sidebar_bottom ul ul li {

	width: 151px;

	margin: 0 0 0 28px;

	padding: 2px 0 2px 12px;

	background: url(images/sidebar_bottom_li.gif) no-repeat left 8px;

}

.fix_bottom {

	width: 192px;

	height: 93px;

	position: absolute;

	background: url(images/fix_bottom.jpg) no-repeat;

}

/* searchform */

#searchform {

	width: 259px;

	height: 82px;

	margin: 5px 0 0 0;

	position: absolute;

	left: -3px;

	background: url(images/search_bg.jpg) no-repeat;

}

.searchtext {

	width: 152px;

	color: #666;

	display: inline;

	margin: 26px 0 10px 60px;

	border: 0;

	background: none;

}

#searchsubmit {

	display: block;

	border: 0;

	width: 52px;

	height: 18px;

	margin: 0 0 0 167px;

}

/* Footer */

#footer {

	width: 637px;

	height: 127px;

	margin: 0 0 0 86px;

	background: url(images/footer_bg.jpg) left top no-repeat;

	clear: both;

	color: #6d382c;

	font-size: 1.1em;

}

.credit {

	width: 585px;

	text-align: right;

	padding: 50px 0 0 40px;

}

.credit a {

	color: #6d382c;

	text-decoration: none;

}

/* Images */



p img {

	max-width: 100%;

}

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

}

img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

}

.alignright {

	float: right;

}

.alignleft {

	float: left

}

/* Captions */



.aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.wp-caption img {

	border: 0 none;

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

}

#sidebar ul ul ul {

	border: none;

	margin: 0;

	padding: 0;

	background: none;

}

#sidebar ul ul ul li {

	width: 80%;

	border: none;

	font-size: 12px;

}

#sidebar select {

	margin-left: 37px;

	width: 80%;

}

#content .entry ul {

	margin: 0 22px;

	list-style-type: disc;

}

#content .entry ol {

	margin: 0 0px;

	padding: 0 30px;

	list-style-type: decimal;

}

/* lottery */

.a-lotto {

	font-family: Verdana;

	font-size: 28px;

	color: #A85045;

}

.number-lotto {

	background: #630;

	color: #FFF;

	font-size: 17px;

	width: 160px;

}

/* end lottery */



/* scroller text */

#pscroller2 {

	width: 450px;

	height: 20px;

	padding: 3px;

}

#pscroller2 a {

	text-decoration: none;

}

.someclass {

//class to apply to your scroller(s) if desired

}

/* end scroller text */



/*box_subpage*/

.box_l_subpage{

	float:left;

	width:130px;

}

.box_r_subpage{

	float:left; 

	width:370px; 

	font-size:16px;

}

/*end box_subpage*/



/* margin and padding */

.text_center {

	text-align: center;

}

.text_left {

	text-align: left;

}

.text_right {

	text-align: right;

}

.text_bold {

	font-weight: bold;

}

.float_l {

	float: left;

}

.float_r {

	float: right;

}

.clear {

	clear: both;

}

.font_red {

	color: #cb0e0e;

}

.font_gray {

	color: #2e0102;

}

.font_gray02 {

	color: #666;

}

.font_white {

	color: #FFF;

}

.font_orange {

	color: #fb6525;

}

.font_small {

	font-size: 10px;

}

.font12 {

	font-size: 12px;

}

.font14 {

	font-size: 14px;

}

.font15 {

	font-size: 15px;

}

.font_orange {

	color: #FF7F00;

	font-size: 14px;

	font-weight: bold;

}

.font_orange02 {

	color: #FF9900;

}

.font_bold {

	font-weight: bold;

}

.border_bottom_gray{

	border-bottom:dashed 1px #CCC;

}

.width480{

	width:480px;

}

.width310{

	width:310px;

}

.box_r_weekly_horo{

	 width:195px;

	 height:160px;

}

/*----------------------------*/

.padding-3 {

	padding: 3px;

}

.padding-7 {

	padding: 7px;

}

.padding-10 {

	padding: 10px;

}

.padding-top-1 {

	padding-top: 1px;

}

.padding-top-3 {

	padding-top: 3px;

}

.padding-top-5 {

	padding-top: 5px;

}

.padding-top-7 {

	padding-top: 7px;

}

.padding-top-10 {

	padding-top: 10px;

}

.padding-top-12 {

	padding-top: 12px;

}

.padding-top-15 {

	padding-top: 15px;

}

.padding-top-20 {

	padding-top: 20px;

}

.padding-top-25 {

	padding-top: 25px;

}

.padding-top-40 {

	padding-top: 40px;

}

.padding-top-55 {

	padding-top: 55px;

}

.padding-top-60 {

	padding-top: 60px;

}

.padding-top-63 {

	padding-top: 63px;

}

.padding-left-4 {

	padding-left: 4px;

}

.padding-left-5 {

	padding-left: 5px;

}

.padding-left-10 {

	padding-left: 10px;

}

.padding-left-13 {

	padding-left: 13px;

}

.padding-left-15 {

	padding-left: 15px;

}

.padding-left-18 {

	padding-left: 18px;

}

.padding-left-20 {

	padding-left: 20px;

}

.padding-left-25 {

	padding-left: 25px;

}

.padding-left-33 {

	padding-left: 33px;

}

.padding-left-40 {

	padding-left: 40px;

}

.padding-left-45 {

	padding-left: 45px;

}

.padding-left-50 {

	padding-left: 50px;

}

.padding-left-55 {

	padding-left: 55px;

}

.padding-left-56 {

	padding-left: 56px;

}

.padding-left-60 {

	padding-left: 60px;

}

.padding-left-75 {

	padding-left: 75px;

}

.padding-left-85 {

	padding-left: 85px;

}

.padding-right-1 {

	padding-right: 1px;

}

.padding-right-2 {

	padding-right: 2px;

}

.padding-right-3 {

	padding-right: 3px;

}

.padding-right-4 {

	padding-right: 4px;

}

.padding-right-5 {

	padding-right: 5px;

}

.padding-right-7 {

	padding-right: 7px;

}

.padding-right-10 {

	padding-right: 10px;

}

.padding-right-15 {

	padding-right: 15px;

}

.padding-right-16 {

	padding-right: 16px;

}

.padding-right-17 {

	padding-right: 17px;

}

.padding-right-18 {

	padding-right: 18px;

}

.padding-right-19 {

	padding-right: 19px;

}

.padding-right-20 {

	padding-right: 20px;

}

.padding-right-22 {

	padding-right: 22px;

}

.padding-right-25 {

	padding-right: 25px;

}

.padding-right-35 {

	padding-right: 35px;

}

.padding-right-38 {

	padding-right: 38px;

}

.padding-right-40 {

	padding-right: 40px;

}

.padding-right-42 {

	padding-right: 42px;

}

.padding-bottom-3 {

	padding-bottom: 3px;

}

.padding-bottom-4 {

	padding-bottom: 4px;

}

.padding-bottom-5 {

	padding-bottom: 5px;

}

.padding-bottom-6 {

	padding-bottom: 6px;

}

.padding-bottom-7 {

	padding-bottom: 7px;

}

.padding-bottom-8 {

	padding-bottom: 8px;

}

.padding-bottom-9 {

	padding-bottom: 9px;

}

.padding-bottom-10 {

	padding-bottom: 10px;

}

.padding-bottom-11 {

	padding-bottom: 12px;

}

.padding-bottom-12 {

	padding-bottom: 12px;

}

.padding-bottom-13 {

	padding-bottom: 13px;

}

.padding-bottom-14 {

	padding-bottom: 14px;

}

.padding-bottom-14 {

	padding-bottom: 14px;

}

.padding-bottom-15 {

	padding-bottom: 15px;

}

.padding-bottom-16 {

	padding-bottom: 16px;

}

.padding-bottom-17 {

	padding-bottom: 17px;

}

.padding-bottom-18 {

	padding-bottom: 18px;

}

.padding-bottom-19 {

	padding-bottom: 19px;

}

.padding-bottom-20 {

	padding-bottom: 15px;

}

.padding-bottom-21 {

	padding-bottom: 21px;

}

.padding-bottom-22 {

	padding-bottom: 22px;

}

.padding-bottom-23 {

	padding-bottom: 23px;

}

.padding-bottom-24 {

	padding-bottom: 24px;

}

.padding-bottom-25 {

	padding-bottom: 25px;

}

.padding-bottom-27 {

	padding-bottom: 27px;

}

.padding-bottom-28 {

	padding-bottom: 28px;

}

.padding-bottom-30 {

	padding-bottom: 30px;

}

.padding-bottom-31 {

	padding-bottom: 31px;

}

.padding-bottom-32 {

	padding-bottom: 32px;

}

.padding-bottom-33 {

	padding-bottom: 33px;

}

.padding-bottom-34 {

	padding-bottom: 34px;

}

.padding-bottom-35 {

	padding-bottom: 35px;

}

.padding-bottom-39 {

	padding-bottom: 39px;

}

.padding-bottom-40 {

	padding-bottom: 40px;

}

.padding-bottom-45 {

	padding-bottom: 45px;

}

.padding-bottom-41 {

	padding-bottom: 41px;

}

.padding-bottom-42 {

	padding-bottom: 42px;

}

.padding-bottom-43 {

	padding-bottom: 43px;

}

.padding-bottom-44 {

	padding-bottom: 44px;

}

.padding-bottom-45 {

	padding-bottom: 45px;

}

.padding-bottom-46 {

	padding-bottom: 46px;

}

.padding-bottom-47 {

	padding-bottom: 47px;

}

.padding-bottom-48 {

	padding-bottom: 48px;

}

.padding-bottom-49 {

	padding-bottom: 49px;

}

.padding-bottom-50 {

	padding-bottom: 50px;

}

.padding-bottom-51 {

	padding-bottom: 51px;

}

.padding-bottom-52 {

	padding-bottom: 52px;

}

.padding-bottom-53 {

	padding-bottom: 53px;

}

.padding-bottom-54 {

	padding-bottom: 54px;

}

.padding-bottom-55 {

	padding-bottom: 55px;

}

.padding-bottom-56 {

	padding-bottom: 56px;

}

.padding-bottom-57 {

	padding-bottom: 57px;

}

.padding-bottom-58 {

	padding-bottom: 58px;

}

.padding-bottom-59 {

	padding-bottom: 59px;

}

.padding-bottom-60 {

	padding-bottom: 60px;

}



/* end Margin and Padding*/