/*
------------------------------------------------------------------------
Theme Name: 	WP Remix
Author URI:		http://www.premiumthemes.net/
Description:   	The WordPress Master Theme. One Theme, Many Possiblities
Version:       	2.0.2
Author:        	R.Bhavesh
Author URI:    	http://cssace.com/
------------------------------------------------------------------------

Support:       WP Remix, http://wpremix.com/support
Updated:       July 15, 2008
Copyright:     (c) 2008 WP Remix, an endeavour by R.Bhavesh

All rights reserved.
*/

@import url("css/misc.css");		/* css reset - do not edit this */
@import url("css/dropmenu.css");	/* styling dropdown menu */
@import url("css/homepages.css");	/* styling homepage templates */
@import url("css/innerpages.css");	/* styling innerpage templates */
@import url("css/blog-common.css");		/* styling blog */
@import url("css/header.css");		/* header option styling blog */
@import url("css/sidebars.css");		/* styling blog */
@import url("css/footer.css");		/* footer option */
@import url("css/blog.css");		/* styling blog */
@import url("css/color-default.css");		/* styling color schemes css  */



/*////////////////////////////////////]=  Browser Resets - based on work by Eric Meyer  [////////////////////////////////////////*/
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, 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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
:focus { /* remember to define focus styles! */
	outline:none;
	}
body {
	line-height:1em;
	color:#666;
	background:#fff url(images/tjk_body_bg.png) 0 34px repeat-x;
	}
ol, ul {
	list-style:none;
	}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse:separate;
	border-spacing:0;
	}
caption, th, td {
	text-align:left;
	font-weight:normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	}
blockquote, q {
	quotes:"" "";
	}


/*////////////////////////////////////]  Global Classes  [////////////////////////////////////*/
/* PiE Clearfix */
.clearfix {
	display:inline-block;
	}   
.clearfix:after, .container:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
	}
* html .clearfix {
	height:1%;
	}
.clearfix {
	display:block;
	}

/* Alerts & Notices */
.alert_red {
	margin:5px 0 10px;
	padding:5px 10px;
	border:1px solid #dd3c10;
	background:#ffebe8;
	}
.alert_yellow {
	margin:5px 0 10px;
	padding:5px 10px;
	border:1px solid #e2c822;
	background:#fff9d7;
	}
.alert_blue {
	margin:5px 0 10px;
	padding:5px 10px;
	border:1px solid #b8ccf6;
	background:#f4f9ff;
	}
.alert_green {
	margin:5px 0 10px;
	padding:5px 10px;
	border:1px solid #84cb93;
	background:#e9ffed;
	}
.alert_red h1, .alert_yellow h1, .alert_blue h1, .alert_green h1,
.alert_red h2, .alert_yellow h2, .alert_blue h2, .alert_green h2,
.alert_red h3, .alert_yellow h3, .alert_blue h3, .alert_green h3,
.alert_red h4, .alert_yellow h4, .alert_blue h4, .alert_green h4 {
	margin:0 0 10px;
	padding:0;
	}
.alert_red ul, .alert_yellow ul, .alert_blue ul, .alert_green ul,
.alert_red ol, .alert_yellow ol, .alert_blue ol, .alert_green ol {
	margin:0 0 5px 10px;
	padding:0;
	}
.alert_red p, .alert_yellow p, .alert_blue p, .alert_green p {
	margin:0;
	padding:0;
	}
.alert_red p + h1, .alert_yellow p + h1, .alert_blue p + h1, .alert_green p + h1,
.alert_red p + h2, .alert_yellow p + h2, .alert_blue p + h2, .alert_green p + h2,
.alert_red p + h3, .alert_yellow p + h3, .alert_blue p + h3, .alert_green p + h3,
.alert_red p + h4, .alert_yellow p + h4, .alert_blue p + h4, .alert_green p + h4,
.alert_red p + ul, .alert_yellow p + ul, .alert_blue p + ul, .alert_green p + ul,
.alert_red p + ol, .alert_yellow p + ol, .alert_blue p + ol, .alert_green p + ol,
.alert_red ul + p, .alert_yellow ul + p, .alert_blue ul + p, .alert_green ul + p,
.alert_red ol + p, .alert_yellow ol + p, .alert_blue ol + p, .alert_green ol + p,
.alert_red ul + ul, .alert_yellow ul + ul, .alert_blue ul + ul, .alert_green ul + ul,
.alert_red ol + ol, .alert_yellow ol + ol, .alert_blue ol + ol, .alert_green ol + ol,
.alert_red ol + ul, .alert_yellow ol + ul, .alert_blue ol + ul, .alert_green ol + ul,
.alert_red ul + ol, .alert_yellow ul + ol, .alert_blue ul + ol, .alert_green ul + ol,
.alert_red p + p, .alert_yellow p + p, .alert_blue p + p, .alert_green p + p {
	margin:10px 0 0;
	}

