/*  
Theme Name: TokyoSunrise
Theme URI: http://www.wpthemes.co.za
Description: 3 Column layout for a business type blog.
Version: 1.0
Author: Christine
Author URI: http://www.tm4y.co.za/
Tags: 3 columns, fixed width, white, yellow, adsense ready, widgets
*/


#wrap
 {
   width:779px;
   color:#383E47;
   margin:0 auto;
   background : #ffffff;

 }

#header
  {
    background:url(images/header.gif) no-repeat left top;
    height:170px;
    width:779px;
    position:relative;
    color:#000;
    float:left;
    padding:0;
   }

#header h1
  {
    margin-left :  20px;
    margin-top  : 25px;
    color : #383E47;
    font-family: Tahoma, sans-serif;
    font-size : 30px;
    font-weight : normal;
    padding:0;
    margin-bottom : 0px;
    width : 500px;
    float : left;
  }
  
#header h1 a, #header h1 a:link, #header h1 a:active, #header h1 a:visited
{
  color : #383E47;
  font-weight : normal;
}

#header h1 a:hover
{
  color : #666666;
  font-weight : normal;
}

#header h2
  {
    margin-left :  20px;
    margin-top : 0px;
    color : #000000;
    font-size : 14px;
    font-style : italic;
    font-weight : normal;
    padding:0;
    width : 500px;
    float : left;
  }

#searchbutton
  {
    background:#FFCA10;
    color:#383E47;
    font-size:13px;
    border : 1px solid #FD950B;
   }
#searchform
  {
    border : none;
  }

#menu
{
  height : 30px;
  float : left;
  clear: both;
  width : 779px;
  background-color : #000000;
}

#menu ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	background-color: #000000;
 	text-decoration: none;
	font-size: 13px;
	color: #ffffff;
	border-right : 2px solid white;
	font-weight : bold;
	padding: 5px 20px 0px 20px;
	height : 25px;
}

#menu a:hover {
  background-color : #7AD2F7;

}

#menu .active a {
}


.left
  {
    float:left;
    width:150px;
    margin:10px 0px 5px 10px;
    color: #000000;
   }
   
.left a{
color: #333333;
text-decoration: none;

}
.left a:hover{
color: ##333333;
text-decoration: underline;

}
.right a{
color: #333333;
text-decoration: none;

}
.right a:hover{
color: ##333333;
text-decoration: underline;

}


.right
  {
    float:right;
    width:210px;
    margin:10px 0px 5px 10px;
   }
.right img
  {
     border:0;
     display:block;
     margin-left:auto;
     margin-right:auto;
   }
.middle
  {
    margin-top:5px;
    line-height:16px;
    margin-left:10px;
    float:left;
    width: 380px;
    overflow:hidden;
   }
   
.middle h2
  {
    font-family : verdana, arial, helvetica, sans-serif;
    font-size:16px;
    margin:0 7px 0px 0;
    padding-bottom : 20px;
    background:url(images/heading.gif) repeat-x bottom left;
    width : 100%;
  }
.middle img
  {
    border:4px #eee solid;
   }

#adpos1
/*For the adsense position at the top - Banner 468x60 */
{
  width : 480px;
  float : left;
  margin : 0;
  padding : 0;
  margin-bottom : 10px;
}

#adpos1 img {
 border : 0;
}

#adblocks
{
  background: #F3F3F3;
  width : 350px;
  height : 310px;
  float : right;
  margin-right : 10px;
  margin-top : 10px;
}

.adpos125
{
  margin-top : 20px;
  width : 125px;
  height : 125px;
  display : block;
  padding-right : 25px;
  float : right;
}

#newsbox {
  width : 480px;
  min-height : 200px;
  background-color : #f3f3f3;
  border-top : 3px solid #7AD2F7;
  border-bottom : 3px solid #000000;
  display : block;
  overflow : hidden;
  margin-bottom : 10px;
  clear : both;
}

#newsbox h2
  {
    font-size:13px;
    margin:0 7px 0px 0;
    padding:3px 0;
    border : 0;
   }
   
#newsbox p
{
  margin-top : 0px;
}


.newsitem
{
  margin-top : 5px;
  float : left;
  clear : both;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-left : 10px;
  padding-right : 10px;
  border-bottom : 1px solid #bcbcbc;
}

blockquote
{
  border-left : 1px solid #FEA109;
  padding-left : 10px;
}

.postmetadata
{
  padding-top : 0px;
  margin-top : 0px;
}

img.wp-smiley
  {
    border:0;
    padding:0;
   }

div.footerbr
{
  clear : both;
  background:#ffffff;
  height : 20px;
}
#footer
  {
    width:779px;
    clear:both;
    height : 60px;
    text-align : center;
    padding-top : 3px;
   }
#footertext a
{
  font-weight : normal;
}

#footertext
{
  float : right;
  width : 250px;
  padding-right : 3px;
  margin-top : 5px;
  font-size : 10px;
  text-align : right;
}
   
