10 Replies - 1183 Views - Last Post: 08 April 2011 - 09:53 AM

#1 boosh  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 57
  • Joined: 14-January 10

Wordpress template width issue

Posted 04 April 2011 - 10:32 PM

I am trying to rectify an issue with a word press site template. When the site is lodes on safari it is misaligned to the left for some reason but it sits just fine in other Ips like explorer and fire fox. I am not able to find the CSS to adjust the width of the template border and I'm also not sure this will fix the issue. So if anyone has an idea on how to fix this that would rock!
Is This A Good Question/Topic? 0
  • +

Replies To: Wordpress template width issue

#2 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: Wordpress template width issue

Posted 05 April 2011 - 09:19 AM

Ok, first off you always need to post an image of the issue or some code for us to go off of. All development docs are located in the following path for wordpress:

- root
-- wp-content
   -- themes
      -- your theme
         -- styles.css



Now a lot of theme developers will use @imports within the style.css so you may have to still do some research to find what to edit.

Good luck.
Was This Post Helpful? 0
  • +
  • -

#3 boosh  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 57
  • Joined: 14-January 10

Re: Wordpress template width issue

Posted 05 April 2011 - 02:04 PM

View Postgregwhitworth, on 05 April 2011 - 10:19 AM, said:

Ok, first off you always need to post an image of the issue or some code for us to go off of. All development docs are located in the following path for wordpress:

- root
-- wp-content
   -- themes
      -- your theme
         -- styles.css



Now a lot of theme developers will use @imports within the style.css so you may have to still do some research to find what to edit.

Good luck.


here is the code regarding the video mount

<div id="hero">
			<div id="slide-nav">
			<ul>
				<li><a id="prev-slide" href="javascript:void(0);"><img src="http://www./wp-content/themes//img/btn-previous.png" alt="Previous" /></a></li>
				<li><a id="pause-slide" href="javascript:void(0);"><span>Pause</span></a></li>
				<li><a id="next-slide" href="javascript:void(0);"><img src="http://www.resportscom/wp-content/themes//img/btn-next.png" alt="Next" /></a></li>
			</ul>
			</div>
			<div id="sidebar"><ul id="grid-nav"><li id="menu-item-113" class="menu-item menu-item-type-post_type current-menu-item page_item page-item-60 current_page_item menu-item-113"><a href="http://www/adult/">Adult</a>
<ul class="sub-menu">
	<li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-112"><a href="http://www/adult/indoor/">Indoor</a></li>
	<li id="menu-item-111" class="menu-item menu-item-type-post_type menu-item-111"><a href="http://www./adult/outdoor/">Outdoor</a></li>
	<li id="menu-item-110" class="menu-item menu-item-type-post_type menu-item-110"><a href="http://www./adult/game-schedules-results/">Game Schedules</a></li>
</ul>
</li>
</ul>			    </div>
			    
			<div class="buttons">
			  <div style="float:right;"><align "right">
			    <iframe src="http://player.vimeo.com/video/21318238?byline=0&amp;portrait=0&amp;color=c9ff23" width="312" height="220" frameborder="60"></iframe>
			  </div>
			  <!-- bottom button for slideshow Do not touch -->
			
			
				<div class="buttons-slides">
							 
				  <div>
				  <a href="/adult/indoor" class="hero-button"><img src="http://www/wp-content/uploads/badge-hero_adultindoor_spring2.png" alt="" width="350" height="83"  class="unitPng" /></a>
				  </div>
				 
				  <div>
				  <a href="/adult/outdoor/" class="hero-button"><img src="http:///wp-content/uploads/badge-hero_adultoutdoor_spring2.png" alt="Adult Indoor Leagues" width="350" height="83"  class="unitPng" /></a>
				  </div>
				
				<!-- end bottom button for slideshow -->
			
			</div>
			</div>
			
</div>

This post has been edited by boosh: 05 April 2011 - 02:13 PM

Was This Post Helpful? 0
  • +
  • -

#4 boosh  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 57
  • Joined: 14-January 10

Re: Wordpress template width issue

Posted 05 April 2011 - 02:18 PM

So I ran the code through dreamweaver, posted code provided, and found the screen css call butg I am unable to locate it on the WP site.
Was This Post Helpful? 0
  • +
  • -

#5 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: Wordpress template width issue

Posted 05 April 2011 - 07:59 PM

Is it live where we can see the mis-alignment ( is it left, right, etc ) and can we see the CSS? All WP themes are setup pretty much the same way, but if we had a test site we could look at we could use firebug to at least see the CSS.

--

Greg
Was This Post Helpful? 0
  • +
  • -

#6 boosh  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 57
  • Joined: 14-January 10

Re: Wordpress template width issue

Posted 06 April 2011 - 12:06 AM

The issue only happens with safari. I do have a live site http://www.starfiresports.com/adult/

This post has been edited by boosh: 06 April 2011 - 12:08 AM

Was This Post Helpful? 0
  • +
  • -

#7 Vip3rousmango  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 56
  • View blog
  • Posts: 98
  • Joined: 10-February 10

Re: Wordpress template width issue

Posted 06 April 2011 - 07:19 AM

I tested it out in the most recent versions of Safari, Firefox and Chrome and don't see any alignment issues. I do love the site design/layout by the way. Very cool.

Do you know what version of Safari is giving you the weird issue? Usually if something is working in most browsers but one, a vendor prefix (like -moz or -webkit) is missing somewhere in the styling. For safari's case, its a webkit based browser, but usually alignment isn't browser specific so maybe your <div> is missed named within your stylesheet?

Hope that helps!
Was This Post Helpful? 0
  • +
  • -

