/* Start of CMSMS style sheet 'yogamain' */
/* -----------------Yoga Main Style----------------*/


/* -----------------Body Styles-----------------*/

body {
margin : 0;
padding : 0;
width : auto;
height : auto;
background : #eae4d3 url(uploads/images/jpg/background.jpg);
font : 0.75em Arial, Helvetica, sans-serif;
color : #2f2c29;
line-height : 18px;
}

p {
font-size : 1em;
margin : 0 0 1.5em 0;
line-height : 1.5em;
padding : 0;
}


img {
margin : 0;
padding : 0;
border : 0;
}

/* ----------------Header & Hover Styles-----------------*/

h1, h2, h3 h4 {
font-family : 'Trebuchet MS', Tahoma, Sans-serif;
font-weight : bold;
color : #333;
}
h1 {
font-size : 160%;
font-weight : normal;
}
h2 {
font-size : 130%;
text-transform : uppercase;
}
h3 {
font-size : 130%;
}
h4 {
font-size : 120%;
}
h1, h2, h3, h4, p {
padding : 10px;
margin : 0;
}
a:link, a:active, a:visited {
color : #356d13;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}

/* -----------------Box Styles-----------------*/


.box_friend {
background : #3a7e19 url(uploads/images/jpg/boxmid2.jpg) repeat;
height : auto;
width : 500px;
margin-left:17em;

}


.boxTitle {
background :#000 url(uploads/images/jpg/boxtop1.jpg);
width : 250px;
height : 70px;

}

.box_Title {
background :#000 url(uploads/images/jpg/boxtop2.jpg);
width : 500px;
height : 62px;

}



.boxBottom {
background :#000 url(uploads/images/jpg/boxbottom1.jpg);
width : 250px;
height : 71px;
}


.box_Bottom {
background :#000 url(uploads/images/jpg/boxbottom2.jpg);
width : 500px;
height : 83px;
}


.boxLeft {
background :#3a7e19 url(uploads/images/jpg/boxmid1.jpg) repeat;
height : 100%;
width : 250px;
}


/* --------------------------------------------*/




/* -------------Forms-------------------*/


form input {
padding-right : 2em;
}


#mynms form {
width : 225px;
height : auto;
padding-left : 2em;
padding-left : 2em;
margin : 1em 1em;
}


#myff form {
width : 400px;
height : auto;
padding-left : 2em;
padding-left : 2em;
margin : 1em 1em;
}

div#emailbox input {
float : left;
width : 10em;
font-size : 1.5em;
text-align : left;
padding : 0 0 0.1em 0;
margin : 0 0;
}

div#namebox input {
float : left;
width : 10em;
font-size : 1.5em;
text-align : left;
padding : 0 0 0.1em 0;
margin : 0 0;
}

fieldset div {
margin-bottom : 0.5em;
margin-left : 1em;
}

fieldset div div {
margin-top : 0.5em;
margin-left : 1em;
}

fieldset {
margin-bottom : 1em;
border : 1px solid #7b7661;
padding : 0.5em;
}

fieldset label {
width : auto;
}

legend {
color : #fff;
background : #7b7661;
font-style : italic;
font-size : 1.2em;
margin-bottom : 0.5em;
padding : 0.2em;
width : auto;
border : 1px solid #ccc;
}

textarea {
margin : 0.5em 0;
width : 100%;
height : 6em;
}

.short-label label {
float : left;
width : 10em;
}

.short-label fieldset div input, .short-label fieldset div select {
width : 16em;
}

.submit {
margin-top : 0.5em;

}

.bottomfooter {
font-size : 0.8em;
margin-top : 7px;
padding-top : 6.5em;
text-align : center;
margin : 0;
}


