/*
Theme Name: Agent Tim
Theme URI: http://www.agenttimonline.com
Version: 1.0
Description: Designed strictly for the use of Agent Tim Online.
Author: David Boskovic
Author URI: http://www.blog.seekingtreasure.org
*/

body
{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 9pt;
color: #000000;
padding:0;
margin:0;

background: #474747;
background-image: url(images/atocut2_14.png);
}


.bar {
  border-top: 4px solid white;
  border-bottom: 4px solid white;
background-image: url(images/atocut2_10.png);
height: 244px;
position: absolute;
width: 100%;
margin-top: 300px;
left:0;
}
.bar2 {
  border-top: 4px solid white;
  border-bottom: 4px solid white;
background-image: url(images/atocut2_10.png);
height: 244px;
position: absolute;
width: 100%;
margin-top: 100px;
left:0;
}
.width {
  width: 1150px;
  margin:0 auto;
  position: relative;
}

.width2 {
  width: 800px;
  margin:0 auto;
position: relative;
}
.page {
background: transparent url(images/atotr_03.png) repeat-y;
width: 516px;
position: relative;
margin: 0 auto;
}
.page .padding {
padding: 0 8px;
}

/*
		CSS for the splash page >>>
*/

.slidebox {
  border-left: 4px solid white;
  border-right: 4px solid white;
background-image: url(/images/bg_03.png);
height: 244px;
width: 244px;
float: left;
overflow: hidden;
}
.fadeline {
background-image: url(/images/fadebg_03.png);
height: 244px;
width: 10px;
float: left;
}
.slideboxb {
  border-right: 4px solid white;
background-image: url(/images/bg_05.png);
height: 244px;
width: 40px;
float: left;
overflow: hidden;
}
.slideboxc {
  border-right: 4px solid white;
background-image: url(/images/bg_07.png);
height: 244px;
width: 40px;
float: left;
overflow: hidden;
}
.slideboxd {
  border-right: 4px solid white;
background-image: url(/images/bg_09.png);
height: 244px;
width: 40px;
float: left;
overflow: hidden;
}
.slideboxhold {
  width: 244px;
  height: 244px;
}

/*
		CSS for the two top modules >>>
*/

.radiotext {
  text-align: right;
  color: #4D4D4D;
  font-size: 11px;
  padding-right: 10px;
}

.radiotext a {
  color: #4D4D4D;
}
.modules {
position: absolute;
width: 1150px;
left: 0;
}
.modules .padding {
padding: 30px 0px;
}
.left {
width: 265px;
margin-left: 30px;
}
.moduletopleft {
height: 209px;
width: 265px;
margin-top: 20px;
background-image: url(images/atob_06.png);
border: 4px solid white;
overflow: hidden;
}
.nanoblog {
width: 265px;
margin-top: 125px;
background-image: url(images/atob_10a.png);
border: 4px solid white;
}
.searchblog {
width: 276px;
height:29px;
float:left;
margin-top: 20px;
background-image: url(images/search_03.png);
}
.search {
  background: white;
  border-width: 0px;
  width: 189px;
  position: relative;
  margin: 5px 0 0 5px;
}
.submit {
  position: absolute;
  height: 27px;
  width: 75px;
  cursor: pointer;
  margin-left: 201px;
}

