/*================================================================================================================

Theme Name: Base
Theme URI: http://hishandiworkthemes.com/base/
Author: Div Wrap
Author URI: http://divwrap.com/
Description: Generic theme for blogs
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: light, white, gray, two-columns, left-sidebar, fixed-width, custom-background, custom-colors, custom-menu, full-width-template, post-formats, theme-options

================================================================================================================*/



/*========================================================

>>> Reset

========================================================*/

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, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, label, legend, table, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins, a { text-decoration: none; }
a, input[type=submit], button[type=submit] { cursor: pointer; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }



/*========================================================

>>> Main Styles

========================================================*/

body, input, textarea {
	color: #626262;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 2.1em;
	letter-spacing: .03em;
}

div { line-height: 1.5em; }

::-moz-selection, ::selection { background: #e25d18; color: #fff; } 

.button {
	float: left;
	display: block;
	height: 30px;
	color: #fff;
	line-height: 30px;
	padding: 0 10px;
	background: #e16b23;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*=== Paragraph & Anchor ===*/

p { color: #2F2F2F; line-height: 2em; margin-bottom: 20px; padding-right: 20px; }
p, textarea, input[type=text] { font-size: 14px; }
a:hover { text-decoration: underline; cursor: pointer; }

/*=== Headings ===*/

h1, h2, h3, h4, h5, h6 { color: #444; font-weight: normal; margin-bottom: 20px; text-transform: uppercase; letter-spacing: .15em; }
h1 { font-size: 28px; font-weight: lighter; line-height: 1.1em; }
h2 { font-size: 22px; line-height: 1.2em; }
h3 { font-size: 18px; color: #666; }
h4 { font-size: 16px; font-style: italic; }
h5 { font-size: 14px; font-weight: lighter; }
h6 { font-size: 12px; font-weight: lighter; line-height: 1.4em; }

/*=== Lists ===*/

#content ul, #content ol, #content dl { margin: 0 0 20px 25px; padding: 20px; list-style-type: square; }
#content ul li { list-style-type: disc; }
#content ol li { list-style-type: decimal; }

/*=== Global Classes ===*/

.inner { width: 950px; height: auto; margin: 0 auto; padding-bottom: 40px; overflow: hidden; }
.big-inner-left, .big-inner-right { width: 955px; margin: 0 auto; overflow: hidden; }
/* if content is on left */
.big-inner-left { padding-right: 5px; }
/* if content is on right */
.big-inner-right { padding-left: 5px; }
/* if content spans the whole width of the site */
.big-inner-full { width: 960px; margin: 0 auto; padding: 0 5px; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.clear { width: 100%; clear: both; display: inline-block; margin-top: 20px; }
.center { text-align: center; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.sidebar p { color: #777; font-size: 100%; line-height: 1.6em; }
.navigation { font-size: 15px; text-transform: uppercase; letter-spacing: .05em; float: center; color: #333; width: 620px; }
.navigation p { color:#333; margin: 0px; }
.navigation a { color:#333; text-decoration: none; }
.navigation a:hover { color:#777; text-decoration: none; }
.alignright{ float: right; }
.alignleft{ float: left; }

/*=== Other Formats ===*/

pre { color: #333; width: 100%; clear: both; float: left; margin: 0 0 20px 0; padding: 0 10px 20px 10px; border: 1px solid #ccc; background: #fdfdfd; overflow: scroll; }
blockquote { margin: 20px; padding-left: 25px; border-left: 3px solid #777; }
blockquote, blockquote p { color: #777; font-style: italic; }
.drop { font-size: 36px; margin: 0 5px 3px 0; float: left; position: relative; top: 10px; }

/*=== Form Elements ===*/

input, textarea, button[type=submit] { font-style: italic; outline: none; border: none; }
input[type=text], textarea { padding: 5px; border: 3px solid #eee; }
input[type=submit] { height: 32px; line-height: 28px; font-size: 11px; padding: 0 12px; text-align: center; top: 0; }
button::-moz-focus-inner { padding:0; border:0 }

/*=== Table Elements ===*/

table, caption, tbody, tfoot, thead, tr, th, td { font-size: 12px; }
table { border-collapse: collapse; border-spacing:0; width:100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 25px; }
table, td, th { vertical-align:middle; }
tr { background: #f7f7f7; }
tr:hover { background: #f1f1f1; }
th { height: 25px; font-size: 16px; font-weight: normal; padding: 10px; color: #444; text-transform: uppercase; text-align: left; background: #dfdfdf; }
td { height: 20px; color: #777; padding: 10px; }
th, td { display: table-cell; text-align: center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
tfoot td {  border: 0px; }



/*========================================================

>>> Main Dividers

========================================================*/

.content { padding: 0px 0; }
.content-inner { padding: 10px 30px 30px 30px; overflow: hidden; }
.content-bot { height: 25px; }

/*=== Left (default) & Right ===*/
#content-left { float: left; }
#content-right { float: right; }
#content-left, #content-right { width: 700px; background: #ffffff; }
#content-left .content-inner, #content-right .content-inner { width: 640px; background: #ffffff; }
#content-left .content-bot, #content-right .content-bot { width: 700px; background: #ffffff; }

/*=== Full Width ===*/
#content-full { width: 960px; background: #ffffff; }
#content-full .content-inner { width: 900px; background: #ffffff; }
#content-full .content-bot { width: 960px; background: #ffffff; }

/*=== Full Width w/Sidebar ===*/
.full-left { width: 640px; float: left; }

/*=== Two Sidebars ===*/
.full-middle { width: 380px; float: left; margin-left: 30px; }

.sidebar { width: 230px; padding-top: 0px; margin-top: 10px; }
.two-sidebars .sidebar { padding-top: 0; }
#sidebar-right { float: right; }
#sidebar-left { float: left; }
.page-title { margin-bottom: 0px; padding-bottom: 20px; border-bottom: 0px dotted #eee; }



/*========================================================

>>> Shortcodes

========================================================*/

/*=== Columns ===*/

.full { width: 100%; clear: both; margin-bottom: 25px; overflow: hidden; }
.one-half, .one-third, .two-thirds, .one-fourth, .one-fifth, .two-fifths, .three-fifths, .four-fifths, .one-sixth { color: #717171; float: left; position: relative; margin-right: 4%; margin-bottom: 25px; }
.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-thirds { width: 65.1%; }
.one-fourth { width: 22%; }
.one-fifth { width: 16.8%; }
.two-fifths { width: 37.2%; }
.three-fifths { width: 54.8%; }
.four-fifths { width: 78.8%; }
.column-last { margin-right: 0 !important; clear: right; }

/*=== Message Boxes ===*/

.mbox { max-width: 940px; height: 50px; margin: 0 0 25px 0; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.mbox p { color: #333; line-height: 50px; padding-left: 60px; }
.mbox a { color: #222; font-weight: bold; }

.successbox { background: #f3ffdd url(http://breezytulip.com/wp-content/themes/base/images/icon_success.png) 30px center no-repeat; }
.errorbox { background: #ffdddd url(http://breezytulip.com/wp-content/themes/base/images/icon_error.png) 30px center no-repeat; }
.warningbox { background: #fff1dd url(http://breezytulip.com/wp-content/themes/base/images/icon_warning.png) 30px center no-repeat; }
.downloadbox { background: #ffffde url(http://breezytulip.com/wp-content/themes/base/images/icon_download.png) 30px center no-repeat; }



/*========================================================

>>> Header & Menus

========================================================*/

/*=== Header ===*/

#header {
	padding-bottom: 18px;
}

/*=== Logo ===*/

#brand {
	width: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	overflow: hidden;
}

#logo {
	margin: 0;
	float: left;
}

/*=== Menu ===*/

.menu .inner {
	padding-bottom: 0px;
	padding-left: 20px;
}

.menu a:hover {
	text-decoration: none;
}

#header .menu {
	height: 25px;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 12px 0 0 25px;
}

.menu > .inner > ul > li {
	height: 25px;
	float: left;
}

.menu > .inner > ul > li > a {
	height: 22px;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .35em;
	color: #a0a0a0;
	margin: 0 0 0 50px;
	padding: 0;
	display: block;
}

.menu .inner ul li a:hover {
	text-decoration: none;
	color: #626262;
}

.menu > .inner > ul > li.current_page_item > a {
	font-style: italic;
	color: #626262;
}

.menu > .inner > ul > li:hover > a,
.menu > .inner > ul > li.current_page_item > a {
	color: #626262;
}

/*=== TOP MENU ===*/

#top {
	height: 30px;
	padding: 10px 0 0 3px;
	border-top: 3px solid #ddd;
	background: #444;
}

#top .menu > .inner > ul > li,
#top .menu > .inner > ul > li > a {
	height: 25px;
}

#top .menu > .inner > ul > li > a {
	color: #ddd;
}

#top .menu > .inner > ul > li:hover > a {
	color: #fff;
}

#top .menu ul li a {
	font-size: 11px;
	margin: 0 25px 0 0;
}

#top .menu > .inner > ul > li:hover > a {
	border-bottom: none;
}

#top .menu > .inner > ul > li.current_page_item > a {
	font-style: normal;
	border-bottom: none;
	
}

/*=== SUB MENU ===*/

.menu ul li ul {
	min-width: 140px;
	display: none;
	position: absolute;
	margin: 0 0 0 -10px;
	padding: 0;
	list-style: none;
	zoom: 1;
	z-index: 101;
}

.menu ul ul {
	float: none;
}

.menu ul li ul li {
	margin-bottom: 5px;
	padding: 0 15px 0 10px;	
}

.menu ul li ul li a {
	color: #ffe3d3;	
	min-width: 150px;
	font-size: 11px;
	height: 35px;
	line-height: 35px;
	display: block;
}

.menu ul li ul li a:hover {
	color: #fff;
}

.menu ul li ul li a:hover {
	text-decoration: none;
}

.menu ul li ul li:first-child a {
	border-top: none;
}



/*========================================================

>>> Blog Posts

========================================================*/

.post {
	margin-bottom: 50px;
}

.post .post-title {
	margin-bottom: 18px;
}

.post .post-title a {
	color: #444;
}

.post .post-title a:hover {
	color: #777;
	text-decoration: none;
}

.post ul {
	padding: 0 20px 20px 30px;
	font-size: 15px;
	line-height: 2em;
}

.post li {
	list-style-type: disc;
}

.post .post-meta {
	color: #999;
	font-size: 13px;
	font-style: normal;
	margin-top: 15px;
}

.post .post-date {
	color: #999;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 5px;
}

.post .cat-list {
	color: #999;
	font-size: 11px;
	font-style: italic;
	padding-top: 10px;
	border-top: 1px dotted #eee;
}

/*=== Single Post ===*/

.single .post {
	margin-bottom: 0;
}

.single .post .cat-list {
	padding-top: 20px;
}



/*========================================================

>>> Slider Homepage Template

========================================================*/

/*=== Slider ===*/

.slider-wrap {
	width: 950px;
	height: 350px;
	position: relative;
	clear: both;
	overflow: hidden;
}

/*=== Tagline ===*/

.tagline {
	font-style: italic;
	text-align: center;
	margin: 55px 0;
}



/*========================================================

>>> Comments

========================================================*/

#comments {
	margin-top: 45px;
}

#comments-title {
	color: #666;
	font-size: 20px;
	margin-bottom: 25px;
}

.nopassword,
.nocomments {
	color: #aaa;
	font-size: 22px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}

.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 100%;
}

.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}

.commentlist > li.comment {
	padding: 0 0 20px 0;
	margin: 0 0 0 -10px;
	position: relative;
	list-style-type: none;
	width: 100%;
}

.commentlist > li.comment > div {
	margin: 0 0 20px 0;
	padding-left: 10px;
}

.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}

.commentlist .children {
	margin: 0;
}

.commentlist .children li.comment {
	margin-left: 10px;
	padding: 0 0 0px 0;
	position: relative;
	list-style-type: none;
}

.commentlist .children li.comment > div {
	margin: 30px 0 0 0;
	padding-left: 20px;
}

.commentlist .children li.comment .fn {
	display: block;
}

.comment-meta .fn {
	font-style: normal;
}

.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2em;
}

.comment-body {
	padding-top: 0px;
	margin-bottom: -10px;
}

.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 0;
}

.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}

.commentlist .avatar-cover {
	left: -100px;
	padding: 0;
	position: absolute;
	top: 0;
}

.commentlist .avatar-cover span {
	width: 60px;
	height: 60px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	background: url(http://breezytulip.com/wp-content/themes/base/images/cover_flickr.png) top left no-repeat;
}

.commentlist > li.pingback:before {
	content: '';
}

.commentlist .children .avatar {
	background: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}

a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}

a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}

a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}

.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}

.page-template-sidebar-page-php #respond {
	width: auto;
}

/*=== Comment Form ===*/

#respond {
	padding: 22px;
	position: relative;
	width: 640px;
}

#respond p {
	font-size: 12px;
}

#comments > #respond {
	padding: 18px 0;
}

#respond textarea {
	width: 618px;
}

#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}

#respond textarea {
	resize: vertical;
}

#respond .comment-form-author .required,
#respond .comment-form-email .required {
	font-size: 18px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}

#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}

#respond p {
	margin: 10px 0;
}