.contactform {
width : 100%;
}
.contactform fieldset {
border : 1px solid #666666;
padding : 12px;
}
.contactform fieldset legend {
font-weight : bold;
padding : 8px 8px 8px 37px;
margin-bottom : 10px;
border : 1px solid #003300;
color : #006600;
font-size : 16px;
text-align : right;
background : #ffffff url(uploads/images/gif/email_open.gif) no-repeat 2px center;
}
.contactform fieldset .CMSMStextfield label {
width : 12em;
float : left;
text-align : right;
margin-right : 0.5em;
display : block;
}
.contactform div {
padding : 0.25em 0 0.25em 0;
}
.contactform div:hover {
background : #008000;
}
.contactform .CMSMStextfield input {
color : #000000;
background : #ffffcc;
border : 1px solid #333300;
width : 250px;
}
.contactform div.required {
color : #cc0000;
}
.contactform fieldset .CMSMStextarea label {
width : 12em;
float : left;
text-align : right;
margin-right : 0.5em;
display : block;
}
.contactform .CMSMStextarea textarea {
color : #000000;
background : #ffffcc;
border : 1px solid #333300;
width : 250px;
}
.contactform textarea:focus {
background : #ffffff;
}
.contactform .captcha {
padding-left : 10px;
}
.contactform .captchapict {
display : block;
margin : 10px 10px 10px 0;
}
.contactform .captcha input {
color : #000000;
background : #ffffcc;
border : 1px solid #333300;
width : 195px;
margin : 5px 5px 5px 0;
}
.contactform input:focus {
background : #ffffff;

}
.contactform .submit {
padding-left : 10px;
border : 0;
}
.contactformR {
width : 100%;
}
.contactformR fieldset {
border : 1px solid #666666;
padding : 12px;
}
.contactformR div {
padding : 0.25em 0 0.25em 0;
}
span.accesskey {
text-decoration : none;
}
.accessibility, hr {
position : absolute;
top : -999em;
left : -999em;
}
dfn {
position : absolute;
left : -1000px;
top : -1000px;
width : 0;
height : 0;
overflow : hidden;
display : inline;
}
a.external span {
position : absolute;
left : -5000px;
width : 4000px;
}
a.external {
padding : 0 12px 0 0;
}
a.external:link {
color : #18507c;
background : url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
color : #18507c;
background : url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:hover {
color : #18507c;
background : url(images/cms/external.gif) no-repeat 100% 0;
background-color : #c3d4df;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html > body .clearfix {
display : inline-block;
width : 100%;
}
* html .clearfix {
height : 1%;
}





/* ------------News Module-------------------*/

div#news {
margin : 2em 0 1em 1em;
border : 1px solid #000;
background : #ffe9af;
}
div#news h2 {
line-height : 2em;
background : #fff;
}
.NewsSummary {
padding : 0.5em 0.5em 1em;
margin : 0 0.5em 1em 0.5em;
}
.NewsSummaryPostdate {
font-size : 90%;
font-weight : bold;
}
.NewsSummaryLink {
font-weight : bold;
padding-top : 0.2em;
}
.NewsSummaryCategory {
font-style : italic;
margin : 5px 0;
}
.NewsSummaryAuthor {
font-style : italic;
padding-bottom : 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
line-height : 140%;
}
.NewsSummaryMorelink {
padding-top : 0.5em;
}
#NewsPostDetailDate {
font-size : 90%;
margin-bottom : 5px;
font-weight : bold;
}
#NewsPostDetailSummary {
line-height : 150%;
}
#NewsPostDetailCategory {
font-style : italic;

margin-top : 0.5em;
padding : 0.2em 0;
}
#NewsPostDetailContent {
margin-bottom : 15px;
line-height : 150%;
}
#NewsPostDetailAuthor {
padding-bottom : 1.5em;
font-style : italic;
}


/* --------------------------------------------*/




/* -----------------Class Styles-----------------*/

.pollvoteform {
padding : 0.5em 0.5em 1em;
margin : 0 0.5em 1em 0.5em;
border-bottom : 1px dashed #356d13;
font-size : 80%;
}
.quizrow {
padding : 0.5em 0.5em 1em;
width : 25px;
}


.quizrow input{ 
width:15.5em;
padding-right:2em,
padding-left:2em;

}

.quizrow{
text-align:left;
font-size : 80%;
width:200px;
}

.tweets ul {
list-style-type: none;
}


.cal {
margin-left : 185px;
}