#8 boosh  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 57
  • Joined: 14-January 10

Re: Wordpress template width issue

Posted 06 April 2011 - 11:28 AM

View PostVip3rousmango, on 06 April 2011 - 08:19 AM, said:

I tested it out in the most recent versions of Safari, Firefox and Chrome and don't see any alignment issues. I do love the site design/layout by the way. Very cool.

Do you know what version of Safari is giving you the weird issue? Usually if something is working in most browsers but one, a vendor prefix (like -moz or -webkit) is missing somewhere in the styling. For safari's case, its a webkit based browser, but usually alignment isn't browser specific so maybe your <div> is missed named within your stylesheet?

Hope that helps!

That's what I thught but I cant seem to find the stylesheet to adjust it. I do know that the issue arises on the new IPhones
Was This Post Helpful? 0
  • +
  • -

#9 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: Wordpress template width issue

Posted 06 April 2011 - 11:44 AM

I don't have time to disect it now - but here is the css in question:

html {
height:100%;
}
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 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
font-family:Verdana,Arial,Helvetica,SunSans-Regular,Sans-Serif;
font-size:75%;
height:100%;
line-height:1.5;
margin:0;
padding:0;
text-align:center;
top:0;
vertical-align:top;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:none;
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.noborder, #internal-content table.noborder td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
}
html {
font-size:100.01%;
}
body {
color:#222222;
font-size:75%;
}
h1, h2, h3, h4, h5, h6 {
color:#111111;
font-family:"Myriad","Myriad Pro",Arial,Helvetica,sans-serif;
font-weight:normal;
}
h1 {
font-size:3em;
line-height:1;
margin-bottom:0.5em;
}
h2 {
font-size:2em;
margin-bottom:0.75em;
}
h3 {
font-size:1.5em;
line-height:1;
margin-bottom:1em;
}
h4 {
font-size:1.2em;
line-height:1.25;
margin-bottom:1.25em;
}
h5 {
font-size:1em;
font-weight:bold;
margin-bottom:1.5em;
}
h6 {
font-size:1em;
font-weight:bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin:0;
}
p {
margin:0 0 1.5em;
}
.left {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}
.right {
float:right;
margin:1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
text-decoration:underline;
}
a {
color:#E65800;
text-decoration:none;
}
blockquote {
color:#666666;
font-style:italic;
margin:1.5em;
}
strong, dfn {
font-weight:bold;
}
em, dfn {
font-style:italic;
}
sup, sub {
line-height:0;
}
abbr, acronym {
border-bottom:1px dotted #666666;
}
address {
font-style:italic;
margin:0 0 1.5em;
}
del {
color:#666666;
}
pre {
margin:1.5em 0;
white-space:pre;
}
pre, code, tt {
-x-system-font:none;
font-family:'andale mono','lucida console',monospace;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
}
li ul, li ol {
margin:0;
}
ul, ol {
margin:0 1.5em 1.5em 0;
padding-left:1.5em;
}
ul {
list-style-type:disc;
}
ol {
list-style-type:decimal;
}
dl {
margin:0 0 1.5em;
}
dl dt {
font-weight:bold;
}
dd {
margin-left:1.5em;
}
table {
margin-bottom:1.4em;
width:100%;
}
th {
font-weight:bold;
}
thead th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#C3D9FF none repeat scroll 0 0;
}
th, td, caption {
padding:4px 10px 4px 5px;
}
#internal-content table tr:nth-child(2n) td, #internal-content table tr.even td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFF5DA none repeat scroll 0 0;
}
tfoot {
font-style:italic;
}
caption {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
}
.small {
font-size:0.8em;
line-height:1.875em;
margin-bottom:1.875em;
}
.large {
font-size:1.2em;
line-height:2.5em;
margin-bottom:1.25em;
}
.hide {
display:none;
}
.quiet {
color:#666666;
}
.loud {
color:#000000;
}
.highlight {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFF00 none repeat scroll 0 0;
}
.added {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#006600 none repeat scroll 0 0;
color:#FFFFFF;
}
.removed {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#990000 none repeat scroll 0 0;
color:#FFFFFF;
}
.first {
margin-left:0;
padding-left:0;
}
.last {
margin-right:0;
padding-right:0;
}
.top {
margin-top:0;
padding-top:0;
}
.bottom {
margin-bottom:0;
padding-bottom:0;
}
.col-4 {
float:left;
width:25%;
}
.col-5 {
float:left;
width:20%;
}
col-2 {
float:left;
width:50%;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:none;
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
ins {
text-decoration:none;
}
del {
color:#666666;
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
margin-bottom:1.4em;
width:100%;
}
h1, h2, h3, h4, h5, h6 {
color:#111111;
font-family:"Myriad","Myriad Pro",Arial,Helvetica,sans-serif;
font-weight:400;
}
h1 {
font-size:3em;
line-height:1;
margin-bottom:0.5em;
}
h2 {
font-size:2em;
margin-bottom:0.75em;
}
h3 {
font-size:1.5em;
line-height:1;
margin-bottom:1em;
}
h4 {
font-size:1.2em;
line-height:1.25;
margin-bottom:1.25em;
}
h5 {
font-size:100%;
font-weight:700;
margin-bottom:1.5em;
}
h6 {
font-size:100%;
font-weight:700;
}
.left {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}
.right {
float:right;
margin:1.5em 0 1.5em 1.5em;
}
a {
color:#E65800;
text-decoration:none;
}
blockquote {
color:#666666;
font-style:italic;
margin:1.5em;
}
sup, sub {
line-height:0;
}
address {
font-style:italic;
margin:0 0 1.5em;
}
pre {
margin:1.5em 0;
white-space:pre;
}
pre, code, tt {
-x-system-font:none;
font-family:'andale mono','lucida console',monospace;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
}
ul, ol {
margin:0 1.5em 1.5em 0;
padding-left:1.5em;
}
dd {
margin-left:1.5em;
}
thead th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#C3D9FF none repeat scroll 0 0;
}
th, td, caption {
padding:4px 10px 4px 5px;
}
tbody tr:nth-child(2n) td, tbody tr.even td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
}
caption {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
}
.small {
font-size:0.8em;
line-height:1.875em;
margin-bottom:1.875em;
}
.large {
font-size:1.2em;
line-height:2.5em;
margin-bottom:1.25em;
}
.quiet {
color:#666666;
}
.highlight {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFF00 none repeat scroll 0 0;
}
.added {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#006600 none repeat scroll 0 0;
color:#FFFFFF;
}
.removed {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#990000 none repeat scroll 0 0;
color:#FFFFFF;
}
.first {
margin-left:0;
padding-left:0;
}
.last {
margin-right:0;
padding-right:0;
}
.top {
margin-top:0;
padding-top:0;
}
.bottom {
margin-bottom:0;
padding-bottom:0;
}
.col-4 {
float:left;
width:25%;
}
.col-5 {
border-top:2px solid #000000;
float:left;
overflow:auto;
width:20%;
}
col-2 {
float:left;
width:50%;
}
#wrapper {
height:100%;
margin:0 auto;
overflow:visible;
padding:0;
position:relative;
text-align:left;
vertical-align:middle;
width:1013px;
}
.thegrid {
left:-189px;
position:absolute;
top:0;
z-index:7;
}
#internal .thegrid {
top:0;
z-index:0;
}
#core {
height:100%;
overflow:visible;
position:relative;
vertical-align:top;
width:auto;
z-index:9;
}
#header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/header.png) no-repeat scroll left top;
color:#CBCED0;
font-family:"Myriad","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
font-size:100%;
font-weight:700;
height:38px;
line-height:38px;
margin-left:257px;
margin-top:0;
position:relative;
text-transform:uppercase;
top:0;
width:777px;
z-index:8;
}
#header ul {
float:left;
list-style-type:none;
margin:0;
overflow:auto;
}
#header ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/dash.png) no-repeat scroll right bottom;
float:left;
padding:0 2em;
vertical-align:middle;
}
#header ul li a {
color:#CBCED0;
text-decoration:none;
}
#header ul li a:hover {
color:#FFFFFF;
text-decoration:none;
}
#logo {
display:inline;
left:83px;
position:absolute;
z-index:9000;
}
#search-wrapper {
float:right;
font-size:1.1em;
margin-right:24px;
position:relative;
text-align:right;
}
form#cse-search-box {
display:block;
float:none;
overflow:auto;
padding:4px 0 0;
}
#search-input {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/search.png) no-repeat scroll 0 0;
border:0 none;
color:#CBCED0;
float:right;
font-size:100%;
height:27px;
line-height:27px;
margin:0;
padding:0 9px;
width:137px;
}
#search-button {
border:medium none;
float:right;
height:27px;
margin:0;
padding:0;
width:27px;
}
#sponsors {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/sponsors.png) no-repeat scroll left top;
height:92px;
margin:0 auto;
overflow:hidden;
position:relative;
width:1012px;
z-index:900000;
}
#mycarousel {
list-style-type:none;
}
#sponsors .padding {
margin:0 6px;
padding:1.5em 2em;
}
#sponsors strong {
color:#939393;
display:block;
font-size:1.5em;
}
#sponsors a {
color:#F4ED22;
display:block;
text-decoration:none;
}
#internal-wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/sidebar-bg-top.png) no-repeat scroll left top;
margin:49px auto 0;
overflow:auto;
width:1000px;
z-index:9000;
}
#hero-internal {
margin:38px 0 0 189px;
}
#internal #hero {
height:0;
}
#internal-content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/internal-bg.png) repeat-y scroll left top;
display:block;
float:left;
margin-top:150px;
overflow:auto;
position:relative;
width:100%;
}
#internal-content .left, #internal-content .right {
border:5px solid #CFCDC3;
}
#internal-content .padding {
height:100%;
overflow:hidden;
padding:30px 97px 30px 265px;
position:relative;
}
#internal-content table td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E2D7B8;
}
#internal-content table th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D6C083 none repeat scroll 0 0;
border:1px solid #E2D7B8;
text-align:center;
}
#sidebar ul#grid-nav {
left:0;
position:relative;
top:51px;
}
#hero #sidebar {
left:0;
overflow:hidden;
position:relative;
top:98px;
}
#hero #sidebar ul#grid-nav {
top:2px;
}
#sidebar .current_page_parent ul.sub-menu {
display:block;
}
#sidebar ul.sub-menu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/bg-sidebar-top.gif) no-repeat scroll left top;
display:block;
}
#hero #sidebar ul.sub-menu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
}
#sidebar li.current-menu-item ul.sub-menu {
display:block;
}
#sidebar ul.sub-menu li.current-menu-item ul.sub-menu {
display:block;
}
#sidebar ul.sub-menu ul.sub-menu {
display:none;
}
#sidebar ul.sub-menu li.current_page_ancestor ul.sub-menu {
display:block;
}
#sidebar ul.sub-menu li li.current_page_item a {
color:#008C00 !important;
}
#side-bg {
}
#sidebar {
float:left;
height:100%;
left:7px;
overflow:auto;
position:absolute;
width:230px;
z-index:9000;
}
.thegridside {
position:absolute;
top:86px;
z-index:1;
}
#hero {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/hub-sidebar-bg-top.png) no-repeat scroll 6px 49px;
height:360px;
margin:0 auto;
position:relative;
width:1012px;
}
#hero .buttons {
}
#hero .hero-button {
clear:both;
margin-top:20px;
position:absolute;
right:0;
top:0;
z-index:9;
}
#hero .hero-button.register {
top:106px;
}
.buttons-slides {
margin:0;
padding:0;
position:absolute;
right:4px;
top:212px;
width:auto !important;
}
.buttons-slides div {
left:auto !important;
right:0 !important;
top:0 !important;
width:auto !important;
}
ul#grid-nav li ul {
margin:4px 0 0;
padding:0;
}
ul#grid-nav li ul li ul {
margin:0;
padding:0;
}
ul#grid-nav li.arrows-small {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/btn-arrows-small.png) no-repeat scroll right top;
margin-top:0;
width:197px;
}
ul#grid-nav li.arrows-small:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/btn-arrows-small.png) no-repeat scroll right top;
}
ul#grid-nav {
list-style-type:none;
margin:0;
padding:0 !important;
position:absolute;
top:100px;
z-index:9000;
}
#internal-wrapper ul#grid-nav {
margin-right:6px;
}
ul#grid-nav li {
display:block;
list-style-type:none;
padding:0;
text-align:right;
vertical-align:top;
}
ul#grid-nav li a.list-title {
color:#000000;
font-size:22px;
position:relative;
right:35px;
text-transform:uppercase;
}
#hero ul#grid-nav li ul {
margin:3px 0 0 26px;
padding:0;
}
ul#grid-nav li .widget h3 {
font-size:14px;
height:22px;
margin:0;
padding:10px 35px 0 0;
position:relative;
right:35px;
text-transform:uppercase;
}
ul#grid-nav ul.sub-menu ul.sub-menu, ul#grid-nav li .widget ul {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:#B8D614 url(../img/bg/sub-nav.jpg) repeat-y scroll left top !important;
list-style-type:none;
margin:0 31px 0 1px !important;
overflow:auto;
padding:0;
position:relative;
text-align:right;
}
ul#grid-nav ul.sub-menu ul.sub-menu li.menu-item, ul#grid-nav .widget li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
display:block;
line-height:1em;
margin:0 !important;
padding:0;
width:auto;
}
ul#grid-nav ul.sub-menu ul.sub-menu a, ul#grid-nav .widget a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/sub-nav-list.jpg) repeat-x scroll left bottom;
color:#000000;
display:block;
font-size:100%;
height:auto;
line-height:32px;
padding:0 11px 0 0;
right:0 !important;
text-transform:none;
vertical-align:middle;
}
ul#grid-nav ul.sub-menu ul.sub-menu a:hover, ul#grid-nav .widget a:hover {
color:#008C00;
}
ul#grid-nav li.arrows {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/btn-arrows.png) no-repeat scroll right top;
height:45px;
line-height:32px;
text-align:right;
vertical-align:middle;
}
ul#grid-nav li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
color:#000000;
font-size:21px;
position:relative;
text-decoration:none;
text-transform:uppercase;
}
ul#grid-nav li a {
padding-right:39px;
}
ul#grid-nav li a:hover, ul#grid-nav li a:active {
border:0 none;
text-decoration:none;
}
ul#grid-nav li.arrows-small, ul#grid-nav .sub-menu li.menu-item, ul#grid-nav .sub-menu li.page_item, ul#grid-nav .sub-menu h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/btn-arrows-small.png) no-repeat scroll left top;
line-height:32px;
margin-top:5px;
overflow:visible;
text-align:right;
vertical-align:middle;
width:100%;
}
ul#grid-nav .sub-menu li.menu-item, ul#grid-nav .sub-menu li.page_item, ul#grid-nav .sub-menu h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/btn-arrows-small.png) no-repeat scroll right top;
margin-top:0;
}
ul#grid-nav .sub-menu li.menu-item a {
padding-right:39px;
}
ul#grid-nav .sub-menu li.menu-item li.menu-item, sidebar ul#grid-nav .sub-menu li.page_item li.page_item {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
width:auto;
}
ul#grid-nav li.arrows-small a.sub-list-title, ul#grid-nav .sub-menu li.menu-item a, ul#grid-nav .sub-menu li.page_item a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#000000;
display:inline-block;
font-size:14px;
height:22px;
padding-top:10px;
position:relative;
text-transform:uppercase;
}
ul#grid-nav li:hover {
cursor:pointer;
}
ul#grid-nav a:hover {
border:0 none;
cursor:pointer;
text-decoration:none !important;
}
.slideshow {
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
width:1013px;
}
.slideshow li {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent none repeat scroll 0 0 !important;
margin:0;
padding:0;
}
.slideshow .unitPng {
}
#slide-nav #pause-slide {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/btn-pause.png) no-repeat scroll left top;
display:block;
height:16px;
width:16px;
}
#slide-nav #pause-slide.active {
background-position:left -16px;
}
#news-events {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/news.png) repeat-y scroll left top;
color:#043A09;
margin:0 auto;
min-height:200px;
overflow:auto;
position:relative;
top:-10px;
width:1000px;
z-index:8;
}
.more-news {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/more-news.png) repeat-y scroll left top;
color:#043A09;
height:33px;
margin:0 auto;
padding:0;
position:relative;
top:-10px;
width:1000px;
}
.events {
width:465px;
}
.news {
width:535px;
}
.news .padding, .events .padding {
padding:2em;
}
#news-events .upcoming, .news-list {
list-style-type:none;
margin:0;
padding:0;
width:100%;
}
#news-events .upcoming li, .news-list li, .events-list li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/list-bg.gif) repeat-x scroll left bottom;
list-style-type:none;
margin:1em 0;
padding:0 0 0.5em;
}
.news-list li {
margin-bottom:0.875em;
margin-top:0.875em;
padding-bottom:1em;
}
#news-events .upcoming li a, .news-list li a, .events-list li a {
color:#043A09;
text-shadow:1px 1px 0 #B7D611;
}
#news-events .upcoming li a:after, .news-list li strong a:after, .arrow:after {
content:" »";
font-weight:400;
}
#news-events .upcoming li a, .news-list li strong a, .arrow {
}
#news-events .upcoming li strong {
margin-left:1em;
}
.more-news a {
color:#F4ED22;
float:right;
margin:7px 20px 0 0;
}
#home-content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/content.jpg) repeat-y scroll left bottom;
border-top:5px solid #F4ED22;
color:#CBCED0;
margin:10px auto 0;
min-height:471px;
overflow:auto;
width:1000px;
z-index:9000;
}
#home-content .padding {
overflow:auto;
}
#inner-content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/internal-bg.jpg) repeat scroll 0 0;
}
.map {
float:left;
width:465px;
}
.mission {
float:left;
width:535px;
}
.map .padding, .mission .padding {
padding:2em;
}
.map ul {
margin:0 0 1em;
overflow:auto;
padding:0;
}
.map .leftcontent {
margin-right:72px;
}
.map ul li.title {
list-style-type:none;
}
.map ul li ul li {
margin-top:0.5em;
}
.map ul ul {
float:left;
list-style-type:disc;
padding-left:1.5em;
}
.map .caption-image {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#3D3D3B none repeat scroll 0 0;
padding:5px;
}
.map .caption p {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
font-size:1.5em;
margin:0;
padding:0.5em 0;
text-align:center;
}
.sounders-badge {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/sounders-badge.png) no-repeat scroll left top;
height:104px;
padding-top:26px;
width:471px;
}
.sounders-badge a {
margin-left:291px;
}
#footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/footer.png) repeat scroll 0 0;
margin:0 auto;
min-height:200px;
width:1000px;
}
#footer .padding {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/footer-dash.png) no-repeat scroll right 2em;
padding:2em;
}
#footer ul {
list-style-type:none;
margin:0;
overflow:auto;
padding:0;
}
#footer ul li.title, #footer ul li.pagenav, #footer ul li a {
color:#F4ED22;
font-weight:700;
text-transform:uppercase;
}
#footer ul li.title a, #footer ul li.pagenav a, a.yellow {
color:#F4ED22 !important;
}
#footer ul li ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
font-weight:400;
padding:0;
text-transform:none;
}
#footer ul li ul img {
vertical-align:middle;
}
#footer ul li ul li {
margin-top:0.25em;
}
#footer ul li.pagenav .page_item a {
color:#FFFFFF !important;
}
#footer .sub-menu .menu-item a {
color:#FFFFFF;
font-weight:400;
text-transform:none;
}
#copyright {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/copyright.png) repeat scroll 0 0;
color:#747474;
font-size:0.95em;
height:29px;
margin:0 auto 2em;
width:1000px;
}
#copyright a {
color:#747474;
text-decoration:underline;
}
#copyright p {
float:right;
line-height:29px;
margin-right:5px;
vertical-align:middle;
}
.jcarousel-skin-tango {
position:absolute;
right:35px;
top:0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
direction:rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
padding:20px 40px;
width:607px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
height:664px;
padding:40px 20px;
width:75px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
height:50px;
width:607px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
height:245px;
width:75px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-left:0;
margin-right:14px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left:10px;
margin-right:0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom:10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/btn-arrow.png) no-repeat scroll -20px top;
cursor:pointer;
height:30px;
position:absolute;
right:5px;
top:30px;
width:20px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
background-image:url(prev-horizontal.png);
left:5px;
right:auto;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
background-position:-100px 0;
cursor:default;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/btn-arrow.png) no-repeat scroll 0 0;
cursor:pointer;
height:30px;
left:5px;
position:absolute;
top:30px;
width:20px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
background-image:url(next-horizontal.png);
left:auto;
right:5px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
background-position:-80px 0;
cursor:default;
}
.jcarousel-skin-tango .jcarousel-next-vertical {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(next-vertical.png) no-repeat scroll 0 0;
bottom:5px;
cursor:pointer;
height:32px;
left:43px;
position:absolute;
width:32px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
background-position:0 -100px;
cursor:default;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(prev-vertical.png) no-repeat scroll 0 0;
cursor:pointer;
height:32px;
left:43px;
position:absolute;
top:5px;
width:32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
background-position:0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
background-position:0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
background-position:0 -96px;
cursor:default;
}
#slide-nav {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg/slide-controls.png) no-repeat scroll left top;
bottom:-3px;
height:27px;
overflow:visible;
position:absolute;
right:0;
width:68px;
z-index:9000;
}
#slide-nav ul {
list-style-type:none;
margin:0;
padding:0;
}
#slide-nav ul li {
float:left;
margin-left:5px;
margin-top:5px;
}
.category-events #tec-content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
margin:0;
padding:0;
}
#comments .navigation {
padding:0 0 18px;
}
h3#comments-title, h3#reply-title {
color:#000000;
font-size:20px;
font-weight:700;
margin-bottom:0;
}
h3#comments-title {
padding:24px 0;
}
.commentlist li.comment {
border-bottom:1px solid #E7E7E7;
line-height:24px;
margin:0 0 24px;
padding:0 0 0 56px;
position:relative;
}
.commentlist li:last-child {
border-bottom:medium none;
margin-bottom:0;
}
#comments .comment-body ul, #comments .comment-body ol {
margin-bottom:18px;
}
#comments .comment-body p:last-child {
margin-bottom:6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom:24px;
}
.commentlist ol {
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
}
.commentlist .avatar {
left:0;
position:relative;
top:4px;
}
.comment-author cite {
color:#000000;
font-style:normal;
font-weight:700;
}
.comment-meta {
font-size:12px;
margin:0 0 18px;
}
.reply {
font-size:12px;
padding:0 0 24px;
}
.commentlist .children li {
border:medium none;
margin:0;
}
#comments .pingback {
border-bottom:1px solid #E7E7E7;
margin-bottom:18px;
padding-bottom:18px;
}
.commentlist li.comment + li.pingback {
margin-top:-6px;
}
#comments .pingback p {
color:#888888;
display:block;
font-size:12px;
line-height:18px;
margin:0;
}
#comments .pingback .url {
font-size:13px;
font-style:italic;
}
input[type="submit"] {
color:#333333;
}
#respond {
border-top:1px solid #333333;
margin:24px 0;
overflow:hidden;
padding-top:2em;
position:relative;
width:auto;
}
.form-allowed-tags {
line-height:1em;
}
.children #respond {
margin:0 48px 0 0;
}
h3#reply-title {
margin:18px 0;
}
#comments-list #respond {
margin:0 0 18px;
}
#cancel-comment-reply-link {
font-size:12px;
font-weight:400;
line-height:18px;
}
#respond .required {
color:#FF4B33;
font-weight:700;
}
#respond input {
margin:0 0 9px;
width:98%;
}
#respond textarea {
width:98%;
}
#respond .form-allowed-tags {
color:#888888;
font-size:12px;
line-height:18px;
}
#respond .form-allowed-tags code {
font-size:11px;
}
#respond .form-submit {
margin:12px 0;
}
#respond .form-submit input {
font-size:14px;
width:160px;
}
#respond #submit {
width:160px !important;
}
#respond form {
width:75%;
}
#internal-content .padding, #internal-content .padding input, #internal-content .padding textarea {
font-size:100%;
line-height:1.5em;
}
#internal-content .padding p, #internal-content .padding ul, #internal-content .padding ol, #internal-content .padding dd, #internal-content .padding pre, #internal-content .padding hr {
margin-bottom:2em;
}
#internal-content .padding ul ul, #internal-content .padding ol ol, #internal-content .padding ul ol, #internal-content .padding ol ul {
list-style-type:circle;
margin:1em 0;
}
#internal-content .padding pre, #internal-content .padding kbd, #internal-content .padding tt, #internal-content .padding var {
font-size:15px;
line-height:21px;
}
#internal-content .padding code {
font-size:13px;
}
#internal-content .padding h1, #internal-content .padding h2, #internal-content .padding h3, #internal-content .padding h4, #internal-content .padding h5, #internal-content .padding h6 {
color:#000000;
line-height:1.5em;
margin:0 0 20px;
}
.hentry {
margin:0 0 48px;
}
.home .sticky {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F7FC none repeat scroll 0 0;
border-top:4px solid #000000;
margin-left:-20px;
margin-right:-20px;
padding:18px 20px;
}
.single .hentry {
margin:0 0 36px;
}
.page-title {
color:#000000;
font-size:14px;
font-weight:700;
margin:0 0 36px;
}
.page-title span {
color:#333333;
font-size:16px;
font-style:italic;
font-weight:400;
}
#internal-content .padding .entry-title {
color:#000000;
font-size:21px;
font-weight:700;
line-height:1.3em;
margin-bottom:0;
}
.entry-title a:link, .entry-title a:visited {
color:#000000;
text-decoration:none;
}
.entry-meta abbr, .entry-utility abbr {
border:medium none;
}
.entry-content, .entry-summary {
clear:both;
padding:12px 0 0;
}
.entry-content fieldset {
border:1px solid #E7E7E7;
margin:0 0 24px;
padding:24px;
}
.entry-content fieldset legend {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
font-weight:700;
padding:0 24px;
}
.entry-content input.file, .entry-content input.button {
margin-right:24px;
}
.entry-content sup, .entry-content sub {
font-size:10px;
}
.entry-content blockquote.left {
float:left;
margin-left:0;
margin-right:24px;
text-align:right;
width:33%;
}
.entry-content blockquote.right {
float:right;
margin-left:24px;
margin-right:0;
text-align:left;
width:33%;
}
.page-link {
color:#000000;
font-weight:700;
margin:0 0 22px;
word-spacing:0.5em;
}
.page-link a:link, .page-link a:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F1F1F1 none repeat scroll 0 0;
color:#333333;
font-weight:400;
padding:0.5em 0.75em;
text-decoration:none;
}
.home .sticky .page-link a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D9E8F7 none repeat scroll 0 0;
}
body.page .edit-link {
clear:both;
display:block;
}
#entry-author-info {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F7FC none repeat scroll 0 0;
border-top:4px solid #000000;
clear:both;
font-size:14px;
line-height:20px;
margin:24px 0;
overflow:hidden;
padding:18px 20px;
}
#entry-author-info #author-avatar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E7E7E7;
float:left;
height:60px;
margin:0 -104px 0 0;
padding:11px;
}
#entry-author-info #author-description {
float:left;
margin:0 0 0 104px;
}
#entry-author-info h2 {
color:#000000;
font-size:100%;
font-weight:700;
margin-bottom:0;
}
.entry-utility {
clear:both;
color:#888888;
font-size:12px;
line-height:18px;
}
.home #internal-content .padding .category-asides p {
font-size:14px;
line-height:20px;
margin-bottom:10px;
margin-top:0;
}
.home #internal-content .padding .category-asides .entry-content {
padding-top:0;
}
.category-gallery .size-thumbnail img {
border:10px solid #F1F1F1;
margin-bottom:0;
}
.category-gallery .gallery-thumb {
float:left;
margin-right:20px;
margin-top:-4px;
}
.home #internal-content .padding .category-gallery .entry-utility {
padding-top:4px;
}
.attachment .entry-content .entry-caption {
font-size:140%;
margin-top:24px;
}
.attachment .entry-content .nav-previous a:before {
content:'← ';
}
.attachment .entry-content .nav-next a:after {
content:' →';
}
#internal-content .padding img {
height:auto;
margin:0;
max-width:640px;
width:auto;
}
#internal-content .padding .attachment img {
display:block;
margin:0 auto;
max-width:900px;
}
#internal-content .padding .alignleft, #internal-content .padding img.alignleft {
display:inline;
float:left;
margin-right:24px;
margin-top:4px;
}
#internal-content .padding .alignright, #internal-content .padding img.alignright {
display:inline;
float:right;
margin-left:24px;
margin-top:4px;
}
#internal-content .padding .aligncenter, #internal-content .padding img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}
#internal-content .padding .wp-caption {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F1F1F1 none repeat scroll 0 0;
line-height:18px;
margin-bottom:20px;
padding:4px;
text-align:center;
}
#internal-content .padding .wp-caption img {
margin:5px 5px 0;
}
#internal-content .padding .wp-caption p.wp-caption-text {
color:#888888;
font-size:12px;
margin:5px;
}
#internal-content .padding .gallery {
margin:0 auto 18px;
}
#internal-content .padding .gallery .gallery-item {
float:left;
margin-top:0;
text-align:center;
width:33%;
}
#internal-content .padding .gallery img {
border:10px solid #F1F1F1;
}
#internal-content .padding .gallery .gallery-caption {
color:#888888;
font-size:12px;
margin:0 0 12px;
}
.tec-calendar td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
}
.tec-calendar .daynum {
background-color:#B1D416;
}
.upcoming a.tec-button-on, .grid a.tec-button-on {
background-color:#7DBE18;
}
#breadcrumb {
margin-bottom:1.5em;
}
.archive_header {
display:block;
font-size:18px;
font-weight:700;
margin:-28px 0 10px;
padding:0 0 0 180px;
width:auto;
}
.archive_header .catrss a {
font-size:14px;
line-height:20px;
text-decoration:none;
}
.post {
margin:0 0 40px;
}
.post.not-found {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
padding:20px;
width:660px;
}
.post .post-meta {
color:#9F9F9F;
font-size:12px;
margin:0 20px 0 0;
padding:15px 0 0;
text-shadow:2px 1px 0 rgba(0, 0, 0, 0.4);
width:160px;
}
.post .post-meta .post-date {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333333 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:18px !important;
font-weight:700;
margin:0 0 1px;
padding:10px 0 9px 15px;
position:relative;
}
.post .post-meta .post-date .bg {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bg-postdate.png) no-repeat scroll right center;
display:block;
height:38px;
position:absolute;
right:-15px;
top:0;
width:15px;
}
.post .post-meta ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333333 none repeat scroll 0 0;
}
.post .post-meta ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/indentline.png) repeat-x scroll left bottom;
font-weight:700;
padding:7px 15px 8px;
}
.post .middle {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
margin:0 20px 0 0;
padding:0;
width:auto;
}
.post.page {
padding:0;
width:auto;
}
.fullwidth .post.page {
width:899px;
}
.post.page.image-gallery, .post.page.tags, .post.page.timeline {
padding-bottom:20px;
}
.post.page.timeline #archives {
margin:0 0 0 20px;
}
.post .title {
-x-system-font:none;
font-family:Arial,Helvetica,sans-serif;
font-size:30px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:24px;
margin:0 0 20px;
position:relative;
}
.page .post .title {
margin:0 0 20px;
}
.post .title a:hover {
color:#000000;
text-decoration:none;
}
.post .main-image {
margin:0 0 20px -20px;
}
.post-more {
padding:0 0 20px;
}
.post-more a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#7DBE18 none repeat scroll 0 0;
color:#FFFFFF;
font-size:14px;
font-weight:700;
padding:8px 12px;
text-decoration:none;
}
.post p.tags {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/ico-tag.gif) no-repeat scroll left center;
clear:both;
margin-bottom:20px;
padding-left:25px;
width:100%;
}
.post .related {
width:220px;
}
.post .related h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/indentline-light.png) repeat-x scroll left bottom;
font-size:17px;
padding:25px 0 10px;
}
.post .related ul li {
padding:0 5px;
}
.post .related ul li a {
border-bottom:1px solid #E0E0E0;
color:#555555;
display:block;
line-height:14px;
padding:8px 0;
}
.post .related ul li span {
color:#888888;
display:block;
font-size:11px;
padding:0;
text-transform:uppercase;
}
.post .related ul li span.related-title {
color:#555555;
font-size:12px;
margin-bottom:2px;
text-transform:none;
}
.entry {
-x-system-font:none;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
margin:1.8em 0 0.8em;
}
.entry p {
font-size:14px;
margin-bottom:1.5em;
}
.entry blockquote {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/blockquote.png) no-repeat scroll 0 12px;
color:#444444;
padding:10px 20px 10px 50px;
}
.entry ul ul li {
list-style-type:circle;
}
.entry ol li ol li {
list-style-type:lower-alpha;
}
img.wp-smiley {
border:medium none;
padding:0;
}
.alignleft {
float:left;
height:auto;
margin:5px 15px 5px 0;
}
.alignright {
float:right;
height:auto;
margin:5px 0 5px 15px;
}
.aligncenter {
margin-bottom:15px;
text-align:center;
}
img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.entry .wp-caption {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8F8F8 none repeat scroll 0 0;
border:1px solid #E6E6E6;
padding:1px;
text-align:center;
}
.entry .wp-caption img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
margin:0;
padding:4px 0;
}
.entry .wp-caption-text {
-x-system-font:none;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
margin:0;
padding:0;
text-align:center;
}
.nav-entries, .wp-pagenavi, .post-entries {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
margin:0 0 0 180px;
padding:10px 20px 8px;
width:479px;
}
.nav-entries a, .post-entries a {
color:#555555;
display:block;
font-weight:700;
text-decoration:none;
}
.wp-pagenavi {
text-align:center !important;
}
.wp-pagenavi a:link, .wp-pagenavi a:visited {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:#EEEEEE none repeat scroll 0 0 !important;
border:1px solid #DDDDDD !important;
color:#666666 !important;
display:inline !important;
font-weight:700 !important;
padding:5px 9px 3px;
text-decoration:none !important;
}
.wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:#DDDDDD none repeat scroll 0 0 !important;
border:1px solid #BBBBBB !important;
padding:5px 9px 3px;
}
.wp-pagenavi span.extend, .wp-pagenavi span.pages {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent none repeat scroll 0 0 !important;
border:medium none !important;
color:#666666 !important;
font-weight:700 !important;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, li ul, li ol, #respond p, #comments-list ul #respond, #internal-content .padding .wp-smiley, #internal-content .padding .gallery dl, .entry ul ul, .entry ol ol {
margin:0;
}
p, dl {
margin:0 0 1.5em;
}
a:focus, a:hover, .post-more a:hover, .nav-entries a:hover, .post-entries a:hover {
text-decoration:underline;
}
strong, dfn, dl dt, th {
font-weight:700;
}
em, dfn, tfoot, .comment-author .says, .entry blockquote p {
font-style:italic;
}
abbr, acronym, .entry-meta abbr:hover, .entry-utility abbr:hover {
border-bottom:1px dotted #666666;
}
ul, .entry ul li {
list-style-type:disc;
}
ol, .entry ol li {
list-style-type:decimal;
}
.hide, #slide-nav span, .nopassword, .nocomments, #internal-content .padding .gallery br + br {
display:none;
}
.loud, .post .title a:link, .post .title a:visited {
color:#000000;
}
.clear, #comments {
clear:both;
}
#logo img, .news, .events {
float:left;
}
#home-content h1, #home-content h2, .post .post-meta ul li a {
color:#FFFFFF;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:active {
background-position:-60px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
background-position:-40px 0;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:active {
background-position:0 -60px;
}
.commentlist, .commentlist .children {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}
.comment-meta a:link, .comment-meta a:visited, .page-title a:link, .page-title a:visited {
color:#888888;
text-decoration:none;
}
.comment-meta a:active, .comment-meta a:hover, .reply a:hover, a.comment-edit-link:hover, .page-title a:active, .page-title a:hover, .entry-title a:active, .entry-title a:hover, .page-link a:active, .page-link a:hover, .entry-meta a:hover, .entry-utility a:hover {
color:#FF4B33;
}
.reply a, a.comment-edit-link, .entry-meta a, .entry-utility a {
color:#888888;
}
#respond .comment-notes, #internal-content .padding ul li, #internal-content .padding ol li {
margin-bottom:1em;
}
#respond label, .entry-meta, .entry-content label {
color:#888888;
font-size:12px;
}
#internal-content .padding .entry-summary p:last-child, #internal-content .padding img.alignleft, #internal-content .padding img.alignright, #internal-content .padding img.aligncenter {
margin-bottom:12px;
}
.entry-content input, .entry-content select {
margin:0 0 24px;
}
#internal-content .padding .video-player, .home .hentry.category-asides {
padding:0;
}
.tec-calendar th, .tec-calendar td.tec-present .daynum, .tec-tooltip .tec-event-title {
background-color:#7DBE18 !important;
color:#FFFFFF;
}
#internal-content table.tec-calendar tr:nth-child(2n) td, #internal-content table.tec-calendar tr.even td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F1F1F1 none repeat scroll 0 0;
}
.entry ul, .entry ol {
margin-bottom:1.5em;
padding:0 0 0 30px;
}
ul#grid-nav li.arrows a.sub-list-title {
padding-top:10px !important;
position:relative;
top:10px;
}
ul#grid-nav li.arrows a.sub-list-title {
top:0;
}
ul#grid-nav li.arrows-small a.sub-list-title, ul#grid-nav .sub-menu li.current_page_item a, ul#grid-nav .sub-menu li.current_page_item a {
color:#008C00;
}
#internal-wrapper {
overflow:hidden;
}


This post has been edited by gregwhitworth: 06 April 2011 - 11:45 AM

Was This Post Helpful? 1
  • +
  • -

#10 boosh  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 57
  • Joined: 14-January 10

Re: Wordpress template width issue

Posted 07 April 2011 - 01:12 PM

I would assume that this is the piece of code is the issue. And if this is it how or where do I place this in WP Its simple in dreamweaver but I have been having a hard time dealing with it in WP.
#internal-content .padding .video-player, .home .hentry.category-asides {
padding:0;
}

Was This Post Helpful? 0
  • +
  • -

#11 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: Wordpress template width issue

Posted 08 April 2011 - 09:53 AM

You don't place it anywhere. It's already controlling those classes from within the linked stylesheet.
Was This Post Helpful? 1
  • +
  • -

Page 1 of 1