/*
Theme Name: MTheory
Theme URI: http://whatismtheory.com/
Description: MTheory Theme
Author: MTheory
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/* INITIALIZE */
/* undo default styling of common (X)HTML browsers */
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, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;}

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul {list-style:none;}

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td {font-size:1em;}

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset {border:none;}

/* turn on div borders for testing */
div {border-color:#fff; border-width:0px; border-style:solid;}


/*----------------------------------------------------*/
/* STRUCTURE */

body {text-align:center; margin:0; padding:0; background-color:#000000; background-position:top left; font-family:'Lucida Sans Unicode', sans-serif; color:#999;}
a, :visited {color:#6EADC3; text-decoration:none;}
a:hover {color:#027DB1; text-decoration:underline;}

/* Header */
#header {width:970px; height:100px; padding:0;}
#logo {float:left; width:250px; height:100px;}
#mtheory-logo {margin:20px 0 0 0;}
#top-nav {float:right; width:700px; height:100px; text-align:right; margin:0; padding:0;}
#top-nav-bar {float:left; width:500px; height:50px; text-align:right; margin:70px 0 0 80px; padding:0;}
a.top-nav {color:#ccc; text-decoration:none; font-size:18px; font-variant: small-caps; font-family: Arial, sans-serif;}
#top-nav a:hover {color:#027DB1; text-decoration:underline;}

#grey-bar{width:970px; height:4px; margin:0 0 10px 0; background:url(images/grey-bar.png) no-repeat;}

/* Home Page */
#container-home {width:970px; /*height:1200px;*/ margin:auto;}
#content-home-l1 {width:970px; height:350px; margin:0 0 0 5px; text-align:left;}
#content-home-l2 {width:970px; height:170px; margin:10px 0 0 0; text-align:left;}
#home-l2-left {width:293px; height:170px; margin:5px 0 0 20px; float:left;}
#home-l2-mid {width:293px; height:170px; margin:5px 0 0 25px; float:left;}
#home-l2-right {width:293px; height:170px; margin:5px 20px 0 21px; float:right;}
#content-home-l3 {width:970px; height:300px; margin:0 auto; text-align:left;}
#home-l3-left {width:640px; height:300px; margin:0; float:left;}
#home-l3-right {width:310px; height:300px; margin:0; float:right; background:#0E2A39; border-color:#999; border-width:1px; border-style:solid;}
#content-home-l4 {width:970px; height:220px; margin:0 auto; text-align:left;}
#home-l4-left {width:320px; height:200; margin:20px 0 0 0; float:left; border-right:2px dashed #08273A;}
#home-l4-mid {width:320px; height:200; margin:20px 0 0 0; float:left; border-right:2px dashed #08273A;}
#home-l4-right {width:310px; height:200; margin:20px 0 0 0; float:right;}
p.home-title {margin:5px 0 0 10px;}
p.home-title2 {margin:5px 0 0 15px;}
p.home-description {margin:10px 15px 0 15px; font-family: 'Lucida Sans Unicode', sans-serif; color:#6EADC3; font-size:14px;}
p.home-connect {margin:10px 15px 0 15px; padding:0 0 10px 0; font-family: 'Lucida Sans Unicode', sans-serif; color:#6EADC3; font-size:14px;}
p.home-news {margin:10px 10px 5px 10px; font-family: 'Lucida Sans Unicode', sans-serif; color:#999; font-size:12px; background:#08273A;}

/* Page */
#container-page {width:970px; /*height:800px;*/ margin:auto;}

#content-page-l1 {width:970px; height:500px; margin:0 0 0 10px; text-align:left;}
#page-l1-left {width:640px; height:350px; margin:0; float:left;}
#page-l1-right {width:310px; height:350px; margin:0; float:right; background:#0E2A39;}

#content-page-l2 {width:970px; height:350px; margin:10px 0 0 0; text-align:left;}


h1.page-title {margin:5px 0 0 10px; color:#027DB1; font-size:20px;}
h2.page-title {margin:10px 0 0 10px; color:#6EADC3; font-size:14px;}
h2.portfolio-title {margin:10px 0 0 10px; color:#6EADC3; font-size:14px; font-variant:small-caps; font-family: 'Lucida Sans Unicode', sans-serif;}
p.page-copy {margin:10px 15px 0 10px; font-family: 'Lucida Sans Unicode', sans-serif; color:#6EADC3; font-size:14px;}
p.page-callout {margin:30px 10px 5px 10px; padding:10px 5px 10px 5px; font-family: Arial, sans-serif; color:#999; font-size:26px; background:#08273A;}


/* Footer */
#footer {clear: both; width:970px; height:50px; margin:5px 0 0 0; padding:0; border-top:1px dashed #666;}
#footer-left {width:640px; height:50px; margin:10px 0 0 10px; float:left; font-size:13px; font-variant: small-caps; text-align:left;}
a.footer-nav {color:#ccc; text-decoration:none; font-family: Arial, sans-serif;}
#footer a:hover {color:#FFFFFF; text-decoration:underline;}
#footer-right {width:310px; height:50px; margin:10px 0 0 10px; float:right; font-size:12px; font-variant: small-caps; text-align:right; font-family: Arial, sans-serif;}



/*
Palatino, Linotype
Century Gothic

*/

#menulinks {
height:40px;
width:960px;
clear:both;
margin:auto;
background:#666;
background-image:url(images/menulinks.png);
}

#rsslink a {
float:right;
text-align:right;
padding-top:10px;
padding-left:17px;
height:30px;
color:#66CC99;
text-decoration:none;
font-size:14px;
font-weight:bold;
background:url(images/rsslink.gif) left 12px no-repeat;
}

ul#navlist {
margin: 0;
padding: 0;
white-space: nowrap;
float:left;
width:600px;
}

ul#navlist li {
font-size:10pt;
display:inline;
list-style-type: none;
}

ul#navlist li a {
padding-left:15px;
padding-right:15px;
padding-top:10px;
height:30px;
background-image:none;
display:block;
color:#66CC99;
text-decoration:none;
float:left;
font-size:14px;
font-weight:bold;
}

ul#navlist li a:link, ul#navlist li a:visited {
text-decoration: none;
}

ul#navlist li a:hover {
background-position:top left;
text-decoration:none;
color:#FFFFFF;
background-image:url(images/menuhover.png);
}

#mainarea {
clear:both;
width:960px;
padding-top:0px;
margin:0
}

#contentarea {
padding-left:10px;
width:600px;
float:left;
padding-bottom:20px;
}

#sidebar {
width:320px;
float:right;
padding-bottom:20px;
}

#widelist li a{
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
border-bottom:#CCCCCC solid 1px;
display:block;
font-size:10pt;
color:#66CC99;
text-decoration: none;
clear:both;
text-align:left;
margin-left:5px;
margin-right:4px;
margin-top:0;
margin-bottom:0;
width:300px;
}

#widelist li a:hover {
color:#555555;
text-decoration: none;
}

#searchform {
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

#searchform #s {
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#555555;
width: 210px;
padding-right: 4px;
padding-bottom: 4px;
padding-top:6px;
padding-left:7px;
float:left;
height:19px;
font-weight:bold;
margin-left:5px;
border:1px solid #717171;
}

#searchform #s:focus {
background-color:#717171;
color:#FFFFFF;
}