/* Display */
.block {
	display:block!important;
	}
.inline {
	display:inline!important;
	}
.hide {
	display:none!important;
	}
.hidden {
	visibility:hidden!important;
	}
.absolute {
	position:absolute!important;
	}
.relative {
	position:relative!important;
	}

/* Floats */
.float_left {
	float:left;
	}
.float_right {
	float:right;
	}
.clear_left {
	clear:left;
	}
.clear_right {
	clear:right;
	}
.clear_both {
	clear:both;
	}

/* Fonts & Text */
.text_center {
	text-align:center;
	}
.lowercase {
	text-transform:lowercase;
	}

/* Images */
.image_align_left {
	margin:4px 10px 8px 0;
	padding:1px;
	border:1px solid #dfdfdf;
	float:left;
	background:#fff;
	}
.image_align_right {
	margin:4px 0 8px 10px;
	padding:1px;
	border:1px solid #dfdfdf;
	float:right;
	background:#fff;
	}

/* Rules */
hr {
	display:none;
	}


/*////////////////////////////////////]  Typography  [////////////////////////////////////*/
p {
	margin:0 0 15px;
	line-height:18px;
	}
h1, h2, h3, h4, h5, ul, ol, blockquote p {
	padding:10px 0 5px;
	font-weight:normal;
	}
h1 {
	color:#344;
	}
h2 {
	color:#566;
	}
h3 {
	color:#788;
	}
a {
	text-decoration:none;
	color:#16e;
	}
a:hover {
	text-decoration:none;
	color:#27a;
	}
strong {
	font-weight:bold!important;
	color:#333;
	}
em {
	font-style:italic;
	color:#444;
	}
sup {
	font-size:smaller;
	position:relative;
	top:-.5em;
	}

/*////////////////////////////////////////]=  TJK Styles  [////////////////////////////////////////*/	

body {
	height:100%;
	overflow:visible;
	}

	
/* Overlay */
#overlay {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:34px;
	left:0;
	z-index:2;
	background:url(images/tjk_overlay_bg2.png) center top no-repeat;
	}
#meta_overlay {
	width:288px;
	height:34px;
	display:block;
	position:absolute;
	top:0;
	left:97px;
	z-index:2;
	background:url(images/tjk_meta_overlay.png) center top no-repeat;
	}

/* Meta */
#meta_wrap {
	margin:0;
	padding:0;
	width:100%;
	height:34px;
	position:relative;
	z-index:2;
	background:url(images/tjk_meta_bg.png) 0 0 repeat-x;
	}
#meta {
	margin:0 auto;
	width:840px;
	height:34px;
	position:relative;
	top:-34px;
	z-index:2;
	}
#meta_wrap #umass_logo {
	margin:0;
	padding:0;
	float:left;
	position:relative;
	z-index:3;
	}
#meta_wrap #umass_logo a {
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:151px;
	height:34px;
	display:block;
	background:url(images/tjk_meta_umass.png) 0 0 no-repeat;
	}
#meta_wrap form {
	float:right;
	position:absolute;
	top:5px;
	right:10px;
	z-index:3;
	}
#meta_wrap form legend,
#meta_wrap form label {
	display:none;
	}
#meta_wrap ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	}
#meta_wrap ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	background:none;
	}
#meta_wrap form input {
	font:normal 11px "lucida grande", tahoma, helvetica, sans-serif;
	}
#meta_wrap form input.input_text {
	margin:0 5px 0 0;
	padding:4px;
	border:1px solid #243b5a;
	color:#333;
	background:#fff;
	}

/* Wrapper */
body #wrapper {
	min-height:500px;
	height:auto!important;
	height:500px;
	}

/* Header */
body #wrapper #header1 {
	padding:10px 0;
	height:118px;
	background-position:right 10px;
	background-repeat:no-repeat;
	}
body #wrapper #header1.header_class_1 {
	background-image:url(photos/chef-buffet-245x118.jpg);
	}
body #wrapper #header1.header_class_2 {
	background-image:url(photos/chef-kitchen-245x118.jpg);
	}
body #wrapper #header1.header_class_3 {
	background-image:url(photos/dessert-plate-245x118.jpg);
	}
body #wrapper #header1.header_class_4 {
	background-image:url(photos/honor-guard-245x118.jpg);
	}
