/*  
Theme Name: Daily Theosophy 1
Theme URI: 
Description: A theme for Wordpress. Featuring threaded-comments, fixed-width, right-sidebar, custom-background, custom-header, featured-images, full-width-template, custom-menu, sticky-post, widget for sidebar and 3-column bottom menu, and translation-ready. To display the Featured Slider in homepage, go to your post, set the Featured Images and add category name 'Featured'. If there is no post in Featured category, the slider will not appear. Open readme.txt (included in the zip file) for more documentation.
Version: 1.0
Author: Toras
Author URI: http://www.templatepanic.com/
License: GNU General Public License
License URI: license.txt
Tags: threaded-comments, fixed-width, right-sidebar, two-columns, three-columns, white, custom-background, custom-header, featured-images, full-width-template, custom-menu, sticky-post, translation-ready
*/


/* ===================== import css ===================== */ 

@import "reset.css";
@import "nivo-slider.css";

/* ===================== general ===================== */ 

body { font: 500 16px/21px  Book Antiqua, FrankRuehl, Verdana, Tahoma, 'Trebuchet MS', Arial, sans-serif; color: #848539; text-align: justify; background: #6AB7B7 url(images/backgr4.jpg) no-repeat bottom center; background-attachment:fixed; }

.wrapper { background: #f7fbc6 url(images/bg-grad.png) repeat-x top center; padding: 0; margin: 20px auto; padding: 0; border: 1px solid #ababab; background: #f7fbc6; display: block; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); }

a { color: #6e9062; text-decoration: none; }
a:link { color: #6c9342; text-decoration: none; }
a:visited { color: #6c9342; text-decoration: none; }
a:hover { color: #d46433; text-decoration: underline; }
p { padding: 0 0 15px 0; }
p img { padding: 0; max-width: 100%; }

pre { margin: 10px 0; padding: 15px; background: #eee; border: 1px solid #ddd; clear: both; width: 578px; overflow: auto /*--If the Code exceeds the width, a scrolling is available--*/; overflow-Y: hidden /*--Hides vertical scroll created by IE--*/ ; }

small { font-size: 11px; line-height: 12px; }
strong { color: #111; }

h1, h2, h3, h4, h5, h6 { padding: 10px 0 0 0; margin: 0; color: #729ba9; font-family: Cambria, Eras Medium ITC, Book Antiqua, Adobe Garamond Pro, Papyrus, Book Antiqua, Georgia, Times; }
h1 { font-size: 32px; line-height: 36px; font-weight: 300; }
h2 { font-size: 28px; line-height: 32px; font-weight: 300; }
h3 { font-size: 22px; line-height: 28px; font-weight: 300; }
h4 { font-size: 20px; line-height: 24px; font-weight: 300; color: #000000}
h5 { font-size: 16px; line-height: 20px; font-weight: 300; color:#678a8e;}
h6 { font-size: 12px; line-height: 14px; font-weight: 300; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #5295ab; }

hr { display: ; }

ul, ol { margin: 0 0 20px 30px; padding: 0; }
ul { list-style: square; }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

input, textarea { font-family: Arial, Helvetica, Georgia, Sans-Serif; font-size: 12px; padding: 2px; }
input#s, input#author, input#email, input#url, textarea#comment { padding: 3px; }

input#author, input#email, input#url { margin: 0 5px 0 0; }

code { color: #008099; }
blockquote { display: block; margin: 25px 0; padding: 0 0 0 45px; clear: both; font-size: 14px; font-style: italic; background: url(images/quote.png) no-repeat; }

blockquote { display: block; margin: 25px 0; padding: 0 0 0 45px; clear: both; font-size: 14px; font-style: italic; background: url(images/quote.png) no-repeat; font-family: Georgia, Times; }
blockquote.pullquote, blockquote.pullquoteleft { font-size: 2em; line-height: 1em; font-style: italic; width: 200px; color: #a1a1a1; background-image: none; }
blockquote.pullquote { margin: 0 0 0 30px; border-left: 5px solid #eee; padding: 10px 0 10px 30px; }
blockquote.pullquoteleft { margin: 0 30px 0 0; border-right: 5px solid #eee; padding: 10px 30px 10px 0; text-align: right; }

table { border-collapse:; text-align: left; margin: 0 0 1.625em; width: 100%; }
tr th { font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; }
td {  padding: 5px 12px 5px 12px; }

.align_center { text-align: center; }

.space { height: 5px; }

.hometop {margin-top: -10px;}

div.divider { clear: both; display: block; height: 1px; padding-top: 20px; margin-bottom: 20px; border-bottom: 1px dashed #aaa; }
div.divider.no_border { border: none; }

.list_inline li { display: inline; margin: 0 5px 0 0; list-style: none; padding: 0; } /* for horizontal-list */

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

.wp-caption-text { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; }

.sticky { background: #f9f9f9; padding: 18px 20px; }
.gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }

#header, #content, #footer, .widget { overflow: hidden; }

/* ===================== framework ===================== */ 

.grid_0 { width: 980px; } 
.grid_4 { width: 880px; } 
.grid_02 { width: 490px; float: left; margin: 0; display: inline; } 
.grid_03 { width: 284px; float: left; margin: 0 7px; display: inline; } 

.grid_1 { width: 670px; float: left; margin: 0; display: inline; } 
.grid_12 { width: 290px; float: left; margin: 0 15px; display: inline; }

.grid_2 { width: 310px; float: left; margin: 0; display: inline; } 
.grid_22 { width: 120px; float: left; margin: 0 10px; display: inline; }

.grid_3 { width: 750px; float: left; margin: 0; display: inline; } 
.grid_31 { width: 220px; float: right; margin: 0; display: inline; }

.full { width: 100%; }
.half { width: 50%; }

.first { margin-left: 0; /* the first left column */ }
.last { margin-right: 0; /* the last right column */ }

.in20  { padding: 1px 25px 25px 25px;}
.in25 { padding: 25px; }
.in30 { padding: 30px 45px; }
.in30h { padding: 5px 45px; }

.next_menu {
		width: 100%;
		height:120px;
		margin: -75px 1px 0 243px;
}

.next_menu-bg {
		width: 100%;
		height:15px;
		margin: 30px 1px 0 180px;
}

.next_menu_bt {
		width: 90%;
		height: 50px;
		margin: 20px 1px 0 150px;




}




/* ===================== images ===================== */ 

img[class*="wp-image-"] { height: auto; max-width: 97.5%; }

img, img a { border: none; }

.alignleft { float: left; margin: 0 15px 5px 0; display: inline; }
.alignright { float: right; margin: 0 0 5px 15px; display: inline; }
.aligncenter { display: block; margin: 0 auto; clear: both; }

.wp-caption, .imgthumb, .entry img { border: 1px solid #ccc; text-align: center; background-color: #f9f9f9; padding: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; max-width: 600px; height: auto; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* ===================== header ===================== */ 

#header { margin: 0; height: 200px; background: url(images/header.png) no-repeat bottom center; }

#site-title, #site-title a { margin: 0 auto; padding-top: 40px; text-align: center; color: #111; text-shadow: #ccc 1px 1px; font-size: 50px; line-height: 50px; display: block; text-indent: -9999px; }

#site-title a { background: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; padding: 3px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }

#site-description p { margin: 70px auto 0; padding: 0px; text-align: center; font-size: 17px; font-style: ; color: #404589; font-family: 'Forum', Georgia, Times, Tahoma, 'Trebuchet MS', Arial, sans-serif; background: #fff; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 300px; }

/* ===================== top-nav and dropmenu ===================== */ 

#top-nav { background: url(images/top-nav.png); }
#menu { position: relative; z-index: 100; }
 
#dropmenu { margin: 0; padding: 0 0 0 30px; list-style-type: none; }
#dropmenu a { display: block; padding: 15px 15px; text-decoration: none; color: #fff; font-size: 10px; text-transform: uppercase; }
#dropmenu a:hover { display: block; padding: 15px 15px; text-decoration: none; color: #333; font-size: 12px; text-transform: uppercase; background: #d8c17b;}
#dropmenu ul { position: absolute; display: none; top: 40px; left: 0; padding: 9px; }
#dropmenu li { float: left; position: relative; list-style: none; }
#dropmenu ul ul { top: auto; }
#dropmenu li ul { top: 40px; left: -10px; margin: 0; position: absolute; z-index: 200; }
#dropmenu li ul a { width: 120px; height: auto; float: left; }
#dropmenu li ul ul { top: -10px; left: 140px; margin: 0; }
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display: none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display: block; }
#dropmenu ul li, #dropmenu li.active .children li.active ul li { background: #f1f1f1; border-top: 1px solid #ddd; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15); }
#dropmenu ul li:hover { background: #fff; }

/* ===================== rss-popup  ===================== */ 

.icon-popup { padding: 9px 0 10px 0; float: right; width: 32px; position: relative; }
div.icon-popup em { background: #fff; border: 1px solid #555; padding: 5px; position: absolute; top: -50px; left: -0px; text-align: center; z-index: 2; display: none; color: #555; } 
#rss-icon { width: 32px; height: 32px; background: url(images/rss32.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block; }

/* ===================== searchform ===================== */ 

#search { width: 190px; float: right; display: inline; padding-left: 40px; }
#s { background: url(images/bg-search.png) no-repeat; border: none; width: 140px; height: 20px; color: #777; font-size: 90%; font-style: italic; display: inline; float: left; }
#searchform { float: left; padding-top: 13px; padding-right: 20px; }
#searchform, #searchform div { position: relative; }
#searchsubmit { background: url(images/search-btn.png) no-repeat; height: 20px; width: 25px; border: none; text-indent: -999%; display: inline; float: left; }
form#searchform input#s { padding: 0 0 0 10px ; width: 125px; }

/* ===================== slider  ===================== */ 

#sliderbox { padding: 30px; width: 920px; height: 300px; background: url(images/bg-slider.jpg) no-repeat top center; }

.nivo-directionNav a { background:url(images/arrows.png) no-repeat; }
a.nivo-nextNav { background-position: -30px 0; right: 0; }
a.nivo-prevNav { left:0; }

/* ===================== intro  ===================== */ 

#intro { padding: 5px 40px 0 40px; background: #ededed url(images/bg-intro.jpg) no-repeat bottom center; color: #888; font-family: 'Forum', Georgia, Times; text-align: center; font-size: 18px; }
#intro a { color: #999; }

#intro .big { font-size: 26px; }
#intro .small { font-size: 11px; font-style: italic; text-align: left; font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif; color: #999; }

#ornament { margin: 0 0 0 2px; height: 90px; background: url(images/ornament-4.png) no-repeat top center; z-index: 200;} 

#ornament2 { margin: 0 0 0 2px; height: 90px; background: url(images/ornament-0.png) no-repeat top center; z-index: 200;} 

.ornament{
	position: relative;
	height: 98px;
	top: 0px;
	width: 100%;
	margin: 0 auto;
	background: url(images/ornament-4.png) no-repeat center;
	z-index: 200;
}
	


#post-title { text-align: center; width: 535px; margin: -110px auto 0 auto;} 
#post-title-bk { text-align: center; margin-top: -110px; width: 450px; margin-left: 110px;}

/* ===================== content  ===================== */ 

#spreuk { margin-top: -25px; width: 980px; height: 45px; display:block; background: url(images/tinrhtw.png) no-repeat top center; }
#spreuk a { margin-top: 10px; font-size: 20px; width: 980px; height: 40px; color: #70b2cb; font-family: 'Forum', Georgia, Times; text-align: center; display: block; text-indent:-9999px}

#content { margin-top: 15px; }
.post { margin-bottom: 30px; }
.read_more a { color: #079eb8; }

.entry { padding: 30px 0 0 0; }
.entry a { text-decoration: none; }
.entry a:link { text-decoration: none; }
.entry a:hover { text-decoration: underline; }

.meta_left { width: 80%; float: left; }
.meta_right { width: 20%; float: right; text-align: right; font-style: italic; }

.postmeta { font-size: 80%; border-bottom: 0px solid #ddd; margin: 0; padding: 0; background: #f9f9f9; color: #999; clear: both;
}
.postmeta a { text-decoration: none; color: #999; }

#nav-below { margin: 0 0 20px; padding: 10px; border-bottom: 1px solid #ccc; }
.nav-previous { float: left; width: 50%; }
.nav-next { float: right; text-align: right; width: 50%; }

/* ===================== sidebar ===================== */ 

#sidebar { color: #6c909c; background: url(images/bg-sidebar.jpg) repeat-y top left; text-align: left;}

#sidebar a { color: #8ba8af; }
#sidebar ul { padding: 0 20px; margin: 0; list-style: none; }
#sidebar ul li { border-bottom: 1px solid #eee; }
#sidebar ul li a { line-height: 22px; }
#sidebar ul li li { padding-left: 10px; border-bottom: 1px solid #eee; }
#sidebar-left ul, #sidebar-right ul { padding-bottom: 10px; }
#sidebar h4, #sidebar h4 a { border-bottom: 2px solid #ddd; margin: 10px 0 10px; color: #555; }

#sidebar-bot { background: url(images/bg-sidebar-bottom.jpg) no-repeat top left; height: 190px; width: 310px; float: right; }
#sidebar-botsmall{ background: url(images/bg-sidebar-bottom.png) no-repeat top left; height: 190px; width: 220px; float: right; }

/* ===================== ads ===================== */ 

#ads { background: #f1f1f1; padding-bottom: 10px; margin-bottom: 20px; }
#ads ul { list-style: none; padding: 0; overflow: hidden; width: 100%; border: none; }
#ads ul li { border: none; display: inline; }
#ads ul li a img { margin: 5px 0; }

/* ===================== bottom-menu ===================== */ 

#lijnblauw { background: url(images/lijn-theosophy.png) no-repeat top left; height: 0px; width: 980px;}

#lijntop {border-top: 1px solid #ddd; }

#bottom-menu { 
	background: #f1f1f1;
	width: 100%;
	margin-top: -7px;
	list-style-type: none; 
	border-top: 1px solid #fffb91;
	border-bottom: 1px solid #ddd;}


#bottom-menu ul { margin: 0; padding: 0 0 10px 0; list-style: none; }
#bottom-menu ul li { border-bottom: 0px solid #ccc; }
#bottom-menu ul li a { line-height: 22px; }
#bottom-menu ul li li { padding-left: 10px; border-bottom: 1px solid #ccc; }
#bottom-menu h4 { border-bottom: 0px solid #ddd; margin-bottom: 10px; }

/* ===================== footer ===================== */ 
#footerimage {background: url(images/stellar-sun.jpg) no-repeat top left; height: 70px; width: 980px; border-bottom: 1px solid #ccc;}
#footer { background: #C08F2F; }
#footer a { color: #ddd; }
#footer-left p { color: #ccc; text-align: left; padding: 7px 30px; font-size: 80%; }
#footer-right p { color: #ccc; text-align: right; padding: 7px 30px; font-size: 80%; }

/* ===================== pagenavi ===================== */ 

#pagenavi { clear: both; text-transform: uppercase; margin: 0 0 30px; }
#pagenavi a { padding: 3px 5px; margin: 2px; text-decoration: underline; }
#pagenavi span { padding: 3px 5px; margin: 2px; }
#pagenavi a:hover, #pagenavi span.current { color: #111; }
#pagenavi span.current { font-weight: bold; }

/* ===================== calendar ===================== */ 

table#wp-calendar { width: 100%; text-transform: none; padding-top: 0; margin-top: 0; }
table#wp-calendar caption { padding: 0 10px 10px; }
table#wp-calendar th { padding: 0; text-align: center; background: #EEEEEE; }
table#wp-calendar td { padding: 0; text-align: center; }

/* ===================== comments ===================== */ 

.comments {margin: 10px 0;}
.comments h3 {margin:50px 0 30px 0;font-size:24px;}

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border: 1px solid #ddd; padding:1em; margin-bottom: 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font-size:20px;}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:left; margin:0 1em 1em 0; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; margin-bottom: 10px;}
ol.commentlist li div.comment-meta a { color: #aaa; }
ol.commentlist li p { margin: 0; }
ol.commentlist li ul { list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { margin: 0 0 10px; padding: 1em; border: 1px dashed #ccc; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd {}

/* ===================== comment form ===================== */ 

#respond { background: #f1f1f1; border: 1px solid #ddd; -moz-border-radius: 3px; border-radius: 3px; margin: 0 auto 1.625em; padding: 10px; position: relative; width: 68.9%; }

#respond input[type="text"],
#respond textarea { background: #fff; border: 4px solid #eee; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); position: relative; padding: 10px; text-indent: 80px; }

#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment { position: relative; }

#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label { background: #eee; color: #555; display: inline-block; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; z-index: 1; }

#respond input[type="text"]:focus,
#respond textarea:focus { text-indent: 0; z-index: 1; }
#respond textarea { resize: vertical; width: 95%; }
#respond .comment-form-author .required,
#respond .comment-form-email .required { color: #bd3500; font-size: 22px; font-weight: bold; left: 75%; position: absolute; top: 45px; z-index: 1; }
#respond .comment-notes,
#respond .logged-in-as { font-size: 13px; }
#respond p { margin: 10px 0; }
#respond .form-submit { float: right; margin: -20px 0 10px; }
#respond input#submit { background: #454545; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #eee; cursor: pointer; margin: 20px 0; padding: 5px 42px 5px 22px; position: relative; left: 30px; }
#respond input#submit:active { background: #1982d1; color: #bfddf3; }
#respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; }
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover { text-decoration: underline; }
.commentlist #respond { margin: 1.625em 0 0; width: auto; }
#reply-title { color: #373737; font-size: 20px; }
#cancel-comment-reply-link { color: #888; display: block; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; }
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover { color: #ff4b33; }
#respond label { line-height: 2.2em; }
#respond input[type=text] { display: block; height: 24px; width: 75%; }
#respond p { font-size: 12px; }
p.comment-form-comment { margin: 0; }
.form-allowed-tags { display: none; }

.trackback { margin: 0 0 10px; padding: 1em; border: 1px dashed #ccc; }

/* ===================== forms ===================== */ 

.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { padding:10px; }

ol.forms { float: left; list-style: none; margin: 0; width: 90%; }
ol.forms li { clear: both; float: left; margin-bottom: 18px; position: relative; width: 90%; }
ol.forms label { cursor: pointer; display: block; float: left; font-weight: bold; padding-right: 20px; width: 100px; }
ol.forms input, ol.forms textarea { border: 1px solid #ccc; border-radius: 3px; font: inherit; -moz-border-radius: 3px; padding: 2px; -webkit-border-radius: 3px; width: 214px; }
ol.forms textarea { height: 300px; width: 334px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #fff; border-color: #aaa; }
.error { color: red; }
ol.forms li { list-style: none;}
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error { display: block; position: absolute; right: 0; top: 0; width: 100px; }
ol.forms li.screenReader { margin-bottom: 0; }

ol.forms li.inline { float: left; width: 460px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }

/* ===================== css3/buttons ===================== */ 

.rounded { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: 5px 18px 4px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 5px 10px 5px 0; text-shadow: 0 1px 1px #555; font-variant: normal; color: #f2f2f2; }
.button:hover { text-decoration: none; color: #f2f2f2; }
.button:active { position: relative; top: 1px; }
a.button { color: #f2f2f2; text-decoration: none; } 
a.button:hover { color: #f2f2f2; text-decoration: none; } 
	
.black { border: none; background: #383838; background: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#333333)); background: -moz-linear-gradient(top,  #686868,  #333333); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#686868', endColorstr='#333333'); }
.black:hover { background: #383838; background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#686868)); background: -moz-linear-gradient(top,  #333333,  #686868); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#686868'); }

/* ===================== framework fluid width ===================== */ 

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth { position: relative; float: left; display: inline; overflow: hidden; margin-right: 4%; }

.first { margin-left: 0; /* the first left column */ }
.last { margin-right: 0; clear: right; /* the last right column */ }