/*   

Theme Name: Looxii: The Blog

Theme URI: http://www.blog.looxii.com/

Description: A simple two-column layout for a startup blog, not big on pictures

Author: Adam Rice

Author URI: http://radrice.com

Version: 1.0

.

NOTE: this theme was very heavily inspired by Rodrigo Galindez's

Modern Clix http://rodrigogalindez.com/themes/modern-clix/. Go 

check it out, it's beautiful. This is a nast appropriation.

.

*/



/* --- GENERAL STUFF --- */



* {margin:0;padding:0;}



body {color:#000;font:62.5% arial, sans-serif;}



a {text-decoration:none;}



a img {border:none;}



p {color:#4F4F4F;}



ul {list-style:none;}



code {font-family:courier, monaco, fixed;}



blockquote {padding:0 20px;}



.wrap {margin:0 auto;width:960px;}



.clear {clear:both;}

.fleft {float:left;}

.fright {float:right;}

.no-border {border:none!important;}

/* --- HEADER --- */



.header { border-bottom:5px solid #BFBFBF; height: 60px; }

a.home-link {float:left;margin:4px 0 0 0;}

.main-nav {display:inline;float:left;list-style:none;padding:19px 0 0 15px;}

.main-nav li {border-right:3px solid #BFBFBF;float:left;line-height:19px;padding:0px 10px 0px 10px;}

.main-nav li.last {border:none;}

/* --- FOOTER --- */



.footer { 
	border-top:5px solid #BFBFBF;
  clear: both; 
  height: 170px; 
}

.foot-nav li { border-right:1px solid #BFBFBF; float:left; display:inline; line-height:14px; margin-top:10px; }
.footer-logo { margin:-3px 5px 0 0; }
.foot-nav li.last {color:#BFBFBF;float:right;font-size:1.1em;margin-top:8px;}

/* -- HEADER & FOOTER LINK STYLES -- */

.main-nav a {float:left;font-size:1.8em;}

.foot-nav a {font-size:1.4em;}



.main-nav a {color:#8F8F8F;} 

.foot-nav a {color:#33C918;font-size:1.4em;
padding:0 10px;}

.main-nav a:hover {color:#2F2F2F;}

.foot-nav a:hover {background-color:#33C918;color:#FFF;}



/* --- CONTENT --- */



.content {clear:both;margin:20px 0;}

	.content h2 {border-bottom:2px solid #BFBFBF;font-size:1.4em;margin-bottom:10px;text-transform:uppercase;}



/* - POSTS, content column left - */



.posts {float:left;padding:0 10px 0 0;width:620px;}

.post {border-bottom:1px solid #BFBFBF;float:left;clear:both;margin:5px 0 0 0;padding-bottom:10px;width:620px;}

	.post h3 a, .post strong {color:#000;}

	.post h3 a:hover {color:#FFF;}



.post-info {float:left;list-style:none;padding:0 10px;width:140px;}

	.post-info li {background:#FFF url(images/bg-img-dash-horz.png) bottom left repeat-x;color:#4F4F4F;font-size:1.2em;padding:5px 0;}

	.post-info li.last {background-image:none;}

	.post-info li.last p {margin:0 0 10px 0;}

	.post-info a {color:#4F4F4F;font-weight:bold;}

	.post-info a:hover {color:#1F1F1F;}



.pm-push {display:inline;float:left;margin:0 0 0 160px;width:460px;}

.post-meat {float:left;width:460px;}

.pm-push h3,	

.post-meat h3 {font-size:2em;margin-bottom:15px;}

.pm-push h4,        

.post-meat h4 {font-size:1.4em;margin-bottom:5px;}

.pm-push p,	

.post-meat p {font-family:georgia,palatino,serif;font-size:1.4em;line-height:1.8em;margin:0 0 15px 0;}

.pm-push a,	

.post-meat a {color:#00B0D9;font-weight:bold;}

.pm-push a:hover,	

.post-meat a:hover {background-color:#00B0D9;color:#FFF;}

.pm-push ul,	

.post-meat ul {list-style:disc inside;margin:0 0 15px 0;padding:0 20px;}

.pm-push ul li,	

.post-meat ul li {color:#4F4F4F;font-size:1.2em;line-height:1.8em;}



.post-nav {clear:both;float:left;margin:0 0 10px 0;padding:3px 0 5px 0;width:620px;}

	.post-nav a {color:#00B0D9;font-size:1.2em;font-weight:bold;margin:0 5px;}

	.post-nav a:hover {background-color:#00B0D9;color:#FFF;}



/* - SIDEBAR, content column right - */

.sidebar {background:#FFF url(images/bg-img-dash-vert.png) top left repeat-y;float:left;list-style:none;padding:0 0 0 10px;width:300px;}

	.sidebar h2 {margin-bottom:15px;}



.section {margin: 0 0 15px 0;}

	.section p {font-family:georgia,palatino,serif;font-size:1.2em;line-height:1.8em;padding:0 10px;}

	.section ul {padding:0 10px;}

	.section li {color:#4F4F4F;font-size:1.2em;}

	.section li a {color:#4F4F4F;font-weight:bold;}

	.section li a:hover {color:#CFCFCF;}

	

/* - SEARCHFORM - */

#searchform {height:30px;padding:0 10px;}

#searchform input#s {border:1px solid #CFCFCF;display:inline;float:left;font-family:helvetica neue, helvetica, arial, sans-serif;font-size:1.2em;padding:2px;width:218px;}

#searchform input#searchsubmit {background:#00B0D9 url(images/bg-img-search.png) top center no-repeat;border:none;display:inline;float:left;height:18px;margin:1px 5px;width:18px;}



/* - COMMENTS - */

.commentainer {}

.commentainer h4 {background:#FFF url(images/bg-img-dash-horz.png) bottom left repeat-x;font-size:1.2em;padding:10px 0 10px 160px;}

.comments {border-bottom:1px solid #CFCFCF;padding:0 0 5px 0;}

	.comments li {clear:both;padding:10px 0;}

.user-info {float:left;width:140px;padding:0 10px;}

	.user-info p {font-size:1.2em;font-weight:bold;text-align:right;}

	.user-info p a {color:#1F1F1F;}

	.user-info p a:hover {color:#CFCFCF;}

	.user-info img {float:right;}



.comment {float:left;font-size:1.2em;width:460px;}



.commentform-st {font-size:1.2em;margin:5px 0 5px 160px;}

#commentform label {float:left;font-size:1.2em;padding:6px 10px 0 10px;width:140px;text-align:right;}

#commentform input#author,

#commentform input#email,

#commentform input#url, 

#commentform textarea {border:1px solid #CFCFCF;font-family:helvetica neue, helvetica, arial, sans-serif;font-size:1.2em;padding:5px;width:240px;}

#commentform #submit {border:1px solid #CFCFCF;float:left;padding:5px;text-align:center;text-transform:uppercase;width:60px;}



.commentfields li {padding:5px 0;}

.commentfields li span {color:#730A05;font-size:1.2em;padding:0 5px;}

.commentfields li.last {padding-left:160px;}



/* --- CONTACT FORM STYLES --- */



body div.formcontainer{

clear: both;

overflow: hidden;

width: 100%;

}



body div.formcontainer span.required {

color: #FF0000;

}



body div.formcontainer p.error,

body div.formcontainer p.important,

body div.formcontainer p.information,

body div.formcontainer p.success {

border-top: 1px solid #CFCFCF;

color: #2F2F2F;

line-height: 250%;

padding-left: 36px;

width: 95%;

}



body div.formcontainer input[type=text] {

border:1px solid #CFCFCF;

font-size:20px;

height:22px;

padding:2px;

-moz-border-radius: 4px; -webkit-border-radius: 4px; 

}

body div.formcontainer form.contact-form {

clear: both;

float: none;

width: 100%;

}



body div.formcontainer form.contact-form fieldset {

border:none;

color: #2F2F2F;

margin: 0.5em 0 1.5em 0;

}



body div.formcontainer form.contact-form fieldset legend {

text-transform: uppercase;

}



body div.formcontainer form.contact-form fieldset div.form-label {

display: block;

float:none;

line-height:150%;

margin: 0.5em 0 0 0;

padding:0;

text-align:left;

width:100%;

}



body div.formcontainer form.contact-form fieldset div.form-label label,

body div.formcontainer form.contact-form fieldset div.form-option label {

cursor: pointer;

line-height:100%;

}



body div.formcontainer form.contact-form fieldset div.form-input,

body div.formcontainer form.contact-form fieldset div.form-textarea {

display: block;

float:none;

margin: 0.2em 0 0 0;

width:100%;

}



body div.formcontainer form.contact-form fieldset div.form-input input,

body div.formcontainer form.contact-form fieldset div.form-textarea textarea {

padding: 0.3em;

width: 97%;

}



body div.formcontainer form.contact-form fieldset div.form-textarea textarea {

overflow: auto;

}



body div.formcontainer form.contact-form fieldset div.form-input input.error {

background-color: #FBF4E2;

}



body div.formcontainer form.contact-form fieldset div.form-input input.optional {

margin-bottom: 0.2em;

}



body div.formcontainer form.contact-form fieldset div.form-option,

body div.formcontainer form.contact-form fieldset div.form-submit {

display: block;

float:none;

margin: 1em 0 0 0;

width:100%;

}



body div.formcontainer form.contact-form fieldset div.form-submit input {

cursor:pointer;

}