/*   
Theme Name: Toby Scott
Author: Dean Oakley
Author URI: http://deanoakley.com
*/

/* v1.0 | 20080212 */


/* Reset it */
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*  ------ basic ------------------- */

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:160%;
	color:#434343;
	text-align:center;
	background-color:#7d7d7d;
}
a img { border:none; }
a { color:#5e5e5e; text-decoration:none; outline:none; }
a:hover { color:#f64141; text-decoration:underline; }
p { 

	margin:0 0 1em 0; 
	padding:0; 

font-size:11px;
line-height:16px;

}

input,
textarea{
	font-size:11px;
	color:#434343;
	font-family: Verdana, Geneva, sans-serif;
	padding:5px !important;
}


ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; }
ol { margin:0 0 1em 19px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; width:100%; }
blockquote { margin:0 0 1em 0; padding:15px 20px 0 20px; border:1px solid #333;  }
blockquote a, blockquote a:visited { text-decoration:underline; }
pre { border:1px solid #333; background:#222; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
object { display:block; margin:0 auto; }
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.centered { display: block; margin-left:auto; margin-right:auto; }
.clear { clear:both; }


/*  ------ layout ------------------------ */

#wrapper { 
	
}
#contents { 
	width:1040px; 
	margin:0 auto; 
	text-align:left;
	margin-top:20px;
	background-color:#FFF;
}

#footer_cont { 
	width:1040px; 
	margin:0 auto; 
	text-align:left;
}

#header { 
	background:url(img/body-top.gif) no-repeat; 
	height:85px;
	position:relative; 
}

#middle-contents {
	margin-top:60px;
}

#middle-contents.home {
	margin-top:0;
}


#left-col { 
	float:left; 
	display:inline; 
	width:740px;  
}

#left-col.contact { 
	width:300px;  
}


#right-col { 
	float:right; 
	display:inline; 
	width:160px; 
	background-image:url(img/right-col.gif);
	background-repeat:no-repeat;
	margin-right:40px;
	padding-left:40px;
}

#right-col.contact{
	width:400px;
	float:left;
}

#footer { 
	background:url(img/body-bottom.gif) no-repeat bottom; 
	height:20px;
}




/*  ------ header ---------------------- */


  /**************/
 /* Menu stuff */
/**************/
#main-nav{
	position: absolute;
	top:20px;
	right: 40px;
}

#main-nav ul{
	list-style-type: none;
	
}

#main-nav li{
	display:inline;
}

#main-nav li a{
	font-size:11px;
	color: #999999;
	letter-spacing: 5px;
}

#main-nav li span{
	margin-left:20px;
	margin-right:20px;
	color: #999999;
}

#main-nav li.lastone span{
	display:none;
}
 

#main-nav li.current_page_item a{
	color: #000;
}

#main-nav li.current_page_item a:hover{
	color: #000;
}

#main-nav li a:hover{
	color: #000;
	text-decoration:none;
}


/* Change the number of margin if you are using original logo image */
#logo_image { 
	float:left; 
	display:inline;
	margin-left:40px;
	margin-top:20px;
}

#logo_image h1 { margin:0; padding:0; }

/* blog title */
#logo {
	float:left; 
	display:inline; 
	margin:15px 0 0 40px;
} 

#logo a, #logo a:visited { color:#ccc; font-size:22px; }
#logo a:hover { text-decoration:none; color:#83bac4; }

#logo h1 { font-weight:normal; line-height:100%; margin:0; padding:6px 0; color:#666; font-size:11px; }

#rss-feed { font-size:11px; float:left; margin:40px 0 0 0; display:inline; color:#777; background:url(img/rss.gif) no-repeat left top; height:25px; width:80px; padding:18px 0 0 60px; }
#rss-feed:hover { }


#searchbox {
	
	background-image:url(img/search-area.gif);
	background-repeat:no-repeat;

	width:163px;
	height:45px;
	display:block;
	float:left;	
	padding-top:7px;
	padding-left:8px;
}
#searchbox .textfield {
	background:none;
	border:0px;
	width:110px;
	float:left;
	margin-right:2px;
	padding-left:2px;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:3px;
	
	color:#999999;
}
#searchbox .button {
	background:none;
	border:0px;
	width:35px;
	height:25px;
	padding-left:5px;
	xpadding-bottom:15px;
	cursor:pointer;
	float:left;
	margin-top:1px;
}
#searchbox .searchtip {
	color:#999;
}



/*  ------ left-col ------------- */

.post { margin:0px 0 0 40px; }


