/*
Theme Name: CSAA Theme
Theme URI: http://www.create.ca.ab.com
Description: Theme created for the CSAA by Timothy Fletcher
Version: 1.0
Author: Timothy Fletcher
Author URI: http://timothyfletcher.com
*/

/* Reset */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;display:block;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* 16 Column Grid */  #container{width:960px;margin:0 auto;}.row{width:100%;float:left;}.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12,.col13,.col14,.col15,.col16{float:left;margin:0 10px;display:inline;}.col1{width:40px;}.col2{width:100px;}.col3{width:160px;}.col4{width:220px;}.col5{width:280px;}.col6{width:340px;}.col7{width:400px;}.col8{width:460px;}.col9{width:520px;}.col10{width:580px;}.col11{width:640px;}.col12{width:700px;}.col13{width:760px;}.col14{width:820px;}.col15{width:880px;}.col16{width:940px;}
/* .col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12,.col13,.col14,.col15,.col16{outline-offset:-1px;outline:1px dashed red;min-height:18px;}#grid-h{background: url('./images/framework/baseline-18.png') 0 9px repeat; position: absolute; z-index: 100; width: 100%; height: 5000px;}#grid-v{background: url('./images/framework/grid_16_col.png') 50% 0 repeat-y; position: absolute; z-index: 100; width: 100%; height: 5000px;} */

