html,body,div,img,table,td,tr,span,a {
  padding: 0;
  margin:0;
  border:0;
}

body {
 font-family: Trebuchet MS, helvetica, arial, sans-serif;
 background-color: black;
 margin: 0;
 padding: 0;
 font-size-adjust: .52;
 font-size: 76%;
 color: white;
 background-image: url('http://i299.photobucket.com/albums/mm315/oaklandfan5/star%20wars%20wallpapers/o_bfront2_1_3.jpg');
}



#container {
 position:relative;
 width:980px;
 background-color: transparent;  /* Left Icon Bar background color */
 margin: 2px auto;

}

.mcontainer {
  background-color:white
}

#head {

 top:0;
 height:70px;
 width:100%;
}

#head img{
 margin-left: 10px;
 float:left
}

#topbanner {
 float:right;
 height:60px;
 padding:0 !important
}
#smopageicons {
 padding:0 !important
}
#smalllogo{
 float:right;
 width:88px;
 height:60px;
}
#smo_topNavRow, #smo_bottomNavRow {
 height:25px;
 width:100%;



}
#smo_bottomNavRow {
 position:absolute;
 top:64px;  /* For IE 6 */
 z-index:2;
}

#container>#smo_bottomNavRow {
 top:60px;  /* For NOT IE6 */
}
#iconmenu{
 clear:both;
 text-align:center
}
#iconmenu img {
 max-height:48px;
 margin-top: 6px;
}

#internal{
 position:relative;
 float:left;
 width:100%;
 margin-top: 10px;
 background-color:transparent;  /* Right Menu background color */

}

#content {
 width:756px;
  background-color:transparent;  /* Body and Pix background color */
 float:left;
 min-height: 460px;
 padding-top: 6px;
 text-align: justify
}
#body{
 width:500px;
 float:left;
 padding: 10px;
 background-color: black

}

#body *{
 max-width:500px;
}

#pix *{
 max-width:200px;

}

#pix iframe {
  margin-bottom: 1em
}


#content>#body{ /* Because of IE 6 */
 margin-left:8px;
}

#bTitle {
  font-size: 1.8em !important;
  color: orange;
  padding-bottom: 0.4em
}

#pix{
 width:202px;
 float:right;
 margin:4px;
 padding:4px;
 background-color: black
}
.fatbody{
 width:100% !important;
  padding-right: 1em
}

.fatbody * {
  max-width: 99% !important;
  padding-right: 20px;
}
#sitemenu{
 position:absolute;
 right:3px;
 top:2px;
}
#footer {
 clear:both;
 padding: 3px 5px;
 text-align:center;
 width:970px;
 margin: 2px auto;

}
#tHead {
 position:absolute;
 z-index:-1;
 visibility:hidden;
  /* display:none;TODO Investigate SE Impact, should this be z-index -1? */
}
.clearer, .clear {
 clear:both;
}

/* GENERAL READABILTY AND CONSISTANCY */

img {
 border: 0;
}

td {
 vertical-align:top;
}

li {margin-top:1em}

.smo_defaultNav{
display:none;
}

.links{
 margin:0;
 padding:0;


}
.links *{
 line-height:26px;
 margin:0;
 padding:0;
 font-size:20px;
}
.links li{
 list-style:none;
 height:auto;
 width:220px;
}
.links li.listBreaker{
 height:20px;
 font-size:1px;
 line-height:1px;
}
.links a:focus,.links a:focus:visited{ /* for better display with key nav in mozilla */
 background-color: rgb(191,228,255);
}
.links a, .links a:visited{
 text-align:center;
 color:black;
 display:block;
 text-decoration:none;
 background-color:white;
 width:216px;
 border:1px solid black;
 margin-left:3px;
 margin-top:1px;
}
.links a:hover{
 color:red;
 border:1px solid black;
}

#smo_externalLinks {
 margin-top:2em
}

a, a:visited {
 color: yellow;
}
a:hover {
 color: red;
}

a.help {
 font-family:Verdana,Arial,san-serif;
 font-size-adjust:.55;
 font-size:.8em;
 text-decoration:none;
 color:rgb(90,0,0);
 padding:.1em;
 border:1px solid rgb(90,0,0);
 margin-top:1px;
 margin-left: 1em;
 background-color:yellow;
 display:inline
}
a.help:hover{
 color:rgb(0,51,90);
 border:1px solid rgb(0,51,90);
}

