/*
Theme Name: MoxieREO
Description: Custom Theme for MoxieREO.com
Version: 1.0
Author: Aldo Secaida

*************
An 18px grid is used for aesthetic purposes. It is strictly adhered to on the vertical axis, and generally adhered to on the horizontal axis. Modifications will have the best result if all sizes (particularly line heights) are kept as multiples of 18. Notice that this can be a bit tricky when divs have borders (so for example where there's a 1px border, padding/margin should be 17/35/53 px).
*************/

/* Initialisation */
* { margin: 0px; padding: 0px; text-decoration:none; }
.clear, .postmetadata {clear: both;}


/* Core structure */
#page {margin: 10px auto; width: 936px;}
#header{float:left; margin-top:36px; width:936px; height:176px;}
#content {float: left;padding: 0 0 36px 0px; width: 700px;}
#content-wide{float:left; width:936px; padding-bottom:36px;}

#sidebar{float:right; margin: 0 0 0 18px; padding-top:36px; padding-bottom:36px; width: 218px; color:#000000;}
#footer {margin: 0px auto; clear: both;}

#banner{float:left; width:926px; background:url(images/banner.png) no-repeat; height:123px; padding:120px 0 0 10px;}
#banner a{
	color:#000000;
}
#banner a:hover{
	color:#eeff00;
}
#box{float:left; width:268px; background:url(images/box-bg.png) no-repeat; min-height:350px; padding:0px 20px;}
#box h5{ font-size:14px; text-transform:uppercase; color:#666666; padding:10px 0; margin-bottom:15px;}
.midbox{margin:0 6px;}

