/* Generated by KompoZer */
body 
{
 margin: 0;
 background-color: #ffffff;
 font-family: 'OpenSans';
}

img 
{
 border-style: none;
}

.clearfix:after, #contents:after 
{
 clear: both;
 content: "";
 display: block;
 height: 1%;
 line-height: 0;
 visibility: hidden;
}

.btn 
{
 background-image: url(../images/bg-button.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: 0 -70px;
 color: #ffffff;
 font-family: 'OpenSans';
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 font-size: 24px;
 line-height: 60px;
 font-size-adjust: none;
 font-stretch: normal;
 height: 60px;
 width: 230px;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
}

.btn:hover 
{
 background-position: 0 0;
}

#header 
{
 border-bottom-color: #e6e6e6;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding-top: 27px;
 padding-right: 0;
 padding-bottom: 27px;
 padding-left: 0;
 background-color: #eeeeee;
}

#header > div, #footer > div 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-top: 0;
 padding-right: 20px;
 padding-bottom: 0;
 padding-left: 20px;
 width: 920px;
}

#header .logo 
{
 float: left;
 margin-right: 20px;
}

#header .logo a 
{
 background-image: url(../images/touchtostudy_logo.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center top;
 color: #000000;
 display: block;
 font-family: 'Play';
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 font-size: 15px;
 line-height: 30px;
 font-size-adjust: none;
 font-stretch: normal;
 text-decoration: none;
 text-transform: uppercase;
 width: 128px;
 height: 128px;
 padding-top: 0px;
}

#navigation 
{
 margin: 0;
 padding: 0;
 list-style-type: none;
 list-style-image: none;
 list-style-position: outside;
 line-height: 100px;
}

#navigation ul 
{
 margin: 0;
 padding: 0;
 list-style-type: none;
 list-style-image: none;
 list-style-position: outside;
}

#navigation li 
{
 float: left;
 width: 160px;
 text-align: center;
}

#navigation li a 
{
 color: black;
 font-size: 20px;
 line-height: 30px;
 text-decoration: none;
}

#navigation li a:hover 
{
 color: #000000;
}

#navigation li.active a 
{
 color: Teal;
}

#adbox 
{
 padding-top: 60px;
 padding-right: 0;
 padding-bottom: 60px;
 padding-left: 0;
 background-image: url(../images/bg-adbox.jpg);
 background-color: transparent;
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: left top;
 height: 380px;
}

#adbox > div 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-top: 0;
 padding-right: 50px;
 padding-bottom: 0;
 padding-left: 80px;
 width: 800px;
}

#adbox > div img 
{
 float: right;
 margin-left: 60px;
}

#adbox h1, #adbox h2 
{
 margin: 0;
 color: #2c2c2c;
 font-size: 60px;
 line-height: 60px;
 text-transform: uppercase;
}

#adbox h2 
{
 font-size: 40px;
 line-height: 40px;
 text-transform: none;
}

#adbox mystyle1 
{
 font-size: 30px;
 line-height: 30px;
 text-transform: none;
 text-decoration: blink;
 color: #0000e1;
}

#adbox mystyle2 
{
 font-size: 25px;
 line-height: 30px;
 text-transform: none;
 font-style: italic;
}

#adbox p 
{
 margin: 0;
 font-size: 20px;
 line-height: 28px;
}

#adbox p span 
{
 padding-top: 24px;
 padding-right: 0;
 padding-bottom: 24px;
 padding-left: 0;
 display: block;
 font-size: 12px;
 width: 360px;
 text-align: center;
}

#adbox p span b 
{
 font-weight: normal;
 display: block;
 width: 256px;
}

#contents 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-top: 54px;
 padding-right: 28px;
 padding-bottom: 54px;
 padding-left: 40px;
 min-height: 510px;
 width: 880px;
}

h1 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 30px;
 margin-left: 0;
 color: #3e3e3e;
 font-size: 30px;
 font-weight: normal;
 line-height: 30px;
}

h2 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 12px;
 margin-left: 0;
 color: #2c2c2c;
 font-size: 24px;
 font-weight: normal;
 line-height: 24px;
}

p 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 30px;
 margin-left: 0;
 color: #585858;
 font-size: 16px;
 line-height: 24px;
}

p a 
{
 color: #585858;
}

#tagline h1 
{
 margin-left: 20px;
}

#tagline > div 
{
 margin-top: 0;
 margin-right: 20px;
 margin-bottom: 0;
 margin-left: 20px;
 float: left;
 width: 400px;
}

#contents .features 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 width: 810px;
}

.features > div 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 30px;
 margin-left: 0;
}

.features > div img 
{
 float: left;
 margin-right: 20px;
 margin-top: 36px;
}

.date 
{
 border-color: #d5d5d5;
 border-width: 1px;
 border-style: solid;
 float: left;
 height: 78px;
 width: 70px;
 margin-right: 20px;
 text-align: center;
}

.date p 
{
 margin-top: 12px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
}