#logo {
 position:relative;
}
#logo img {
 position:absolute;
 bottom:0;
 max-height:60px;

}



#smoBookMark {
 font-size:10px;
 margin-top:1px;
}

#featuredArticles {
 margin:6px;
}
#featuredArticles h2 {
 font-size:1.6em;
 text-align:center;
 color: gold;
 font-weight: bold;
 margin:5px 5px;
 padding:0;
 border:0 !important
}



#pix #featuredArticles {
 width:98%;
}

.smoStandardArticleDisplay {
 border:2px solid rgb(200,200,205);
 margin:14px 0;
 padding:4px;
 background-color:black;
 clear:both;
 min-height: 88px;
}
.smoStandardArticleDisplay:hover {

 background-color:rgb(30,30,25);

}

.smoStandardArticleDisplay h4{
 border:none;
 font-size:1.3em;
 text-align:center;
color: orange
}
.smoStandardArticleDisplay p  {
 padding:0;
 margin:0;
font-size: 1.2em;
 line-height:1.2em;
 text-align:left !important;
 padding:.2em;
  max-width:95%;
}
.smoStandardArticleDisplay .standardArticleDate, .smoStandardArticleDisplay .standardArticleByline{
 display:block;
 font-size:.8em;
 font-style:italic;
 color: orange
}
.smoStandardArticleDisplay p a {

 text-decoration:none;
 color: yellow;
}
.smoStandardArticleDisplay p a:hover {
 color: red;
}

.smoStandardArticleDisplay .standardArticleByline{
 clear:both;
}
.smoStandardArticleDisplay p a b,.smoStandardArticleDisplay p a:visited b{
 font-size:1.1em;
 color: orange;
}

.smoStandardArticleDisplay a:hover {
 color: red;
}
.smoStandardArticleDisplay img{
 float:right;
 margin:3px;
 padding:0
}
.standardArticleByline a {
 color: yellow !important;
 padding:0;
 display:block
}
.smoArticleByline h4{
  margin:0 !important;
  padding:0 !important;
  color: orange;
  font-size: 1.1em !important

}

.smoArticleByline p{
  margin:0;
  padding:0;
  margin-bottom: 1.5em;
  font-size: 0.8em;
  color:gray

}

.SMO_FEATUREDMEMBERs {
  margin-left:0;
  padding-left: 0.2em
}
.SMO_FEATUREDMEMBERs li{
  margin-left:0;
  padding-left: 0.2em
}

.SMO_FEATUREDMEMBERs *{
  list-style:none;
  text-decoration:none
}

h4.bannerTime{
 border:none;
}


.smoBottomLinksList {
 list-style:none;
 margin:0;
 padding:16px;
 border:1px solid gray;
 clear:both;
 width: 90%;

}
.smoBottomLinksList a {
 text-decoration:none;
 padding: 0 !important
}
.smoBottomLinksList li {
 text-indent:0;
 padding-left:0;

}

.smoBottomLinksList li .note, .smoBottomLinksList li i{
  padding: 0
}

.areaExplain {
 margin-top:0;
}

.topiclist{
 list-style:none;
 padding-left:1em;
 margin-left:0;
}
.topiclist li{
 line-height:1.2em;
}
.topiclist a{
 text-decoration:none;
}

.frontPhotoDiv {
 text-align:left;
 padding-bottom:1em;
 margin-bottom:.8em;
 border-bottom:3px double rgb(0,51,90);
}
.frontPhotoDiv .frontCutline{
 display:block;
 text-align:justify;
}
.frontPhotoDiv a{
 text-decoration: none;
}
.frontPhotoDiv .fromLine {
 display:block;
 font-size:0.8em;
 margin-top: 8px;
}

.fromLine{
  font-size: 1em !important;
  font-weight:bold;
}

.fromLine a {
  color:green !important;
}

.frontPixPostedLine {
 font-size:0.8em;
}
.frontPhotoDiv .frontPicByline {
 display:block;
 font-size:0.8em;
}

#pix div.frontPhotoDiv:last-child{
 border:none;
}


