• I am helping to complete the website at the following address: https://www.gccans.ca. I am running into an issue with the 3 column theme that is in use. I need to increase the width of the left column so that the names in the menu are not cut off. I have tried a number of different tweaks tot he CSS but am not able to find the proper section to edit. Any help would be greatly appreciated.

    I am including the code for the two css files that are part of the theme.

    style.css

    /*
    	Theme Name: NSCAP
    	Theme URL: https://www.blogsdna.com/cognoblue-wordpress-theme
    	Description: Three column, Search Engine Optimized, Widget Ready, Adsense  optimized,Adsense Friendly, Supporting tags & Gravatars, Lightweight WordPress v2.7 Compatible Professional WordPress Theme from <a href="https://www.blogsdna.com"><strong>BlogsDNA</strong></a>.
    	Author: blogsdna
    	Author URI: https://www.blogsdna.com
    	Version: 1.0
    	The CSS, XHTML and Design is released under GPL:
    	https://www.opensource.org/licenses/gpl-license.php
    	Tags: blue, widget ready, fixed width, three columns,  3 colums, widgets, adsense, seo, adsense ready, custom header, gravatar support, sidebar left, sidebar right,  widget sidebar, seo adsense, XHTML, blue theme
    */
    
    /* reset
    --------------------------------------------------*/
    body, h1, h2, h3, h4, h5, h6, p, form, hr {margin:0;padding:0;}
    .low {display:none;}
    .clear {clear:both;}
    
    hr {
    border:1px solid #14335c;
    }
    
    /* body
    --------------------------------------------------*/
    body {
      color:#464646; /*#333;*/
      background:#14335c;
      margin:0;
      padding:0 0;
      font-family: verdana, Arial, Helvetica, sans-serif;
      font-size:75%;
      line-height:1.8em;
      text-align:center;
    }
    
    /* headings
    --------------------------------------------------*/
    
    h1 {color:#14335c; font-family:Georgia,Arial,Helvetica,sans-serif;}
    h1 a  {color:#14335c;}
    h2 {
       color:#14335c;
       font-weight: normal;
       font-family: Georgia, Arial, Helvetica, sans-serif;
       line-height:1.2em;
       font-size:1.6em;
    }
    h2 a {color:#14335c; font-weight: normal ; text-decoration:none !important; border-bottom: #ccc 0px solid !important;}
    h2 a:hover { color:#CC0000;  text-decoration:none;}
    h4 {
     font-family: Georgia, Arial, Helvetica, sans-serif;
     color: #14335c;
     font-weight: normal;
     margin: 7px 0 7px 0px;
     font-size:1.5em;
     line-height:1.5em;
     padding:5px 0;
    }
    h3 a, h4 a
      {color:#14335c; font-weight: normal;}
    h3 a:hover, h4 a:hover
      {color:#CC0000; text-decoration:none;} 
    
    a {color:#14335c; text-decoration:none;}
    a img {border:0px none !important; }
    a:hover {color: #CC0000; text-decoration:none;}
    
    /* links
    --------------------------------------------------*/
    .entry a {text-decoration:underline;}
    
    .entry img a {
    border-bottom: 0px dotted #ccc !important;
    text-decoration:none;
      }
    
    .entry p {padding: 0 0 15px;}
    
    .entry a:hover {color: #003AAA; text-decoration:underline;}
    
    img a {border-bottom: #ccc 0px solid !important;}
    
    a.commentlink {padding-left:0px;}
    
    .entry .filedunderindex a {
    text-decoration:none !important;
    border-bottom: #ccc 0px solid !important;
      }
     .entry .filedunderindex a:hover {
    text-decoration:underline;
    color: #C22463;
    }
    
    small {
    	font-family: verdana,Arial,Helvetica,sans-serif;
    	font-size: 1em;
    	line-height: 1.5em;
            color: #666;
            padding: 5px 0;
    	}
    
    small a {
    	color: #999;
        text-decoration:underline;
    	}
    
    /* topbar
    ------------------------------------------------*/
    
    #topbar {
    		font-family: verdana,Arial, Helvetica, Sans-Serif;
    		font-size: 1em ;
    		font-weight:Bold;
    		line-height: 1.3em;
    		background: #d8b538;
    		margin: 0 0 0 0;
    		color: #333333;
    		}
    #topbar a, a:hover {
              color: #14335c;
              text-decoration:none;
              }
    #topbar ul {
    			 padding-bottom:7px;
    			 padding-top:7px;
    			 margin:0 0 0 10px;
    			   }
    #topbar ul ul{display:inline;}
    #topbar ul li {
    		list-style-type:none;
    		display:inline;
    	       }
    #topbar li {
                 padding-left:10px;
         	     padding-right:10px;
    	       }
    
    /* images
    --------------------------------------------------*/
    img.left {
      float:left;
      margin:0 12px 0 0;
    }
    
    img.right {
      float:right;
      margin:0 0 0 12px;
    }
    
    img.center {
      display: block;
      margin:0 auto;
    }
    
    /* paragraphs, lists, blockquote  etc
    --------------------------------------------------*/
    pre, code  {
    font: 1.1em 'Courier New', Courier, Fixed;
    }
    
    kbr {color:#009193;}
    
    p {
      margin:0;
      padding:0 0 18px 0;
    }
    
    ul {
      margin:0 0 0 1.4em;
      padding:0 0 10px 0;
    }
    
    ul ul {padding:0;}
    
    /*blockquote {
      margin:0;
      border-bottom:1px solid #14335c;
      border-left:4px solid #14335c;
      border-right:1px solid #14335c;
      border-Top:1px solid #14335c;
      padding-bottom:3px;
      padding-left:4px;
      padding-right:3px;
      padding-top:3px;
      font-style:italic;
      color: #333;
      overflow:hidden;
    } */
    
    blockquote {
    background:#F4F5F7 url('images/blockquote.gif') no-repeat;
    border:1px dashed #CCCCCC;
    margin:5px 0pt;
    padding-left:36px; padding-right:12px; padding-top:8px; padding-bottom:8px
    }
    
    pre {
      overflow:auto;
      margin:0 0 18px 0;
      padding:4px;
      border:1px dashed #CCCCCC;
    }
    
    pre, code, kbr {font-family: Courier, Monaco, monospace;}
    
    code, kbr {padding:0 2px;}
    
    abbr, acronym {
      font-size:0.9em;
      letter-spacing:1px;
      cursor:help;
    }
    
    #top {background:url('images/top.gif') no-repeat;
          padding-left:16px}
    
    #s {background:url('images/search.gif') no-repeat;
        padding-left:18px}
    
    /* Next post link
    ---------------------------------------------------*/
    .nextright {
    	float: right;
       font-size:0.9em;
    	}
    
    .nextleft {
    	float: left;
       font-size:0.9em;
    	}
    
    /* container
    --------------------------------------------------*/
    #container {
      padding-top:0;
      background: #fff;
      width:980px;
      margin: 0px auto;
      padding: 0px;
      text-align:left;
      margin-top:25px;
      margin-bottom:25px;
      overflow:hidden;
    }
    
    #commentspopup #container {
      width:455px;
      padding:0 15px;
    }
    
    /* header
    --------------------------------------------------*/
    #header {
    		 margin:10px; background:url('images/header-bg.gif'); color: white;
    		 height:120px;
    		 padding: 10px;
    		 border:1px solid #DDDDDD;
    		 overflow:hidden;
    		 text-align:center
    		 }
    .singlecol #content a {
    					  font-weight: normal;
    					  }
    
    #header a, a:hover {text-decoration:none;color:white;}
    #header small {color:white;}
    #header h1 {color:white; margin:10px; }
    
    /* navigation
    --------------------------------------------------*/
    #navigation {
    		background:#F2F2F2;
    		width:958px;
    		border:1px solid #DDDDDD;
    		height:32px;
    		}
    #navigation a {
    color:#003AAA;
    font-weight: bold;
    text-decoration:none;
           }
    #navigation .selected,
    #navigation a:hover
      {color:#000;}
    #navigation li a:hover {
    			background:#000000;
    			color:white;
                                }
    
    #navigation {
      line-height:2.5em;
      padding: 0 0;
      margin: 0 auto;
      }
    
    #navigation a {
      padding:0 0px;
      font-size:0.9em;
      text-transform:uppercase;
      }
    
    #navigation ul {
      margin:0;
      padding:0;
    }
    
    #navigation li {
      float:left;
      margin:0;
      padding:0;
      list-style-type:none;
      border:1px solid #fff;
      white-space:nowrap;
    }
    
    #navigation li a {
      display:block;
      padding:0 10px;
      font-size:0.9em;
      text-transform:uppercase;
      }
    
    /* Post Title
    --------------------------------------------------*/
    .post-title {
    border-bottom:1px dotted #FFFFFF;
    display:block;
    font-family:Georgia,serif;
    font-size:1.7em !important;
    line-height:1.2em;
    margin:10px 0px 5px 0px !important;
    padding:5px 0pt;
    }
    
    /* content
    --------------------------------------------------*/
    #content {
      float:left;
      width:540px;
      margin-top:10px;
      padding-right:10px;
      padding-left:10px;
      margin-bottom:20px;
      background: #fff;
      font-size:1em;
      display:inline;
      overflow:hidden;
    }
    #content h1 {
       color:#14335c;
       font-weight: normal;
       font-family: Georgia, Arial, Helvetica, sans-serif;
       line-height:1.4em;
       margin:0 0 8px 0;
       font-size:1.5em;
    }
    #content a {color:#14335c; text-decoration:none;}
    #content a:hover{color:#CC0000; text-decoration:none;} 
    
    #content h2 {
      color:#333333;
      font-weight: normal;
      font-family: Georgia, Arial, Helvetica, sans-serif;
      line-height:1.4em;
      margin:0 0 8px 0 ;
      font-size:1.5em;
    }
    
    #content h1 a, h2 a, h3 a, h4 a {font-weight: normal;}
    #content h3 {
      margin: 10px 0 18px 0;
      font-size:1.3em;
      font-weight:bold;
      font-family: Georgia,Arial,Helvetica,sans-serif;
      margin:0 0 8px 0;
      line-height:1.4em;
      color:#333333;
    }
    #content h4 {
      margin: 10px 0 18px 0;
      font-size:1.1em;
      font-weight:bold;
      font-family: Georgia,Arial,Helvetica,sans-serif;
      margin:0 0 8px 0;
      line-height:1.4em;
      color:#333333;
    }
    #content h5 {
      margin: 10px 0 18px 0;
      font-size:1em;
      font-weight:bold;
      font-family: Georgia,Arial,Helvetica,sans-serif;
      margin:0 0 8px 0;
      line-height:1.4em;
      color:#333333;
    }
    #content h6 {
      margin: 10px 0 18px 0;
      font-size:0.8em;
      font-weight:bold;
      font-family: Georgia,Arial,Helvetica,sans-serif;
      margin:0 0 8px 0;
      line-height:1.4em;
      color:#333333;
    }
    #content ol {margin-top:5px;margin-bottom:5px;}
    
    #content.archive h2 {margin:0 0 8px 0;}
    #content.archive h3 {
      margin:0 0 10px 0;
      font-family:Georgia, serif;
      font-size:1.3em;
      font-weight:normal;
    }
    #content.archive h4 {
      margin:0 0 18px 0;
      font-size:1em;
    }
    #content.archive h5 {
      margin:0;
      font-size:1em;
    }
    .singlecol #content {
      float:left;
      width:470px;
    }
    
    #commentspopup #content {
      float:none;
      padding-top:0;
    }
    
    /* Post_nav post navigation	on index post
    ----------------------------------------------------*/
    #post_nav  {border-top:1px solid #14335c;
    			font-family:Verdana,Arial,Helvetica,sans-serif;
    			font-size:11px;
    			font-size-adjust:none;
    			font-stretch:normal;
    			font-style:normal;
    			font-variant:normal;
    			font-weight:bold;
    			line-height:normal;
    			margin:15px 0pt 25px;
    			padding:5px 0pt;
    			overflow:hidden;
                 }
    #post_nav .back {
    display:block;
    float:left;
    width:45%;
    }
    
    #post_nav .fwrd {
    display:block;
    float:right;
    }
    
    /* single_Post_nav post navigation	on single post
    ----------------------------------------------------*/
    #single_post_nav  {border-top:1px solid #14335c;
    			font-family:Verdana,Arial,Helvetica,sans-serif;
    			margin:15px 0pt 25px;
    			padding:5px 0pt;
                 }
    #single_post_nav .back {
    display:block;
    }
    
    #single_post_nav .fwrd {
    display:block;
    }
    
    /* Entry
    --------------------------------------------------*/
    #content li
    {margin-bottom: 3px;}
    
    .entry a.more {
      padding-left:12px;
    }
    
    .contenttitle {
       color:#C22463;
       font-weight: normal;
       font-family: georgia, serif;
       line-height:1.2em;
       margin:0 0 5px 0;
       font-size:1.9em;
       padding: 5px;
       background: #f9f9f9;
       border-bottom: 2px #f3f3f3 solid;
       border-top: 2px #f3f3f3 solid;
    }
    
    .entry {margin:0 0 7px 0;}
    
    .entry .info {
      position:relative;
      margin-top:-3px;
      padding:3px;
      font-size:0.9em;
    }
    
    .entry.single {clear:both;}
    
    .entry.single .info {margin:0 0 22px 0;}
    
    .entry .info a {
      margin: 0 2px;
      padding: 0 2px;
    }
    
    .entry .info em {
      padding-right:6px;
      font-style:normal;
    }
    
    .entry .author,
    .entry .editlink a {
      margin:0;
      padding:0 0 0 10px;
      border-left:1px solid;
      border-right:none
    }
    
    /* POST META
    ---------------------------------------------------*/
    #postmeta{
              text-transform:uppercase;
    		  color:#999999;
    		  font-family:arial;
    		  font-size:0.8em;
    		  margin-bottom:5px;
    		  overflow:hidden;
    		  margin-top:5px;
              }
    #postmeta a, a:visited{color:#003366;}
    #postmeta a:hover {color:#CC0000;}
    .postmetabox {border:1px solid #DDDDDD; padding:3px;}
    
    /* edit link style code
    ---------------------------------------------------*/
    #elink {color:#cc0000;
            font-size:bold;}
    
    /* Comments	Display Style Code
    --------------------------------------------------*/
    #comments{
    		font-family:verdana;
    		margin-top:15px;
             }
       /*Readers Comment Title*/
    #comments h4 {  font-size:1.4em !important;
    				text-transform:none;
    				border-bottom:1px solid #DDDDDD;
    				margin:0;
    				padding:0;
    				font-weight:bold;
    				font-family:Georgia,Arial,Helvetica,sans-serif;
                 }
    .comment {margin:0px;
    		  margin-top:8px;
    		  margin-bottom:15px;
              padding:0px;
    		  width:540px;
    		  overflow:hidden;
    		  }
    
    #comments .comment .ucomment p {margin:0px !important;
                         padding:0px;}
    
    .ucomment {margin:0px;
    		   padding:0px;
    		   border-bottom:1px solid #DDDDDD;
              }
    #comments .comment .ucomment p {margin:0px !important;
                         padding:0px;}
    .mcomment {margin:0px;
    		   padding:0px;
    		   border-bottom:1px solid #DDDDDD;
    		   background:#F4F7FC;
              }
    #comments .comment .mcomment p {margin:0px !important;
                         padding:0px;}
    
    .tcomment {margin:0px;
    		   padding:0px;
    		   /*border-bottom:1px solid #DDDDDD;*/
    		   /*background:#F4F7FC;*/
              }
     #comments .comment .tcomment p {margin:0px !important;
                         padding:0px;}
    
    .ucomment_meta {margin:0px;
    				padding:0px;
    				font-family:arial;
    				font-size:0.8em;
    				/*border-top:1px solid #DDDDDD;*/
    				text-transform:uppercase;
                    color:#999999;
    				display:inline;
    				}
    .ucomment_meta_dt {margin:0px;
    				padding:0px;
    				font-family:arial;
    				font-size:0.8em;
    				/*border-top:1px solid #DDDDDD;*/
    				text-transform:uppercase;
                    color:#999999;
    				display:inline;
    				width:10px;
                         }
    .avatar img {float:left;}
    
    /* AddComment Comment Adding Form Style code
    --------------------------------------------------*/
    #addcomment { margin-top:15px;
    			  border:1px solid #CCCCCC;
    			  padding-top:10px;
    			  padding-left:10px;
    			  padding-right:10px;
    			  padding-bottom:0px;
    			 /* margin: 10px; Commented for IE fix*/
    			  font-size:0.9em;
    			  background:#F4F7FC;
    			  font:verdana,Arial, Helvetica, Sans-Serif;
    			  width:488px;
                   }
    #addcomment h4 { font-size:1.4em !important;
    				text-transform:none;
    				margin:0;
    				padding:0;
    				font-weight:bold;
    				font-family:Georgia,Arial,Helvetica,sans-serif;
    				}
    #addcomment p {margin:0px;
                padding:0px;
                padding-bottom:5px;
                padding-top:5px;}
    
    .form-item { width:170px;
                 float:left;
                 }
    #addcomment input {width:150px; margin:0px; padding:4px; height:16px;}
    
    #addcomment textarea {width:470px;
                          font:verdana,Arial, Helvetica, Sans-Serif;
    					  font-size:14px;
    					  margin-top:5px;
    					  margin-bottom:5px;
    					  height:190px;
    					  padding:5px;}
    
    #addcomment #comment-name {
    			   display:block;
    			  }
    
    #addcomment .desc {color:#999999;
                       font-size:0.8em;
    				   text-transform:capitalize;
    				   font:verdana,Arial, Helvetica, Sans-Serif !important;
    				   width:180px;
                       }
    #addcomment input#submit {  background-color:#4F8ACE;
    							border-color:#93BFEE rgb(50, 92, 142) rgb(50, 92, 142) rgb(147, 191, 238);
    							border-style:solid;
    							border-width:1px;
    							color:#FFFFFF;
    							font-family:arial,sans-serif;
    							font-size:11px;
    							font-weight:bold;
    							padding:2px;
    							width:110px;
    							}
    
    div.search input#searchbtn, input#comment-submit, input#searchsubmit {
    							background-color:#14335c;
    							border-color:#93BFEE rgb(50, 92, 142) rgb(50, 92, 142) rgb(147, 191, 238);
    							border-style:solid;
    							border-width:1px;
    							color:#FFFFFF;
    							font-family:arial,sans-serif;
    							font-size:13px;
    							font-weight:bold;
    							padding:2px;
    							height:25px;
    							margin-top:5px;
    							margin-bottom:5px;
    							}
    .nocomments {font-weight:bold;
                  color:#003366;}
    
    /* content misc
    --------------------------------------------------*/
    /*#entrynavigation {border-color:#F3F4F4;}
    
     .editlink {
      position:absolute;
      height:14px;
      width:14px;
      right:2px;
    } 
    
    .next a {float:right;}
    .previous a {float:left;}*/
    
    html>body .editlink {bottom:6px;}
    .entry .info .editlink a,
    .minientry .editlink a,
    #comments li .editlink a {
      display:block;
      height:14px;
      width:14px;
      margin:0;
      padding:0;
      border:none;
      font-size:1px; /* IEWin */
      line-height:0; /* IEWin */
      text-indent:-9999px;
    }
    .entry .info .editlink a:hover,
    .minientry .editlink a:hover,
    #comments li .editlink a:hover
      {background:none;}
    
    /* footer
    --------------------------------------------------*/
    #footer {
      color:#666;
      font-weight:normal;
      background: #fff;
      clear:both;
      padding: 20px 10px 5px 10px;
      font-size:0.9em;
      text-align:center;
      }
    
    #footer a {
    color: #14335c;
    text-decoration:none;
    }
    #footer strong {font-weight:normal;}
    #footer a:hover {
    color: #000;
    }
    
    #footer p {
      padding: 5px 10px 10px 0px;
      text-align: center;
      line-height: 2em;
    }
    
    .alignright {float:right;}
    
    /* Sidebar Properties
    ---------------------------------------------------*/
    .sidebar {font:1em;
              background:#d8b538 none repeat;
              color:#14335c;
    		  overflow:auto;}
    .sidebar h1 {
       color:#003366;
       font-weight: bold;
       font-family: Georgia, Arial, Helvetica, sans-serif;
       line-height:1.4em;
       margin:0 0 8px 0;
       font-size:1.5em;
    }
    .sidebar a, a:hover, a:visited{color:#14335c; text-decoration:none;}
    
    .sidebar h2 {
      color:#003366;
      font-weight: bold;
      font-family: Georgia, Arial, Helvetica, sans-serif;
      line-height:1.4em;
      margin:0 0 8px 0 ;
      font-size:1.5em;
    }
    .sidebar h3 {
      margin: 10px 0 18px 0;
      font-size:1.3em;
      font-weight:bold;
      font-family: Georgia,Arial,Helvetica,sans-serif;
      margin:0 0 8px 0;
      line-height:1.4em;
      color:#003366;
    }
    .sidebar h4 {
      margin:2px;
      padding:0px;
      font-size:1.2em;
      font-weight:bold;
      font-family: Georgia,Arial,Helvetica,sans-serif;
      line-height:1.4em;
      color:#003366;
    }
    
    #sidebar_l<.sidebar_box h4 a, h1 a, h2 a, h3 a {font-weight:bold;}
    
    .sidebar h5 {
      margin: 10px 0 18px 0;
      font-size:1em;
      font-weight:bold;
      font-family: Georgia,Arial,Helvetica,sans-serif;
      margin:0 0 8px 0;
      line-height:1.4em;
      color:#003366;
    }
    .sidebar h6 {
      margin: 10px 0 18px 0;
      font-size:0.8em;
      font-weight:bold;
      font-family: Georgia,Arial,Helvetica,sans-serif;
      margin:0 0 8px 0;
      line-height:1.4em;
      color:#003366;
    }
    .sidebar_box{
    			background:#dec24c none repeat scroll 0% 50%;
    			border:1px solid #DDDDDD;
    			margin-top:5px;
    			margin-bottom:10px;
    			padding-left:14px;
    			padding-right:0px;
    			padding-top:10px;
    			padding-bottom:10px;
    			position:relative;
    		    overflow:hidden;
    			}
    
    .sidebar ul li {
    list-style-type:decimal;
    }
    .sidebar li {
    line-height:1.4em;
    padding:3px 0pt;
    }
    
    /* left sidebar
    --------------------------------------------------*/
    #sidebar_l {
    			/*float:left;*/
    			width:200px;
    			border:solid 0px;
    			margin-left:14px;
    			font-size:0.9em;
    			}
    
    /* right sidebar
    --------------------------------------------------*/
    #sidebar_r {
    			float:right;
    			width:200px;
    			border:solid 0px;
    			margin-right:7px;
    			font-size:0.9em;
    			overflow:auto;
    			}
    
    /* WordPress Widget Related CSS Code
    --------------------------------------------------*/
    #wp-calendar {
    	/*border: 1px solid #ddd;*/
    	empty-cells: show;
    	font-size: 0.9em;
    	margin: 0;
    	width: 90%;
    }
    
    #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;
    	text-decoration: none;
    	font-weight:bold;
    }
    
    #wp-calendar a:hover {
    /*	background: #e0e6e0; */
    background:white;
    	color: #333;
    }
    
    #wp-calendar caption {
    	color: #14335c;
    	text-align: center;
    	font-weight:bold;
    	font-size:1.2em;
    }
    
    #wp-calendar td {
    /*	color: #ccc;*/
    	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    	letter-spacing: normal;
    	padding: 2px 0;
    	text-align: center;
    }
    
    #wp-calendar td.pad:hover {
    	background: #fff;
    }
    
    #wp-calendar td:hover, #wp-calendar #today {
    	background: #eee;
    	color:#003366;
    }
    
    #wp-calendar th {
    	font-style: normal;
    	text-transform: capitalize;
    }
    
    /* Captions & aligment */
    .aligncenter,
    div.aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .alignleft {
    	float: left;
    }
    
    .alignright {
    	float: right;
    }
    
    .wp-caption {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f3f3f3;
    	padding-top: 4px;
    	margin: 10px;
    	-moz-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px;
    }
    
    .wp-caption img {
    	margin: 0;
    	padding: 0;
    	border: 0px none;
    }
    
    .wp-caption p.wp-caption-text {
    	font-size: 11px;
    	line-height: 17px;
    	padding: 0 4px 5px;
    	margin: 0;
    }
    /* End captions & aligment */
    
    /* Here is the customization for the CMS Navigation elements */
    
    #cms-nav-wrap{
        margin:10px 20px 0 20px;
        background-color: #EEEEEE;
    }
    .cms-nav-bc{
        margin:5px 0 0 20px;
    }
    
    #cms-nav-top-menu ul li{
     color:#fff;
    }
    #cms-nav-top-menu li ul{
        background-image: url('images/cms-nav-grad.jpg');
    }
    #cms-nav-top-menu li:hover a,
    #cms-nav-top-menu a:focus,
    #cms-nav-top-menu a:active
    {
        background-color: #5798D0;
    }
    
    #cms-nav-top-menu a.selected
    {
        background-color: #d0d8f0;
    }
    
    #cms-nav-top-menu a.selected{
        color:#000000;
    }
    
    #cms-nav-top-menu span.selected{
        color: #808000;
    }
    
    .cms-nav-left-menu span.selected{
        font-weight:bold;
        text-decoration: none;
    }
    
    #sidebar ul li h4 {
    	font-size: 130%;
    	margin: 1em 0 0 0;
    	padding: 0;
    }

    rtl.css

    /* Based on Arabic (RTL) version of WordPress Classic theme, converted by Serdal (Serdal.com) */
    
    #menu ul ul, #wp-calendar caption, #wp-calendar #prev a { text-align: right; }
    #wp-calendar #next a, .feedback { text-align: left; }
    
    blockquote {
    	border-left: 0;
    	border-right: 5px solid #ccc;
    	margin-left: auto;
    	margin-right: 1.5em;
    	padding-left: 0;
    	padding-right: 5px;
    }
    
    body { font-family: 'Geeza Pro', Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; }
    
    h2 { font: 95% 'Al Bayan', 'Traditional Arabic', "Times New Roman", Times, serif; }
    
    p, li, .feedback {
    	font: 90%/175% 'Geeza Pro', Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    	text-align: justify;
    }
    
    acronym, abbr, span.caps, h2, p, li, #header, #menu ul li, #menu ul ul li, #wp-calendar td, .feedback, .meta, .meta a { letter-spacing: normal; }
    
    #commentlist li ul {
    	border-left: 0;
    	border-right: 1px solid #ddd;
    }
    
    #commentlist li .avatar {
    	margin-right: 0;
    	margin-left: 12px;
    }
    
    #commentlist li .avatar {
    	margin-right: 0;
    	margin-left: 12px;
    }
    
    #content {
    	margin: 30px 3em 0 13em;
    	padding-right: 0;
    	padding-left: 60px;
    }
    
    #header {
    	border-left: solid 1px #9a9;
    	border-right: solid 1px #565;
    	font: normal normal 230% 'Al Bayan', 'Traditional Arabic', 'Times New Roman', Times, serif;
    	padding: 15px 60px 15px 10px;
    }
    
    #menu {
    	border-left: 0;
    	border-right: 1px dotted #ccc;
    	padding: 20px 30px 10px 0;
    	right: auto;
    	left: 2px;
    }
    
    #menu form { margin: 0 13px 0 0; }
    
    #menu ul {
    	padding-left: 0;
    	padding-right: 3px;
    }
    
    #menu ul li { font: normal normal 110% 'Geeza Pro', Tahoma, 'Times New Roman', Times, serif; }
    
    #menu ul ul li {
    	font: normal normal 12px/115% 'Geeza Pro', Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    	padding-left: 0;
    	padding-right: 12px;
    }
    
    #menu ul ul ul.children {
    	padding-left: 0;
    	padding-right: 4px;
    }
    
    #wp-calendar #next a {
    	padding-right: 0;
    	padding-left: 10px;
    }
    
    #wp-calendar #prev a {
    	padding-left: 0;
    	padding-right: 10px;
    }
    
    #wp-calendar td { font: normal normal 12px 'Geeza Pro', Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; }
Viewing 4 replies - 1 through 4 (of 4 total)
  • That is not a good way to represent the sidebar data. In order to do what you want, you would have to increase the width to 300px on the sidebar and that is a complete waste of space. By doing this, you’re compromising the space for the main content.

    First re-structure the sidebar content and then go from there. Maybe try wrapping the text line to the next line instead of it extending out.

    Thread Starter straitareatech

    (@straitareatech)

    It has been a while since I played with the CSS side of coding. what code wold I use for the text wrapping and where would I put it?

    Thanks for the reply.

    ‘.sidebar {font:1em;
    background:#d8b538 none repeat;
    color:#14335c;
    overflow:auto;}

    This is the part you want to edit ‘overflow : WHATEVER’

    Thread Starter straitareatech

    (@straitareatech)

    this is a duplicate entry please reply to this thread instead.

    https://www.ads-software.com/support/topic/376218?replies=10

    Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to increase the size of the left column in a 3 column theme’ is closed to new replies.