.date p span 
{
 display: block;
 font-size: 30px;
 margin-bottom: 6px;
}

.author 
{
 color: #585858;
 display: block;
 font-size: 12px;
}

.more 
{
 background-color: #727272;
 color: #ffffff;
 font-size: 14px;
 line-height: 30px;
 width: 100px;
 text-align: center;
 text-decoration: none;
}

.more:hover, .message input[type=submit]:hover 
{
 background-color: #f99600;
 color: #000000;
}

.main 
{
 background-image: url(../images/divider.png);
 background-color: transparent;
 background-repeat: repeat-y;
 background-attachment: scroll;
 background-position: right top;
 float: left;
 min-height: 100px;
 width: 620px;
 padding-right: 24px;
}

.main h1, .sidebar h1 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 12px;
 margin-left: 0;
 position: relative;
 top: -18px;
}

.main h2 span 
{
 display: block;
 font-size: 12px;
}

.sidebar 
{
 float: left;
 min-height: 848px;
 width: 216px;
 margin-left: 20px;
}

.sidebar ul, .news 
{
 margin: 0;
 padding: 0;
 list-style-type: none;
 list-style-image: none;
 list-style-position: outside;
}

.news li 
{
 border-top-color: #d5d5d5;
 border-top-width: 1px;
 border-top-style: solid;
 padding-top: 24px;
 padding-right: 30px;
 padding-bottom: 0;
 padding-left: 100px;
 position: relative;
}

.news li .date 
{
 float: none;
 position: absolute;
 left: 0;
 top: 30px;
}

.news li > p span, .post > span 
{
 display: block;
 text-align: right;
}

.posts 
{
 border-top-color: #d5d5d5;
 border-top-width: 1px;
 border-top-style: solid;
}

.posts li 
{
 border-bottom-color: #d5d5d5;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding-top: 24px;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 10px;
}

.posts li p 
{
 font-size: 14px;
}

.posts li .title 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 12px;
 margin-left: 0;
 font-size: 16px;
 font-weight: normal;
}

.posts li .title a 
{
 color: #2c2c2c;
 font-size: 16px;
 text-decoration: none;
}

.post 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 width: 785px;
}

.post h1 
{
 padding-top: 12px;
}

#about 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 width: 740px;
}

#about h1, .section h1 
{
 border-bottom-color: #e0e0e0;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding-bottom: 12px;
}

.section 
{
 float: left;
 width: 390px;
 margin-right: 50px;
}

.section h1 
{
 margin-bottom: 18px;
}

.message input[type=text], .message textarea 
{
 border-color: #d5d5d5;
 border-width: 1px;
 border-style: solid;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 6px;
 margin-left: 0;
 padding-top: 0;
 padding-right: 4px;
 padding-bottom: 0;
 padding-left: 4px;
 color: #aeaeae;
 font-size: 13px;
 height: 33px;
 line-height: 33px;
 width: 380px;
}

.message textarea 
{
 height: 175px;
 overflow: auto;
}

.message input[type=submit] 
{
 border-style: none;
 margin: 0;
 padding-top: 0;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 10px;
 float: right;
 background-color: #818181;
 color: #d5d5d5;
 cursor: pointer;
 font-family: Arial,Helvetica,sans-serif;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 30px;
 font-size-adjust: none;
 font-stretch: normal;
 height: 30px;
}

.contact 
{
 padding-top: 124px;
 padding-right: 60px;
 padding-bottom: 124px;
 padding-left: 60px;
 background-color: #f8f8f8;
 width: 270px;
 text-align: center;
}

.contact p span 
{
 padding-top: 18px;
 padding-right: 0;
 padding-bottom: 18px;
 padding-left: 0;
 color: #2c2c2c;
 display: block;
 font-size: 30px;
 line-height: 36px;
}

#footer 
{
 border-top-color: #d8d8d8;
 border-top-width: 1px;
 border-top-style: solid;
 padding-top: 30px;
 padding-right: 0;
 padding-bottom: 30px;
 padding-left: 0;
 background-color: #eeeeee;
}

#footer p 
{
 font-size: 12px;
 line-height: 30px;
 padding-left: 10px;
}

#connect 
{
 float: right;
 margin-right: 30px;
}

#connect a 
{
 margin-top: 0;
 margin-right: 10px;
 margin-bottom: 0;
 margin-left: 10px;
 background-image: url(../images/icons.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: 0% 50%;
 height: 30px;
 width: 30px;
}

#connect a.googleplus 
{
 background-position: 0 -40px;
}

#connect a.twitter 
{
 background-position: 0 -80px;
}

#connect a.tumbler 
{
 background-position: 0 -120px;
}

#connect a.facebook:hover 
{
 background-position: -40px 0;
}

#connect a.googleplus:hover 
{
 background-position: -40px -40px;
}

#connect a.twitter:hover 
{
 background-position: -40px -80px;
}

#connect a.tumbler:hover 
{
 background-position: -40px -120px;
}