h3.searchT{
font-size: 1.6em;
text-decoration:none;
}
h3.searchT a{
 text-decoration:none;
 color:green
}
.searchResultsDiv{
 clear:both;
 padding: 1em;
 border-top:2px solid rgb(0,120,120);
}
#body .searchResultsDiv .thumb img{
 max-width:100px;
 max-height: 67px;

}


.searchP{
 font-size:1.3em;
 margin:0;
 padding:0;
 padding-right:.5em;
}
.searchResultsDiv a {
 text-decoration:none;
}

.searchP .searchKeywords {
 display:block;
 color:black;
 font-style:italic;
 font-size:.8em;
}
.searchPostedLine {
 display:block;
}

.webonizerSearchArticleBigPic {
  float:right;
  margin-left: 0.5em

}
.webonizerSearchArticleBigPic img {
  max-height: 200px;
  max-width: 200px
}
.articlePicturesMedium {
 text-align:left;
 margin-bottom:.8em;
 border-bottom:3px double rgb(0,51,90);
}
.articlePicturesMedium p.photocutline{
 display:block;
 margin:.4em;
 text-align:center;
}
.articlePicturesMedium a{
 text-decoration: none;
}
.articlePicturesMedium .pixClickToEnlarge{
 display:block;
 width:198px;
 text-align:center;
 font-family:Verdana,Arial,san-serif;
 font-size-adjust:.55;
 font-size:.8em;
 background-color: yellow;
 border: 1px solid black;

}
.articlePicturesMedium img.pic{
 display:block;
}

#body .mediaBox img {
 max-width:100px;
}

#loginForm input{
 margin-bottom:.2em;
 width:11em;
}
#loginForm label{
 width:6em;
 text-align:right;
 display:block;
 float:left;
 margin-right:.5em;
 padding-top:.2em;
}
#loginForm label.inline{
 float:none;
 display:inline;
}
#loginForm .securityNotice{
 width:10em;
}
#loginForm #smoRememberMe,#loginForm .btn {
 width:auto;
}

#eventForm #eventAddressFields select{
  width: 11em
}
#eventSearchCOUNTRY {
 width: 11em
}
#eventForm label {
  width:10em;
  text-align:right;
  float: left;
  margin-right:.5em;
  padding-top:.2em;
}
#eventForm .weekdays,#eventForm .weekdays td{
  font-size: .8em;
  border: thin solid blue;
  text-align:center;

}

#eventForm .weekdays label {
  width: 2em !important;
  float:none !important;
  text-align:center  !important;

}

#eventForm .weekdays input {
  width: 2em !important;
  float:none !important;
  text-align:center  !important;
}

/* Classes used by JS */
.menuHide{
 display:none;
}
.menuShow{
 display:block;
}

.check {
 width:3em;
 text-align:left
}

#content .smoArticleEditBox {
  float:left;
  padding: .5em;
  margin-right: .5em;
  border: 1px solid blue
}



input.terms {
  width: 20px !important;
  margin:0 !important;
  padding: 0 !important;
  text-align:left;

}


.adminFlags input{
 width:3em !important;
}
.adminFlags table {
 font-size:0.8em;
 border-collapse:collapse;
 margin:.2em auto;
}
.adminFlags td {
 text-align:center;
 border:1px solid black;
}
.adminRestrictions{
 background-color:red !important;
}
#pix .adminFlags input{
 width:2em !important;
}
#pix .adminFlags table {
 font-size:0.6em;
 border-collapse:collapse;
 margin:.2em auto;
}

#pageContentFields label {
 font-weight:bold
}

.deleteWarning{
 font-weight:bold;
 color:red;
 margin-top:5em;
}

#smoArticleSeriesDiv {
   margin-top: 1em;
   width: 400px;
   margin-left:auto;
   margin-right:auto;
text-align: center;
  border: 1px dotted gray;
  min-height: 60px;
  margin-bottom: 1em;
  padding: 1em;


}
#smoArticleSeriesDiv h4 {

  font-weight: bold;
  text-decoration: underline;
  color: green;

}

#pix .seriesListing ul {
 margin:0;
 padding:0;
 list-style:none;
}

#pix .seriesListing a {
 text-decoration:none;
}