body #wrapper #header1.header_class_5 {
	background-image:url(photos/umass-pond-chapel-245x118.jpg);
	}
body #wrapper #header1 .h_left {
	margin:0;
	width:auto;
	height:75px;
	float:none;
	}
#logo {
	margin:0!important;
	margin:0 0 -49px;
	padding:0;
	width:176px;
	height:167px;
	position:relative;
	top:-49px;
	left:-8px;
	z-index:4;
	}
#logo a {
	text-indent:-9999px;
	width:176px;
	height:167px;
	display:block;
	background:url(images/tjk_logo_large.png) 0 0 no-repeat;
	}
#sub_logo {
	width:415px;
	height:76px;
	display:block;
	position:absolute;
	top:30px;
	left:181px;
	background:url(images/tjk_sub_logo4.png) 0 0 no-repeat;
	}

/* Nav */
body #wrapper #nav {
	width:100%;
	height:auto;
	float:left;
	background:#e3eff3; /*d2f2e2 - green */
	}
body #wrapper #nav ul {
	height:auto;
	}
body #wrapper #nav ul li {
	height:auto;
	}
body #wrapper #nav ul li a {
	padding:2px 18px;
	border:none;
	color:#0a88c2;
	background:#e3eff3; /*d2f2e2 - green */
	}
body #wrapper #nav ul li a:hover {
	color:#16b;
	background:#c6e2ee; /*aeefcf - green */
	}

/* Content */
body #wrapper #content-wrap {
	padding:10px 0 0;
	width:840px;
	float:left;
	}
body #wrapper #content-wrap #content h1 {
	padding:0 0 5px;
	font-size:2.5em;
	font-weight:normal;
	color:#2a3;
	}
body #wrapper #content-wrap #content h1 a {
	text-decoration:none;
	color:#2a3;
	}
body #wrapper #content-wrap .posts h2,
body #wrapper #content-wrap .posts h2 a {
	color:#0d5588;
	}
body #wrapper #content-wrap .posts h2 a:hover {
	text-decoration:underline;
	color:#27a;
	}

/* Sidebar */
body #wrapper #sidebar {
	margin:0;
	padding-left:15px;
	width:245px;
	list-style:none;
	float:left;
	}
body #wrapper #sidebar li {
	margin:0;
	padding:0 0 20px;
	border:none;
	font-family:"lucida grande", tahoma, helvetica, sans-serif;
	line-height:normal;
	list-style:none;
	width:245px;
	float:left;
	clear:left;
	}
body #wrapper #sidebar li h2 {
	margin:0;
	padding:0 0 5px;
	border:none;
	font-size:1.5em;
	font-weight:normal;
	color:#8cc63f;
	}
body #wrapper #sidebar li ul {
	margin:0;
	padding:0 0 0 5px;
	width:240px;
	}
body #wrapper #sidebar li li {
	margin:0;
	padding:0;
	line-height:normal;
	}

/* Search Widget */
body #wrapper #sidebar li#search {
	height:auto;
	}
body #wrapper #sidebar li#search #search_wrap form#search_form fieldset ul {
	padding:0;
	width:245px;
	}
body #wrapper #sidebar li#search #search_wrap form#search_form fieldset ul li {
	width:auto;
	display:inline;
	float:none;
	clear:none;
	}
body #wrapper #sidebar li#search #search_wrap form#search_form fieldset ul li label {
	display:none;
	}
body #wrapper #sidebar li#search #search_wrap form#search_form fieldset ul li input.input_text {
	padding:5px;
	border:1px solid #dfdfdf;
	width:179px;
	background:#fff;
	}
body #wrapper #sidebar li#search #search_wrap form#search_form fieldset ul li input.input_submit, 
body #wrapper #sidebar li#search #search_wrap form#search_form fieldset ul li input.input_submit:focus {
	padding:2px 7px;
	border:3px double #ccc;
	border-top-color:#ccc;
	border-right-color:#888;
	border-bottom-color:#888;
	border-left-color:#ccc;
	font-size:1em;
	width:45px;
	outline:none;
	color:#222;
	background:#e8e8e8 url(images/tjk_input_button_bg.png) 0 0 repeat-x;
	}
body #wrapper #sidebar li#search #search_wrap form#search_form fieldset ul li input.input_submit:active {
	background:#f4f4f4;
	border:3px double #ccc;
	border-left-color:#999;
	border-top-color:#999;
	outline:none;
	}


/* Links Widget */
body #wrapper #sidebar li.widget_links ul.blogroll {
	padding:0;
	width:245px;
	}
