/*
Theme Name: AMOils Theme
Theme URI: http://www.amoils.com/
Description: Custom Theme for http://www.amoils.com/
Version: 1.0
Author: izoox, LLC
Author URI: http://www.izoox.com/
Tags: custom theme

	AMOils v1.0
	http://www.amoils.com
*/

/* HTML TAGS */
* { border: none; margin: 0; padding: 0; }
body { background-color: #ebf6ff; font: 11px arial, helvetica, verdana, sans-serif; padding: 10px 0; text-align: center; }

a { color: #06c; text-decoration: none; }

h1 { color: #06c; font-size: 30px; font-weight: normal; }
h2 { color: #360; font: normal 30px "Times New Roman", serif; margin-bottom: 10px; line-height: 28px; }
	h2 a { color: #360; }
h3 { color: #06c; }

hr { background-color: #d4d9dc; height: 2px; margin-bottom: 10px; }

li { }

p { color: #333; font-size: 12px; line-height: 16px; margin-bottom: 10px; }
.footer p { font-size: 11px; }
p.copyright { background: url(images/box-header.png) left repeat-x; border: 1px solid #bfe8ff; border-width: 1px 0; color: #06c; display: inline-block; line-height: 31px; margin-bottom: 0px; text-indent: 15px; width: 100%; }
p.footer-links { color: #06c; margin-bottom: 0px; padding: 10px; text-align: center; }

/* REUSABLE CLASSES */
.alpha { margin-left: 0 !important; }
.bottom-margin { display: inline; float: left; margin-bottom: 10px; }
.centered { display: block; float: none; margin: 0 auto 10px; }
.clear { clear: both; }
	.clear-left { clear: left; }
	.clear-right { clear: right; }
.clearfix { display: inline-block; }
	.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
.hidden { display: none !important; }
.left { display: inline; float: left; }
.no-bottom-margin { margin-bottom: 0 !important; }
.omega { border-bottom-width: 0px !important; border-right-width: 0px !important; margin-right: 0 !important; }
.right { display: inline; float: right; }

.article { border-bottom: 1px solid #c2dfb2; display: inline; float: left; margin-bottom: 10px; padding-bottom: 10px; width: 100%; }
	.article img { border: 4px solid #e3ecef; display: inline; float: right; margin: 0 0 10px 10px; padding: 2px; }
.article-info { clear: both; display: inline; float: left; margin: 10px 0; width: 100%; }
.article-links { background: url(images/article-links-bg.png) left no-repeat; display: inline; float: left; font-size: 11px; line-height: 28px; margin: 0; width: 285px; }
.article-content { clear: both; display: inline; float: left; width: 100%; }
.author { background: url(images/author-bg.png) left no-repeat; display: inline; float: left; line-height: 15px; padding: 0 0 1px 20px; }
.comments { background: url(images/comment.png) left no-repeat; display: inline; float: left; margin-left: 25px; padding: 0 0 4px 20px; }
.date { top left no-repeat; display: inline; float: left; height: 75px; margin: 0 10px 10px 0; padding-left: 10px; padding-right: 20px; text-align: center; width: 75px; }
.date-time { background: url(images/date-time-bg.png) left no-repeat; clear: none; display: inline; float: left; line-height: 15px; padding: 0 0 1px 20px; }
.day { display: block; font-size: 24px; line-height: 20px; }
.description { color: #6a6e68; font-size: 13px; }
.logo { display: inline; float: left; margin: 12px 0 0 28px; }
.month { display: block; font-size: 14px; margin-top: 5px; }
.navigation { background: url(images/nav-bg.jpg) top left repeat-x; margin: 0 2px; padding-top: 2px; }
	.navigation li { display: inline; list-style-type: none; line-height: 27px; }
	.navigation a { border-right: 1px solid #a4d1f5; color: #fff; font-weight: bold; padding: 0 30px; }
.profile { margin: 0 10px 10px; }
	.profile img, .profile p { display: inline; float: left; }
	.profile img { clear: both; margin: 0 10px 0 0; }
	.profile p { width: 236px; }
.read-more { background: url(images/read-more-bg.png) right no-repeat; display: inline; float: left; margin-left: 15px; padding-right: 15px; }
.video { background: url(images/video.png) top left no-repeat; display: inline; float: left; height: 160px; margin: 0 0 6px 6px; width: 159px; }
.writer-link { background: url(images/writer-link-bg.png) left no-repeat; _background: url(images/writer-link-bg-small.png) left no-repeat; display: inline; float: left; line-height: 23px; _line-height: 21px; margin-bottom: 5px; padding-bottom: 4px; _padding-bottom: 6px; text-indent: 30px; width: 233px; _width: 206px; }
.omega .writer-link { margin-bottom: 0px; }
.writer-name { font-size: 13px; font-weight: bold; }

/* STRUCTURE */
.content { background-color: #fff; border: 2px solid #83bcef; border-width: 0 2px; }
.header { background: url(images/header-bg.jpg) top no-repeat; margin: -1px 0 1px; height: 93px; }
.inner { background: url(images/inner-bg.jpg) top no-repeat; padding-top: 5px; text-align: left; width: 100%; }
.left-column { display: inline; float: left; margin: 23px 23px 23px 22px; width: 573px; }
.right-column { display: inline; float: left; margin: 23px 22px 23px 0; width: 341px; }
.wrapper { background: url(images/wrapper-bg.jpg) bottom no-repeat; margin: 0 auto; padding-bottom: 5px; text-align: left; width: 985px; }

	/* BOXES */
	.box { background: url(images/box-bottom.jpg) bottom no-repeat; margin-bottom: 10px; padding-bottom: 5px; }
	.box .content { background-color: #fff; border: 2px solid #b5dcff; border-width: 0 2px; }
	.box .inner { background: url(images/box-top.jpg) top no-repeat; padding-top: 5px; }
		.box h2, .box h3 { background: url(images/box-header.png) center no-repeat; border: 1px solid #bfe8ff; border-width: 1px 0; clear: both; color: #06c; font: bold 13px arial, helvetica, verdana, sans-serif; line-height: 31px; margin: 0 0 10px; padding: 2px; text-indent: 15px; }
		.box h2.alpha { background: url(images/box-header-top.png) top no-repeat; border-width: 0 0 1px; margin: -1px 0 10px 0; padding: 0 0 2px 0; }
		.box ul { color: #ff9d00; display: inline; float: left; line-height: 15px; margin: 0 15px 10px 25px; }

/* FORMS */
#searchform { display: inline; float: right; margin: 32px 50px 0 0; }
#searchform input[type="submit"] { background: url(images/find-button.png) top left no-repeat; color: #31760b; font-weight: bold; height: 29px; padding: 0 0 4px 2px; width: 51px; }
#searchform input[type="text"], #commentform input[type="text"] { background-color: #f4f6f7; border: 1px solid #71a4c1; color: #07334d; font-size: 10px; _height: 23px; margin-bottom: 4px; padding: 4px; width: 305px; }

#commentform { margin: 5px 0 0; }
#commentform textarea { background-color: #f4f6f7; border: 1px solid #71a4c1; color: #07334d; font-size: 10px; height: 200px; margin-bottom: 4px; padding: 4px; width: 400px; }
#commentform input[type="submit"] { margin: 0; border: 2px solid #71a4c1; background-color: #f4f6f7; color: #07334d; width: auto; height: auto; padding: 5px 10px; }
#commentform #submit { float:left; }

/* COMMENTS */
.commentlist li .avatar { float:left; margin: 0 10px 10px 0; border: 3px solid #06c; }
.commentlist { margin: 10px 0 !important; list-style-type: none; }
.commentlist li { background-color: #f4f6f7 !important; margin-bottom: 2px !important; padding: 10px !important; }
.commentlist li ul li { margin-left: -5px; margin-right: 10px; }
.commentlist p { margin: 10px 0 10px 48px !important; }
