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

	Theme Name: Ubuntu
	Theme URI: http://www.justinyoung.me
	Description: UBUNTU is difficult to define. It is community.  It is sharing.  It is humanity or fellow feeling.
	Author: Justin Young
	Author URI: http://www.siiimple.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0

-----------------------------------------------------------------------------------

	0.	CSS RESET
	1.	BODY
	2.	LOGO
	3.	HOME LOOP
	4.  TAGLINE
	5.  CONTENT
	6.  SLIDE
	7.  SIDEBAR
	8.  SINGLE
	9.  BLOGS
	10.  BLOGS FORMAT
	11.  PORTFOLIO
	12.  SHORTCODES
	13.  FOOTER
	14.  COMMENTS


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

/*1.BODY*/

html, body { background:#f3f3f3 url(framework/images/bg.jpg)}

a { text-decoration: none;  color: #333;}

body {margin: 0;font-family: "Droid Sans", Helvetica, Arial, sans-serif;font-size: 13px;font-weight: normal;line-height: 18px;color: #404040;}

a:hover { text-decoration: underline !important; }

.current_page_item a, .current-cat a{ color: #333 !important; font-weight: bold;padding-right:2px;padding-left: 0px;padding-top: 1px; padding-bottom:1px;}

/*2.LOGO*/

#logo.g480 { width: 160px;margin-right: 20px; min-height: 964px;background: #fff url(framework/images/bg-pattern1.png);}

#logo.g480 img { margin-bottom: 20px; }

#logo.g480 ul { margin-left: 15px; }

#logo.g480 ul li { list-style: none;margin-bottom: 2px;  font-size: 12px;padding-right: 20px; }

#logo.g480 ul li a { color: #999; text-decoration: none;}

#logo h1 { font-size: 26px;  text-transform: uppercase; margin-top: 0px;background: #333; border-bottom: 1px solid #ddd;padding-bottom: 20px;padding-top: 20px;text-align: center;}

#logo h1:hover { background:#444; }

#logo h1 a:hover { color: #fff !important;text-decoration: none !important; }

#logo h1 a { font-family: "Pacifico";text-decoration: none;  text-transform: none; color:#fff; font-weight: 100 !important; }

/*3.HOME LOOP*/

.g265 { background: #fff; margin-right: 32px; }

#home-loop .g265 { min-height: 380px;background: #fff url(framework/images/bg-pattern1.png); }

#home-loop h4.title {text-align: center; margin-top: 15px;line-height: 23px;margin-bottom: 10px; }

#home-loop h4.title a { text-decoration: none; color: #333;font-size: 16px; }

#home-loop p { text-align: center;padding-left: 20px; padding-right: 20px;color: #777;}

#home-loop a.more.bottom { background: #333 url(framework/images/arrow-right.png)center no-repeat;width: 15px;padding: 5px; float: right;position: absolute;margin-left: 220px;margin-top: 151px !important; }

.g320 a.more.bottom { background: #333 url(framework/images/arrow-right.png)center no-repeat;width: 15px;padding: 5px; float: right;position: absolute;margin-left: 775px;margin-top: -24px !important; }

#format-video .g320 a.more.bottom { background: #333 url(framework/images/arrow-right.png)center no-repeat;width: 15px;padding: 5px; float: right;position: absolute;margin-left: 775px;margin-top: -3px !important; }

/*4.TAGLINE*/

#tagline { background: #fff url(framework/images/bg-pattern1.png);text-align: left; padding-top: 20px;margin-top: 20px; padding-bottom: 10px;margin-bottom: 25px;border: 1px solid #e7e7e7;}

#tagline h1 { font-weight: normal;text-transform: none;font-size:14px;line-height: 22px;margin-bottom: 15px;margin-top: 5px;padding-right: 20px;padding-left: 20px;}

.g960.tag { text-align: center;padding:40px;background: #eee;border-top: 1px solid #eee; width: 880px;}

span.tag-span {background:#333;color: #fff;padding-right: 5px; padding-left: 5px; }

/*5.CONTENT*/

#content.g640 { width: 800px;}

#content.g640 img { background:#191919 url(framework/images/loading.gif)no-repeat center center;}

#content.g640 .g320 img, #home-loop .g265 img { background:#191919 url(framework/images/loading.gif)no-repeat center center; }

.content-bottom { margin-top: -3px; }

/*6. SLIDE*/

body.home h1.slide{ position: absolute; font-weight: normal; margin-top: -180px; margin-left: 350px;opacity: .9;line-height: 40px;padding:5px 7px;background: none !important;}

h1.slide a { background:#eee600;color: #000;}

h1.slide a:hover { background: #222; color: #fff; text-decoration: none !important; }

h1.page-slide span{ background: #eee600; opacity: .9;padding-left: 5px;padding-right: 5px; }

h1.page-slide { position: absolute;width: 410px; font-weight: normal; margin-top: -120px; margin-left: 20px;opacity: .9;line-height: 40px;padding:5px 7px;background: none !important;color: #000;}

/*7. SIDEBAR*/
ul.rp li { padding-right: 30px; }

ul.rp li a{ font-size: 11px;padding-right: 30px; }

ul.rp li img { margin-bottom: 10px;height: 35px;width: 35px; float: left;margin-right: 5px;}

.tweet li { margin-bottom: 20px;padding-right: 20px; }

h3.sidebar { font-size: 14px;padding-left: 15px; }

/*8. SINGLE*/

#single-loop h1 { margin-bottom: 5px;margin-left: 0; }

#single-loop h1,#single-loop h2,#single-loop h3,#single-loop h4,#single-loop h5,#single-loop h6,p.blockquote-box,.box,.toggle_content, #single-loop ul li,#single-loop ol li, #single-loop table { margin-left: 20px; }

#single-loop table,.toggle_content,.box { width: 700px;background: #fff; }

body.single #single-loop { padding-top: 0;  }

#single-loop { background: #fff url(framework/images/bg-pattern1.png); padding-top: 20px; padding-bottom: 20px;margin-top:20px !important; }

#single-loop p { margin-bottom: 10px; font-size: 12px !important; padding-right: 20px;padding-left: 20px;color: #777;}

body.single #s1 p.meta { font-weight: bold; padding-left:20px !important;background: #333;color: #fff;padding-bottom: 5px; padding-top: 5px; margin-top:20px; text-shadow: none; padding-left: 20px; text-transform: none;font-size: 14px !important;margin-bottom: 20px;}


h1#video { margin-left: 20px; margin-bottom: 15px;margin-top:0px;font-size: 22px;text-decoration: none; color: #333; font-weight: bold; text-transform: uppercase; }

#s1 p.meta-video a { color: #333; text-decoration: none; }

p.meta { text-transform: uppercase; font-size: 11px; color: #999;}

p.meta a { color: #ccc; text-decoration: none; }

p.tags { margin-top: 20px; }

span.divide { margin-left: 10px; margin-right: 10px; color: #444; font-weight: 100; }

#content.g640 p.meta a.comments-link,#content.g640 p.meta a { color: #777; }

/*9.Blogs*/

h2.blog { margin-top: 20px;margin-bottom: 5px;  text-transform: uppercase; }

h2.blog a { font-size: 18px;text-decoration: none; color: #333; font-weight: bold;}

span.blog-title { background: #333; }

.blog-tag { margin-bottom: 20px; }

h1#blog-head { text-align: right;color: #fff;padding-right: 20px;padding-top: 20px; text-transform: uppercase; font-size: 24px; }

span.blog-desc { color: #777; background: #fff;margin-left: 10px;}

.g320 { background: #fff url(framework/images/bg-pattern1.png); }

#b1 .g320 { width: 800px; margin-bottom: 20px; }

#b1 .g320 p { padding-right: 50px; color: #777;}

#b1 .g320 img { float: left; margin-right: 20px; }

ul#filters li#filter-title,ul#filters li.blog-head { background:#eee600;padding-left: 5px;padding-right: 5px;text-transform: uppercase;font-size: 11px;font-weight: bold;padding-top: 6px;padding-bottom:6px;color: #222;}

span.label.read-more a{ color: #fff;text-decoration: none;  }



/*10. BLOG FORMATS*/

#format-video .g320 { padding-bottom: 20px ; }

#format-image h2.blog { position: absolute;font-weight: normal; margin-top: 133px; margin-left: 350px; opacity: .9;}

#format-image h2.blog a { background: #eee600;line-height: 40px;padding:5px 7px;color: #222;}

#format-image p.meta { position: absolute;background:#fff; font-weight: normal; margin-top: 168px; margin-left: 350px;opacity: .9; padding: 5px 9px; }

#format-video h2.blog { margin-top: 5px; margin-left: 20px; }

#format-video p.meta,#format-video p,#format-video span.label { margin-left: 20px; }

#format-quote p{ padding-top: 70px;background: url(framework/images/quote.png)no-repeat 280px -2px;margin-top: 20px;font-size: 20px;line-height: 26px; font-style: italic;}

#format-quote h2.blog { float: right; margin-right: 60px; margin-top:0px; }

#format-quote h2.blog a { font-size: 12px; color: #999;}

/*11.Portfolio*/

#g1 .isotope-item{ margin-right: 20px; margin-bottom: 20px;}

#iso-wrap { width: 830px !important; }

ul#filters { margin-left: 0; padding-left: 0px; padding-top: 3px; padding-bottom: 3px; background: #333;}

ul#filters li { display: inline; margin-right: 10px; color: #fff; }

ul#filters li a { color: #fff; }

span.port-divide { color: #555;padding-right: 5px; }

#iso-wrap { width: 800px; }

#isotope2.main { width: 800px; }

h4.ga-title a { position: absolute; margin-top: -70px; margin-left: 20px;background:#eee600;padding:5px 7px;opacity: .9;color: #222; }

p.gallery-cat { position: absolute; margin-top: -44px;margin-left: 20px;background: #fff;padding:1px 7px 0px 7px; font-size: 11px; text-transform: uppercase; opacity: .9;}

/*12.Shortcodes*/

.blockquote-left { margin-left: 50px; padding-left: 20px; border-left: 5px solid #555; font-style: italic }

blockquote { background: url(framework/images/blockquote.png)top left no-repeat; border: none; padding-left: 50px; margin-left: 0 }

.blockquote-box { font-family: "Droid Sans", sans-serif; padding: 20px !important; background: #fff url(framework/images/bg-stripes.png); color: #444; margin-top: 20px; margin-bottom: 20px; border: 1px solid #fff; outline: 1px solid #ddd; font-size: 18px }

h3.toggle { background: transparent url(framework/images/toggle-plus.png)left no-repeat; margin-top: 20px; margin-bottom: 15px; margin-left: 0px; padding-left: 20px !important }

h3.toggle a { color: #333; font-size: 16px;font-weight: normal; padding-top: 0px; text-decoration: none; display: block }

h3.toggle a:hover { color: #25708c }

h3.active { background: transparent url(framework/images/toggle-minus.png)left no-repeat }

h3.active a:link { color: #666 }

.toggle_content { font-family: "Droid Sans", sans-serif; padding: 10px !important; background: #fff url(framework/images/lines.png); color: #444; margin-top: 20px; margin-bottom: 20px; border: 1px solid #fff; outline: 1px solid #ddd; font-size: 18px }

.toggle_content .block {  padding-top: 10px; padding-bottom: 0 }

.box { font-family: "Droid Sans", sans-serif; padding: 10px; background: #fff url(framework/images/bg-stripes.png); color: #444; border: 1px solid #fff; outline: 1px solid #ddd; font-size: 18px }

.half,.half-last { float: left; width: 47%; margin: 10px 0; margin-right: 6% }

.half-last { margin-right: 0 }

#single-loop iframe { margin-left: 20px; border: 1px solid #eee;padding: 5px;}

form.wpcf7-form { float: right;margin-top: -414px;margin-right: 20px; border-left: 1px solid #eee; padding-left: 20px;}

form.wpcf7-form p { text-transform: uppercase; font-size: 9px !important; color: #333 !important; font-weight: bold;}

form.wpcf7-form textarea { width: 280px; padding: 5px 9px; }



form.wpcf7-form input.wpcf7-submit { cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;}

/*13.Footer*/

#footer {margin-left: auto; margin-right:auto; width: 980px; }

#footer { background:#292929 url(framework/images/bg-pattern1.png) !important; }

#footer .g240 { width: 244px; color: #999;border-right: 1px solid #393939;height: 420px;}

#footer .g240 ul { margin: 0; }

#footer .g240 ul li { list-style: none; color: #999; }

#footer .g240 ul li a { color: #777; }

#footer .g240 h3.footer { font-size: 12px; text-transform: uppercase;color: #f7f7f7; margin-bottom: 10px;margin-top: 20px;}

#footer .g240.last { margin-right: 0;border-right: 0; }

#footer ul.rp li { margin-bottom: 20px; }

#footer ul li img { margin-right: 10px; }

.textwidget { padding-right: 30px;font-size: 12px; }

#logo-widget { margin-top: 25px;margin-bottom: 15px; }

.tagcloud { padding-right: 30px; }

.tagcloud a { color: #777; }

.bottom { border-top: 1px solid #444; margin-top: 30px; }

.bottom-inner, .bottom { padding-left: 20px;padding-bottom: 25px; }

#footer input#s { background: #444444; width: 140px; border: none;}

#footer label.screen-reader-text { display: none; }

#footer form#searchform input#searchsubmit { font-size: 10px;text-transform: uppercase; margin-top: 10px; background: #444;border: none; }

form#searchform div input#s { width: 180px; font-size: 11px;color: #666; border: 1px solid #444;padding: 4px;background: #333 url(framework/images/search.png) -13px -4px no-repeat;;}

#footer.main div label.screen-reader-text{ display: none !important; }

#logo.g480 ul.rp li{ margin-bottom: 0px; clear: both;}

#logo.g480 ul.rp li img { margin-bottom: 10px; }

#logo.g480 .tweet li { margin-bottom: 10px; }

.tweet li span {font-size: 12px;}

ul#recentcomments li.recentcomments a.url,ul#recentcomments li.recentcomments a { font-size: 12px; }

#footer { min-height: 200px; background: #333; margin-top: 25px;}

/*14.Comments*/

.comment-wrapper { background: #fff; }

#respond { margin-top: 20px;background: #fff url(framework/images/bg-pattern1.png);}

h3#respond-title { margin-top: 30px; padding-bottom: 10px; font-size: 32px }

h3#comments { background: #333;color: #fff;padding-bottom: 0px; margin-top:30px; text-shadow: none; padding-left: 20px; font-size: 18px; }

h3#leave { background: #333;color: #fff;padding-bottom: 5px; margin-top:30px; text-shadow: none; padding-left: 20px; font-size: 14px;padding-top:5px;line-height: 18px; }

ol.commentlist img.avatar { height: 40px; width: 40px; }

button#submit { cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all; }

form#commentform { padding-left: 20px;padding-bottom: 20px; }

form#commentform textarea { border: 1px solid #ddd; font-size: 12px; padding: 20px; width: 450px; min-height: 200px }

li #respond-title { margin: 30px 0 }

li #commentform { margin: 0 0 40px 0 }

#comments span,#respond-title span { font-size: 12px; display: block }

.commentlist { margin: 30px 0 70px 0; list-style-type: none; }

.pinglist { margin: 20px 0 40px 30px; list-style-type: decimal }

.comment { margin-top: 20px; }

form#commentform p label { font-weight: bold; font-size: 11px;margin-right: 20px; }

#commentform input { margin-right: 10px; }

#commentform textarea { width: 98%;  }

#submit {  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}

#submit:hover { background:#333; color: #fff; }

.children { list-style-type: none; margin: 0 0 0 80px }

.comment .avatar { float: left; padding: 0 0px 0 0; margin: 0 14px 0 0 }

.comment-author { margin: 0px 0 10px 50px; font-family: "Droid Sans", sans-serif;font-size: 14px; text-transform: uppercase }

.comment-inner { margin: 0 0 0 50px }

.comment-inner p { font-size: 12px !important; color: #999; padding-left:0px !important; padding-right: 20px;}

a.url { color: #222; text-decoration: none;font-size: 14px; }

a.comment-reply-link { color: #222; text-decoration: none; }

.comment-meta { font-family: "Droid Sans", sans-serif; margin-top: 5px; text-transform: uppercase; margin-bottom: 15px; font-size: 11px; color: #999 }

.cancel-comment-reply { margin: 0 0 20px 0 }

.comment-author-admin { border: #efefef }

.comment-author cite { font-weight: bold }

.nocomments { text-align: center; padding: 20px }

.comment-body {   padding: 20px; }

.comment-body ul { list-style-type: disc }

.comment-body ol { list-style-type: decimal }