#body div.seriesListing
{
 margin:0;
 padding:0;
width:90%;
  text-align:center;
}

#body .seriesListing ul
{
 margin:0;
 padding:0;
 list-style:none;
 padding:0;
 margin:0;
text-align:center;
font-family: courier

}

#body .seriesListing a {
 text-decoration:none;
}

#body .seriesListing li {
 display:inline;
 margin-right:1em;
 margin-left:1em;
}


.controlPanel{
 clear:both
}

.controlPanel * {
  list-style:none
}

.controlPanel ul a{
  text-decoration:none
}

.controlPanel h4 {
background-color: orange; color: white; font-weight: bold
}

.flrt {
  float:right
  }

.fllt {
  float:left
  }

.cent {
  text-align:center;
  margin:auto
  }

.smoPaginationList{
 display: block;
 width: 100% !important;
 overflow: auto;
 padding:0;
 min-height: 40px

}
.smoPaginationList li{
 display:inline;
 padding-right:.6em;
 margin-left:0;

}

#directorySearch select{
  width: 200px
}
#directorySearch td{
  border: 1px solid black
}

#body .showsContainer {
 margin:0;
 padding:0.2em;
 line-height: 1em;
 width: 182px;
 background-color: rgb(128,201,255);
}

#body .showsContainer {
 width: 182px;
}

#pic .showsContainer {
 width: 98%;
}

.showsContainer h3 {
  background-color:white;
  color: green;
  border:none;
  padding-top: .5em;
  padding-bottom: .5em;
  text-align:center
}

.smoEventContainer {
  margin: 0;
  padding: 0.4em;
  width: auto !important;
  border: 1px solid green;
  background-color: white

}
.smoEventContainer p {
  margin:0;
  padding:0.3em;
  width: auto !important
}

.eventDescription a {
  text-decoration:none
}

.eventDetails p{
  margin:0
}

.note {
  color: rgb(60,60,90);
  font-weight:bold
}

.time {
  font-size: 1em;
  font-family:monospace
}

.sound {
  z-index:1
}

table.thecalendar {
  border:solid 1px;
}

table.thecalendar td {
 border:solid 1px gray !important;
 width: 50px !important;
 height:50px !important
}

.calendarDate {
  display:block;
  float:right;
  margin:0;
  background-color: black;
  color: white;
  text-align:right;
  padding-right: 0.2em;
  clear:both;
  width: 25%
}

.today {
  background-color: yellow
}

.black {
  text-decoration:none!important;
  color: black !important
}

.frontCell {
  padding-right: .9em
}

.frontCell ul{
  text-align:left
}

.flrt object, .flrt img {
  margin-left: 1em !important
}

.fllt object, .fllt img {
  margin-right: 1em !important
}

#mUsers label {
  display:block
}


.guestbookEntry {
  border-bottom: 2px solid red !important;
  background-color:white;
  padding: 1em
}


.gbCommentDiv {
  text-align:justify;
  margin-top: 1.5em;
  margin-bottom:0;
  border-top: 4px solid red !important;
  padding: 1em;
  line-height: 1.8em;

}

.guestbookCommentDiv h4 {

  font-size: 1.1em;
border: 1px dashed gray;
 padding: 1em

}
.gbCommentDiv .flrt{
  position:relative;
  top: -26px;
right:0;

}
.guestbookCommentDiv h5{
  text-align:center;
  color:green;
  font-size: 1.6em
}
.guestbookCommentDiv .smoPaginationList{
  text-align:center;
  margin-left:0
}

.guestbookLinks {
  margin-top: 1.5em;
  float:right;
  padding-left:1em
}
p.guest {
  padding-top:0
}

p.guest br{
  display:block
}

#guestbook label {
  float:left;
  width: 80px;
  font-size: 0.8em
}

#guestbook textarea {
  width: 300px
}

.securityCode *{
  float:left
}

.photocutline {
  display:block
}

#articleSearchForm label {
  width: 90px;
  clear:both;
}
#articleSearchForm label, #articleSearchForm input{
 display:block;
 float:left;
}

.searchFlags {
  clear:none !important;
  text-align:right
}

#body .fllt, #body .flrt{
  margin: 0.4em
}


.displayContent {
  display:block;
}

