/* 
Theme Name: Modest 
Theme URI: http://www.mojo-themes.com
Description: A premium blogging theme from MOJONESS INC. 
Author: MOJONESS INC.
Version: 1.0
*/

/* WordPress default styles */
@import url('wp-default.css');

* { padding: 0; margin: 0; outline: 0; }

html, body { height: 100%; }

body {
    font-size: 14px;
    line-height: 1.3;
    font-family: Georgia;
    color: #353535;
    background: #f7f7f7 !important;
    text-align: left;
}

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.page-width { width: 960px; margin: 0 auto; }

/*!
* ===========================================================
* Clear Fix ( clears without extra markup divs )
* ===========================================================
*/

.clearfix:after {  /*  Input .clearfix inside any container that has anything floating */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/* IE6, IE7 */

* html .clearfix, *:first-child+html .clearfix { 
zoom: 1;
}

h1 { font-size: 28px; font-family: 'Droid Serif', arial, serif; }
h2 { font-size: 24px; font-family: 'Droid Serif', arial, serif; font-weight: normal;}
h3 { font-size: 20px; font-family: 'Droid Serif', arial, serif; }
h4 { font-size: 18px; font-family: 'Droid Serif', arial, serif; }
h5 { font-size: 16px; font-family: 'Droid Serif', arial, serif; }
h6 { font-size: 14px; font-family: 'Droid Serif', arial, serif; }


/* Theme Style */

/* Header */

a { color: #666666; }
hr { padding: 15px 0; }
ul { list-style-image: url(images/ul.png); }


#top-header { height: 70px; }
#twitter { float: left; display: block; padding: 22px 0 0 10px; font-size: 10px; color: #999; width: 300px; }
#twitter-image { float: left; display: block; padding-top: 23px; }
#twitter-image a { width: 23px; height: 24px; text-decoration: none; display: block; background-image: url(images/twitter-bird-sprite.png); background-position: 0px 0px; }
#twitter-image a:hover { width: 23px; height: 24px; text-decoration: none; display: block; background-image: url(images/twitter-bird-sprite.png); background-position: 0px 24px; }


#navigation { float: right; padding-right: 10px; padding-top: 22px; font-family: 'Droid Serif', arial, serif; }
#navigation ul li { list-style-type: none; display: inline; }
#navigation li { padding: 0 15px 0 5px;  }
#navigation a { font-size: 18px; text-decoration: none; color: #999999; cursor: pointer; }
#navigation a:hover { border-bottom: 2px solid #cc2a2a; color: #333; }
#navigation a:active { border-bottom: 2px solid #cc2a2a; color: #333; }

.menu-header { display: block; float: left; margin: 0 auto; width: 100%; height: 70px; }
.menu-header ul, div.menu ul { list-style: none; margin: 0; padding: 0; }
.menu-header li, div.menu li { float: left; position: relative; }
.menu-header ul ul { display: none; position: absolute; top: 25px; left: 0; float: left; z-index: 99999; background-color: #f7f7f7; border: 1px solid #dadada; }
.menu-header ul li:hover > ul { display: block; }
.menu-header li:hover > a, .menu-header ul ul :hover > a { background: #f7f7f7; color: #dadada; }
.menu-header ul ul a { background: #f7f7f7; line-height: 30px; padding: 3px; height: auto; }
.menu-header ul li.current_page_item > a,
.menu-header ul li.current-menu-ancestor > a,
.menu-header ul li.current-menu-item > a,
.menu-header ul li.current-menu-parent > a { color: #999; }
.menu-header li ul { height: auto; width: 190px; padding-bottom: 10px;}
.sub-menu li { padding-left: none !important; }

#wrapper { background-color: #fff; border: 1px solid #dadada; width: 978px; margin: 0 auto; }
#top-wrapper { height: 150px; color: #fff; border-bottom: 1px solid #dadada; border-bottom: 3px double #dadada; width: 978px; }
#logo img { float: left; display: block; padding: 30px 25px; font-size: 70px; border: none !important; }
#logo { float: left; width: 50%; }
#search-container { float: right; display: block; padding: 45px 45px;  }
#search { background-color: #f5f5f5; border: none; width: 241px; height: 31px; padding-left: 10px; font-size: 14px; }
#search-submit { background-color: #f5f5f5; padding-right: 7px; }
#search-box { background-color: #f5f5f5; border-color: #DEDDDE; }
#form-border { border-color: #DEDDDE;  }

#main-content { width: 630px; float: left; }

/*---------- Page with Sidebar------*/

#page-container {  }
#page-left { float: left; display: block; width: 630px; }
#page-right { float: right; display: block; width: 330px; }
#page-title { padding: 25px 25px 25px 25px; }
#page-content img { padding: 10px; border: 1px solid #dadada; background-color: #f5f5f5; }
#page-content hr { width: 600px; margin: 0 auto; display: block; height: 1px; border: 0; border-top: 1px solid #dadada; }
#page-content h2 { padding-top: 20px; }
#page-content p { padding: 20px 0 0 20px; }


/*---------- Full Width -------------*/

#contentfull { width: 978px;  }
#full-width-container { padding: 25px 25px 25px 25px; }
#full-width-title { padding: 0 0 25px 0 ; }
#full-width-content b { padding: 10px 0 ; line-height: 15px; }
#full-width-content hr { width: 930px; margin: 0 auto; display: block; height: 1px; border: 0; border-top: 1px solid #dadada; }
#full-width-content img { padding: 10px; border: 1px solid #dadada; background-color: #f5f5f5; }
#full-width-content h2 { padding-top: 20px; }

.post { width: 600px; padding: 20px 0 0 20px; }
.post-entry {  }

.post-image { float: left; display: block; width: 40%; padding-bottom: 15px; }
.post-image img { padding: 8px; border: 1px solid #dadada; background-color: #f5f5f5; }
.post-image-hover a { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;  }
.post-image-hover a:hover { filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70; }

.post-text { width: 60%; float: right; display: block; padding-bottom: 50px; }
.entry-title { text-align: left; padding-bottom: 10px; }
.entry-title a { text-decoration: none; }
.entry-title a:hover { border-bottom: 2px solid #333; color: #454545; }
.meta-bg { background-color: #ebebeb; width: 320px; }
#single-post-category { width: 300px; }
#category-bg-container { padding-top: 10px; }
.category-bg { background-color: #cc2a2a; }
#category-title p { float: left; display:block; padding: 9px 0 10px 25px; color: #e9a1a1; font-size: 12px; }
.category-list ul li { float: left; display: block; list-style-type: none; padding: 9px 2px 10px 10px; }
.category-list a { color: #fff; text-decoration: none; font-size: 12px; font-style: italic; }
.category-list a:hover { color: #fff; border-bottom: 1px dotted #fff; }
.post-meta-info { padding: 9px 0 10px 10px; color: #666; font-style: italic; font-size: 12px; }
.post-meta-info a:hover { text-decoration: none; }
.entry-excerpt { padding-top: 15px; padding-right: 15px; }

.sub-post-all { padding-left: 15px; padding-right: 15px; }
.sub-post { border-top: 1px dotted #cccccc; padding: 8px; border-bottom: 1px dotted #cccccc;  }
.post-tags { float: left; display: block; font-size: 12px; color: #999; font-style: italic; }
.post-tags a { text-decoration: none; }
.post-tags a:hover { color: #CC2A2A; border-bottom: 1px dotted #cc2a2a; }
.read-more { float: right; display: block; font-size: 12px; color: #999; font-style: italic; }
.read-more a { text-decoration: none; }
.read-more a:hover { color: #CC2A2A; border-bottom: 1px dotted #cc2a2a; }

/*------------- Footer --------------------------*/
#footer {}
#top { text-align: center; padding: 20px; border-bottom: 1px solid #dadada; width: 960px; margin: 0 auto;}
#top img { border: none; }
#top-text {  text-decoration: none; color: #ccc; padding-left: 10px; padding-right: 10px; }
.arrow-up { padding-left: 10px; padding-right: 10px; }
.copyright { padding: 20px 0; border-top: 1px solid #dadada; width: 960px; margin: 0 auto; }
.copyright-text { float: left; display: block; color: #666666; }
.link-back { float: right; display: block; font-size: 10px; color: #ccc; }
.link-back a { color: #ccc; }

/*---------------  Footer Widgets -------------------*/

.footer-widget-container { width: 960px; margin: 0 auto; }
.footer-content { display: inline; float: left; width: 25%; padding-top: 25px; }
.footer-content p { font-size: 12px; padding: 5px 0; color: #666666; }
.footer-title { font-size: 16px; color: #666666; padding-bottom: 10px; }
.footer-content li { list-style-type: none !important; font-size: 12px; padding: 5px 0; }
.footer-content ul { list-style: none outside none; }
.footer-content a { text-decoration: none; }
.footer-content a:hover { text-decoration: underline; color: #cc2a2a; }

/*--------------- Sidebar Widgets ------------------*/

.sidebar-container { float: right; display: block; width: 330px; border-left: 1px solid #dadada; height: 100%; padding-left: 15px; }
.sidebar-content { padding: 15px 0; }
.sidebar-title { font-size: 16px; color: #666666; border-bottom: 3px double #dadada; width: 314px; }
.sidebar-content p { color: #666666; padding: 5px 5px; }
.sidebar-content ul { padding: 8px 20px; }
.sidebar-content ul li { padding: 5px 0px; }
.sidebar-content a { color: #CC2A2A; text-decoration: none; }
.sidebar-content a:hover { text-decoration: underline; }
.sidebar-content img { padding: 3px; border: 1px solid #dadada; margin: 0 auto; }

/*----------------  404.php  ------------------------*/

#error-wrapper { padding: 25px 25px; }
.error h2 { text-indent: 25px; }
.error h3 { text-indent: 25px; padding-top: 15px; }

/*---------------  Short Codes ----------------------*/

.news,
.alert,
.info,
.warning,
.download{
	width: 570px;
	text-align: center;
	padding: 7px;
	line-height: 20px;
	font-size: 14px;
	margin: 20px auto;
	text-shadow: 1px 1px 1px #FFF;
}
.news{
	background: #f5f5f5;
	border: 1px solid #dadada;
	color: #666666;
}
.alert{
	background: #FFFFCC;
	border: 1px solid #FFCC66;
	color: #996600;
}
.info{
	background: #D1F2F5;
	border: 1px solid #AFDEE2;
	color: #38878E;
}
.warning{
	background: #FFB8B8;
	border: 1px solid #FF8C8C;
	color: #BF2F2F;
}
.download{
	background: #CCFF99;
	border: 1px solid #99CC00;
	color: #336600;
}

.blockquotes-holder { padding: 25px; }
.mojo-blockquotes { padding-left: 10px; font-style: italic; color: #888; border-left: 5px solid #aaa;  }

.dropcap-small { font-size: 30px; float: left; font-weight: 400; line-height: 1em; padding-right: 10px; padding-bottom: 5px; padding-left: 20px; position: relative;  }
.dropcap-big { font-size: 46px; float: left; font-weight: 400; line-height: 1em; padding-right: 7px; padding-bottom: 4px; padding-left: 20px; position: relative; }

/* ------- Short Codes - Fluid Columns ------- */

.one_half{ width:48%; padding-bottom: 20px; }
.one_third{ width:30.66%; padding-bottom: 20px; }
.two_third{ width:65.33%; padding-bottom: 20px; }
.one_fourth{ width:22%; padding-bottom: 20px; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

.columns { color: #999; padding-bottom: 15px; font-weight: normal; }
.shortcode-space { color: #999; padding-bottom: 15px; }
.columns1 { padding-bottom: 20px; }

/* --------------  List Styles ------------- */

.checklist ul{
	list-style-image: url('images/check.png');
}
.fancy_bullets_black ul{
	list-style-image: url('images/fancy_bullets_black.png');
}
.fancy_bullets_blue ul{
	list-style-image: url('images/fancy-bullets-blue.png');
}
.fancy_bullets_red ul{
	list-style-image: url('images/fancy-bullets-red.png');
}
.fancy_bullets_purple ul{
	list-style-image: url('images/fancy-bullets-purple.png');
}

/*-----------------  Single.php ---------------------*/

.single-content { float: left; display: block; width: 630px; }
.single-body h1, .single-body h2, .single-body h3, .single-body h4, .single-body h5, .single-body h6 { padding: 5px 0 5px 20px; font-weight: normal; }
.single-body ul, ol { padding: 10px 0 10px 50px; }
.single-body li { padding: 5px; }
.single-body hr { width: 590px; margin: 0 auto; display: block; height: 1px; border: 0; border-top: 1px solid #dadada; }
.single-body img { padding-top: 15px; }
#single-wrapper { height: 100%; }
#comment-number-container { float: right; display: block; padding: 25px 35px 0 0; }
#comment-number-bg { z-index: -1; }
#single-comment-number { z-index: 20; text-align: center; position: absolute; font-size: 18px; color: #666666; width: 40px; margin: 0 auto; padding-top: 7px; }
#single-top-left { float:left; display:block; }
#single-top-right { float:right; display:block; }
#single-post-title { padding: 25px 0 15px 25px !important; }
#single-post-meta {}
#single-post-meta p { padding-left: 25px; }
.single-post-image { float:left; display:block; padding: 45px 15px 15px 25px; }
.single-post-image img { padding: 8px; border: 1px solid #dadada; background-color: #f5f5f5; }
.single-post { padding-top: 45px; }
.single-post p { padding: 0 22px 20px 22px; }
.single-post img { padding: 10px; border: 1px solid #dadada; background-color: #f5f5f5; }
.single-post a { color: #cc2a2a; }
.single-post a:hover { color: #999; }

#comments-box { padding: 45px 0 0 0; }
#comments-box h2 { font-size: 24px; color: #666666; padding-bottom: 15px; border-bottom: 1px dotted #cccccc; width: 590px; }
.post-comment { border-bottom: 1px dotted #cccccc; margin: 0 auto; }
.right-side img { border: none; }
.post-comment .right-side { float: right; display: inline;  width: 90px; }
.post-comment .right-side a.img img { height: 85px; width: 83px; }
a.button2, a.comment-reply-link { display: block; height: 32px; width: 84px; text-align: center; background: url(images/submit-button.png) no-repeat; width: 84px; height: 32px; line-height: 29px; color: #fff !important; font-size: 14px; margin-top: 12px; text-decoration: none; }
a.button2:hover, a.comment-reply-link:hover { text-decoration: underline; }

.comment-note { padding: 5px 0 0 17px; color: #999999; }
.comment-entry h4 { color: #CC2A2A;}
.comment-entry h4 span { color: #676767;}
.comment-entry p { padding: 0 15px 15px 20px; }

.date { font-size: 10px; color: #999999; padding: 0 15px 15px 20px; font-style: italic; }

#respond { padding-top: 45px; width: 590px; margin: 0 auto; padding-bottom: 50px; }
#respond h2 { border: none; }
#commentform { background-color: #f5f5f5;  }
fieldset { border: 1px solid #dadada; }
.col { float: left; display: block; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; }
.col-mid { padding-left: 18px !important; }
.col label { color: #999999; font-size: 16px; }
.col #author { width: 168px; height: 24px; border: 1px solid #dadada; padding-left: 5px; }
.col #email { width: 168px; height: 24px; border: 1px solid #dadada; padding-left: 5px; }
.col #url { width: 168px; height: 24px; border: 1px solid #dadada; padding-left: 5px; }
#comment { padding-left: 10px; padding-top: 10px; border: 1px solid #dadada;}
.comment-box label { color: #999999; font-size: 16px; }
.comment-box { padding-left: 18px; padding-top: 3px; width: 560px; }
.comment-submit { float: right; display: block; padding: 20px 25px 15px 0; }
.submit { background: url(images/submit-button.png) no-repeat; width: 84px; height: 32px; color: #fff; font-size: 14px; font-family: 'Droid Serif', arial, serif; font-weight: normal; border: none; }

/*--------------------------------- Author Page ----------------------*/

#single-author-left { float: left; display: block; width: 630px; }

#author-box-container { padding-top: 25px; }
#single-author-box { background-color: #f5f5f5; width: 590px; border: 1px solid #dadada; margin: 0 auto;}
#author-box-gravatar { float: left; display: block; width: 90px; padding: 20px 0 0 20px;}
#author-box-right { float: right; display: block;  width: 470px; }
#author-box-title h4 { padding-top: 15px; font-weight: normal; }
#author-box-excerpt { padding: 10px 15px 15px 0;}

#author-social { padding: 5px 0 20px 0; }
#author-social ul li { list-style-type: none; display: inline; }
.author-box-top { padding-bottom: 15px; }
#author-box-title h2 { padding: 20px 0 0 0; }
#author-page-box-gravatar { float: left; display: block; width: 90px; padding: 10px 0 0 10px; }
#author-page-box-gravatar img { padding: 4px; border: 1px solid #dadada; background-color: #f5f5f5;  }
.author-bio { padding: 25px 25px 5px 25px; }
.author-bio h4 { padding-bottom: 15px; }
.author-posts-title { padding: 25px 25px 5px 25px; }
.author-posts ul { padding: 5px 25px 25px 45px; }
.author-posts ul li { padding-bottom: 10px; }

/*--------------------------- Arhives Page ------------------------*/

#archive-container {  }
#archive-left { float: left; display: block; width: 630px; }
#archive-right { float: right; display: block; width: 330px; }
#archive-title { padding: 25px 25px 25px 25px; }
#archive-content ul { padding-left: 45px; }
#archive-content li { padding: 10px 0; }
#archive-content a { text-decoration: none; color: #cc2a2a; }
#archive-content a:hover { text-decoration: underline; }


/*----------------- Gravity forms ------------------------- */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; font-size: 12px !important; }
.gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label { font-size: 12px !important; }
.gform_footer { font-size: 13px !important;}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
letter-spacing: 0px; }
.gform_wrapper input.button  { background: url(images/submit-button.png) no-repeat; width: 84px; height: 32px; color: #fff; font-size: 14px; font-family: 'Droid Serif', arial, serif; font-weight: normal; border: none; }
.gform_footer input.button { color: #fff; }

.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }


#search-results { padding: 15px 0 0 25px; }
#pagenavi { padding: 10px 0 10px 25px; }
.pages { padding-right: 10px; }
.page { padding-right: 5px; padding-left: 5px; }
.current { padding-right: 5px; color: #cc2a2a; }