* {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  color: #000;
}

img {
border: 0;
}



caption {
display: none;
}

table {
border-collapse: collapse;
}

ul {
list-style: none;
}

.clear {
clear: both;
}

.clearNone {
clear: none;
}

.displayInline {
display: inline;
}

.error {
color: red;
}

#box {
text-align: left;
}


.htmlarea-content-body {
text-align: left;
padding: 10px;  
background: none;
}

form .text {
border-color: #000;
}

form .button {
padding: 0 5px 0 5px;
border-color: #000;
background-color: #fff;
color: #000;
}

#mainContent a:hover { border-bottom:none; }

#mainContent div.title {
margin: 20px 0;  
}

#mainContent .item {
  width: 470px;
}

#mainContent .single {
  width: 470px;
}

#mainContent .item .itemTop div,
#mainContent .single .itemTop div,
#mainContent .commentTopNav div{
  float: left;
  padding: 0 5px 0 5px;
}

#mainContent .commentTopNav div p,
#mainContent .item .itemTop div a,
#mainContent .single .itemTop div a{
}

#mainContent .item .itemTop div.categories,
#mainContent .single .itemTop div.categories,
#mainContent .commentTopNav div.author{
  padding-left: 0;
  border-right: 1px #FFFFFF solid;
  float: left;
}

#mainContent .item .itemBody,
#mainContent .single .itemBody,
#mainContent .commentBody {
clear: both;
}

#mainContent .item .itemNav,
#mainContent .single .itemNav {
  margin-top: 5px;
  margin-bottom: 30px;
  border-bottom: 1px #a4a59f dotted;
}

#mainContent .commentBody h5 {
  padding: 5px 0 3px 0;
}

#mainContent .commentBody h5 a{
color:  #000;
}

#mainContent .item .itemNav span,
#mainContent .single .itemNav span{
  float: left;
  color: #000;
  padding: 0 5px;
  border-left: 1px #a4a59f dotted;
}

#mainContent .item .itemNav span.author,
#mainContent .single .itemNav span.author{
  padding: 0 5px 0 0;
  border-left: none;
}

#mainContent div.author span.author{
  display:block;
}

#mainContent .item .itemNav span.comments a,
#mainContent .single .itemNav span.comments a{
  color: #000;
  display: block;
  padding-left: 15px;
  background:  url(../images/blog/comment_icon.png) no-repeat 0 50%;
}

#mainContent .item .itemNav span.permalink a,
#mainContent .single .itemNav span.permalink a{
  color: #000;
  display: block;
  padding-left: 15px;
  background:  url(../images/blog/perma_icon.png) no-repeat 0 50%;
}

#mainContent .item .itemNav span.blogtipafriendlink a,
#mainContent .single .itemNav span.blogtipafriendlink a{
  color: #000;
  display: block;
  padding-left: 15px;
  background:  url(../images/blog/forward_icon.png) no-repeat 0 50%;
}

#mainContent #commentList,
#mainContent #trackbackList {
  margin-top: 30px;
  width: 470px;
  background-image: url(../images/tab.png);
  background-repeat: no-repeat;
}

#mainContent .commentListListing,
#mainContent .trackbackListListing {
  width: 470px;
  padding: 20px 0 0 0;
}

#mainContent .commentListListing div.item,
#mainContent .trackbackListListing div.item {
  padding: 10px;
  width: 450px;
}

#mainContent #commentListTitle,
#mainContent #trackbackListTitle  {
  color: #000;
  height: 13px;
  width: 470px;
}

#mainContent #commentListTitle  li.middle, 
#mainContent #trackbackListTitle li.middle{
  margin-left: 1px;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  z-index: 100;
  position: relative;
  top: 0 !important;
  top: 7px;
}

#mainContent #commentListTitle  li.start,
#mainContent #trackbackListTitle li.start {
  position: relative;
  top: 0 !important;
  top: 7px;
  width: 7px;
  margin-left: 20px;
  margin-bottom: 0 !important;
  padding: 0;
}

#mainContent #commentListTitle  li.end,
#mainContent #trackbackListTitle li.end{
  width: 7px;
  margin-left: 1px;
  position: relative;
  top: 0 !important;
  top: 7px;
}

#mainContent #commentListTitle  li,
#mainContent #trackbackListTitle li{
  float: left;
}


