/* Theme Name: Together-Style

Author: Together
URI: http://www.together-tutor.net/  

/*================================================================
 Begin Structure
================================================================*/
body { margin: 10px 0 0 0; padding: 0; background: url('images/body_bg.gif') #FFF repeat-x; }
#container { width: 850px; margin: 0px auto 0 auto; background: #FFFFFF url('images/container_bg.gif') repeat-y; }
#page { margin: 0px 0; padding: 0; }
/* End Structure */    

/*
 Begin Headers [Structure]
----------------------------------------------------------------*/
#header,#header-top { width: 850px; height: 115px; margin: 0 auto; padding: 0 0px; text-align: left; }
#logo a { float: left; position: relative; top: 15px; }

#desc { float: right; position: relative; top: 0px; width: 500px; padding: 0px 0; text-align: right; }
#desc img { display: block; float: right; position: relative; top: 5px; text-align: right; }
h1.description { clear: both; float: right; position: relative; top: 5px; width: 550px; }
*html h1.description { top: 10px; }
*:first-child+html h1.description  { top: 10px; }

h2 { margin: 0px 0 0; }
#sidebar h2 { margin: 0 0 0; padding: 0; }
.title h2.pagetitle { clear: both; margin: 0 0 0 0px; padding: 9px 0 9px 23px; background: url('images/title_bg02.gif') no-repeat 0px bottom; }
h3.cat_post_title { margin: 15px 0 5px 0px; padding: 0 0 5px 17px; background: url('images/subtitle_line.gif') no-repeat 0px bottom; }
h3.sub_title { margin: 20px 0 0 0; padding: 0 0 5px 0px; background: url('images/subtitle_line.gif') no-repeat 0px bottom; }

.breadcrumb { margin: 10px 0px; padding: 0 0px; background: url('images/icon.gif') 0 2px no-repeat; text-align: left; }
/* End Headers */    


/*
 Begin Contents [Structure]
----------------------------------------------------------------*/
#content { float: right; width: 610px; }

.campain p { margin: 0 0 15px 0;  }
.post p { line-height: 1.4em; }
.post { margin: 0 0px 40px 0px; /* text-align: justify; */ }
.post hr { display: block; }

.post .right { float: right; }
.post .left { float: left; }


/* TopPage Contents */ 

.clear { clear: both; }

/* table */
.post .table01,.post .table02 { margin: 15px 0 10px; background: #bcdae4; }
.post .table01 table,.post .table02 table { width: 100%; border-collapse: separate; border-spacing: 1px; border: none; }
.post .table01 table th,.post .table01 table td,.post .table02 table th,.post .table02 table td { padding: 8px 10px; border: 1px solid #fff; text-align: center; vertical-align: top; }
.post .table01 table td.left_align,.post .table02 table td.left_align { text-align: left; }
.post .table01 table th,.post .table02 table th.th_2nd { background: #ecf9fd; white-space: nowrap; }
.post .table01 table td,.post .table02 table td { background: #fbfdfd; }
.post .table01 table table td,.post .table02 table table td { border:none; }
.post .table02 table th { background: #CFE9FF; white-space: nowrap; }
.post .table01 table td.price { font-size: 1.5em; font-weight: bold; }
/* End table */


.entry { padding: 0 0px; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

/* dl.dt,dd */
dl { margin: 0px 0px 0px 0px; }
dl dt { margin: 0px; font-size: 1em; font-weight: bold; float: left; }
dl dd { margin: 0px 10px 10px 70px; }
dl dd img { padding: 10px 0 5px 0; }

table td { vertical-align: top; }
.table01 table td.middle { vertical-align: middle; }


/* Begin Lists  Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */  
html>body .entry ul { }
html>body .entry li { }

h4.course { margin: 20px 0 0 0; padding: 0; }

.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

.clear { margin: 0; padding: 0; }
.none { display: none; }

.navigation img { margin: 0 10px 20px 10px; }
*html .navigation img { margin: 0 5px 20px 5px; }
.navigation .alignright { float: right; }
.navigation .alignright img { margin: 15px 10px 20px 10px; }
*html .navigation .alignright img { margin: 15px 5px 20px 5px; }
.navigation .alignleft { float: left; }

.free_ft { display: block; margin: 0 auto 20px auto; text-align: center; }
/* End Entry Lists */


/*
 Begin Sidebar [Structure]
----------------------------------------------------------------*/
#sidebar { padding: 0px 0 0px 0; width: 220px; float: left;  }
#sidebar form { margin: 0; }
#sidebar img { margin: 0px 0 0 0px; padding: 0; }
#sidebar h3 { margin: 0px 0 0 0px; padding: 0; }
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul { }
#sidebar ul li { margin: 0 0 0 0px; list-style-type: none; list-style-image: none; }

#sidebar ul.cat_li { margin: 10px 0px 20px 10px; padding: 0; }
#sidebar ul.cat_li li { margin: 5px 0 5px 0px; padding: 3px 0px 3px 20px; background: url('images/icon01.gif') 0 4px no-repeat; }
#sidebar ul#page_li { margin: 10px 0px 20px 10px; padding: 0; }
#sidebar ul#page_li li { margin: 3px 5px 0 5px; padding: 3px 10px 5px 10px; }
#sidebar .center img { }

#sidebar .paper { margin: 10px 0px 20px 10px; padding: 0; }

*html #sidebar ul { }
*:first-child+html #sidebar ul { }
/* End Sidebar */    


/*
 Begin Footer [Structure]
----------------------------------------------------------------*/
#footer { padding: 1px 0 20px 0; margin: 0 auto; clear: both; }
.sec_footer { margin: 0 auto; width: 900px; padding: 1px 0 0px 0; }
#footer ul { margin: 0; padding: 10px 0 0px 0; }
#footer ul li { display: inline; margin: 0; padding: 0 20px 0 0px; line-height: 1.8em; }
*html #footer ul li a { color: #FFFFFF; white-space: nowrap; }
html>body #footer ul li a { color: #FFFFFF; white-space: nowrap; }
#footer p { clear: both; position: relative; top: -10px; margin: 0; padding: 1px 0 0px 0; }
#footer p img { position: relative; top: 20px; }
/* End Footer */ 


/*
 Others [Structure]
----------------------------------------------------------------*/
/* Begin Various Tags & Classes */ 
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/    

/* Captions */ 
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */ 


/*================================================================
 Begin Typography & Colors 
================================================================*/
body { font-size: 0.8em; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; text-align: center; z-index: 10; }

#container { }
#page { text-align: left; }
#header {  }
#header #logo a { font-size: 0em; }

#content { font-size: 1.2em; }
.widecolumn .entry p { font-size: 1.05em; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: center; }
.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt {  border-left: 1px solid #ddd; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

/*
 Begin H1,H2,H3 [Typography & Colors]
----------------------------------------------------------------*/
h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; }
h1.description { font-size: 1.1em; line-height: 1.4em; font-weight: normal; text-align: right; }
*html h1.description { }
*:first-child+html h1.description  { }

h2 { font-size: 1.6em; }
h2.pagetitle { font-size: 1.5em; }

#sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; }
h3 { font-size: 1.5em; margin: 30px 0 10px 0; }
h1, h1 a, h1 a:hover, h1 a:visited { text-decoration: none; color: #333; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2 { text-decoration: none; }

.title h2.pagetitle { color: #FFF; }
h3.cat_post_title a { }
#bottom-content h4 { color: #dd0000; }
.breadcrumb { font-size: 1.1em; }

html>/**/body .home .post p { font-size: 1.05em; }
.home .post .sales  ul { }
.home .post .sales  li { color: #FFF; }

h4.course { font-size: 1.3em; }

/*
 Begin Sidebar [Typography & Colors]
----------------------------------------------------------------*/
#sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#sidebar ul.cat_li li a:visited,#sidebar ul.cat_li li a:link,#sidebar ul.cat_li li a:active { text-decoration: none; font-size: 1.1em; color: #666; }
#sidebar ul.cat_li li a:hover { color: #5FB0FF; }

#sidebar ul#page_li { background: #f5f5f5; border: solid 5px #ededed; }
#sidebar ul#page_li li { border-bottom: dotted 1px #DDD; }
#sidebar ul#page_li li a { color: #666; font-size: 1em; text-decoration: none; }
#sidebar ul#page_li li a:hover { color: #5FB0FF; }
/* End Sidebar */    

/*
 Begin Footer [Typography & Colors]
----------------------------------------------------------------*/
#footer { background: #007AC3 url('images/footer_bg.gif') repeat-x; }
.sec_footer { text-align: center; }
#footer ul li { line-height: 1.8em; font-size: 1.1em; color: #FFFFFF; }
#footer ul li a { color: #FFFFFF; }
*html #footer ul li a { color: #FFFFFF; white-space: nowrap; }
html>body #footer ul li a { color: #FFFFFF; white-space: nowrap; }
#footer p { text-align: center; font-size: 1.3em; color: #FFFFFF; }
#footer p a { color: #FFFFFF; text-decoration: none; }

.bold { font-weight: bold; font-size: 1.1em; }
.red { color: #FF0000; }
.green { color: #008000; }
.blue { color: #0000a0; }
/* End Typography & Colors */