body #wrapper #sidebar li.widget_links ul.blogroll li {
	font-size:.9em;
	}
body #wrapper #sidebar li.widget_links ul.blogroll li a {
	padding:5px;
	border-bottom:1px solid #e8e8e8;
	width:235px;
	display:block;
	}
body #wrapper #sidebar li.widget_links ul.blogroll li a:hover {
	text-decoration:none;
	color:#16e;
	background:#f2f4f7;
	}

/* Footer */
body #footer {
	position:relative;
	z-index:5;
	background:#fff;
	}
body #footer #footer-in {
	padding:10px 0 0!important;
	padding:10px 0;
	border-top:1px solid #dfdfdf;
	width:840px;
	float:left;
	color:#888;
	}
body #footer #footer-in p {
	font-size:.9em;
	color:#888;
	}
body #footer #footer-in #flinks {
	margin:0;
	}
body #footer #footer-in #flinks li a {
	color:#888;
	}
body #footer #footer-in #flinks li a:hover {
	text-decoration:underline;
	color:#333;
	}


#agenda_wrap h2 {
	margin:25px 0 5px;
	}
#agenda_wrap #agenda_legend {
	margin:0 0 20px;
	width:558px;
	float:left;
	}
#agenda_wrap #agenda_legend ul li {
	list-style:none;
	width:110px;
	float:left;
	background:none;
	}


/*////////////////////////////////////////]=  WPremix Styles  [////////////////////////////////////////*/

body {
text-align:center;
font:normal 12px "lucida grande", tahoma, helvetica, sans-serif;
}
/* Links -----------------------------------------------------------------------*/
a {
outline:none;
}
ul {
list-style:none;
}
.clear {
clear:both;
}
.bold {

font-weight:bold;
}
p.aright {
text-align:right;
}
.italic {
font-style:italic;
}
/* section alignment --------- */

.alignleft {
float:left;
}
.alignright {
float:right;
}
/* image alignment left, right & center --------- */

.imgleft {
float:left;
margin:0 12px 12px 0;
padding:3px;
}
.imgright {
float:right;
margin:0 0 12px 12px;
padding:3px;
}
.imgleft_n {
float:left;
margin:0 40px 12px 0;
padding:3px;
}
.img_center {
margin:10px 0;
padding:5px;
}
code {
font-size:12px;
}
/* blog & content css common ---------------------------------------------------- */

h1 {
font-size:28px;
font-weight:400;
margin:0 0 12px;
padding:0 0 5px;
}
h2 {
font-size:24px;
font-weight:400;
margin:0 0 8px;
padding:0;
}
h2 a {
text-decoration:none;
}
h2 a:hover {
text-decoration:none;
}
h3 {
font-size:20px;
font-weight:400;
margin:0 0 5px;
padding:0;
}
h4 {
font-size:16px;
font-weight:700;
margin:15px 0 5px;
padding:0 0 5px;
}
h5 {
font-size:14px;
font-weight:700;
margin:0 0 10px;
padding:0;
}
h6 {
font-size:12px;
font-weight:700;
margin:5px 0;
padding:0 0 5px;
}
p {
font-size:12px;
line-height:18px;
margin:0 0 15px;
}
/*
p a {
text-decoration:none;
}
*/
ul {
	font-size:12px;
	margin:0 0 15px 15px;
	padding:0;
	}
ul li ul {
	margin:8px 0 5px;
	padding:0;
	}
ol {
	line-height:18px;
	font-size:12px;
	background:none;
	margin:0 0 0 5px;
	padding:0 0 10px 20px;
	}
ol li {
	background:none;
	list-style-type:decimal;
	margin:0 0 5px;
	padding:0;
	}
li.alpha {
	margin-bottom:15px;
	list-style-type:upper-alpha;
	}
ol li ol,
ol li ul {
	margin:8px 0 5px 24px;
	padding:0;
	}
blockquote {
	background:url(images/quote2.png) no-repeat;
	background-position:5px 8px;
	margin-bottom:10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:18px;
	padding:5px 0px 5px 30px;
	margin-bottom:10px;
}
blockquote p { font:bold 12px Arial, Helvetica, sans-serif;  }
.clientname {
	font-size:11px; font-weight:normal; color:#666;
	margin-bottom:12px;
}

li,
ul li ul li,
ol li ul li {
	line-height:18px;
	margin:0 0 5px;
	padding:0 0 0 12px;
	}