div.hr
  {
    height:3px;
    background:#fff url(images/hr.gif) repeat-x scroll center;
    clear:both;
  }
div.br
  {
    height:10px;
    background:#fff url(images/br.gif) repeat-x scroll center;
    clear:both;
   }
.alignright
  {
    float:right;
    margin-left : 5px;
  }
.alignleft
  {
   float:left;
   margin-right : 5px;
  }
.gcomment
  {
    border-left:none;
    vertical-align:middle;
    border-right:none;
    margin-bottom:3px;
    border-bottom:1px solid #f3f3f3;
    background-color:#F7F7F7;
    padding:3px;
   }
.ucomment
  {
    border-left:none;
    border-right:none;
    margin-bottom:3px;
    border-bottom:1px solid #f3f3f3;
    background-color:#E7F7FD;
    padding:3px;
   }
input#submit
  {
    background:#fff url(images/submit.gif) repeat-x center;
    height : 35px;
    font-weight : bold;
    border : none;
   }
ol.commentlist
  {
     margin:0 0 1px;
     padding:0;
  }
ol.commentlist li
  {
    list-style:none;
    margin:0;
    padding:13px 13px 1px;
  }
ol.commentlist li.commenthead
  {
    list-style:none;
    margin:0;
  }
ol.commentlist li.commenthead h2
  {
    margin:0;
  }
span
  {
    background:#FFC;
  }
.addthis
  {
    float:right;
    clear:both;
   }


  
.comments h3
  {
    font-size:14px;
    border-bottom:dashed 1px #ccc;
    margin:0 7px 3px;
    padding:3px 0;
  }
.left ul,.right ul
  {
    list-style-type:none;
    margin:0;
    padding:0px;
    line-height:150%;
    font-size:11px;

   }
.left ul li,.right ul li
  {
   list-style-type:none;
   margin:0 0 20px;
   padding:0;

  }
.left ul li h2, .right ul li h2
{
  background:transparent url(images/button.gif) no-repeat 0 0px;
  font-family : verdana, arial, helvetica, sans-serif;
  font-weight : bold;
  font-size   : 14px;
  font-style  : normal;
  width : 150px;
  display : block;
  height : 50px;
  text-align : center;
  margin : 0px;
  padding-top : 10px;
}
  
.left ul li ul,.right ul li ul
  {
    list-style-type:none;
    margin:0;
    padding:0 3px;
    margin-top : -10px;
  }
  
.left ul li ul li ul,.right ul li ul li ul
  {
    margin-top : 2px;

  }
.left ul li ul li,.right ul li ul li
  {
    list-style-type:none;
    background:transparent url(images/bullet.gif) no-repeat 0 4px;
    border:0;
    margin:0;
    padding:0 0 2px 14px;
    }

.comments h3
  {
    font-size:14px;
    border-bottom:dashed 1px #ccc;
    margin:0 7px 3px;
    padding:3px 0;
  }
.comments h3
  {
    margin-left : 10px;
  }
#commentform
  {
    margin-left : 10px;
  }

  
.right ul,.right ul
  {
    list-style-type:none;
    margin:0;
    padding:0;
    line-height:150%;
    font-size:11px;
   }
.right ul li,.right ul li
  {
    list-style-type:none;
    margin:0 0 20px;
    padding:0;
  }
.right ul li ul,.right ul li ul
  {
    list-style-type:square;
    margin:0;
    padding:0 3px;
  }
.right ul li ul li,.right ul li ul li
  {
    list-style-type:none;
    background:transparent url(images/bullet.gif) no-repeat 0 4px;
    border:0;
    margin:0;
    padding:0 0 2px 14px;
   }
.right ul li ul li :hover
  {
    border-bottom:#ccc 1px solid;
  }
div.hr hr,div.br br
  {
    display:none;
  }
.middle2,.middle3
  {
    margin-top:10px;
    line-height:16px;
    margin-left:10px;
    float:left;
    width:237px;
    border:3px solid #f3f3f3;
    overflow:hidden;
    padding:10px;
   }
.middle2 h2,.middle3 h2
  {
    font-size:14px;
    border-bottom:dashed 1px #ccc;
    margin:0 7px 3px 0;
    padding:3px 0;
   }
.middle2 :hover,.middle3 :hover
  {
    background:#fafafa;
  }
.ucomment img,.addthis img
  {
    border:0;
  }

img.avatar
 {
  float:left;
  margin-right:5px;
 }
.postmetadata
{

}
.title-blog
{
font-family : verdana, arial, helvetica, sans-serif;
  font-weight : bold;
  font-size   : 18px;
  text-decoration: none;
  color: #333333;
}
.title-blog:hover
{
font-family : verdana, arial, helvetica, sans-serif;
  font-weight : bold;
  font-size   : 18px;
  text-decoration: underline;
  color: #333333;
}