.tweets {
width:200px;
padding-top:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #555555;
font-size: 11px;
line-height: 1.6em;
}

.right {
padding-left :2.4em ;
width : 200px;
}


.quotecontent{
font-size:30px;
color:#008000;
line-height:1.2em;
margin-right:555px;
}


.largequote{
font-size:30px;
color:#008000;
line-height:1.2em;
margin-right:555px;

}

.clearfix:after {
content : " ";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.clearfix {
display : inline-block;
}
html[xmlns] .clearfix {
display : block;
}
* html .clearfix {
height : 0%;
}


/* -----------------Nav  Styles-----------------*/


#top-navigation li a {
margin : 0;
padding : 0 0 0 20px;
font : bold 1em Georgia, "Times New Roman", Times, serif;
color : #798a60;
display : block;
}
#top-navigation li a:hover {
color : #685d42;
}
#top-navigation #h-friend a {
background : url(uploads/images/png/friend.png) no-repeat center left;
}
#top-navigation #h-contact a {
background : url(uploads/images/png/mail.png) no-repeat center left;
}
#top-navigation #h-videos a {
background : url(uploads/images/png/Movies.png) no-repeat center left;
}
#top-navigation #h-news a {
background : url(uploads/images/png/news.png) no-repeat center left;
}

#top-navigation #h-feed a {
background : url(uploads/images/png/rss.png) no-repeat center left;
}


/* ----------------------------------*/

/* -----------------Div Styles-----------------*/


div#dash {
border-bottom : 1px solid #000000;
border-top : 0;
border-left : 0;
border-right : 0;
border-style : dashed;
}

#fwrap {
width : 650px;
}


#container {
position:relative;
margin : 0 auto;
padding : 0;
width : 980px;
height : auto;
}
div#wrap {
background-color:#ffffff;
margin : 0;
}
div#content {
margin : 0 0 0 0;
}
div#main {
margin-left : 2%;
margin-right :2%;
}
div#sidebar {
float : right;
width : 28%;
display : inline;
margin-left : 2em;
}



#header-repeat {
margin : 0;
padding : 0;
width : 100%;
height : auto;
background : url(uploads/images/jpg/header-repeat.jpg) repeat-x top center;
}
#header-back {
margin : 0;
padding : 0;
width : 100%;
height : auto;
background : url(uploads/images/jpg/header-back1.jpg) no-repeat top center;
}
#header {
margin : 0;
padding : 0;
width : auto;
height : 230px;
}
#top-info {
margin : 0;
padding : 0;
width : 710px;
height : auto;
float : right;
}
#top-navigation {
margin : 0 20px 0 0;
padding : 0;
width : auto;
height : 60px;
list-style : none;
}
#top-navigation li {
margin : 0;
padding : 20px 15px;
width : auto;
height : 20px;
float : right;
}

#navigation {
margin : 15px 0 0 0;
padding : 0 0 3px 0;
background : url(uploads/images/navigation-bottom.gif) repeat-x bottom center;
}
#sub-navigation {
margin : 0;
padding : 0;
width : auto;
height : auto;
background : #4b3f26 url(uploads/images/sub-navigation.gif) repeat-x top center;
}
#sub-navigation ul {
margin : 0;
padding : 0;
list-style : none;
float : left;
}
#sub-navigation ul li {
margin : 0;
padding : 0;
width : auto;
height : auto;
float : left;
}

#sub-navigation li a {
margin : 0;
padding : 13px 15px;
font : 0.92em Verdana, Arial, Helvetica, sans-serif;
color : #c8bca6;
text-transform : uppercase;
display : block;
}
#sub-navigation li a:hover, #sub-navigation li.current_page_item a {
margin : 0;
padding : 13px 14px;
background : url(uploads/images/sub-navigation-hover.gif) repeat-x top center;
border-left : 1px solid #342b16;
border-right : 1px solid #342b16;
text-decoration : none;
color : #fcf7e2;
}



#horizontalarea {
clear: both;
text-align: center;
padding-bottom: .5em;
padding-top: 35px;
}