.post h2 a,
h2 { 
	color:#606060; 
	font-size:20px; 
	line-height:120%; 
	font-weight:normal;
	 margin:0 0 4px 0; 
	 padding:0; 
	 line-height:100%;
}
	
.post h2 a:hover { text-decoration:none; color:#83bac4; }
.post-info { margin:0; }
.post-info li { display:inline; font-size:11px; color:#797f80; margin:0 10px 0 0; }
.write-comment { background:url(img/arrow1.gif) no-repeat left center; padding:0 0 0 11px; }
.post-info a, .post-info a:visited { color:#777; }
.post-info a:hover { color:#83bac4; }

.post-content { clear:both; padding:15px 0 40px 0; line-height:160%; }
.post-content p { margin:0 0 1em 0; line-height:160%; }
.post-content a,.post-content a:visited { text-decoration:underline; }
.post-content a.more-link, .post-content a.more-link:visited 
  { display:block; clear:both; margin:15px 0 5px 0; height:23px; padding:6px 0 0 35px; background:url(img/arrow3.gif) no-repeat left top; text-decoration:none; }
.post-content a.more-link:hover { background:url(img/arrow3.gif) no-repeat left bottom; text-decoration:none; }

.post img, .post a img {
	padding-top:10px;
	padding-bottom:10px;
}
.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.alignright, div.alignright { margin:4px 0 10px 10px; display:inline; }
.post img.alignleft, div.alignleft { margin:4px 10px 10px 0; display:inline; }
.post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }

.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #333; padding:15px; }
.post th { background-color:#000; font-weight:normal; }
.post-content ul li { margin:0 0 0 0; line-height:160%; background:url(img/bullet1.gif) no-repeat left 9px; padding:0 0 0 12px; }
.post-content input { 
	margin:5px 0;
	padding:5px;
}

.post-meta { 
	background:url(img/meta.gif) no-repeat right top; 
	padding:13px 0 0 0; 
	width:744px;
	padding-left:40px;
	margin-bottom:80px;
}
.post-meta ul { 
	background:url(img/meta.gif) no-repeat right bottom; 
	padding:0 10px 10px 30px; 
	line-height:0%;
	margin-bottom:0px;
}
.post-meta li { display:inline; font-size:11px; line-height:140%; }
.post-category { float:left; width:345px; background:url(img/category-icon.gif) no-repeat 2px 2px; padding:0 0 1px 20px; }
.post-tag { float:left; width:345px; background:url(img/tag-icon.gif) no-repeat 2px 2px; padding:0 0 1px 29px; }
.post-comment { float:right; width:80px; background:url(img/write-comment.gif) no-repeat left top; padding:0 10px 2px 22px; }

#back-top { padding:10px 5px 0 15px; font-size:11px; background:url(img/arrow5.gif) no-repeat left 16px; float:right; color:#777; }
#back-top:hover { text-decoration:none; color:#83bac4; }


/*  ------ right-col ------------- */
#information-title { background:url(img/info-box-top.gif) no-repeat left top; padding:25px 20px 5px 20px; width:232px; margin:0 0 0 30px; }
.information-contents { line-height:160%; font-size:11px; color:#868a8d; background:url(img/info-box-bottom.gif) no-repeat left bottom; padding:12px 20px 20px 20px; margin:0 0 50px 30px; width:232px; }

.side-box { color:#aaa; margin:40px 0 40px 0; font-size:11px; width:270px; }
#right-col ul { }
#right-col li,
#footer_cont li{ 
	margin:0 0 1em 0; 
	line-height:140%; 
}
#right-col li li,
#footer_cont li{ 
	padding:0 0 0 10px; 
	margin:10px 0; 
	background:url(img/arrow1.gif) no-repeat 1px 7px; 
}

#side-left { float:left; width:128px; padding:0 0 0 32px; }
#side-right { float:right; width:120px; padding:0 30px 0 10px; }
.side-box-short {  
}

#side-bottom { clear:both; }

/* this is just for default mode */
#side-left-ex { float:left; width:128px; padding:0 0 0 32px; }
#side-right-ex { float:right; width:120px; padding:0 30px 0 10px; }
#side-bottom-ex { clear:both; }

/* calendar */
#wp-calendar { margin:0 auto; width:100%; color:#777; }
#wp-calendar th, #wp-calendar td { border:1px solid #333; padding:0; width:14%; line-height:220%; text-align:center; }
#wp-calendar th { line-height:100%; padding:4px 0 2px 0; font-weight:normal; background:#000; }
#wp-calendar td a, #wp-calendar td a:visited { display:block; text-decoration:underline; }
#wp-calendar td a:hover { }
#wp-calendar caption { padding:8px 0; }
#wp-calendar tfoot td { border:none; padding:5px 0; }
#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited
  { text-decoration:none; background:none; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { text-decoration:underline; }
#wp-calendar td#today { background:#111; text-decoration:underline; color:#81c8d5; }

#copyrights { color:#777; border-left:3px solid #444; padding:1px 0 0 8px; clear:both; }
#copyrights li { margin:0; padding:0; line-height:160%; }
#copyrights a, #copyrights a:visited { color:#777; }
#copyrights a:hover { color:#849ca0; }
#copyrights #wp a { text-decoration:underline; }

#return_top a { position:absolute; position:fixed; right:0; bottom:15px;
                display:block; height:138px; width:38px; background:url(img/return-top.png) no-repeat left top; }
#return_top a:hover { background:url(img/return-top.png) no-repeat right top; text-decoration:none; }

/*  ------ archive ------------- */
.archive, .search-page {
	margin:40px;
	
	border-left:3px solid #a4a4a4; padding-left:10px;  }
.archive h2, .search-page h2 { font-size:18px; color:#a4a4a4; margin:0 0 3px 0; display:block; line-height:120%; font-weight:normal; padding:0; }
.archive p, .search-page p { font-size:12px; }
.read-more { padding:0 0 0 0; }

/* ------ page navi -------------- */
.page-navi, .next-previous-navi { margin:50px 0 25px 30px; }
#comment-pager { margin:20px 0 0 0; }
.page-navi li { line-height:0%; display:block; float:left; }
.page-navi a, .page-navi a:visited, .page-navi a:hover,
.page-navi span.pages, .page-navi span.extend, .page-navi span.current, .page-navi span.dots
 { font-size:11px; line-height:100%; margin:0 -1px 25px 0; padding:2px 14px; display:block; float:left; border-right:1px solid #555; border-left:1px solid #555; }

.page-navi span.current { color:#81c8d5; background:url(img/arrow8.gif) no-repeat center bottom; padding-bottom:10px; border:none; }
.page-navi a.prev, .page-navi a:hover.prev, .page-navi a:visited.prev { border-left:none; }
.page-navi a.next, .page-navi a:hover.next, .page-navi a:visited.next { border-right:none; }

#previous-page a, #previous-page a:visited { float:left; display:inline; margin:5px 0 10px 5px; height:22px; padding:7px 0 0 40px; background:url(img/arrow2.gif) no-repeat left top; }
#previous-page a:hover { background:url(img/arrow2.gif) no-repeat left bottom; text-decoration:none; }
#next-page a, #next-page a:visited { float:right; display:inline; margin:5px 0 10px 0; height:22px; padding:7px 40px 0 0; background:url(img/arrow3.gif) no-repeat right top; }
#next-page a:hover { background:url(img/arrow3.gif) no-repeat right bottom; text-decoration:none; }

/*  ------ header for category/archive/search/...etc  ------------- */

.common-navi-wrapper { 
	background:url(img/archive.gif) no-repeat right top; 
	padding:13px 0 0 0; 
	width:585px; 
	margin-left:40px;
	margin-bottom:40px;
}

.common-navi-wrapper p { 
	background:url(img/archive.gif) no-repeat right bottom; 
	padding:0 10px 10px 20px; 
	margin:0; 
	line-height:140%;
	font-size:18px;
	color:#666;
}

#archve-title { margin:0 0 0 13px; }
#search-hit { }

/*  ------ page widthout side ------------------------ */
#no-side { background:url(img/side-noside.png) repeat-y; padding:60px 0; }
#no-side .post { margin:0 40px 20px 40px; }
#footer-noside { background:url(img/bottom-noside.png) no-repeat top; height:114px; margin-bottom:50px; }


/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


ul.blogroll img{
	padding-top:15px;
}

ul.cat{
	margin-top:20px;
}

.sidebar h2{
	margin-top:40px;
}

ul.cat li{
	font-size:20px;
}

ul.cat li li{
	font-size:11px;
}

.foot_left{
	width:300px;
	margin-right:40px;
	float:left;
}

.foot_right{
	width:300px;
	margin-right:40px;
	float:left;
}

#footer_cont{
	margin-bottom:40px;
}

#footer_cont,
#footer_cont a{
	color:#bebebe;
}

#footer_cont h3{
	color:#d5d5d5;
	font-size:20px;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:10px;
}

#footer_cont .copy{
	float:right;
	margin-top:20px;
	text-align:right;
}