#respond .form-submit {
	float: right;
	margin: 0 0 0 10px;
}

#respond input#submit {
	cursor: pointer;
	position: relative;
}

#respond #cancel-comment-reply-link {
	color: #666;
	text-decoration: none;
}

#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}

.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}

#reply-title {
	color: #373737;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

#cancel-comment-reply-link {
	color: #aaa;
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 2.2em;
	clear: both;
	text-decoration: none;
}

#respond label {
	line-height: 2.2em;
}

#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}

p.comment-form-comment {
	margin: 0;
}

.form-allowed-tags {
	display: none;
}

.depth-1 {
	width: 520px;
}

.depth-1 textarea {
	width: 495px !important;
}

.depth-2 #respond {
	width: 465px;
}

.depth-2 textarea {
	width: 446px !important;
}

.depth-3 #respond {
	width: 418px;
}

.depth-3 textarea {
	width: 396px !important;
}



/*========================================================

>>> Widgets

========================================================*/

.widget {
	float: left;
	margin-bottom: 35px;
}

.widget .widget-title {
	font-size: 18px;
	font-style: italic;
	padding: 0px;
	margin-bottom: 10px;
}

.sidebar .widget p {
	padding-right: 0;
}

/*=== Recent Posts ===*/

.widget_recent_entries ul {
	width: 294px;
}