/* instruction elements -------------------------------------- */
address {
font-style:italic;
}
p.alert,p.download,p.info,p.note {
margin:10px 0 0;
padding:10px 10px 10px 36px;
}
p.alert {
padding:10px 10px 10px 36px;
}

/* STRUCTURE ----------------------------------*/
#header {
height:65px;
margin:0 auto;
}
#content-wrap {
}
#wrapper {
	text-align:left;
	width:840px;
	margin:39px auto 0;
	padding:0 10px;
	height:100%;
	position:relative;
	z-index:3;
	}
#main {
overflow:hidden;
clear:both;
}
#main .subcolumns {
width:400px;
}
#content {
width:580px;
padding-bottom:10px;
}
#content2 {
width:560px;
}
#content, #content2 { 
float:left;
}
#sidebar {
width:240px;
margin-bottom:15px;
}
#sidebar2 {
width:260px;
margin-bottom:15px;
}
#sidebar, #sidebar2 {
float:right;
}



#footer {
clear:both;
text-align:left;
width:840px;
margin:0 auto;
padding:5px 10px;
}
#sidebar span {
font-size:12px;
}
#content .subcolumns,#sidebar .subcolumns {
width:280px;
}
/* Header Section  ----------------------------------*/
#header .logo {
font:25px "Arial Black", Arial, Helvetica, sans-serif;
color:#fff;
margin-top:5px;
text-transform:uppercase;
float:left;
}
#header .h_left {
float:left;
width:320px;
}
#header .description {
font:12px Arial, Helvetica, sans-serif;
clear:both;
margin-top:-5px;
}
/* ------------------------------  footer ---------------------------------------  */

#footer p {
font-size:12px;
line-height:20px;
float:left;
margin:5px 0;
padding:0;
}
#footer span {
margin-top:-8px;
font-size:11px;
padding-left:1px;
}
#footer span a {
text-decoration:none;
}
#footer span a:hover {
text-decoration:none;
}
#flinks {
list-style:none;
float:right;
}
#flinks li {
display:inline;
font-size:11px;
line-height:26px;
text-align:right;
padding:0 5px;
}
#flinks li a {

text-decoration:none;
}
#flinks li a:hover {
display:inline;
}
/* TOP SEARCH FORM -----------------------------------------------------------------------*/
#search {
float:right;
margin-top:20px;
width:205px;
height:21px;
padding:2px 0 0 15px;
}
* html #search {
width:208px;
overflow:hidden;
}
#search .s {
width:170px;
float:left;
margin-right:5px;
padding:2px;
}
#searchform .sgo {
width:26px;
height:23px;
margin:-2px 0 0;
}
/* Root = Horizontal, Secondary = Vertical ------------------------------------------------ */

#nav {
width:840px;
height:28px;
position:relative;
margin:0 auto 5px;
}
#nav .rss {
font:bold 12px Arial, Helvetica, sans-serif;
padding-left:18px;
position:absolute;
top:7px;
right:8px;
}

/* breadcrumb start -----------------------------------------------------------------------*/
 
#content-wrap .breadcrumb{
font:10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align:left;
clear:both;
line-height:25px;
padding-left:5px;
margin-bottom:10px;
}
a.button {
margin-bottom:8px;
font-weight:700;
font-size:12px;
padding:3px 15px 3px 10px;
}

.submit {
margin-bottom:8px;
font-weight:700;
font-size:12px;
cursor:pointer;
padding:3px 15px 3px 10px;
}
.postads {
text-align:center;
overflow:hidden;
height:100%;
margin-bottom:25px;
}
.small { font-size:11px; color:#666; }
.small a { color:#666; }
.small a:hover { color:#000; }


/*------- Demo  ---------*/

#demotop { background:#000; height:50px; overflow:hidden; } 
#demotop-in { width:860px; margin:0 auto;  }
#demotop-in h5 { float:left; font:bold 14px Georgia, "Times New Roman", Times, serif; color:#fff; margin:0; padding:8px 0 0 0; }
#demotop-in p { font-size:11px; color:#9f9f9f; clear:both;  float:left; }

.img_button {
	position:relative;
	display:block;
	font-size:12px;
}
.img_button span {
	height:100%;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	cursor:pointer;
}
.img_button span a {
	display:block;
}

.b_purchasedownload2 {
	top:9px;
	right:0;
	float:right;
}
.b_purchasedownload2 span, .b_purchasedownload2 span a {
	background:url(images/b_purchasedownload2.png) no-repeat;
}
.b_purchasedownload2 span a, .b_purchasedownload2 {
	width:190px;
	height:32px;
}
.b_purchasedownload2 span:hover {
	background-position:0 -32px;
}