#searchsubmit {
background-image:url(images/search.png);
width:32px;
height:29px;
float:right;
border:none;
font-family:Arial, Helvetica, sans-serif;
background-color:transparent;
cursor:pointer;
margin-right:10px;
}

/* POST DETAILS */

.post {
padding-left:20px;
padding-right:20px;
padding-top:10px;
}

.entry {
line-height:20px;
}

.posttop {
clear:both;
width:100%;
height:40px;
margin-top:10px;
}

.posttop .dateicon {
border-right:3px solid #CCCCCC;
padding-right:8px;
float:left;
}

.posttop .title {
padding-left:8px;
float:left;
}

.posttop .dateicon .day {
font-size:23px;
color:#9d8c8c;
clear:both;
text-align:right;
text-transform:uppercase;
}

.posttop .dateicon .month {
font-size:12px;
color:#bfbfbf;
clear:both;
text-align:right;
text-transform:uppercase;
}

.posttop .thetitle a {
font-size:23px;
color:#66CC99;
clear:both;
}

.posttop .thetitle a:hover {
text-decoration:none;
color:#9d8c8c;
}

.posttop .title .under {
font-size:12px;
color:#bfbfbf;
clear:both;
}

.postbottom {
clear:both;
float:right;
}

.postbottom a.commentslink {
height:30px;
padding-top:3px;
display:block;
float:left;
padding-right:6px;
}

.postbottom a.stumbleupon {
width:30px;
height:36px;
display:block;
float:left;
background-image:url(images/stumbleuponicon.png);
}

.postbottom a.digg {
width:31px;
height:36px;
display:block;
float:left;
background-image:url(images/diggicon.png);
}

.postbottom a.delicious {
width:35px;
height:36px;
display:block;
float:left;
background-image:url(images/deliciousicon.png);
}

.postbottom a.google {
width:35px;
height:36px;
display:block;
float:left;
background-image:url(images/googleicon.png);
}

/* STYLING */
h1 {
font-size:25px;
clear:both;
color:#FFFFFF;
text-transform:uppercase;
margin:0;
}

h1 a {
color:#FFFFFF;
}

h1 a:hover {
color:#FFFFFF;
text-decoration:none;
}

.description {
font-size:14px;
clear:both;
margin:0;
font-weight:bold;
text-transform:uppercase;
color:#999999;
}

#sidebar ul li ul li a {
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
border-bottom:#CCCCCC solid 1px;
display:block;
font-size:10pt;
color:#9d8c8c;
text-decoration: none;
clear:both;
text-align:left;
margin-left:-6px;
margin-right:4px;
margin-top:0;
margin-bottom:0;
width:140px;
}

#subfooter .subfooterwidget a {
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
border-bottom:#555555 solid 1px;
display:block;
font-size:10pt;
color:#CCCCCC;
text-decoration: none;
clear:both;
text-align:left;
margin-left:10px;
margin-right:4px;
width:250px;
}

#sidebar ul li ul li a:hover {
color:#555555;
text-decoration: none;
}

#subfooter .subfooterwidget a:hover {
color:#FFFFFF;
text-decoration: none;
}

.clear {
clear:both;
}

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

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
margin-right:30px;
}

.alignleft {
float: left
}

/* End Images */