/* Universal typography and colors */
body {font-size: 12px; line-height: 18px; font-family: Helvetica, Verdana, Arial, Sans-Serif; color: #111; text-align: center; background: #dcdcdc url('images/bg.jpg') repeat-x;}
#page {text-align: left;}
#sidebar, .postdetails, .posttags, #footer, .postmetadata, #commentform, .commentmetadata {color:#000;} /*this is the lighter, faux-transparent text color */
a {color: #FFFFFF;} 
a:hover {color: #333333;}
#sidebar a, .commentlist a, .postdetails a, .posttags a, #footer a, .postmetadata a, #commentform a {color:#333333;} /* this is the lighter, faux-transparent anchor color */
#sidebar a:hover, .commentlist a:hover, .postdetails a:hover, .posttags a:hover, #footer a:hover, .postmetadata a:hover, #commentform a:hover {color:#999999;}
.entry p a {border-bottom: 1px dotted #999;}
small {font-size: 10px; line-height:18px;}



/* Universal header styles */

h1, h2, h3 {font-family: 'Century Gothic', Helvetica, Verdana, Arial, Sans-Serif; font-weight:normal;}

h2, h3 {margin-bottom:18px;}

h1, h1 a {color:#999; font-size: 24px; line-height:36px; text-align: left;}

h1 a:hover {color:#666;}

h2 {font-size: 30px; line-height: 36px; font-weight:bold;}

h3 {font-weight:bold;}

h2, h2 a {color:#333;}

h2 a:hover {color:#666;}





/* Content, entries */

.entry p {color:#000;}

.entry ol, .entry ul {padding: 0 0 0 36px; margin:-9px 0px 9px 0px;}

.post {margin: 0 0 36px;}

.post hr {display: block;}

#content .post p, #content-wide .post p {margin:0 0 18px 0;}

#content .smallattachment, #content-wide .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}

#content .attachment, #content-wide .attachment {text-align: center;margin: 5px 0px;}

.postdetails {margin-bottom:18px;}

/* Header */

#header .logo{
	float:left;
	width:200px;
	padding:0;
}
#header .menu{
	float:right;
	padding:15px 0 0 0;
}


/* Sidebar */

#sidebar p {margin-bottom:18px;}

#sidebar label{color:#000000;}

#sidebar h2 {font-size: 16px; line-height:18px; margin:0px; font-weight:bold; color:#000000;}

#sidebar ul {list-style-type: none; color:#000;}

#sidebar ul li {list-style-type: none; margin: 0 0 18px 0;}

#sidebar ul ul {list-style-type:none;}

#sidebar ul ul li {list-style-type:disc; margin:0px;}

#sidebar ul ul, #sidebar ul ol {margin: 0 0 0 12px;}

#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 12px;}

ol li, #sidebar ul ol li {list-style: decimal outside;}





/* Footer */

#footer {background:url(images/footer-bg.jpg) repeat-x; height:258px;}

#footer #h1, #footer .description {font-family: 'Century Gothic', Helvetica, Verdana, Arial, Sans-Serif}

.description {color:#888;font-size: 14px;}

#footer p a, #footer h1 a, #footer ul a {color:#ffffff;}

#footer p a:hover, #footer h1 a:hover, #footer ul a:hover {color:#333333;}

#footercontainer { width:936px; text-align:left; margin: 0px auto; padding: 22px 0px; color:#666;}

#footer ul {display:block; padding:0px; margin-top:18px; margin-left:20px;}

#footer ul li {display:inline; font-weight:bold;}

#footer ul li a {margin-right:18px; border:0px;}

#footer-menu{margin-top:20px;}

#cols{float:left; width:272px; padding:0 20px;}

#cols h3{color:#000000; font-size:18px; text-transform:uppercase;}

#cols p{color:#ffffff;}

#cols p a{color:#333333;}
#cols a{ text-decoration:underline;}
ul#footermenu{margin-top:70px;}

#cols ul{display:list-item; margin-left:27px; list-style:none;}

#cols ul li{display:list-item;list-style-image:url("images/arrow.png");color:#FFFFFF; font-weight:normal;}

#cols ul li a{color:#FFFFFF;font-weight:normal;}
#cols ul li a:hover{color: #333333;font-weight:normal;}

/* Comments */

.commentlist {color:#666; text-align: left;}

.commentlist li {background: #f8f8f8 url('images/headless_respondbg.jpg') repeat-x top; border: 1px solid #eaeaea; margin: 18px 0 0;padding: 17px; list-style: none; font-weight: bold;}

.commentlist li .avatar { float: right; padding:0px 0px 9px 18px;}

.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}

.commentlist p {font-weight: normal; font-size:12px; text-transform: none;}

.commentmetadata {margin: 0;display: block;font-weight: normal;}

.nocomments {text-align: center;margin: 0;padding: 0;}





/* Comments response form */

div#respond {background: #f8f8f8 url('images/headless_respondbg.jpg') repeat-x top; padding:17px; margin-top:36px; border:1px solid #eaeaea;}

#commentform input.text {width: 170px; line-height:18px; font-size:18px; margin: 9px 5px 0px 0px; background:#eaeaea url('images/headless_inputbg.jpg') repeat-x top; border:1px solid #dbdbdb;}

#commentform textarea {width: 646px;padding: 8px; background:#eaeaea url('images/headless_inputbg.jpg') repeat-x top; border:1px solid #dbdbdb; font-size: 12px; line-height: 18px; font-family: Helvetica, Verdana, Arial, Sans-Serif; color: #111; margin-bottom:9px;}

#commentform #submit {margin: 0;float: right;}

.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center;}

select {width: 130px;}

.submit {position:relative; top:-18px;}





/* Searchbox (designed to be in sidebar but can be included elsewhere)*/

#searchbox { float:right; width: 198px; height: 36px; background: url(images/headless_searchbox.jpg) no-repeat; margin-bottom:18px;}

#searchbox #s { float: left; border: 0; margin:2px 0px 0px 6px; width: 152px; background: none; color:#999999; height:34px; font-size:24px; line-height:34px;}

#searchbox #go { float: right; width:36px; height:36px;  }





/* Images */

img { border:none; }

p img {max-width: 100%;}

img.centered {display: block;margin-left: auto;margin-right: auto;}

img.alignright {margin: 0 0 2px 18px;display: inline;}

img.alignleft {margin: 0 18px 2px 0;display: inline;}







/* Calendar - this is not intended for the theme and thus not styled */

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}

#wp-calendar a {text-decoration: none;}

#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}

#wp-calendar th {font-style: normal;text-transform: capitalize;}

#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}

#wp-calendar #next a {padding-right: 10px; text-align: right; }

#wp-calendar #prev a {padding-left: 10px; text-align: left;}

#wp-calendar a {display: block;}

#wp-calendar caption {text-align: center; width: 100%;}

#wp-calendar td {padding: 3px 0; text-align: center;}

#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }





/* Captions */

.wp-caption {text-align: center;background-color: #f3f3f3;}

/*.wp-caption img {margin: 0;padding: 0;border: 0 none;}*/

.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 18px; margin: 0px !important; color:#999;}





/* Misc. */

.alignright {margin: 0 0 2px 18px; float: right;}

.alignleft {margin: 0 18px 2px 0; float: left}

.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

code {font-family:'Courier New', Courier, Fixed;}

blockquote {margin: 18px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}

blockquote cite {margin: 5px 0 0;display: block;}

.center {text-align: center;}

.hidden {display: none;}

hr {display: none;}

a img {border: none;}

ul#inman{list-style:none;}
ul#inman .children{
border:0;
padding: 0;
}

ul#inman li a {
background:none;
font-size:13px;
font-weight:bold;
color:#48648c;
padding:2px 0 2px 0px;
display:block;
border-bottom:none;
}
ul#inman li a:hover {
	color:#333333;
}

ul#inman p a{
	font-size:10px;
	font-weight:normal;
	padding:0;
	margin:0;
}

table.stat_table{
	width:680px;
	border: dotted 0px;
	margin-bottom:20px;
}
table.stat_table tr.head{
	background:#333333;
	padding:0;
	margin:0;
	border:0;
	font-size:14px;
	font-weight:bold;
}
table.stat_table hd{
	font-weight:bold;
}
table.stat_table td{
	height:13px;
	padding-top:5px;
	font-size:12px;
	font-weight:bold;
}
table.stat_table td.r-border{
	border-right:none;
}
table.stat_table td.bold{
	color:#48648c;
}
form#altos-connect-submit input, form#altos-connect-submit select{
	padding:3px;
	margin-right:5px;
	border:1px solid #333333;
}
form#altos-connect-submit input[type=text]{
	width:200px;
}
form#altos-connect-submit input[type=submit]{
	background:#CCCCCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
form#altos-connect-submit input[type=submit]:hover{
	background:#333333;
	color:#ffffff;
	cursor:pointer;
}

ul.lcp_catlist{
	list-style:none;
}
ul.lcp_catlist li{
	display:inline;
}
ul.lcp_catlist li a{
	padding:0 30px 0 0;
}

#column{
	width:25%;
	float:left;
}
#column a{
	color:#5283bb;
	font-weight:bold;
}
#column a:hover{
	color:#000000;
}
#alpha{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	text-align:left;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
}
#alpha span{
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
#alpha a:hover{
	color:#FF0;
}
#column1{
	width:25%;
	float:left;
}
#column1 a{
	color:#000000;
	font-weight:bold;
}
#column1 a:hover{
	color:#FF0;
}
.white{
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
}
.blue{
	color:#48648c;
	padding-bottom:10px;
	font-weight:bold;
	font-size:14px
}