html                        {background: url('./images/bg-header.png') 0 104px repeat-x; overflow: scroll; overflow-x: auto;}
body                        {font-size: 12px; line-height: 18px; color: #333333;}
body                        {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.clear                      {clear: both;}

h1,h2,h3,h4,h5              {color: #333333;}
h1                          {font-size: 24px; line-height: 36px; margin: 9px 15px; padding: 0 0 0 3px; border-bottom: 2px solid #DEDEDE;}
h2                          {font-size: 20px; line-height: 20px; padding: 7px 0;}
h3                          {font-size: 18px; line-height: 18px; padding: 9px 0;}
h4                          {font-size: 16px; line-height: 18px; padding: 9px 0;}
h5                          {font-size: 12px; line-height: 18px; font-weight: bold; text-transform: uppercase;}
p                           {margin-bottom: 18px;}
ul,ol                       {margin-bottom: 18px; margin-left: 2em;}
ul li                       {list-style: disc outside;}
a                           {text-decoration: none; font-weight: bold; color: #2200CC;}
a:hover                     {text-decoration: underline; /* background-color: #ddd; */}
strong                      {font-weight: bold;}
em                          {font-style: italic;}
blockquote                  {padding-left: 36px; font-style: italic; font-weight: bold; background: url(./images/quote.png) no-repeat;}
                            
#container                  {padding: 9px 0 0 0;}
#banner                     {padding: 3px; border: 1px solid #A7A9AC; background-color: #FFFFFF;}
#header                     {background-color: #ddd; background: url('./images/bg-header-bars.png') 0 0 repeat-x; height: 137px; margin-top: 8px;}
#logo                       {padding: 31px 0 0 40px;}
.dialogueFeatured           {font-size: 16px; display: block; margin: 9px 0 0 18px;}
.moreAlignleft              {float: left; margin: 0 0 10px 15px;}
.moreAlignright             {float: right; margin: 0 15px 10px 0;}
.alignleft                  {float: left; margin: 0 9px 0 0; padding: 3px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
.alignright                 {float: right; margin: 0 0 0 9px; padding: 3px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}

/* Navigation */
#navigation                 {margin: 0 0 18px 18px;}
#navigation ul              {margin: 0 0 0 18px;}
#navigation li              {list-style: none; font-size: 14px; padding-top: 9px;}
#navigation .current_page_item a       {color: #000000;}
#navigation a               {color: #AAAAAA; text-decoration: none; font-weight: bold;}
#navigation a:hover         {color: #000000;}

/* Legend */
#articleLegend              {background: url('./images/bg-legend.png') repeat-y; margin: 0; padding: 9px 0 9px 18px;}
#articleLegend img          {float: left;}
#articleLegend h3           {margin: 0 0 6px 0; padding: 0;}
#articleLegend li           {list-style: none; font-size: 14px; padding: 9px 0 2px 0; margin: 0; display: block; overflow: hidden;}
#articleLegend span         {display: block; padding: 3px 0 0 35px;}
.iconChildren               {color: #00A54F; font-weight: normal;}
.iconIntroductory           {color: #00ADEE; font-weight: normal;}
.iconIntermediate           {color: #F7941E; font-weight: normal;}
.iconAdvanced               {color: #92278F; font-weight: normal;}
.iconTechnical              {color: #BE1D2C; font-weight: normal;}

/* Main Content */
#content                    {margin: 15px 0 0 0;}
#main                       {background: url('./images/bg-main.png') repeat-y; position: relative; font-size: 13px; line-height: 1.5em;}
#main .title                {margin: 0 15px 5px 15px; padding: 4px 0 6px 9px; background-color: #CCCCCC;}
#download                   {position: absolute; z-index: 2; left: 400px; top: 10px;}
#download img               {margin-left: 24px;}
#download span              {display: block; margin: 3px 0 0 7px;}
#volumeNo                   {margin: -9px 0 0 18px; color: #666666;}

/* Articles */
.article                    {background-color: #FFFFFF; position: relative; width: 490px; margin: 0 auto; margin-bottom: 10px; overflow: hidden; min-height: 130px;}
.articleContent             {float: right; width: 390px; padding-right: 10px; margin-bottom: 18px;}
.article h2                 {float: right; width: 390px; padding: 9px 0 9px 0; margin: 0;}
.article h2 a               {color: #333333; font-weight: normal;}
.article span               {float: right; width: 390px; display: block; margin-bottom: 9px;}
.article .thumb             {margin: 10px 0 0 6px; padding: 3px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
.articleClass               {margin: 7px 0 0 17px; width: 60px; overflow: hidden;}
.articleClass li            {list-style-type: none; float: left; margin: 0 5px 5px 0;}
.articleMeta				{width: 85px;}
.single                     {margin-top: 10px;}
.no-thumb                   {background-color: #FFFFFF; position: relative; width: 472px; padding: 9px 9px 0 9px; margin: 0 auto; margin-bottom: 10px; overflow: hidden;}
.no-thumb h2                {float: none; width: auto; margin: 0 0 9px 0;}
.no-thumb p                 {float: none; width: auto;}
#pastIssues                 {margin: 0 0 0 15px;}
.wp-tag-cloud               {margin: 0 0 10px 15px;}
.wp-tag-cloud li            {list-style-type: none;}
.archives .categories ul    {margin: 0 0 10px 9px;}
.postMetadata               {font-weight: bold;}
.articleCredit              {margin: 0;}
.sticky						{background-color: #ddd; width: 470px; padding: 10px; background-color: #FFFBCC; min-height: 0;}
.sticky p					{margin: 0;}

/* Search Results */
.searchResults              {background-color: #FFFFFF; width: 472px; margin: 0 auto; margin-bottom: 10px; padding: 0 9px; overflow: hidden;}
.searchResults h4           {margin: 0; padding: 9px 0 0 0; float: right; width: 405px;}
.searchResults h4 a         {color: #333333; font-weight: normal;}
.searchResults .articleClass    {position: static; width: 60px; margin: 0 0 9px 0; float: left;}
.searchResults .articleClass li {margin: 6px 5px 0 0;}
.searchResults small        {margin: 0; padding: 0 0 6px 0; float: right; width: 405px; font-size: 11px;}
.resultsGroup               {padding: 0 0 18px 0;}
#searchSort                 {margin: 0 0 9px 18px; overflow: hidden; display: block;}
#searchSort p               {margin: 0;}
#searchSort span            {display: block; width: 120px; float: left;}
a.selected					{color: #85D6EA;}

/* Pages */
.page                       {background-color: #FFFFFF; position: relative; width: 470px; padding: 9px; margin: 0 auto; margin-bottom: 10px; overflow: hidden;}
.blogroll                   {margin-left: 18px;}
.blogroll li                {list-style-type: none;}

/* Reviews */
.review                     {border: 2px solid #A7A9AC; border-bottom: none; position: relative; margin-top: 28px; /*padding-top: 120px;*/}
/*.review .imgContainer       {position: absolute; top: -42px; width: 218px;}*/
.review .imgContainer       {margin-top: -30px;}
.review img                 {padding: 3px; border: 1px solid #A7A9AC; background-color: #FFFFFF; margin: 0 auto;}
.reviewText                 {width: 186px; margin: 0 auto;}
.reviewText h3              {margin: 0; padding-bottom: 5px;}
.reviewText h3 a            {color: #333333; font-weight: normal;}
.reviewText .author         {font-size: 14px; color: #AAAAAA; margin: 0;}
.review .articleClass       {position: static; width: 150px; float: right; margin: 0; display: inline;}
.review .articleClass li    {list-style-type: none; float: left; margin: 0; display: inline;}
.review .articleClass img   {border: none; padding: 0; margin: 0 0 2px 5px;}
.difficulty                 {color: #555555; display: block; padding: 0px 0 5px 0;}
/* .difficulty span            {float: left; display: block; width: 50px;} */


/* General form styles */
.form                       {width: 500px;}
.form li                    {clear: both; display: block; list-style-type: none; overflow: hidden;}
.form .desc                 {cursor: default; width: 180px; padding: 1px 20px 0 0; display: block; font-weight: bold; float: left; text-align: right;}
.form div.element           {float: right; width: 300px;}
.form .field                {width: 500px; padding-bottom: 15px;}
.form .buttons              {padding-left: 200px;}
.form span.req              {display: inline; font-weight: bold; color: #FF0000; float: none; padding-left: 3px;}
                            
/* Form Text Inputs */     
.form input.text            {border: none; background: #FFFFFF; padding: 3px; outline: none;}
.form input.small,
.form textarea.small        {width: 100px;}
.form input.medium,
.form textarea.medium       {width: 200px;}
.form input.large,
.form textarea.large        {width: 300px;}
.form input:hover           {background-color: #F1F8FB;}
.form input:focus           {outline: 1px solid #FAD896; border: 1px solid #EBB95B; background-color: #FFF8D5;}
.form .inst                 {font-size: 9px; color: #666666;}

/* Grouped Text Inputs */
.form .multi                  {overflow: hidden;} /* Clear floats */
.form .multi span             {float: left;}
.form .multi span label.inst  {font-size: 9px; color: #666666;}

/* Search forms */
.searchForm                 {width: 220px; background-color: #A7A9AC; height: 81px; margin-bottom: 60px;}
.searchForm .fields         {margin: 0;}
.searchForm .field          {width: 200px; padding: 0 0 0 15px;}
.searchForm label           {font-size: 14px; display: block; padding: 13px 0 5px 0;}
.searchForm div             {overflow: hidden;}
.bottom                     {margin-bottom: 0;}
.inputSearch                {width: 159px; float: left;}
.searchSubmit               {float: left; margin-left: 3px;}
.form input.text            {border: 1px solid #FFFFFF; padding: 2px; height: 16px; width: 160px;}
#headerSearch               {margin-bottom: 0px; border: 1px solid #999999; width: 218px; height: 79px;}
.searchLink					{width: 220px; background-color: #A7A9AC; margin-bottom: 40px; display: block; text-align: center; padding: 2px 0 4px 0; color: #333333;}
.searchLink:hover			{background-color: #CCCCCC; border: 2px solid #A7A9AC; width: 216px; padding: 0 0 2px 0; text-decoration: none;}

.link                       {overflow: hidden; float: left; padding: 0;}
button                      {float:left; margin: 0; border: none; font-weight:bold; cursor:pointer; color: #0000FF; padding: 1px 0 0 0;}
button:hover                {text-decoration: underline;}

/* Archives */
#articleSearch              {width: 100%; margin: 0 0 18px 0;}
.archives                   {margin: 0;}
.archives ul                {margin: 0 0 9px 9px;}
.archives li                {list-style-type: none; margin: 0;}
#download-book-dvd img      {margin-left: 24px;}
#download-book-dvd span     {display: block; margin: 3px 0 0 7px;}

/* Footer */
#footer                     {width: 940px; background-color: #EEEEEE; text-align: center; float: left; margin: 10px; padding: 10px 0;}


/* CLEARFIX */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}