.nanoblog p {
margin: 0;
padding:0;
}
.nanotitle a {
color:white;
text-decoration:none;
}
.nanotitle a:hover {
color:white;
text-decoration:underline;
}
.blogroll {
width: 265px;
margin-top: 100px;
background-image: url(images/atob_10g.png);
border: 4px solid white;
}
.blogroll2 {
width: 265px;
margin-top: 50px;
background-image: url(images/atob_10g.png);
border: 4px solid white;
}
.right {
float:right;
width: 295px;
}
.moduletopright {
height: 156px;
width: 265px;
margin-top: 0px;
background-image: url(images/atob_03.png);
border: 4px solid white;
}
.rss {
  padding: 105px 0 0 60px;
  color:white;
  font-family: Trebuchet MS, Georgia, Arial;
  font-size: 20px;
}
.rss a {
  color:white;
}
.module2ndright {
height: 54px;
width: 265px;
margin-top: 20px;
border: 4px solid white;
background-image: url(images/atora_03.png);
}
.module2ndright .player {
padding: 10px;
}
.moduleheader {
font-family: Trebuchet MS, Georgia, Arial;
font-size: 18px;
color:white;
position:absolute;
margin-top: -35px;
font-weight: 500;
}
.moduletitle {
font-family: Trebuchet MS, Georgia, Arial;
font-size: 16px;
color:white;
font-weight: bold;
}
.moduletext {
font-family: Arial;
font-size: 12px;
color:white;
font-weight: normal;
}
.nanotitle {
font-family: Trebuchet MS, Georgia, Arial;
font-size: 14px;
color:white;
font-weight: bold;
}
.nanotext {
font-family: Arial;
font-size: 12px;
margin-left: 68px;
margin-top: 15px;
margin-bottom: 25px;
color:white;
font-weight: normal;
}
.nextmodulearchive {
  font-family: Verdana;
  font-size: 10px;
  color:white;
  text-align:right;
  padding-right:10px;
}


/*
		CSS for the posts >>>
*/

.post {
  padding: 20px;
}
.postheader {
font-family: Trebuchet MS, Georgia, Arial;
font-size: 24px;
color: #287DD2;
font-weight:bold;
padding-bottom: 10px;
}
.postheader a {
color: #287DD2;
text-decoration:none;
}
.postheader a:hover {
color: #164574;
text-decoration:none;
}
.postbody {
font-family: Trebuchet MS, Georgia, Arial;
font-size: 13px;
text-align:justify;
color: #353535;
line-height: 150%;
}
.postbody a {
color: #164574;
}
.postbody a:hover {
background-color: #8BBAED;
color: #164574;
text-decoration:none;
}
.postfooter {
font-family: Trebuchet MS, Georgia, Arial;
font-size: 20px;
color: #164574;
padding-bottom: 10px;
text-align:center;
margin-top: 15px;
}
.postfooter a {
color: #164574;
}

/*
		CSS for the BAR >>>
*/

.barabout {
margin-top: 30px;
padding-right: 10px;
}

.barabout2 {
  float:right;
  width: 300px;
}
.barheader {
font-family: Trebuchet MS, Georgia, Arial;
font-size: 30px;
color: white;
padding-top: 10px;
}
.bartext {
font-family: Trebuchet MS, Georgia, Arial;
font-size: 14px;
color: white;
padding-top: 10px;
}

/*
		CSS for the Blogroll >>>
*/
.blogroll ul, .blogroll2 ul
{
list-style-type: square;
color:white;
font-family: Trebuchet MS, Georgia, Arial;
font-size: 14px;
}
.blogroll ul a, .blogroll2 ul a, .nanotext a, .moduletopleft a {
  color:white;
}
.moduletopleft a {
  text-decoration: none;
}
.moduletopleft a:hover {
  text-decoration: underline;
}
.modulefade {
background-image: url(images/fade_03.png);
height:30px;
width: 273px;
}
.blogrollheader {
color:white;
font-family: Trebuchet MS, Georgia, Arial;
font-size: 16px;
font-weight: bold;
padding: 4px 10px;
border-bottom: 3px solid white;
}
.logo {
  width:244px;
  height:100px;
  background: url(images/logo_03.png) no-repeat;
  margin: 100px 0 0 0;
}

.logo2 {
  width:244px;
  height:100px;
  background: url(images/logo_03.png) no-repeat;
  margin: 100px auto 0px auto;
}


/*
		CSS for the Navigation >>>
*/

.navigation {
font-family: Verdana, Arial;
font-size: 12px;
background: #DCDCDC;
padding: 10px;
}
.navigation a {
color: #3E3E3E;
}
.alignleft {
  width: 49%;
}
.alignright {
  width: 49%;
  float: right;
  text-align:right;
}
.promo, .promo a {
  color: white;
}
.promo {
  padding: 15px;
}