#mainContent .editComment a{
  margin: -7px 0;
  background-color:#EDEAE5;
  border: 1px solid #A5A49F;
  color: #000;
  font-size: 13px;
  float: right;

}


#mainContent .commentFooter {
  padding: 3px 0 0 0;
  color: #000;
}

#mainContent .t3blog_img {
  border: 1px #d6d6d6 solid;
  padding: 5px;
  margin-top: 18px;
}

#mainContent p.bodytext a {
  background: url(../images/blog/link_arrow.png) no-repeat 100% 50%;
  padding: 0px 10px 0px 0px;
  font-size: 12px;
}

#sidebar2 h3, #sidebar h3 a  {
  font-size: 14px;
  color: #000;
  font-weight: normal;
  padding: 0px 0px 10px 0px;
  margin: 0;
}

#footer {
  position: relative;
  border-top: 1px #000 dotted;
}

.typo3-adminPanel {
  text-align: left;
}

/*************************************************
Content
*************************************************/

input.button {
  background-color:transparent !important;
  color:#000 !important;
  border:1px #FFFFFF solid !important;
  left:0px;
  margin-left:0px !important;
  margin-top:10px !important;
  font-weight:normal !important;
  font-size:11px !important;
}

/* FormElements */
.formElement {
  padding: 0px;
}

.formElement label {
  width: 80px !important;
  width: 120px;
  padding: 0px;
  padding-left:10px;
  background: url(../images/blog/min_arrow_down.gif) no-repeat 0 50%;
  display:block;
  color: #000;
  font-weight:normal;
  font-size:9px;
}


.formElement .requiredElement {
  left: 26px !important;
  left: 6px;
  color: #000;
}

/* Form defaultInputs */
.inputText input,
.textarea textarea,
.textElement input,
.textElement textarea {
  width: 396px !important;
  width: 400px;
}

.textElement select,
.select select {
  width: 400px;
}

.formElement .left,
#mainContent .formElement .left {
  width: 124px !important;
  width: 130px;
  padding: 0 0 0 13px;
  font-weight: normal;
}


.formElement .right {
  width: 284px;
}

div#latestPosts, div#categories, div#archive, div#latestComments, div#socialBookmarks, div.rss{
  width: 220px;
  padding: 15px;
  margin-bottom: 20px;
  background: #fff;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow:inset 1px 1px 3px #666;
  -webkit-box-shadow:inset 1px 1px 3px #666;
  box-shadow:inset 1px 1px 3px #666;
  opacity:0.9;
  /* background-image: url(../images/contentBG.png);
  background-repeat: repeat; */
}

div#latestPosts a, div#categories a, div#archive a, div#latestComments a, div.rss {
  background: url(../images/blog/link_arrow.png) no-repeat 100% 50%;
  padding: 0px 10px 0px 0px;
  font-size: 12px;
}

#categories ul, #archive ul {
  border: none;
  margin-left: 10px;
  padding: 0px 10px;
}


#categories ul li a.iconbeforetext, #archive ul li a.toggle {
  background: none;
}

#categories .iconbeforetext  {
  padding-right: 2px;
}

#archive .postnum,
#categories .postnum {
  font-size: 9px;
  margin-left: 3px;
  color: #000;
}



/* ----------------------------
Calendar 
------------------------------*/

#calendar {
  font-size: 11px;
  width: 220px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}

#calendar table {
  width: 100%;
  color: #000;
}

#calendar td, 
#calendar th {
  text-align: center;
  vertical-align: middle;
}

#calendar td{
}

#calendar th {
}

#calendar th a{
  background: none;
}

#calendar th.navigation a{
  padding: 0;
  color: #000;
}


#calendar td.calendar {
  border: 1px dotted #525252;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  color: #000;
}
#calendar td.days {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  color: #000;
  font-size:9px;
}

#calendar td.last {
}

#calendar td.first {
}

#calendar td.lastrow {
}

#calendar table td.isBlogDay a{
  display: block;
  color: #000;
  font-weight:bold;
  background: none;
  padding: 0;
}

#calendar table td.calendarToday {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
}

/* ----------------------------
Comment + Trackback
------------------------------*/


#commentList .commentListListing .item {
padding: 10px 2px 15px;
}

#commentForm {
  position: absolute;
  top: 200px;
  left:300px;
  width: 400px !important;
  width: 400px;
  background-color: #fff;
}