#horizontalcenter {
padding-left: 2%;
padding-right:2%;
}

#horizontalhome01 {
float : left;
background : url(uploads/images/icon_twitter.jpg) no-repeat top left;
margin-left: 2.5em;
margin-top: 2.5%;
margin-bottom: 2%;
text-align: left;
width: 115px;
}

#horizontalhome02 {
float: left;
margin-left:12.5em;
padding-left: 2.6em;
margin-top: 2.5%;
margin-bottom: 2%;
text-align: left;
width: 130px;
}

#horizontalhome03 {
float: left;
margin-left: 3.5em;
padding-left: 2.6em;
margin-top: 2.5%;
margin-bottom: 2%;
text-align: left;
width: 130px;
}

#horizontalhome04 {
float: left;

margin-left: 2.5em;
padding-left: 3.6em;
margin-top: 2.5%;
margin-bottom: 2%;
text-align: left;
width: 130px;
}

.funpic{position:absolute;
top:750px;
right:37px;
}

#movie{
position:absolute;
top:900px;
left:1em;
}



.sun{ position: absolute; top: 10px; left: 10px; }

#slide{
position:absolute;
top:1300px;
left:0px;
margin-bottom:5px;
}


#center{margin:0; padding:0;}


div#footer {
clear : both;
color : #fff;
background : #000000 url(uploads/images/jpg/footer.jpg) no-repeat;
height : 108px;
}
div#footer p a {
color : #fff;
}



/* ----------------------------------*/


/*-------------- Guestbook Style----------- */

#GB_overlay {
background-color : #000;
position : absolute;
margin : auto;
top : 0;
left : 0;
z-index : 100;
}
#GB_window {
left : 0;
top : 0;
font-size : 1px;
position : absolute;
overflow : visible;
z-index : 150;
}
#GB_window .content {
width : auto;
margin : 0;
padding : 0;
}
#GB_frame {
border : 0;
margin : 0;
padding : 0;
overflow : auto;
white-space : nowrap;
}
.GB_Gallery {
margin : 0 22px 0 22px;

}



.GB_Gallery .content {
background-color : #fff;
border : 3px solid #008000;
}
.GB_header {
top : 10px;
left : 0;

margin : 0;
z-index : 500;
position : absolute;
border-bottom : 2px solid #008000;
border-top : 2px solid #008000;
}
.GB_header .inner {
background-color : #333;
font-family : Arial, Verdana, sans-serif;
padding : 2px 20px 2px 20px;
}
.GB_header table {
margin : 0;
width : 97%;
border-collapse : collapse;
}
.GB_header .caption {
text-align : left;
color : #008000;
white-space : nowrap;
font-size : 20px;
}
.GB_header .close {
text-align : right;
}
.GB_header .close img {
z-index : 500;
cursor : pointer;
}
.GB_header .middle {
white-space : nowrap;
text-align : center;
}
#GB_middle {
color : #eee;
}
#GB_middle img {
cursor : pointer;
vertical-align : middle;
}
#GB_middle .disabled {
cursor : default;
}
#GB_middle .left {
padding-right : 10px;
}
#GB_middle .right {
padding-left : 10px;
}
.GB_Window .content {
background-color : #fff;
border : 3px solid #fff;
border-top : none;
}
.GB_Window .header {
border-bottom : 1px solid #aaa;
border-top : 1px solid #999;
border-left : 3px solid #ccc;
border-right : 3px solid #ccc;
margin : 0;
height : 22px;
font-size : 12px;
padding : 3px 0;
color : #333;
}
.GB_Window .caption {
font-size : 12px;
text-align : left;
font-weight : bold;
white-space : nowrap;
padding-right : 20px;
}
.GB_Window .close {
text-align : right;
}
.GB_Window .close span {
font-size : 12px;
cursor : pointer;
}
.GB_Window .close img {
cursor : pointer;
padding : 0 3px 0 0;
}
.GB_Window .on {
border-bottom : 1px solid #333;
}
.GB_Window .click {
border-bottom : 1px solid red;
}
/* --------------------------------------------*/










/* End of 'yogamain' */