انجمن


کم کردن فاصله کلمات منو!!کمک  (۴ نوشته)

  • natanzi

    آفلاین
    عضو
    تعداد نوشته‌ها: ۸۰
    تشکر شده: ۲ بار
    # نوشته شده: ۱۲ سال پیش
    ۲۱ مرداد ۱۳۹۱ - ۰۱:۲۲

    دوستان چطور میتونم فاصله بین کلمات تو منو مشکی روکم کنم
    الان یکی از کلمات افتاده پایین : دفتر یادبود افتاده پایین
    هدفم اینه که بکشمش بالا و وسط در وسط باشه
    http://www.viunahotel.com

  • shapoor

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۴۳
    تشکر شده: ۸۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۲۱ مرداد ۱۳۹۱ - ۰۷:۰۵

    توفایل استایل دنبال کد زیر بگرد در اینجا عدد 10pxبیانگر فاصله بین برگه ها هستش

    list-style: none;
    	margin: 0;
    }
    #access .menu-header li,
    div.menu li {
    	float: left;
    	position: relative;
    }
    #access a {
    	color: #aaa;
    	display: block;
    	line-height: 38px;
    	padding: 10px;
    	text-decoration: no
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    natanzi
  • natanzi

    آفلاین
    عضو
    تعداد نوشته‌ها: ۸۰
    تشکر شده: ۲ بار
    # نوشته شده: ۱۲ سال پیش
    ۲۱ مرداد ۱۳۹۱ - ۱۲:۰۰

    کدوم قسمت میشه؟

    /*
    Theme Name: Welcome Inn
    Theme URI: http://themefuse.com/demo/wp/welcomeinn/
    Description: If you need a hotel oriented wordpress theme, you have to try Welcome Inn. It comes in 2 additional flavors: ski resort and spa. Enjoy!
    Version: 1.0.8
    Author: ThemeFuse
    Author URI: http://themefuse.com
    */
    
    /*
    WARNING! DO NOT EDIT THIS FILE!
    
    To make it easy to update your theme, you should not edit the styles in this file. Instead use
    the custom.css file to add your styles. You can copy a style from this file and paste it in
    custom.css and it will override the style in this file. You have been warned! :)
    */
    
    /*------------------------------------------------
    
    CSS STRUCTURE:
    
    1. GENERAL TYPOGRAPHY
    	1.1 Global Reset
    	1.2 Extra fonts
    	1.3 General Styles
    	1.4 List Styles
    	1.5 Borders & Dividers
    	1.6 Headers
    	1.7 Tables
    	1.8 Images
    	1.9 Forms
    	1.10 Buttons
    	1.11 Columns Styles
    
    2. SITE STRUCTURE
    	2.1 Header
    	    - Topmenu
    	2.2 Header Image Slider
    	2.3 Middle content
    	2.4 Homepage Baners Top
    	2.5 Header Top Image
    	2.7 Footer
    
    3. EXTENDED TYPOGRAPHY
    	3.1 Typographic Elements
    		- Framed boxes
    		- Quotes
    		- Colored Text
    
    4. EXTENDED ELEMENTS
    	4.1 Boxes
    	4.2 Newsletter box
    	4.3 List Rooms
    	4.4 News List items
    	4.5 Pagination
    	4.6 Table Pricing
    	4.7 Contact Form
    	4.8 Contact Social Box
    	4.9 Reservetion Form
    	4.10 Comment form
    	4.11 Contact Box
    
    5. WIDGETS
    	5.1 Widget Recent Comment
    	5.2 Widget Recent Entries
    
    ------------------------------------------------*/
    
    /*============================================================================================*/
    /* 1. GENERAL TYPOGRAPHY */
    /*============================================================================================*/
    
    /*----------------------------------------------*/
    /* 1.1 Global Reset */
    /*----------------------------------------------*/
    
    body, html  { height: 100%; }
    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,
    b, u, i, center,
    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-size: 100%;
    	vertical-align: baseline;
    
    }
    body { line-height: 1; font-family: tahoma, Arial;}
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    :focus { outline: 0; }/* remember to define focus styles! */
    del { text-decoration: line-through; }
    table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
    
    /*----------------------------------------------*/
    /* 1.2 Extra fonts */
    /*----------------------------------------------*/
    @font-face {
        font-family: 'JournalRegular';
        src: url('css/journal-webfont.eot?') format('eot'),
             url('css/journal-webfont.woff') format('woff'),
             url('css/journal-webfont.ttf') format('truetype'),
             url('css/journal-webfont.svg#webfontGhV9TBys') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'MelbourneBold';
        src: url('css/melbourne_bold-webfont.eot?') format('eot'),
             url('css/melbourne_bold-webfont.woff') format('woff'),
             url('css/melbourne_bold-webfont.ttf') format('truetype'),
             url('css/melbourne_bold-webfont.svg#webfontzCPiyXMS') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'MelbourneRegular';
        src: url('css/melbourne_reg-webfont.eot?') format('eot'),
             url('css/melbourne_reg-webfont.woff') format('woff'),
             url('css/melbourne_reg-webfont.ttf') format('truetype'),
             url('css/melbourne_reg-webfont.svg#webfontQzFjdvCi') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    /*----------------------------------------------*/
    /* 1.3 General Styles */
    /*----------------------------------------------*/
    
    /* Floating & Alignment */
    .aligncenter,
    div.aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto}
    .alignleft {
    	float: left}
    .alignright {
    	float: right}
    
    .text-right {
    	text-align:right}
    .text-left {
    	text-align:left}
    .text-center {
    	text-align:center}
    
    /* Clear Floats */
    .clear {
    	clear: both;
    	display: block;
    	overflow: hidden;
    	visibility: hidden;
    	width: 0;
    	height: 0;}
    
    .clearfix {
    	display: inline-block;}
    
    * html .clearfix {
    	height: 1%;}
    
    .clearfix {
    	display: block;}
    
    .clearfix:after {
    	clear: both;
    	content: ' ';
    	display: block;
    	font-size: 0;
    	line-height: 0;
    	visibility: hidden;
    	width: 0;
    	height: 0;}
    
    .fix{
    	clear: both;
    	height: 1px;
    	margin: -1px 0 0;
    	overflow: hidden;}
    
    a {
    	text-decoration:none;
    	outline:none;
    	color:#7aa218
    	font-family: tahoma, arial;
    }
    
    /*----------------------------------------------*/
    /* 1.4 List Styles */
    /*----------------------------------------------*/
    ul{ list-style:disc outside; }
    ol{ list-style:decimal outside; }
    li{ margin:0;}
    ol li{ margin-top:5px; margin-bottom:7px }
    ul, ol, dd{ margin-left:25px; }
    ul ul, ol ul, ul ol, ol ol{ margin-bottom:0; }
    
    /*----------------------------------------------*/
    /* 1.5 Borders & Dividers */
    /*----------------------------------------------*/
    hr{
    	border:0px solid transparent !important;
    	background-color:transparent !important;
    	height:1px;
    	background:#ededed}
    
    .border {
    	border:1px solid #d6d6d6}
    
    .divider_space, .divider, .divider_thin {
    	clear:both;
    	display:block;
    	margin-bottom:20px;
    	padding-top:20px;
    	width:100%;}
    
    .divider_thin {
    	margin-bottom:10px;
    	padding-top:10px;}
    
    .divider{
    	background:url(images/divider_line.gif) bottom repeat-x;
    	padding-top:22px;
    	margin-bottom:40px;}
    
    .clearboth{
    	clear:both;
    	display:block;
    	font-size:0px;
    	height:0;
    	line-height:0;
    	width:100%;}
    
    /*----------------------------------------------*/
    /* 1.6 Headers */
    /*----------------------------------------------*/
    h1,h2,h3,h4,h5,h6{
    	font-weight:normal;
    	font-family: 'MelbourneRegular', Arial, sans-serif;
    	color:#1a1a1a}
    
    h1{
    	font-size:24px;
    	line-height:24px;
    	margin-bottom:20px}	
    
    h2{
    	font-size:20px;
    	font-family: 'MelbourneRegular', Arial, sans-serif;
    	line-height:23px;
    	margin-bottom:15px}
    
    h3{
    	font-size:19px;
    	line-height:22px;}
    
    h3.widgettitle{
    	margin-bottom:10px; }
    
    h4{
    	font-size:17px;
    	color:#333;
    	margin-bottom:10px;}
    
    h5{
    	font-size:16px;
    	font-weight:normal;}
    
    h6{
    	font-size:14px;
    	letter-spacing:2px;
    	margin-bottom:5px;
    	padding-bottom:5px;
    	text-transform:uppercase;
    	line-height:20px;
    	font-weight:normal;
    	color:#444e69;}
    
    /*----------------------------------------------*/
    /* 1.7 Tables */
    /*----------------------------------------------*/
    table.fancy_table,.widget_calendar table { border-collapse:separate; border-spacing:0; width:99%; padding:2px 0; }
    table,td,th { vertical-align:middle; text-align:center; font-size:13px;}
    th{ padding:10px; text-transform:uppercase; letter-spacing:1px;}
    td{ padding:10px; }
    table.fancy_table,.widget_calendar table{margin:20px 2px; }
    .fancy_table th,.widget_calendar table th{border-bottom:1px solid #fff;}
    .fancy_table td,.widget_calendar table td{color:#888;border-top:1px solid #eee;}
    .fancy_table,.widget_calendar table{border:1px solid #fff;}
    
    /*----------------------------------------------*/
    /* 1.8 Images */
    /*----------------------------------------------*/
    img.alignleft {
    	margin:5px 16px 5px 0 !important;}
    img.alignright {
    	margin:5px 0 5px 16px !important;}
    
    img.framed,.video_frame,.wp-caption,#flickr a img, dl.gallery-item img{ padding:6px;margin:2px; }
    p.wp-caption-text{
    	margin-bottom:0px;
    	text-align:center;}
    
    .wp-caption{
    	margin-bottom:10px !important;
    	padding-top:10px;
    	text-align:center;}
    
    .image_frame img, img.image_frame{
    	background:#fff;
    	padding:7px;
    	border:1px solid #d6d6d6;
    	-webkit-border-radius: 2px;
    	-moz-border-radius: 2px;
    	border-radius: 2px;}
    
    /*----------------------------------------------*/
    /* 1.9 Forms */
    /*----------------------------------------------*/
    fieldset{
    	padding:20px;
    	border:1px solid #e0e0e0;}
    form .row {
    	padding:5px 0}
    input[type=text],input[type=password],textarea{
    	color:#a6a6a6;
    	padding:8px;
    	border:1px solid #e0e0e0;
    	background:#fff;
    	-webkit-border-radius: 2px;
    	-moz-border-radius: 2px;
    	border-radius: 2px;}
    textarea{
    	width:90%;
    	font-size:12px;
    	background:#fff;
    	overflow:auto;
    	-webkit-border-radius: 2px;
    	-moz-border-radius: 2px;
    	border-radius: 2px;}
    
    input, textarea,input[type="submit"]:focus{
    	outline:0 none;}
    
    input[type="radio"],input[type="checkbox"]{
    	margin-right:10px; margin-left:10px;}
    
    button::-moz-focus-inner {
    	border: 0;
    	padding: 0;}
    
    input[type="reset"],input[type="submit"],input[type="button"], button{
    	background:url(images/btn_submit.gif) 0 0 no-repeat #abc742;
    	border:none;
    	color:#344c01;
    	margin:0;
    	outline-width:0;
    	padding:3px 30px 15px 30px;
    	height:32px;
    	font-family: 'MelbourneRegular', Arial, sans-serif;
    	text-shadow:#fff 0 1px 1px;
    	font-size:18px;
    	line-height:19px;
    	text-align:center}	
    
    input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover,
    input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,
    button:hover,button:focus{
    	color:#5e2f7f;
    	cursor:pointer;}
    
    /*----------------------------------------------*/
    /* 1.10 Buttons */
    /*----------------------------------------------*/
    
    .button_link {
    	background:url(images/buttons_bg.gif) no-repeat  right -32px transparent;
    	color:#344c01;
    	display:inline-block;
    	margin:5px 0;
    	border:0 none;
    	padding:0 20px 0 0;
    	font-family: 'MelbourneRegular', Arial, sans-serif;
    	font-size:17px;
    	height:32px}
    
    .button_link span{
    	background:url(images/buttons_bg.gif) no-repeat  left 0 transparent;
    	display:block;
    	line-height:12px;
    	color:#344c01;
    	padding:12px 10px 8px 20px;
    	text-shadow:#faff8d 0 1px 1px}
    
    /*----------------------------------------------*/
    /* 1.11 Columns Styles */
    /*----------------------------------------------*/
    /*
    960px grid system ~ Core CSS.
    24 Columns ~ Margin left: 5px ~ Margin right: 5px
    */
    /* =Containers
    --------------------------------------------------------------------------------*/
    .container_24
    {
    	margin-left: auto;
    	margin-right: auto;
    	width: 960px;
    }
    
    /* =Grid >> Global
    --------------------------------------------------------------------------------*/
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12,
    .grid_13,
    .grid_14,
    .grid_15,
    .grid_16,
    .grid_17,
    .grid_18,
    .grid_19,
    .grid_20,
    .grid_21,
    .grid_22,
    .grid_23,
    .grid_24 {
    	direction: rtl;
    	display: inline;
    	float: left;
    	margin-left: 5px;
    	margin-right: 5px;
    }
    
    .push_1, .pull_1,
    .push_2, .pull_2,
    .push_3, .pull_3,
    .push_4, .pull_4,
    .push_5, .pull_5,
    .push_6, .pull_6,
    .push_7, .pull_7,
    .push_8, .pull_8,
    .push_9, .pull_9,
    .push_10, .pull_10,
    .push_11, .pull_11,
    .push_12, .pull_12,
    .push_13, .pull_13,
    .push_14, .pull_14,
    .push_15, .pull_15,
    .push_16, .pull_16,
    .push_17, .pull_17,
    .push_18, .pull_18,
    .push_19, .pull_19,
    .push_20, .pull_20,
    .push_21, .pull_21,
    .push_22, .pull_22,
    .push_23, .pull_23 {
    	position: relative;
    }
    
    /* =Grid >> Children (Alpha ~ First, Omega ~ Last)
    --------------------------------------------------------------------------------*/
    .alpha {margin-left: 0;}
    .omega {margin-right: 0;}
    
    /* =Grid >> 24 Columns
    --------------------------------------------------------------------------------*/
    .container_24 .grid_1 {width: 30px;}
    .container_24 .grid_2 {width: 70px;}
    .container_24 .grid_3 {width: 110px;}
    .container_24 .grid_4 {width: 150px;}
    .container_24 .grid_5 {width: 190px;}
    .container_24 .grid_6 {width: 230px; font: normal 12px/18px tahoma, Arial !important;}
    .container_24 .grid_7 {width: 270px;}
    .container_24 .grid_8 {width: 310px;}
    .container_24 .grid_9 {width: 350px;}
    .container_24 .grid_10 {width: 390px;}
    .container_24 .grid_11 {width: 430px;}
    .container_24 .grid_12 {width: 470px;}
    .container_24 .grid_13 {width: 510px;}
    .container_24 .grid_14 {width: 550px;}
    .container_24 .grid_15 {width: 590px;}
    .container_24 .grid_16 {width: 630px;}
    .container_24 .grid_17 {width: 670px;}
    .container_24 .grid_18 {width: 710px;}
    .container_24 .grid_19 {width: 750px;}
    .container_24 .grid_20 {width: 790px;}
    .container_24 .grid_21 {width: 830px;}
    .container_24 .grid_22 {width: 870px;}
    .container_24 .grid_23 {width: 910px;}
    .container_24 .grid_24 {width: 950px;}
    
    /* =Prefix Extra Space >> 24 Columns
    --------------------------------------------------------------------------------*/
    .container_24 .prefix_1 {padding-left: 40px;}
    .container_24 .prefix_2 {padding-left: 80px;}
    .container_24 .prefix_3 {padding-left: 120px;}
    .container_24 .prefix_4 {padding-left: 160px;}
    .container_24 .prefix_5 {padding-left: 200px;}
    .container_24 .prefix_6 {padding-left: 240px;}
    .container_24 .prefix_7 {padding-left: 280px;}
    .container_24 .prefix_8 {padding-left: 320px;}
    .container_24 .prefix_9 {padding-left: 360px;}
    .container_24 .prefix_10 {padding-left: 400px;}
    .container_24 .prefix_11 {padding-left: 440px;}
    .container_24 .prefix_12 {padding-left: 480px;}
    .container_24 .prefix_13 {padding-left: 520px;}
    .container_24 .prefix_14 {padding-left: 560px;}
    .container_24 .prefix_15 {padding-left: 600px;}
    .container_24 .prefix_16 {padding-left: 640px;}
    .container_24 .prefix_17 {padding-left: 680px;}
    .container_24 .prefix_18 {padding-left: 720px;}
    .container_24 .prefix_19 {padding-left: 760px;}
    .container_24 .prefix_20 {padding-left: 800px;}
    .container_24 .prefix_21 {padding-left: 840px;}
    .container_24 .prefix_22 {padding-left: 880px;}
    .container_24 .prefix_23 {padding-left: 920px;}
    
    /* =Suffix Extra Space >> 24 Columns
    --------------------------------------------------------------------------------*/
    .container_24 .suffix_1 {padding-right: 40px;}
    .container_24 .suffix_2 {padding-right: 80px;}
    .container_24 .suffix_3 {padding-right: 120px;}
    .container_24 .suffix_4 {padding-right: 160px;}
    .container_24 .suffix_5 {padding-right: 200px;}
    .container_24 .suffix_6 {padding-right: 240px;}
    .container_24 .suffix_7 {padding-right: 280px;}
    .container_24 .suffix_8 {padding-right: 320px;}
    .container_24 .suffix_9 {padding-right: 360px;}
    .container_24 .suffix_10 {padding-right: 400px;}
    .container_24 .suffix_11 {padding-right: 440px;}
    .container_24 .suffix_12 {padding-right: 480px;}
    .container_24 .suffix_13 {padding-right: 520px;}
    .container_24 .suffix_14 {padding-right: 560px;}
    .container_24 .suffix_15 {padding-right: 600px;}
    .container_24 .suffix_16 {padding-right: 640px;}
    .container_24 .suffix_17 {padding-right: 680px;}
    .container_24 .suffix_18 {padding-right: 720px;}
    .container_24 .suffix_19 {padding-right: 760px;}
    .container_24 .suffix_20 {padding-right: 800px;}
    .container_24 .suffix_21 {padding-right: 840px;}
    .container_24 .suffix_22 {padding-right: 880px;}
    .container_24 .suffix_23 {padding-right: 920px;}
    
    /*
    Push Space >> 24 Columns
    --------------------------------------------------------------------------------*/
    .container_24 .push_1 {left: 40px;}
    .container_24 .push_2 {left: 80px;}
    .container_24 .push_3 {left: 120px;}
    .container_24 .push_4 {left: 160px;}
    .container_24 .push_5 {left: 200px;}
    .container_24 .push_6 {left: 240px;}
    .container_24 .push_7 {left: 280px;}
    .container_24 .push_8 {left: 320px;}
    .container_24 .push_9 {left: 360px;}
    .container_24 .push_10 {left: 400px;}
    .container_24 .push_11 {left: 440px;}
    .container_24 .push_12 {left: 480px;}
    .container_24 .push_13 {left: 520px;}
    .container_24 .push_14 {left: 560px;}
    .container_24 .push_15 {left: 600px;}
    .container_24 .push_16 {left: 640px;}
    .container_24 .push_17 {left: 680px;}
    .container_24 .push_18 {left: 720px;}
    .container_24 .push_19 {left: 760px;}
    .container_24 .push_20 {left: 800px;}
    .container_24 .push_21 {left: 840px;}
    .container_24 .push_22 {left: 880px;}
    .container_24 .push_23 {left: 920px;}

    /* `Pull Space >> 24 Columns
    --------------------------------------------------------------------------------*/
    .container_24 .pull_1 {left: -40px;}
    .container_24 .pull_2 {left: -80px;}
    .container_24 .pull_3 {left: -120px;}
    .container_24 .pull_4 {left: -160px;}
    .container_24 .pull_5 {left: -200px;}
    .container_24 .pull_6 {left: -240px;}
    .container_24 .pull_7 {left: -280px;}
    .container_24 .pull_8 {left: -320px;}
    .container_24 .pull_9 {left: -360px;}
    .container_24 .pull_10 {left: -400px;}
    .container_24 .pull_11 {left: -440px;}
    .container_24 .pull_12 {left: -480px;}
    .container_24 .pull_13 {left: -520px;}
    .container_24 .pull_14 {left: -560px;}
    .container_24 .pull_15 {left: -600px;}
    .container_24 .pull_16 {left: -640px;}
    .container_24 .pull_17 {left: -680px;}
    .container_24 .pull_18 {left: -720px;}
    .container_24 .pull_19 {left: -760px;}
    .container_24 .pull_20 {left: -800px;}
    .container_24 .pull_21 {left: -840px;}
    .container_24 .pull_22 {left: -880px;}
    .container_24 .pull_23 {left: -920px;}

    .col_1,
    .col_1_2,
    .col_1_3,
    .col_2_3,
    .col_1_4,
    .col_3_4,
    .col_1_5,
    .col_2_5,
    .col_3_5,
    .col_4_5,
    .col_1_6,
    .col_5_6,
    .col_3_8,
    .col_5_8,
    .col_1_12 {
    direction: rtl;
    display:inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;}

    .col {
    float:left}

    /* Col 1/2 */
    .container_24 .grid_17 .col_1_2 ,
    .container_24 .grid_17 .text .col_1_2 {
    width:313px;}

    .container_24 .col_1_2 ,
    .container_24 .text .col_1_2 {
    width:458px;}

    /* Col 1/3 */
    .container_24 .grid_17 .col_1_3,
    .container_24 .grid_17 .text .col_1_3 {
    width:201px;}

    .container_24 .col_1_3,
    .container_24 .text .col_1_3 {
    width:298px;}

    /* Col 1/4 */
    .container_24 .grid_17 .col_1_4,
    .container_24 .grid_17 .text .col_1_4 {
    width:145px;}

    .container_24 .col_1_4,
    .container_24 .text .col_1_4 {
    width:218px;}

    /* Col 1/5 */
    .container_24 .grid_17 .col_1_5,
    .container_24 .grid_17 .text .col_1_5 {
    width:112px;}

    .container_24 .col_1_5,
    .container_24 .text .col_1_5 {
    width:170px;}

    /* Col 1/6 */
    .container_24 .grid_17 .col_1_6,
    .container_24 .grid_17 .text .col_1_6 {
    width:89px;}

    .container_24 .col_1_6,
    .container_24 .text .col_1_6 {
    width:138px;}

    .container_24 .col_1_7,
    .container_24 .text .col_1_7 {
    width:115px;}

    /* Col 1/12 */
    .container_24 .grid_17 .col_1_6,
    .container_24 .grid_17 .text .col_1_6 {
    width:34px;}

    .container_24 .col_1_6,
    .container_24 .text .col_1_6 {
    width:58px;}

    /* Col 2/3 */
    .container_24 .grid_17 .col_2_3,
    .container_24 .grid_17 .text .col_2_3 {
    width:424px;}

    .container_24 .col_2_3,
    .container_24 .text .col_2_3 {
    width:618px;}

    /* Col 2/5 */
    .container_24 .grid_17 .col_2_5,
    .container_24 .grid_17 .text .col_2_5 {
    width:246px;}

    .container_24 .col_2_5,
    .container_24 .text .col_2_5 {
    width:362px;
    direction: rtl;
    font: normal 11px/18px tahoma, Arial;
    color: #ccc;
    }

    /* Col 3/4 */
    .container_24 .grid_17 .col_3_4,
    .container_24 .grid_17 .text .col_3_4 {
    width:480px;}

    .container_24 .col_3_4,
    .container_24 .text .col_3_4 {
    width:698px;}

    /* Col 3/5 */
    .container_24 .grid_17 .col_3_5,
    .container_24 .grid_17 .text .col_3_5 {
    width:380px;}

    .container_24 .col_3_5,
    .container_24 .text .col_3_5 {
    width:554px;}

    /* Col 3/8 */
    .container_24 .grid_17 .col_3_8,
    .container_24 .grid_17 .text .col_3_8 {
    width:229px;}

    .container_24 .col_3_8,
    .container_24 .text .col_3_8 {
    width:338px;}

    /* Col 4/5 */
    .container_24 .grid_17 .col_4_5,
    .container_24 .grid_17 .text .col_4_5 {
    width:514px;}

    .container_24 .col_4_5,
    .container_24 .text .col_4_5 {
    width:746px;}

    /* Col 5/6 */
    .container_24 .grid_17 .col_5_6,
    .container_24 .grid_17 .text .col_5_6 {
    width:536px;}

    .container_24 .col_5_6,
    .container_24 .text .col_5_6 {
    width:778px;}

    /* Col 5/8 */
    .container_24 .grid_17 .col_5_8,
    .container_24 .grid_17 .text .col_5_8 {
    width:397px;}

    .container_24 .col_5_8,
    .container_24 .text .col_5_8 {
    width:578px;}

    /*============================================================================================*/
    /* 2. SITE STRUCTURE */
    /*============================================================================================*/
    body {
    background:url(images/bg-header-red.jpg) #fff;
    font-family:Arial, Helvetica, sans-serif;
    color:#595959;
    font-size:13px;
    line-height:1.4em;
    min-width:996px}

    /*----------------------------------------------*/
    /* 2.1 Header */
    /*----------------------------------------------*/

    .head {
    background:url(images/bg-header-red.jpg) ;}

    .head .container {
    height:152px;}

    .logo {
    position:absolute;
    top:10px;
    left:395px;
    width:300px}

    .head_right {
    float:left;
    margin:50px 300px 0 25px;
    direction: rtl;
    font: normal 11px/18px tahoma, Arial;
    }

    .icon-top {
    line-height:29px;
    padding-right:20px;
    color:#686e73;
    font-family:tahoma, Arial, sans-serif;
    font-size:13px;
    text-align:right}

    .icon-phone {
    background:url(images/icon_phone.png) right 5px no-repeat;}

    .icon-map {
    background:url(images/icon_map_point.png) right 5px no-repeat;}

    .icon-top span, icon-top a {
    color:#82a62b;
    text-decoration:none}

    /* topmenu */
    .menu-header {
    height:35px;
    background:url(images/topmenu_bg.gif) 0 0 repeat-x;
    z-index:2;}

    .menu-header .container {
    z-index:3}

    .topmenu {
    height:35px;
    z-index:1300;
    margin:0;
    padding:0;
    font-family:'MelbourneRegular', Arial, sans-serif;
    font-size:16px;}

    .topmenu li {
    display:block;
    float:right;
    height:35px;
    position:relative;
    list-style:none;
    margin-left:40px}

    .topmenu li a {
    display:block;
    padding:8px 2px 0 2px;
    color:#747a80;
    font-family: tahoma, Arial;
    font-size: 12px;
    }

    .topmenu li a:hover,
    .topmenu .current-menu-item a,
    .topmenu .current-menu-item li a:hover,
    .topmenu .current-menu-item .current_page_item a,
    .topmenu .current-menu-ancestor a,
    .topmenu .current-menu-ancestor a:hover,
    .topmenu li li.current-menu-ancestor a,
    .topmenu .current-post-ancestor a,
    .topmenu li .current-menu-ancestor .current-menu-item a{
    color:#e7e7e7;}

    .topmenu .current-menu-item li a,
    .topmenu .current-menu-ancestor li a,
    .topmenu li .current-menu-ancestor li a {
    color:#747a80;}

    .topmenu li ul {
    display:none;
    text-align: right;
    position: absolute;
    top: 35px;
    right: -10px;
    z-index: 1308;
    width: 155px;
    padding:0;
    margin:0;}

    .topmenu li ul li ul {
    display:none;
    position: absolute;
    top:0px;
    left:155px;
    z-index: 1308;
    width: 154px;}

    .topmenu li ul li {
    display:block;
    background:url(images/dropdown_bg.png) 0 0 repeat-y;
    width: 135px;
    margin:0;
    height:auto;
    padding:0 10px;
    clear:both;
    position:relative;}

    .topmenu li ul li a {
    display:block;
    color:#7d7d7d;
    padding:7px 5px 7px 5px;
    background:url(images/dropdown_line.png) bottom repeat-x;}

    .topmenu li a span {
    display:block;}

    .topmenu li a:hover span {
    cursor:pointer}

    .topmenu li:hover ul li ul {
    display:none;}

    .topmenu li:hover ul,
    .topmenu li:hover ul li:hover ul{
    display:block}

    .submenu-arrow{
    float:right;
    vertical-align:top;}

    /*----------------------------------------------*/
    /* 2.2 Header Image Slider */
    /*----------------------------------------------*/
    .header {
    background:url(images/header_image_bg.gif);
    min-height:116px;
    z-index:1}

    .header .container {
    width:990px;
    min-height:116px;}

    .homepage .container{
    height:404px;
    background:url(images/slider_bg.png) 0 0 no-repeat;}

    .header .caption {
    font-family:tahoma, Arial, sans-serif;
    font-size:13px;
    color:#747a80;
    direction: rtl;

    }

    .header .caption:first-child {
    bottom:0px}

    .header-line {
    background:url(images/header_line.gif) 0 0 repeat-x;
    height:8px;
    clear:both}

    /*----------------------------------------------*/
    /* 2.3 Middle content */
    /*----------------------------------------------*/
    .container {
    position:relative;
    z-index:0;
    width:960px;
    margin:0 auto}

    .middle {
    background:url(images/middle_bg.jpg) 0 0 repeat-x #fff}

    .middle .container {
    background:url(images/middle_center_bg.jpg) center 0 no-repeat;
    min-height:200px;
    padding-top:130px}

    .middle .padding50px {
    padding-top:50px!important}

    /*----------------------------------------------*/
    /* 2.4 Homepage Baners Top */
    /*----------------------------------------------*/
    .baners_top {
    position: absolute;
    top:-42px;
    left:120px;}

    .baner-item {
    float:left;
    text-align:center;}

    .baner-img {
    background:url(images/baners_top_shadow.png) center bottom no-repeat;
    padding:0 5px 5px 5px;}

    .baner-item img {
    width:230px;}

    .baner-item h2 {
    margin:10px 0 0 0;
    line-height:1em;
    font-family:'MelbourneRegular', Arial, sans-serif;
    font-size:21px;}

    .baner-item h2 span {
    font-size:29px;
    font-family:'JournalRegular', 'Times New Roman', Times, serif;
    padding-right:4px;
    line-height:1em}

    /*----------------------------------------------*/
    /* 2.5 Header Top Image */
    /*----------------------------------------------*/
    .header-title-image {
    width:730px;
    position: absolute;
    left:115px;
    top:-92px;
    text-align:center;}

    .header-title-image .image {
    background:url(images/header_image_shadow.png) center bottom no-repeat;
    width:708px;
    height:131px;
    padding:0 11px}

    .header-title-image h1,
    .header-title-image strong {
    margin:10px 0 0 0;
    line-height:1em;
    font-family:'MelbourneRegular', Arial, sans-serif;
    font-size:24px;
    display:block;
    font-weight:normal;
    color:#1a1a1a}

    .header-title-image h1 span,
    .header-title-image strong span {
    font-size:33px;
    font-family:'JournalRegular', 'Times New Roman', Times, serif;
    padding-right:4px;
    line-height:1em}

    /*----------------------------------------------*/
    /* 2.7 Footer */
    /*----------------------------------------------*/
    .footer {
    border-top:1px solid #c9c9c9;
    background:url(images/bg-header-red.jpg) ;
    padding:40px 0 40px 0;
    color:#808080;
    font-size:12px;
    line-height:1.7em}

    .footer .box_black h3, .footer .box_gray h3 {
    color:#1A1A1A!important;
    }

    .footer .box_black a, .footer .box_gray a {
    color:#7AA218!important;
    }

    .footer .box.box_black, .footer .box.box_gray {
    background:none;
    color: gray!important;
    }

    .footer .address p {
    margin:0;
    line-height:1.8em;
    color: #ccc;
    }
    .footer a {
    color: #ccc;
    }

    /* bottom menu */
    .botmenu ul {
    margin:0 0 3px 0;
    padding:0;
    text-align:right}

    .botmenu ul li {
    list-style:none;
    display:inline;
    background:url(images/botmenu_line.gif) right center no-repeat;
    padding:0 12px 0 7px}

    .botmenu ul li.last {
    padding:0 0 0 5px;
    background:none}

    .botmenu ul li a:hover {
    color:#000}

    .fallow {
    text-align:right}

    .link_social {
    color:#292929;
    padding-right:43px;
    margin-left:12px;}

    .link_fb {
    background:url(images/social_fb.gif) right 0 no-repeat}

    .link_twitter {
    background:url(images/twitter.png) right 0 no-repeat}

    .link_rss {
    background:url(images/rss.gif) right 0 no-repeat}

    .copyright {
    text-align:right;
    padding-top:30px;}

    /*============================================================================================*/
    /* 3. EXTENDED TYPOGRAPHY */
    /*============================================================================================*/

    /*----------------------------------------------*/
    /* 3.1 Typographic Elements */
    /*----------------------------------------------*/
    .text {
    font-size:12px;
    font-family: tahoma, Arial;
    }

    .text a {
    color:#82a62b}

    .text p {
    margin-bottom:20px}

    .text ul, .text ol {
    margin:5px 0 25px 35px}

    .text ul li, .text ol li {
    margin-bottom:10px}

    .link-more {
    font-family:'MelbourneRegular', Arial, sans-serif;
    font-size:15px;}

    .text h1,
    .text h2,
    .text .title-arrow {
    color:#a6a6a6;
    font-family: Arial, sans-serif;
    font-size:18px;
    font-weight: bold;
    background:url(images/arrow_1_green.png) right 3px no-repeat;
    padding:0 20px 0 0;
    margin:10px 0 20px 0;}

    .text h1, .text h2, .text h3,.text h4,.text h5 {
    text-transform:none;
    margin-bottom:15px;
    font: normal 19px/22px 'b yekan', '2 yekan', tahoma, arial;
    }

    .text h2 a,
    .text h1 a {
    color:#a6a6a6}

    .text h2 a:hover,
    .text h1 a:hover {
    color:#7aa218}

    .text_deleted {
    text-decoration:line-through}

    .title_border {
    border-bottom:1px solid #e5e5e5;
    padding-bottom:15px}

    /* Framed boxes */
    .frame_left, .frame_right, .frame_center, .frame_box {
    border:1px solid #d7d7d7;
    background:#fff;
    padding:7px;
    margin:5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}

    .frame_box {
    display: inline-block}

    .frame_left {
    float:left;
    display:block;
    margin:7px 18px 5px 0;}

    .frame_right {
    float:right;
    display:block;
    margin:7px 0 5px 18px}

    .frame_center {
    float:none;
    display:block;
    margin:10px auto}

    /*============================================================================================*/
    /* 4. EXTENDED ELEMENTS */
    /*============================================================================================*/
    /*----------------------------------------------*/
    /* 4.1 Mini Gallery */
    /*----------------------------------------------*/
    .minigallery-list {
    position:relative;
    padding:10px 10px;}

    .minigallery {
    width:100%;
    height:90px;
    overflow:hidden;
    margin:10px 5px 10px 11px;
    padding:0;}

    .container_24 .minigallery li {
    float:left;
    width:139px;
    height:90px;
    margin:0 7px;
    list-style:none}

    .container_24 .grid_17 .minigallery li {
    float:left;
    width:139px;
    height:90px;
    margin:0 9px;
    list-style:none}

    .minigallery li img {
    width:139px;
    height:90px;}

    .minigallery-list .next,
    .minigallery-list .prev{
    cursor:pointer;
    display:block;
    width:7px;
    height:14px;
    position:absolute;
    text-indent:-5000px;
    top:55px;}

    .minigallery-list .prev {
    background:url(images/arrow_prev_next.png) 0 0 no-repeat;
    left:10px}

    .minigallery-list .next {
    background:url(images/arrow_prev_next.png) 0 -14px no-repeat;
    right:10px}

    .minigallery-list .prev:hover {
    background:url(images/arrow_prev_next.png) -7px 0 no-repeat;}

    .minigallery-list .next:hover {
    background:url(images/arrow_prev_next.png) -7px -14px no-repeat;}

    .minigallery-list .disabled,
    .minigallery-list .disabled:hover{
    background:none;
    cursor: auto}

    /* Quotes */
    blockquote {
    border-top:1px dotted #9c9c9c;
    border-bottom:1px dotted #9c9c9c;
    padding:10px;
    margin:20px 0;}

    blockquote p {
    margin:5px 0;
    padding:0}

    .quote, .quote_right, .quote_left {
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size:17px;
    font-weight:normal;
    color:#000;
    background:url(images/icon_quotes.gif) 5px 10px no-repeat;
    margin:10px 0;
    line-height:1.5em;
    border-top:1px dotted #969696;}

    .quote .inner1 , .quote_right .inner1 , .quote_left .inner1 {
    border-bottom:1px dotted #969696;
    padding:10px 10px 10px 35px;}

    .grid_6 .quote {
    margin: 0;
    }

    .grid_6 .input {
    width:97px;
    }

    .grid_6 .box {
    padding-bottom: 8px;
    margin-bottom: 22px;
    }

    .grid_6 .faq_answer {
    font-size: 13px;
    margin: 15px 0 0px 0;!important
    color: #595959;
    }

    .grid_6 .box .box_black widget_text {
    color: #ffffff;
    }

    .grid_6 .box.box_black .faq_answer, .grid_6 .box.box_black .dropcap1, .grid_6 .box.box_black .dropcap2, .grid_6 .box.box_black .faq_question {
    color: #ffffff;
    }

    .quote_right, .quote_left {
    width:360px}

    .quote_right {
    float:right;
    margin-left:20px}

    .quote_left {
    float:left;
    margin-right:20px}

    .quote p, .quote_left p, .quote_right p {
    margin:5px 0}

    .quote-author {
    color:#82a62b;
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size:15px;
    padding-top:5px}

    /* Toggle Contents */
    .toggle, h3.toggle {
    cursor:pointer;
    background:url(images/toggle_plus.gif) 98% 4px #d0d0d0 no-repeat;
    padding:10px;
    line-height:inherit;
    margin:20px 0}

    .toggle.active {
    background:url(images/toggle_minus.gif) 98% 4px #d0d0d0 no-repeat;}

    .toggle_content {
    margin-left:10px;
    padding:15px;
    background:#f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom:20px}

    .toggle_content .faq_list {
    margin:10px 0 0 0}

    /*----------------------------------------------*/
    /* 4.5 FAQ List */
    /*----------------------------------------------*/
    .faq_list {
    margin:30px 0 10px 0}

    .faq_question {
    color:#000;}

    .faq_answer {
    font-size:13px;
    margin:15px 0 50px 0;
    color:#595959}

    /* Dropcaps */
    .dropcap1, .dropcap2 {
    color:#444e69;
    display:block;
    float:left;
    font-size:28px;
    line-height:28px;
    font-style:italic;
    text-shadow:#fff 1px 1px 1px;
    font-family:Georgia, "Times New Roman", Times, serif;
    margin:0 10px 2px 0}

    .dropcap2 {
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
    font-style:normal;
    font-size:40px;
    line-height:40px;
    margin:5px 5px 0 0}

    /* Colored Text */
    .text-green {
    color:#82a62b}

    .text-gray {
    color:#808080}

    .text-black {
    color:#000}

    .text-red {
    color:#dc0800}

    .text-orange {
    color:#f69301}

    .text-white {
    color:#fff}

    .title_bg {
    background:#ececee;
    padding:5px 20px}

    .text .list_dots,
    .list_dots {
    margin:15px 0 20px 20px;
    padding:0;}

    .text .list_dots li,
    .list_dots li {
    background:url(images/list_dot_green.gif) right 5px no-repeat;
    margin:0 0 5px 0;
    padding:0 18px 5px 0;
    list-style:none;}

    .text .col .list_dots {
    margin:15px 0 20px 0;}

    .text .col .list_dots li {
    padding:0 18px 10px 0;}

    ul.bordered li {
    border-bottom:1px dotted #969696}

    .col .title_blue {
    color:#2e88c7}

    .col .title_violet {
    color:#753573}

    .col .title_dark_blue {
    color:#444e69}

    /*============================================================================================*/
    /* 4. EXTENDED ELEMENTS */
    /*============================================================================================*/
    /*----------------------------------------------*/
    /* 4.1 Boxes */
    /*----------------------------------------------*/
    .box {
    }

    .grid_6 .box .inner {
    padding:15px}

    .box h3 {
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size:19px;
    padding:15px 15px 15px 15px}

    .box .inner h3 {
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size:19px;
    padding:0 0 10px 0}

    .box h3 span {
    font-family:'JournalRegular', 'Times New Roman', Times, serif;
    font-size:24px;
    padding-right:4px}

    .box_black {
    background:#404040}

    .box_black h3 {
    color:#eeeeee;
    margin-bottom:12px}

    .box.box_black h3 {
    color:#eeeeee;
    }

    .box_black .bordered {
    border-bottom:1px dotted #8a8a8a;
    padding-bottom:8px;}

    .grid_6 .box_black .bordered {
    border-bottom:1px dotted #8a8a8a;
    padding-bottom:8px;
    margin-bottom:12px}

    .box_gray .bordered {
    border-bottom:1px dotted #9c9c9c;
    padding-bottom:8px;
    margin-bottom:12px}

    .box_black p {
    color:#999999;
    text-shadow:0px 1px 1px #000;
    margin:10px 0}

    .box_black .text-green {
    color:#9ac434}

    .grid_6 .box.box_gray, .grid_6 .box_gray {
    background:#ececee}

    .box_gray h3 {
    color:#1a1a1a;}

    .box_white {
    background:#fff;}

    .box_light_gray {
    background:#e6e6e6}

    .box_gray {
    background:#d0d0d0}

    .box_green {
    background:#e2efd2}

    .box_yellow {
    background:#f0eeb1}

    .box_blue {
    background:#dbecf8}

    .box_pink {
    background:#f1dde8}

    .box .inner {
    padding:10px 10px;
    direction: rtl;
    }

    .box.box_black a, .box.box_black {
    color:#FFFFFF;
    }

    .box.box_black a:hover{
    color:#cccccc;
    }

    /*----------------------------------------------*/
    /* 3.5 Custom Box Styles */
    /*----------------------------------------------*/
    .download_box ,
    .info_box,
    .note_box,
    .warning_box {
    min-height:45px;
    font-size:15px;
    color:#595959;
    padding:15px 10px 15px 55px;
    background-repeat:no-repeat;}

    .download_box {
    background-image:url(images/download_box.png);
    background-position:5px 15px;
    padding:15px 10px 15px 55px;}

    .info_box {
    background-image:url(images/info_box.png);
    background-position:5px 15px;}

    .warning_box {
    background-image:url(images/warrning_box.png);
    background-position:10px 10px;
    padding:15px 10px 15px 65px}

    .note_box {
    background-image:url(images/note_box.png);
    background-position:10px 10px;
    padding:15px 10px 15px 65px;
    min-height:40px}

    /*----------------------------------------------*/
    /* 4.2 Newsletter box */
    /*----------------------------------------------*/
    .newsletter_box {
    background:url(images/newsletter_bg.jpg) center 0 no-repeat;
    width:755px;
    height:65px;
    margin:0 auto;
    clear:both;
    margin-top:45px;
    padding-top:35px;}

    .newsletter_index{
    margin-top:15px;}

    .newsletter_box h3 {
    float:right;
    font-family:tahoma, Arial;
    font-size:13px;
    line-height:2.2em;
    color:#404040;
    width:245px;
    padding-right:30px;
    text-align:left;
    direction: rtl;
    }

    .newsletter_box h2 {
    margin-top:11px;}

    .newsletter_box form, .newsletter_box input {
    float:right}

    .newsletter_box .inputField {
    width:264px;
    border:1px solid #dadada;
    font-style:italic;
    font-size:13px;
    margin-right:17px;
    height:16px;}

    .btn-submit, .newsletter_box .btn-submit {
    float:left;
    background:url(images/btn_submit.gif) 0 0 no-repeat #a9c542;
    color:#344c01;
    width:111px;
    height:32px;
    text-indent:-400px;
    cursor:pointer}

    .btn-submit {
    float:right;
    }

    /*----------------------------------------------*/
    /* 4.3 List Rooms */
    /*----------------------------------------------*/
    .room-item {
    padding:10px 0 30px 0;
    clear:both}

    .room-item h2 {
    text-transform:uppercase}

    .room-item .image {
    float:left;
    margin-right:16px;
    width:234px;
    min-height:170px;}

    .room-item .image img {
    margin-bottom:10px}

    .link-zoom {
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size:15px;
    background:url(images/icon_zoom.png) 0 0 no-repeat;
    padding-left:20px}

    .room-item .description {
    float:left;
    width:420px;}

    .room-item .services-included {
    background:#ececee;
    padding:5px 12px 5px 12px;
    font-size:12px;
    color:#4c4c58;
    line-height:1.6em}

    .text .services-included ul {
    margin:0;
    padding:0}

    .services-included li,
    .text .services-included li {
    border-bottom:1px dotted #2a2a2a;
    list-style:none;
    margin:0;
    float:left;
    padding:5px 0 5px 30px;
    width:166px}

    .services-included .noborder,
    .text .services-included .noborder{
    border:none}

    .services-included li span {
    padding-left:25px}

    .service-1 span {
    background:url(images/icon_conditioner.png) 0 0 no-repeat}
    .service-2 span {
    background:url(images/icon_room_service.png) 0 0 no-repeat}
    .service-3 span {
    background:url(images/icon_minibar.png) 0 0 no-repeat}
    .service-4 span {
    background:url(images/icon_safe.png) 0 0 no-repeat}
    .service-5 span {
    background:url(images/icon_wifi.png) 0 0 no-repeat}
    .service-6 span {
    background:url(images/icon_tv.png) 0 0 no-repeat}

    .hide {
    display:none}

    /*----------------------------------------------*/
    /* 4.4 News List items */
    /*----------------------------------------------*/
    .news-item {
    margin-bottom:70px;
    clear:both;
    direction: rtl;
    }

    .news-item h2 {
    text-transform: uppercase;
    font-family:'MelbourneRegular', Arial, sans-serif;
    font-size:23px;
    background:url(images/arrow_1_green.png) right 3px no-repeat;
    padding:0 20px 0 0;
    margin:10px 0 20px 0;}

    .news-item h2 a {
    color:#a6a6a6;}

    .news-item h2 a:hover {
    color:#7aa218}

    .news-meta {
    text-align:right;
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size:15px;}

    .link-more {
    background:url(images/icon_plus.gif) right no-repeat;
    padding-right:20px;
    }

    .news-item .entry p {
    margin:5px 0 10px 0}

    /*----------------------------------------------*/
    /* 4.5 Pagination */
    /*----------------------------------------------*/
    .pages {
    border-top:1px dotted #969696;
    border-bottom:1px dotted #969696;
    padding:25px;
    text-align:center;
    margin:0}

    .pages a {
    color:#82a62b;
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size:18px;
    margin:0 3px}

    .pages a:hover,
    .pages .page_next,
    .pages .next,
    .pages .page_prev,
    .pages .prev,
    .pages .page_current,
    .pages .current {
    color:#343434}

    /*----------------------------------------------*/
    /* 4.6 Table Pricing */
    /*----------------------------------------------*/
    .table-price {
    position:relative;
    margin:10px 0 10px 0}

    .table-price thead {
    font-family: 'MelbourneRegular', Arial, sans-serif;
    background:url(images/table_price_head_bg.gif) 0 0 repeat-x;
    height:53px;}

    .table-price thead td {
    font-size:16px;
    color:#a1d622;
    text-transform:uppercase;
    height:53px;
    padding:0;
    position:relative;}

    .table-price thead td span {
    display:block;
    padding-top:15px;
    position: relative;
    height:38px;}

    .table-price thead td.first span {
    background:url(images/table_price_head_first.gif) left 0 no-repeat;
    top:0;
    left:-6px}

    .table-price thead td.last span {
    background:url(images/table_price_head_last.gif) right 0 no-repeat;
    top:0;
    right:-6px}

    .table-price tbody {
    border:1px solid #ececee;
    color:#404040}

    .table-price tbody td {
    background:#ececee;
    border:1px solid #ececee;
    border-left:1px dotted #b5b5b5;
    border-right:1px dotted #b5b5b5;
    border-collapse:collapse;
    padding:15px 10px}

    .table-price tbody tr.odd td{
    background:#ffffff}

    .table-price tbody td strong {
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size:22px}

    /*----------------------------------------------*/
    /* 4.7 Contact Form */
    /*----------------------------------------------*/
    .contact-form {
    padding:0;
    clear:both;
    }

    #respond{
    clear:both;
    }

    ol li #respond{
    margin-left:75px;
    margin-top:20px;
    }

    ol li #respond textarea{
    width:545px;
    }

    .contact-form h2 {
    text-transform:uppercase;
    color:#a6a6a6;
    font-family:'MelbourneRegular', Arial, sans-serif;
    font-size:23px;
    background:url(images/arrow_1_green.png) 0 3px no-repeat;
    padding:0 0 0 20px;
    margin:10px 0 20px 0;}

    .contact-form {
    font-size:13px}

    .contact-form .row {
    padding:13px 0}

    .contact-form .inputtext, .contact-form select, .contact-form textarea {
    color:#333;
    font-weight:normal;
    background:#ececee;
    margin:5px 0}

    .contact-form .field_text .inputtext {
    width:282px;
    margin-left:30px}

    .contact-form .ui-selectmenu {
    margin-left:30px}

    .contact-form .field_select select {
    width:300px;}

    .contact-form .field_textarea textarea {
    width:610px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    margin-bottom:0}

    .contact-form label {
    font-weight:normal;
    color:#82a62b}

    .reset-link {
    display:block;
    float:left;
    padding:5px 0 0 50px;
    font-size:13px}

    .reset-link a {
    color:#82a62b;
    font-weight:bold}

    .contact-form .field_submit {
    padding:5px 0 0 0;}

    .contact-form .contact-submit, .contact-submit {
    background:url(images/btn_send_message.png) no-repeat;
    width:149px;
    height:32px;
    text-indent:-400px}

    /*----------------------------------------------*/
    /* 4.8 Contact Social Box */
    /*----------------------------------------------*/
    .social-box {
    padding:0 0 0 5px;
    margin:0;}

    .social-box .row {
    margin:15px 0;
    height:24px;
    line-height:24px;
    padding-left:32px;
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size:16px;
    color:#a0d323;
    clear:both}

    .social-box .row a {
    color:#a0d323}

    .social-box .row a:hover {
    color:#fff}

    .social-mail {
    background:url(images/contact_social.png) 0 0 no-repeat}

    .social-twitter {
    background:url(images/contact_social.png) 0 -24px no-repeat}

    .social-skype {
    background:url(images/contact_social.png) 0 -48px no-repeat}

    .social-facebook {
    background:url(images/contact_social.png) 0 -72px no-repeat}

    /*----------------------------------------------*/
    /* 4.9 Reservetion Form */
    /*----------------------------------------------*/
    .reservationForm .column_3 {
    width:200px;
    margin-right:35px;
    float:left}

    .reservationForm .omega {
    margin-right:0}

    .reservationForm .row {
    padding:5px 0 15px 0}

    .reservationForm .inputtext,
    .reservationForm select, .reservationForm textarea {
    color:#333;
    font-weight:normal;
    background:#ececee;
    margin:5px 0}

    .reservationForm .inputtext {
    width:180px}

    .reservationForm .inputtext.time {
    width:80px}

    .reservationForm .timeimputrow {
    text-align:right}

    .reservationForm textarea {
    width:650px}

    .reservationForm .field_select select {
    width:200px}

    .reservationForm label {
    color:#404040;}

    .reservationForm .split_1, .reservationForm .split_2 {
    width:90px;
    margin-right:20px;
    float:left}

    .reservationForm .split_2 {
    margin-right:0}

    .reservationForm .field_select .split_1 select,
    .reservationForm .field_select .split_2 select {
    width:90px;}

    .reservationForm .field_submit {
    border-top:1px dotted #969696;
    border-bottom:1px dotted #969696;
    padding:20px 0}

    .reservationForm .notice {
    margin:0;
    background:url(images/icon_warning.gif) 0 6px no-repeat;
    padding-left:50px}

    .reservationForm .btn-send {
    background:url(images/btn_send.gif) 0 0 no-repeat;
    width:149px;
    white-space:32px;
    text-indent:-400px;
    float:right;
    margin-left:30px}

    .notice_table {
    font-size:12px;
    color:#808080;
    font-style:italic;
    text-align:right;
    padding-bottom:20px}

    .square-green, .square-disable {
    background:url(images/icon_square_green.gif) 0 4px no-repeat;
    padding-left:13px;
    margin-left:25px}

    .square-disable{
    background:url(images/icon_square_gray.gif) 0 4px no-repeat;}

    /*----------------------------------------------*/
    /* 7.2 Comment list */
    /*----------------------------------------------*/
    .comment-list {
    position:relative;
    padding:10px 0 0px 0}

    .comment-reply-link{
    text-transform:lowercase;
    }

    .link-addcomment {
    position:absolute;
    right:0;
    top:10px;
    text-decoration:underline;
    font-size:12px;
    font-weight:bold}

    .link-addcomment:hover {
    color:#681651}

    .comment-list ol li,
    .comment-list ol ul{
    margin:0;
    list-style:none}

    .comment {
    clear:both;
    display:block;
    min-height:25px;
    background:url(images/divider_line.gif) bottom repeat-x;
    padding:0 0 2px 0;

    color:#595959}

    .comment-body {
    padding:25px 0;}

    .comment-body:hover {
    background:url(images/comment_hover.jpg) center repeat-y}

    .avatar {
    width:50px;
    height:50px;
    float:left;
    margin-right:20px}

    .avatar img {
    border-right:1px solid #d1d0cc;
    border-bottom:1px solid #d1d0cc}

    .comment-text {
    text-shadow:#fff 1px 1px 1px;
    line-height:17px}

    #commentform p{
    margin-bottom:0px;
    }

    .comment-text a {
    text-decoration:underline;
    font-size:13px}

    .comment-author {
    color:#8f8f8f;
    font-size:11px}

    .comment-entry {
    padding-top:15px;
    margin-left:70px;
    font-size:12px}

    .children .comment-entry {
    margin-left:140px;
    }

    .children .avatar {
    background:url(images/icon_reply.gif) 35px 15px no-repeat;
    padding-left:70px}

    .children .comment-text {
    }

    .children .comment {
    background:url(images/divider_line.gif) top repeat-x;
    padding-top:2px}

    .add-comment {
    position:relative}

    .add-comment h3{
    margin-top:15px;
    }

    .comment-list h2 {
    font-weight:normal}

    .link-top {
    position:absolute;
    top:0px;
    right:50px;
    text-decoration:underline}

    /*----------------------------------------------*/
    /* 4.10 Comment form */
    /*----------------------------------------------*/
    .add-comment {
    position:relative;
    float:left;
    left:50px}

    .slider_main .add-comment{
    left:0}

    .add-comment h3 {
    font-size:17px;
    margin:0 0 5px 5px}

    .comment-form {
    padding:0 0 15px 0;}

    .comment-form .row {
    clear:both;
    padding:5px 0}

    .comment-form .inputtext, .comment-form .textarea {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    width:150px;
    padding:5px 8px;
    color:#3f3f3f}

    .comment-form .inputtext {
    width:220px}

    .comment-form .textarea {
    width:295px;
    height:73px;
    padding:10px;
    overflow:auto;
    margin-bottom:15px;}

    .field-notice {
    display:block;
    padding:5px 0 0 85px;
    color:#a2a2a2;
    font-size:12px}

    /*----------------------------------------------*/
    /* 4.11 Contact Box */
    /*----------------------------------------------*/
    .contact-address {
    border-bottom:1px dotted #959595;
    line-height:1.8em;
    color:#595959;
    padding-bottom:12px;
    margin-bottom:12px;
    font-weight:bold;
    font-size:12px}

    .contact-maillist {
    }

    .contact-mail {
    padding:2px 0;
    font-weight:bold;
    font-size:12px}

    .contact-mail a {
    color:#82a62b}

    .contact-mail a:hover {
    color:#222}

    /*============================================================================================*/
    /* 5. WIDGETS */
    /*============================================================================================*/
    /*----------------------------------------------*/
    /* 5.1 Widget Recent Comment */
    /*----------------------------------------------*/
    .widget_recent_comments ul {
    margin:0;
    padding:0;
    font-size:12px}

    .widget_recent_comments li {
    list-style:none;
    border-top:1px dotted #969696;
    padding:10px}

    .widget_recent_comments li a {
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size:13px;}

    .widget_recent_entries .even, .widget_recent_comments .even {
    background:url(images/box_news_bg.gif) repeat-y}

    .box.box_black.widget_recent_entries .even, .widget_recent_comments .even {
    background:#666666;}

    /*----------------------------------------------*/
    /* 5.2 Widget Recent Entries */
    /*----------------------------------------------*/
    .widget_recent_entries ul {
    margin:0;
    padding:0}

    .widget_recent_entries li {
    list-style:none;
    border-top:1px dotted #8c8c8d;
    padding:10px}

    .widget_recent_entries a {
    color:#595959;
    font-size:12px}

    .widget_recent_entries a:hover {
    color:#000}

    .widget_recent_entries .date {
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size:13px;
    color:#85a830;
    text-shadow:0 1px 1px #fff}

    .widget_recent_entries .thumbnail {
    float:right;
    margin:0 0 0 5px;}

    /*-----------Ultimate Page Ends-------------------*/
    .valid{border:1px solid #70A41B!important; } /*#70A41B*/
    .ajax_alert .form_input, .ajax_alert .form_textarea{}
    .error { border:1px solid red!important; }

    .highlighter {
    display:inline-block;
    width:100%;
    }

    .valid{border:1px solid #70A41B!important; } /*#70A41B*/
    .ajax_alert .form_input, .ajax_alert .form_textarea{}
    .error { border:1px solid red!important; }

    .highlighter {
    display:inline-block;
    width:100%;
    }

    #anything_slider, .slideshow, .home_gallery {
    clear: both;
    height: 440px;
    margin: 0 auto auto;
    position: relative;
    width: 960px;
    }
    .slideshow {
    margin: 0 0 15px;
    }
    #anything_slider .wrapper, .slideshow .wrapper, .home_gallery .wrapper {
    height: 440px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 960px;
    }
    .slideshow .wrapper {
    padding: 5px;
    }
    #anything_slider .wrapper ul, .slideshow .wrapper ul, .home_gallery .wrapper ul {
    left: 0;
    list-style: none outside none;
    margin: 0;
    position: absolute;
    top: 0;
    width: 30000px;
    }
    #anything_slider ul li, .slideshow ul li {
    display: block;
    float: left;
    height: 440px;
    margin: 0;
    padding: 0;
    width: 960px;
    }
    .home_gallery .wrapper li {
    display: block;
    float: left;
    height: 200px;
    margin: 0;
    padding: 0;
    width: 960px;
    }
    #anything_slider #start-stop, .slideshow #start-stop {
    display: none;
    }
    #anything_slider .arrow, .slideshow .arrow {
    cursor: pointer;
    display: block;
    float: right;
    height: 60px;
    left: -430px;
    position: relative;
    top: 380px;
    visibility: hidden;
    width: 60px;
    z-index: 9999;
    }
    #anything_slider .arrow.forward, .slideshow .arrow.forward {
    background: url("images/move_next.png") no-repeat scroll 0 0 transparent;
    left: -420px;
    text-indent: -9999px;
    }
    #anything_slider .arrow.back, .slideshow .arrow.back {
    background: url("images/move_prev.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999px;
    }
    .slideshow .arrow {
    display: none;
    }
    .slideshow #thumbNav {
    clear: both;
    position: relative;
    top: 104%;
    }
    #thumbNav a {
    background: url("images/slider_bullet_nav.png") no-repeat scroll 0 -14px transparent;
    border: 0 none;
    color: transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 14px;
    left: 0;
    margin-right: 3px;
    padding-right: 4px;
    position: relative;
    text-indent: -9999px;
    top: 140px;
    width: 14px;
    }
    .slideshow #thumbNav a {
    top: 0;
    }
    #thumbNav a:hover {
    background-position: 0 0;
    }
    #thumbNav a.cur {
    background-position: 0 0;
    }
    #anything_slider #thumbNav {
    clear: both;
    display: none;
    left: 45%;
    position: relative;
    top: 200px;
    }
    #anything_slider #thumbNav a {
    background: url("images/bullet_nav_bg.png") no-repeat scroll center top transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 12px;
    margin: 0 4px 0 0;
    position: relative;
    text-indent: -9999px;
    width: 12px;
    z-index: 99;
    }
    #anything_slider #thumbNav a:hover, #anything_slider #thumbNav a.cur {
    background: url("images/bullet_nav_bg_active.png") no-repeat scroll center top transparent;
    }
    .caption-left h3, .caption-right h3, .caption-bottom h3 {
    color: #FFFFFF;
    line-height: 0.9em;
    padding-top: 20px;
    }
    .caption-left p, .caption-right p, .caption-bottom p {
    color: #999999;
    margin: 15px 0 0 3px;
    }
    .caption-left {
    background: url("images/000_50.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    left: 30px;
    padding: 10px 12px 10px 15px;
    position: relative;
    text-align: center;
    top: -80px;
    width: 200px !important;
    z-index: 999;
    }
    .caption-right {
    background: url("images/000_50.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    left: 682px;
    padding: 10px 12px 10px 15px;
    position: relative;
    text-align: center;
    top: -80px;
    width: 200px;
    z-index: 999;
    }
    .caption-bottom {
    background: url("images/000_50.png") repeat scroll 0 0 transparent;
    left: 0;
    padding: 0 15px 20px;
    position: relative;
    top: -100px;
    width: 930px !important;
    z-index: 999;
    }
    .caption-hide {
    display: none;
    }
    #content_wrapper {
    margin: auto;
    padding: 0;
    text-shadow: 0 1px 1px #FFFFFF;
    width: 100%;
    }
    .slider_border {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 350px;
    margin: 15px auto auto;
    padding: 10px 0 0;
    width: 960px;
    }

    .flickr a {
    border: 1px solid #999999;
    float: left;
    margin: 3px;
    }

    .tabs_framed {
    border:1px solid #dcdcdc;}
    .text .tabs_framed .tabcontent {
    padding:15px 20px;
    font-family:"Times New Roman", Times, serif;
    font-size:14px}
    .tf_sidebar_tabs li {
    margin:0;
    padding:0;
    list-style:none}

    .check_list li {
    list-style:none;
    background:url(images/icons/icon_check.png) 0 0 no-repeat;
    margin:0 0 10px 0;
    line-height:21px;
    padding:0 0 0 30px}

    .list_delete li {
    list-style:none;
    background:url(images/icons/icon_x.png) 0 0 no-repeat;
    margin:0 0 10px 0;
    line-height:21px;
    padding:0 0 0 30px}

    .list_arrows li {
    list-style:none;
    background:url(images/arrow_1_green.png) 5px 6px no-repeat;
    margin:0 0 10px 0;
    line-height:21px;
    padding:0 0 0 20px;
    line-height:32px;}

    .styled_box_title {
    border-radius: 5px 5px 0 0;
    padding: 1em;
    font: 13px/100% Arial,Helvetica,sans-serif;
    outline: medium none; }

    .styled_box_content {
    border-radius: 0 0 5px 5px;
    padding: 1em;
    font: 13px/100% Arial,Helvetica,sans-serif;
    outline: medium none;}

    /* The Nivo Slider styles */
    .nivoSlider {
    position:relative;
    width: 940px;
    height: 340px;
    margin: auto;
    background: transparent;
    }
    .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:60;
    display:none;
    }
    /* The slices in the Slider */
    .nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
    }
    /* Caption styles */
    .nivo-caption {
    position:absolute;
    left:30px;
    bottom:30px;
    color:#fff;
    width: 200px;
    height: auto;
    z-index:89;
    background: transparent url('images/000_50.png') repeat;
    text-align: center;
    display:none;
    }

  • shapoor

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۴۳
    تشکر شده: ۸۳ بار
    # نوشته شده: ۱۲ سال پیش
    ۲۱ مرداد ۱۳۹۱ - ۱۴:۳۸

    فقط کدهای فایل استایل لازم بود
    این کدها را جایگزین احتمالا درست بشه اگر نشد باید قالبت بذاری

    /*
    Theme Name: Welcome Inn
    Theme URI: http://themefuse.com/demo/wp/welcomeinn/
    Description: If you need a hotel oriented wordpress theme, you have to try Welcome Inn. It comes in 2 additional flavors: ski resort and spa. Enjoy!
    Version: 1.0.8
    Author: ThemeFuse
    Author URI: http://themefuse.com
    */
    
    /*
    WARNING! DO NOT EDIT THIS FILE!
    
    To make it easy to update your theme, you should not edit the styles in this file. Instead use
    the custom.css file to add your styles. You can copy a style from this file and paste it in
    custom.css and it will override the style in this file. You have been warned! :)
    */
    
    /*------------------------------------------------
    
    CSS STRUCTURE:
    
    1. GENERAL TYPOGRAPHY
    	1.1 Global Reset
    	1.2 Extra fonts
    	1.3 General Styles
    	1.4 List Styles
    	1.5 Borders & Dividers
    	1.6 Headers
    	1.7 Tables
    	1.8 Images
    	1.9 Forms
    	1.10 Buttons
    	1.11 Columns Styles
    
    2. SITE STRUCTURE
    	2.1 Header
    	    - Topmenu
    	2.2 Header Image Slider
    	2.3 Middle content
    	2.4 Homepage Baners Top
    	2.5 Header Top Image
    	2.7 Footer
    
    3. EXTENDED TYPOGRAPHY
    	3.1 Typographic Elements
    		- Framed boxes
    		- Quotes
    		- Colored Text
    
    4. EXTENDED ELEMENTS
    	4.1 Boxes
    	4.2 Newsletter box
    	4.3 List Rooms
    	4.4 News List items
    	4.5 Pagination
    	4.6 Table Pricing
    	4.7 Contact Form
    	4.8 Contact Social Box
    	4.9 Reservetion Form
    	4.10 Comment form
    	4.11 Contact Box
    
    5. WIDGETS
    	5.1 Widget Recent Comment
    	5.2 Widget Recent Entries
    
    ------------------------------------------------*/
    
    /*============================================================================================*/
    /* 1. GENERAL TYPOGRAPHY */
    /*============================================================================================*/
    
    /*----------------------------------------------*/
    /* 1.1 Global Reset */
    /*----------------------------------------------*/
    
    body, html  { height: 100%; }
    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,
    b, u, i, center,
    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-size: 100%;
    	vertical-align: baseline;
    
    }
    body { line-height: 1; font-family: tahoma, Arial;}
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    :focus { outline: 0; }/* remember to define focus styles! */
    del { text-decoration: line-through; }
    table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
    
    /*----------------------------------------------*/
    /* 1.2 Extra fonts */
    /*----------------------------------------------*/
    @font-face {
        font-family: 'JournalRegular';
        src: url('css/journal-webfont.eot?') format('eot'),
             url('css/journal-webfont.woff') format('woff'),
             url('css/journal-webfont.ttf') format('truetype'),
             url('css/journal-webfont.svg#webfontGhV9TBys') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'MelbourneBold';
        src: url('css/melbourne_bold-webfont.eot?') format('eot'),
             url('css/melbourne_bold-webfont.woff') format('woff'),
             url('css/melbourne_bold-webfont.ttf') format('truetype'),
             url('css/melbourne_bold-webfont.svg#webfontzCPiyXMS') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'MelbourneRegular';
        src: url('css/melbourne_reg-webfont.eot?') format('eot'),
             url('css/melbourne_reg-webfont.woff') format('woff'),
             url('css/melbourne_reg-webfont.ttf') format('truetype'),
             url('css/melbourne_reg-webfont.svg#webfontQzFjdvCi') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    /*----------------------------------------------*/
    /* 1.3 General Styles */
    /*----------------------------------------------*/
    
    /* Floating & Alignment */
    .aligncenter,
    div.aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto}
    .alignleft {
    	float: left}
    .alignright {
    	float: right}
    
    .text-right {
    	text-align:right}
    .text-left {
    	text-align:left}
    .text-center {
    	text-align:center}
    
    /* Clear Floats */
    .clear {
    	clear: both;
    	display: block;
    	overflow: hidden;
    	visibility: hidden;
    	width: 0;
    	height: 0;}
    
    .clearfix {
    	display: inline-block;}
    
    * html .clearfix {
    	height: 1%;}
    
    .clearfix {
    	display: block;}
    
    .clearfix:after {
    	clear: both;
    	content: ' ';
    	display: block;
    	font-size: 0;
    	line-height: 0;
    	visibility: hidden;
    	width: 0;
    	height: 0;}
    
    .fix{
    	clear: both;
    	height: 1px;
    	margin: -1px 0 0;
    	overflow: hidden;}
    
    a {
    	text-decoration:none;
    	outline:none;
    	color:#7aa218
    	font-family: tahoma, arial;
    }
    
    /*----------------------------------------------*/
    /* 1.4 List Styles */
    /*----------------------------------------------*/
    ul{ list-style:disc outside; }
    ol{ list-style:decimal outside; }
    li{ margin:0;}
    ol li{ margin-top:5px; margin-bottom:7px }
    ul, ol, dd{ margin-left:25px; }
    ul ul, ol ul, ul ol, ol ol{ margin-bottom:0; }
    
    /*----------------------------------------------*/
    /* 1.5 Borders & Dividers */
    /*----------------------------------------------*/
    hr{
    	border:0px solid transparent !important;
    	background-color:transparent !important;
    	height:1px;
    	background:#ededed}
    
    .border {
    	border:1px solid #d6d6d6}
    
    .divider_space, .divider, .divider_thin {
    	clear:both;
    	display:block;
    	margin-bottom:20px;
    	padding-top:20px;
    	width:100%;}
    
    .divider_thin {
    	margin-bottom:10px;
    	padding-top:10px;}
    
    .divider{
    	background:url(images/divider_line.gif) bottom repeat-x;
    	padding-top:22px;
    	margin-bottom:40px;}
    
    .clearboth{
    	clear:both;
    	display:block;
    	font-size:0px;
    	height:0;
    	line-height:0;
    	width:100%;}
    
    /*----------------------------------------------*/
    /* 1.6 Headers */
    /*----------------------------------------------*/
    h1,h2,h3,h4,h5,h6{
    	font-weight:normal;
    	font-family: 'MelbourneRegular', Arial, sans-serif;
    	color:#1a1a1a}
    
    h1{
    	font-size:24px;
    	line-height:24px;
    	margin-bottom:20px}	
    
    h2{
    	font-size:20px;
    	font-family: 'MelbourneRegular', Arial, sans-serif;
    	line-height:23px;
    	margin-bottom:15px}
    
    h3{
    	font-size:19px;
    	line-height:22px;}
    
    h3.widgettitle{
    	margin-bottom:10px; }
    
    h4{
    	font-size:17px;
    	color:#333;
    	margin-bottom:10px;}
    
    h5{
    	font-size:16px;
    	font-weight:normal;}
    
    h6{
    	font-size:14px;
    	letter-spacing:2px;
    	margin-bottom:5px;
    	padding-bottom:5px;
    	text-transform:uppercase;
    	line-height:20px;
    	font-weight:normal;
    	color:#444e69;}
    
    /*----------------------------------------------*/
    /* 1.7 Tables */
    /*----------------------------------------------*/
    table.fancy_table,.widget_calendar table { border-collapse:separate; border-spacing:0; width:99%; padding:2px 0; }
    table,td,th { vertical-align:middle; text-align:center; font-size:13px;}
    th{ padding:10px; text-transform:uppercase; letter-spacing:1px;}
    td{ padding:10px; }
    table.fancy_table,.widget_calendar table{margin:20px 2px; }
    .fancy_table th,.widget_calendar table th{border-bottom:1px solid #fff;}
    .fancy_table td,.widget_calendar table td{color:#888;border-top:1px solid #eee;}
    .fancy_table,.widget_calendar table{border:1px solid #fff;}
    
    /*----------------------------------------------*/
    /* 1.8 Images */
    /*----------------------------------------------*/
    img.alignleft {
    	margin:5px 16px 5px 0 !important;}
    img.alignright {
    	margin:5px 0 5px 16px !important;}
    
    img.framed,.video_frame,.wp-caption,#flickr a img, dl.gallery-item img{ padding:6px;margin:2px; }
    p.wp-caption-text{
    	margin-bottom:0px;
    	text-align:center;}
    
    .wp-caption{
    	margin-bottom:10px !important;
    	padding-top:10px;
    	text-align:center;}
    
    .image_frame img, img.image_frame{
    	background:#fff;
    	padding:7px;
    	border:1px solid #d6d6d6;
    	-webkit-border-radius: 2px;
    	-moz-border-radius: 2px;
    	border-radius: 2px;}
    
    /*----------------------------------------------*/
    /* 1.9 Forms */
    /*----------------------------------------------*/
    fieldset{
    	padding:20px;
    	border:1px solid #e0e0e0;}
    form .row {
    	padding:5px 0}
    input[type=text],input[type=password],textarea{
    	color:#a6a6a6;
    	padding:8px;
    	border:1px solid #e0e0e0;
    	background:#fff;
    	-webkit-border-radius: 2px;
    	-moz-border-radius: 2px;
    	border-radius: 2px;}
    textarea{
    	width:90%;
    	font-size:12px;
    	background:#fff;
    	overflow:auto;
    	-webkit-border-radius: 2px;
    	-moz-border-radius: 2px;
    	border-radius: 2px;}
    
    input, textarea,input[type="submit"]:focus{
    	outline:0 none;}
    
    input[type="radio"],input[type="checkbox"]{
    	margin-right:10px; margin-left:10px;}
    
    button::-moz-focus-inner {
    	border: 0;
    	padding: 0;}
    
    input[type="reset"],input[type="submit"],input[type="button"], button{
    	background:url(images/btn_submit.gif) 0 0 no-repeat #abc742;
    	border:none;
    	color:#344c01;
    	margin:0;
    	outline-width:0;
    	padding:3px 30px 15px 30px;
    	height:32px;
    	font-family: 'MelbourneRegular', Arial, sans-serif;
    	text-shadow:#fff 0 1px 1px;
    	font-size:18px;
    	line-height:19px;
    	text-align:center}	
    
    input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover,
    input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,
    button:hover,button:focus{
    	color:#5e2f7f;
    	cursor:pointer;}
    
    /*----------------------------------------------*/
    /* 1.10 Buttons */
    /*----------------------------------------------*/
    
    .button_link {
    	background:url(images/buttons_bg.gif) no-repeat  right -32px transparent;
    	color:#344c01;
    	display:inline-block;
    	margin:5px 0;
    	border:0 none;
    	padding:0 10px 0 0;
    	font-family: 'MelbourneRegular', Arial, sans-serif;
    	font-size:17px;
    	height:32px}
    
    .button_link span{
    	background:url(images/buttons_bg.gif) no-repeat  left 0 transparent;
    	display:block;
    	line-height:12px;
    	color:#344c01;
    	padding:12px 10px 8px 20px;
    	text-shadow:#faff8d 0 1px 1px}
    
    /*----------------------------------------------*/
    /* 1.11 Columns Styles */
    /*----------------------------------------------*/
    /*
    960px grid system ~ Core CSS.
    24 Columns ~ Margin left: 5px ~ Margin right: 5px
    */
    /* =Containers
    --------------------------------------------------------------------------------*/
    .container_24
    {
    	margin-left: auto;
    	margin-right: auto;
    	width: 960px;
    }
    
    /* =Grid >> Global
    --------------------------------------------------------------------------------*/
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12,
    .grid_13,
    .grid_14,
    .grid_15,
    .grid_16,
    .grid_17,
    .grid_18,
    .grid_19,
    .grid_20,
    .grid_21,
    .grid_22,
    .grid_23,
    .grid_24 {
    	direction: rtl;
    	display: inline;
    	float: left;
    	margin-left: 5px;
    	margin-right: 5px;
    }
    
    .push_1, .pull_1,
    .push_2, .pull_2,
    .push_3, .pull_3,
    .push_4, .pull_4,
    .push_5, .pull_5,
    .push_6, .pull_6,
    .push_7, .pull_7,
    .push_8, .pull_8,
    .push_9, .pull_9,
    .push_10, .pull_10,
    .push_11, .pull_11,
    .push_12, .pull_12,
    .push_13, .pull_13,
    .push_14, .pull_14,
    .push_15, .pull_15,
    .push_16, .pull_16,
    .push_17, .pull_17,
    .push_18, .pull_18,
    .push_19, .pull_19,
    .push_20, .pull_20,
    .push_21, .pull_21,
    .push_22, .pull_22,
    .push_23, .pull_23 {
    	position: relative;
    }
    
    /* =Grid >> Children (Alpha ~ First, Omega ~ Last)
    --------------------------------------------------------------------------------*/
    .alpha {margin-left: 0;}
    .omega {margin-right: 0;}
    
    /* =Grid >> 24 Columns
    --------------------------------------------------------------------------------*/
    .container_24 .grid_1 {width: 30px;}
    .container_24 .grid_2 {width: 70px;}
    .container_24 .grid_3 {width: 110px;}
    .container_24 .grid_4 {width: 150px;}
    .container_24 .grid_5 {width: 190px;}
    .container_24 .grid_6 {width: 230px; font: normal 12px/18px tahoma, Arial !important;}
    .container_24 .grid_7 {width: 270px;}
    .container_24 .grid_8 {width: 310px;}
    .container_24 .grid_9 {width: 350px;}
    .container_24 .grid_10 {width: 390px;}
    .container_24 .grid_11 {width: 430px;}
    .container_24 .grid_12 {width: 470px;}
    .container_24 .grid_13 {width: 510px;}
    .container_24 .grid_14 {width: 550px;}
    .container_24 .grid_15 {width: 590px;}
    .container_24 .grid_16 {width: 630px;}
    .container_24 .grid_17 {width: 670px;}
    .container_24 .grid_18 {width: 710px;}
    .container_24 .grid_19 {width: 750px;}
    .container_24 .grid_20 {width: 790px;}
    .container_24 .grid_21 {width: 830px;}
    .container_24 .grid_22 {width: 870px;}
    .container_24 .grid_23 {width: 910px;}
    .container_24 .grid_24 {width: 950px;}
    
    /* =Prefix Extra Space >> 24 Columns
    --------------------------------------------------------------------------------*/
    .container_24 .prefix_1 {padding-left: 40px;}
    .container_24 .prefix_2 {padding-left: 80px;}
    .container_24 .prefix_3 {padding-left: 120px;}
    .container_24 .prefix_4 {padding-left: 160px;}
    .container_24 .prefix_5 {padding-left: 200px;}
    .container_24 .prefix_6 {padding-left: 240px;}
    .container_24 .prefix_7 {padding-left: 280px;}
    .container_24 .prefix_8 {padding-left: 320px;}
    .container_24 .prefix_9 {padding-left: 360px;}
    .container_24 .prefix_10 {padding-left: 400px;}
    .container_24 .prefix_11 {padding-left: 440px;}
    .container_24 .prefix_12 {padding-left: 480px;}
    .container_24 .prefix_13 {padding-left: 520px;}
    .container_24 .prefix_14 {padding-left: 560px;}
    .container_24 .prefix_15 {padding-left: 600px;}
    .container_24 .prefix_16 {padding-left: 640px;}
    .container_24 .prefix_17 {padding-left: 680px;}
    .container_24 .prefix_18 {padding-left: 720px;}
    .container_24 .prefix_19 {padding-left: 760px;}
    .container_24 .prefix_20 {padding-left: 800px;}
    .container_24 .prefix_21 {padding-left: 840px;}
    .container_24 .prefix_22 {padding-left: 880px;}
    .container_24 .prefix_23 {padding-left: 920px;}
    
    /* =Suffix Extra Space >> 24 Columns
    --------------------------------------------------------------------------------*/
    .container_24 .suffix_1 {padding-right: 40px;}
    .container_24 .suffix_2 {padding-right: 80px;}
    .container_24 .suffix_3 {padding-right: 120px;}
    .container_24 .suffix_4 {padding-right: 160px;}
    .container_24 .suffix_5 {padding-right: 200px;}
    .container_24 .suffix_6 {padding-right: 240px;}
    .container_24 .suffix_7 {padding-right: 280px;}
    .container_24 .suffix_8 {padding-right: 320px;}
    .container_24 .suffix_9 {padding-right: 360px;}
    .container_24 .suffix_10 {padding-right: 400px;}
    .container_24 .suffix_11 {padding-right: 440px;}
    .container_24 .suffix_12 {padding-right: 480px;}
    .container_24 .suffix_13 {padding-right: 520px;}
    .container_24 .suffix_14 {padding-right: 560px;}
    .container_24 .suffix_15 {padding-right: 600px;}
    .container_24 .suffix_16 {padding-right: 640px;}
    .container_24 .suffix_17 {padding-right: 680px;}
    .container_24 .suffix_18 {padding-right: 720px;}
    .container_24 .suffix_19 {padding-right: 760px;}
    .container_24 .suffix_20 {padding-right: 800px;}
    .container_24 .suffix_21 {padding-right: 840px;}
    .container_24 .suffix_22 {padding-right: 880px;}
    .container_24 .suffix_23 {padding-right: 920px;}
    
    /*

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.