.blogCommentMessage {
  margin: 10px 0;
  font-size:16px;
}

.commentError {
  padding: 5px 13px;
  background: #FFDDCC none repeat scroll 0%;
}

.commentError li {
  list-style-type: square;
  margin-left: 13px;
}

h6.commentError {
  background: #D46315 none repeat scroll 0%;
  color: #000;  
}
.commentFormStyle h3,
.commentFormStyle .closebutton {
  background-color: #f2f1ed;
}

.commentFormStyle h3 {
  padding-left: 20px;
}

#commentFormNonAjax textarea,
#commentFormNonAjax input,
#commentForm textarea,
#commentForm input {
  background-color: transparent;
  width: 470px !important;
  color: #000;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 1px #a5a49f dotted;
  border-right: 0px;
  height: 25px;
  font-size: 13px;
}

#commentFormNonAjax textarea {
  height: 140px;
}

#commentFormNonAjax  {
  width: 470px;
  margin-top: 20px;
}

#commentFormNonAjax .closebutton {
  display: none;
}

#commentFormNonAjax input.button {
  margin-right: 0 !important;
  margin-right: 0px;
  margin-left:90px;
  width: 100px !important;
  margin-bottom: 20px;
}


#commentForm .closebutton {
  position: relative;
  left: 370px;
  top: -20px;
  width: 12px;
  height: 12px;
}

#commentForm .closebutton img{
  margin: 1px 0 0 1px;
}

#archive a.toggle {
  background: none;
  padding-right: 2px;
}

/*-----------------------------------------------------
t3blog RSS
-----------------------------------------------------*/

div.rss_post a {
  margin-left: 2px;
}

div.rss_comment  {
  position: relative;
  top: -15px;
  margin-left: 90px;
}

div.rss img {
  position: relative;
  top: 1px;
}

/*-----------------------------------------------------
Single Navigation
------------------------------------------------------*/

div#singleNavigation {
  margin-top: 20px;
  position: relative;
}

div#singleNavigation .previous {
  float:left;
}

div#singleNavigation .next {
  right: 0;
}

div#singleNavigation .previous a{
  background: url(../images/blog/nav_arrow_prev.png) no-repeat left 50%;
  padding-left: 15px;
}

div#singleNavigation .next a{
  background: url(../images/blog/nav_arrow_next.png) no-repeat right 50%;
  padding-right: 15px;
}
div#singleNavigation .backtolist {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}


/*-----------------------------------
BlogList
-------------------------------------*/
.t3blog .pageBrowser li {
  float: left;
  padding-top: 3px;
  padding-right: 4px;
}


/*-----------------------------------
Tag Clouds
-------------------------------------*/

#tagcloud {
  width:210px;
  margin-bottom: 20px;
  padding: 15px 0px 15px 40px;
  overflow:visible;
  }
  
#tagcloud div.bubble span.CON a {
  font-weight:normal;
  text-decoration: none;
}
#tagcloud div.bubble span.CON a:hover {
  font-weight:normal;
  text-decoration: none;
  color:#FFFFFF;
}


#tagcloud div.bubble {
  background: url(../images/tagEND.png) no-repeat left 50%;
  float: left;
  height:40px !important;
  width:auto;
  margin: 0px;
  white-space: nowrap;
  overflow:visible;
}

#tagcloud div.CON {
  background: url(../images/tag.png) no-repeat right 50%;
  margin-left:3px;
  height:40px;
  width:auto;
  line-height:40px;
  padding:0px 15px 0px 3px;
}

#tagcloud div.CON:hover {
  background: url(../images/tagACT.png) no-repeat right 50%;
}



#sidebar1 h3 {
  color: #000;
  font-weight: normal;
}
UL.pageBrowser {
  padding-bottom: 15px;
}
UL.pageBrowser Li {
  font-size:9px;
  float:left;
  margin-right: 5px;
}
UL.pageBrowser Li.page {
  background-color:#FFFFFF;
  padding-left: 6px;
  padding-right: 6px;
}
UL.pageBrowser Li.page A {
  color:#000000;
}
UL.pageBrowser Li.page.cur {
  color: #ffffff;
  background-color:#000000 !important;
}
UL.pageBrowser Li.previous {
  display:none;
}
UL.pageBrowser Li.next {
  display:none;
}