.frontPageStatistics {
  width: 90%;
  border: 1px solid red
}

.frontPageStatistics caption {
  background-color: yellow;
  text-align:center;
  font-weight: bold;
  font-size: 1.1em;
  color: black
}


#FieldSetFile_Editor label {
  display:block
}

#FieldSetFile_Editor textarea {
  width:99% !important
}

.smoStandardArticleDisplay img {
max-width:75px !important
}
.downloadsBox {
  border: 2px solid blue;
  padding: 1em;
  font-size: 1.3em
}


.codeBox {
  white-space:nowrap;
  width: 95%;
min-height: 50px;
  overflow:auto;
  border: 1px dotted gray;
  background-color: rgb(240,240,255)
}

.codeExample {
  color: green
}

.codeBox code {
display:block
}

.youtube {
  margin-left:auto;
  margin-right:auto;
  text-align:center
}


.eventDetails {
  float:left
}

.eventMap{
  float:right
}

.smoEventContainer img{
  float:left;
  margin-right: 4px
}

#webonizerEventsComments {
  clear:both
}

#mailPost label{
  display:block !important;
  float:left !important;
  width: 100px !important;
  text-align:left;
  clear:both !important;
  font-weight: bold
}

#mailPost input {
  float:none !important;
  width: 320px
}

#mailPost label, #mailPost textarea {
  clear:both !important
}

#mailPost textarea {
  width: 100%
}

#maillLetterLabel {
  font-size: 1.2em
}

#antispamNotice .checkbox {
  clear:both;
  width: 25px !important;
  float:left !important
}

.termsInfo .btn {
  clear:both;
  font-weight:bold;
  margin-top: 40px;
  font-size: 2em;
}

dt {
  background-color: rgb(190,190,220);
  font-weight:bold;
  font-size: 1.2em
}

#myTopicsBox {
  background-color: white;
  padding: 4px;
  border: 1px solid gray
}

#wbnGBNewsletterSignup {
  clear: both;
  font-size: 1.3em;
}


#antispamNotice {
  clear: both;
  margin-top: 1em;
  padding:0;
}

#mailPost .securityNotice {
  white-space: nowrap;
  width: 150px !important;

}
#mailPost #artisticTest {
  width: 200px
}

#wbnGBNewsletterSignup label, #wbnMailNewsletterSignup label, #wbnGBNewsletterSignup label #antiSpamNotice  label{

  width: 200px !important;
  display: block !important;
  float: right !important;
  text-align: left !important;
  margin-right: 250px;
  font-weight: bold;
  color: navy;

}

#guestbook .terms label{

  width: 200px !important;
  display: block !important;
  float: right !important;
  text-align: left !important;
  margin-right: 76px;
  font-weight: bold;
  color: navy;

}
#guestbook .btn {
  font-weight: bold;
  margin: 10px !important;
  clear:both;

}
#wbnMailNewsletterSignup input, #wbnGBNewsletterSignup input, #antispamNotice input, #wbnGBNewsletterSignup input, div.terms input{
  float:left !important;
  width: 25px !important;
  height: 20px;
  margin: 0 !important;
  padding: 0 !important;
}

#guestbook .terms label {
  width: 400px !important;
  font-weight: bold;

}

#guestbook .btn {
  clear: both !important;
  margin-top: 50px;
  font-size: 2em;
  margin-bottom: 20px;
margin-left: 0;




}

.webonizercalendar{

  text-align:center;
  margin-left:auto;
  margin-right:auto;
  border: 2px solid green;
  margin-bottom: 20px;
  margin-top: 15px;
}

.calendarCell{
  width: 65px !important;
  height: 65px;
  border: 1px solid gray;
  padding: 2px;
}

 .showbreak br {
  display:block !important
}


#webonizerArticleEditbody1Label {
  width: 100% !important;
  text-align: left !important;
  font-size: 1.5em;
  color: blue !important

}

#articleAgreeTermsDiv label {
  width: 340px !important
}

#articlePostButtons {
  clear:both;
margin-top: 10px !important;

}

#articlePostButtons input {
  width: 50% !important;
  margin: 1.5em 0 !important;
  font-size: 1.5em;
}

#articleHelpLink p{
  clear:both;
  margin:0;
  border: 1px solid yellow;
  padding: 1em;
}