.widget_recent_entries ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ddd;
}

/*=== Flickr ===*/

.flickr_widget a {
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
	display: block;
}

.flickr_widget img,
.flickr_widget a img {
	width: 65px;
	height: 65px;
	background: #fff;
}

/*=== Search ===*/

.widget_search {
	width: 100%;
	height: 100%;
}

.widget_search #searchform label {
	display: none;
}

.widget_search #searchform input {
	border: none !important;
	background: none;
}

.widget_search #searchform input[type=text] {
	color: #666;
	width: 136px;
	margin: 9px 2px 22px 34px;
	padding: 4%;
	height: 14px;
	line-height: 12px;
	font-size: 90%;
}

.widget_search #searchform input[type=submit] {
	width: 20px;
	height: 35px;
	line-height: 25px;
	color: #000;
	font-size: 10px;
	text-align: center;
	top: 0;
	background: none;
}

.widget_search #searchform input[type=submit]:hover {
	text-decoration: underline;
}


/*========================================================

>>>Footer

========================================================*/

#footer {
	min-height: 60px;
	padding-top: 20px;
	background: #f6f6f6;
}

#footer p,
#footer a,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color: #eee;
}

#footer div {
	color: #aaa;
}

#footer a {
	font-weight: bold;
}

#footer .widget {
	margin: 0 38px 30px 0;	
}

#copyright {
	clear: both;
}

#copyright p {
	font-size: 11px;
	color: #aaa;
	text-align: center;
	margin-bottom: 0;
}

#copyright a {
	color: #aaa;
	text-align: center;
	margin-bottom: 0;
}

#copyright a {
	font-style: italic;
}



/*================================================================================================================

End style.css

================================================================================================================*/