/* Navigation Menu! */

#atp_menu, #atp_menu * {
vertical-align: top !important /* Required to remove unwanted spaces in dropdowns in IE */
}

#atp_menu, #smo_defaultNav {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 100%;
	z-index:19;
	position:relative;
	overflow:visible;
	font-size: 16px;
	line-height: normal;
}
#atp_menu *, #smo_defaultNav * {
  text-align: center !important;
  margin:0;
  padding:0
}
#atp_menu + *, #smo_defaultNav + *{
	clear: left;

}

#atp_menu ul, #smo_defaultNav ul {
	padding: 0;
	margin:0;
	list-style: none;
	z-index:20;
	position:relative;
	overflow:visible;
}

#atp_menu > li ul, #smo_defaultNav > li ul{
	font-size: 1em;
}
#atp_menu li, #smo_defaultNav li { /* Appearance settings (eye candy) */
	position: relative;
	background: black;
	color: yellow;
	border: solid 1px #AAA;
	overflow: visible;
	width: 160px;
text-align: center !important
}
#atp_menu ul ul, #smo_defaultNav ul ul {
	width: 160px;
	margin:0;
}
#atp_menu > li, #smo_defaultNav > li {
	margin: 0;
	float: left;
	text-align: center;
	height: 1.4em;
	min-width: 160px
}

#atp_menu li li, #smo_defaultNav li li {
  height: auto
}
#atp_menu a, #smo_defaultNav a, #atp_menu a:visited, #smo_defaultNav a:visited {
	text-decoration: none;
    padding: 0;
	line-height: normal;
	background: transparent;
	color: yellow;
	overflow: hidden;
	white-space: nowrap
}
#atp_menu li li a, #smo_defaultNav li li a {
	line-height: normal;
	padding: 0;
	white-space: normal
}

#atp_menu ul, #atp_menu li, #atp_menu a, #smo_defaultNav ul, #smo_defaultNav li{
	display: block;
}


#atp_menu ul, #smo_defaultNav ul{
	visibility: hidden;

}
#atp_menu a:hover, #smo_defaultNav a:hover {

	color: black
}


/* (sub-)submenus */
#atp_menu ul ul, #atp_menu ul ul ul, #smo_defaultNav ul ul, #smo_defaultNav ul ul ul{
	position:absolute;
	top: 0;
	left: 163px;
	visibility: hidden;

}

/* Shadow! */

#atp_menu li:hover, #smo_defaultNav li:hover {

	background: yellow;
	color: black;
}
#atp_menu > li ul, #smo_defaultNav > li ul {
	background: red;
}
#atp_menu > li > ul, #smo_defaultNav > li > ul {
	margin: -1px;  /* This is to make the width equal to parent li width. */
	position: relative;
	top:  8px;
	left: 4px;
	min-width: 160px;
	height: auto;
}


#atp_menu > li ul li, #smo_defaultNav > li ul li {
	position: relative;
	top:  -4px;
	left: -4px;

}


/* end shadow */


/* Enlarger */
/* #atp_menu > li {width: 8em;} */ /* popping disappears if we use a fixed-width */
#atp_menu > li:hover, #smo_defaultNav > li:hover {
	margin: -0.2em;
	padding: 0.2em;
	z-index: 2;  /* Opera does not seem to respect this. */
}
#atp_menu > li:hover > a, #smo_defaultNav > li:hover > a {
	margin: -0.2em;
	padding: 0.2em 0.7em;
        color: black !important;
}
/* end enlarger */


/* Interactive lines: show/hide menus */
#atp_menu li:hover ul ul, #atp_menu li:hover ul ul ul, #smo_defaultNav li:hover ul ul, #smo_defaultNav li:hover ul ul ul{
	visibility: hidden;
}

#atp_menu li:hover ul, #atp_menu ul li:hover ul, #atp_menu ul ul li:hover ul, #smo_defaultNav li:hover ul, #smo_defaultNav ul li:hover ul, #atp_menu ul ul li:hover ul{
	visibility: visible;
}


#atp_menu > li li, #atp_menu > li a, #smo_defaultNav > li li, #smo_defaultNav > li a {
  width: 100%;

}


p strong, p em, p span{
  padding:0 !important;
}