/*
Theme Name: Simple Magazine
Theme URI: http://templates.arcsin.se/
Description: A simple and lightweight magazine styled theme. There is a <a href="http://templates.arcsin.se/simple-magazine-3-columns-wordpress-theme/">three column version</a> available as well. Based on the <a href="http://templates.arcsin.se/simple-magazine-website-template/">Simple Magazine Website Template</a>.
Version: 1.0
Author: Viktor Persson
Author URI: http://arcsin.se/
Last updated: 2009-11-25
*/
/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}

/* 
   General 
------------------------------------------------------------------- */

/* ---------- @ Nav -----------*/

@import url('css/nav.css');

html {
	-webkit-font-smoothing: antialiased;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	background: url("images/bg.gif") top left;
	margin: 0;  
	padding: 0;  
	color: #555;
	font-size: 90.5%;
	font-family: Georgia, Verdana, Geneva,"NolobeLight", "avemedium", "Avenir LT Std", "Avenir LT Pro", "Avenir", 'HelveticaNeue', 'Helvetica Neue', "Lucida Sans Unicode", arial, sans-serif, Helvetica;
	font-weight: normal;
	position:relative;
	background-position: top;
}

body, html {
	height: 100%;
	line-height:1.8em;
	font-family: Georgia, Verdana, Geneva,"NolobeLight", "avemedium", "Avenir LT Std", "Avenir LT Pro", "Avenir", 'HelveticaNeue', 'Helvetica Neue', "Lucida Sans Unicode", arial, sans-serif, Helvetica;
	margin:0;
	padding:0;
	position:relative;
	color:#555;
	background: url("images/bg.gif") top left;
}

/*

Firefox scrollbar fix*/
}

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #000;
	margin: 0 auto;
	width: 940px;
	display:block;
	float:left;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#access a {
	display:block;
	text-decoration:none;
	color:#aaa;
	padding:0 10px;
	line-height:38px;
}
#access ul ul {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;	
}
#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	background:#333;
	height:auto;
	line-height:1em;
	padding:10px;
	width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {
	color:#fff;
	background:#333;
}
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
}

/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 2.6em; font-family: Century gothic, Helvetica, Arial,sans-serif;margin-bottom: 1em; border-bottom: 4px solid #808080; position:relative; display:block; margin: 4px 0 12px;}
h2 {font-size: 2.4em; font-family: Century gothic, Helvetica, Arial,sans-serif;margin-bottom: 1em; border-bottom: 4px solid #808080; position:relative; display:block; margin: 4px 0 12px;}
h3 {font-size: 1.5em; font-family: 'KulminoituvaRegular', "KulminoituvaRegular","NolobeLight", Helvetica, Arial,sans-serif;margin-bottom: 1em; border-bottom: 4px solid #808080; position:relative; display:block; margin: 4px 0 12px;}
h4 {font-size: 1.3em; font-family: 'KulminoituvaRegular', "KulminoituvaRegular","NolobeLight", Helvetica, Arial,sans-serif;margin-bottom: 1em; border-bottom: 4px solid #808080; position:relative; display:block; margin: 4px 0 12px;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

.ha1 {font-size: 2.6em; font-family: KulminoituvaRegular, kulminoituva-webfont.ttf, kulminoituva-webfont.eot, kulminoituva-webfont.woff, KulminoituvaRegular, 'KulminoituvaRegular', Century gothic, Helvetica, Arial,sans-serif;margin-bottom: 1em; border-bottom: 4px solid #808080; position:relative; display:block; margin: 4px 0 12px;}


.bold {
	font-weight: bold;
}

.bold-blue {
	font-weight: bold;
	color: #4fc1e1;
}

.normal-blue {
	font-weight: normal;
	color: #4fc1e1;
}


.bold-dark-blue {
	font-weight: bold;
	color: #1d272f;
}

.GarageLightGreen {
	color: #c4df9b;
}

.GarageLightBlue {
	color: #7e8c98;
}

.GarageBlue {
	color: #a1c3db;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 20px;
	font-weight:200;
	color: #fff;
	font: 18px/26px 'LuxiSansBoldOblique', Verdana, sans-serif; 
	text-shadow: 1px 1px 0 rgba(255,255,255,0.15);
	padding: 4px 10px;
	border: 1px solid rgba(255,255,255,0.50);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.70);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,1);	
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.60);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */

@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(255,255,255,1);
	}
}


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

   link-icons.css
   * Icons for links based on protocol or file type.

   See the Readme file in this folder for additional instructions.
body a.noicon {
  background:transparent none !important;
  padding:0 !important;
  margin:0 !important;
}


a[href^="mailto:"], a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"],
a[href$=".zip"], a[href^="aim:"] {
  background-repeat: no-repeat;
  background-position: right center;
  padding-left: 18px;
}


a[href^="mailto:"]        {background-image: url(icons/email.png);}

a[href$=".pdf"]   {background-image: url(icons/pdf.png);}
a[href$=".doc"]   {background-image: url(icons/doc.png);}
a[href$=".xls"]   {background-image: url(icons/xls.png);}


a[href$=".rss"],
a[href$=".zip"]   {background-image: url(icons/arrow.gif);}
a[href^="aim:"]   {background-image: url(icons/im.png);}


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

/* Use this class if for font. */


@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz'), url('http://themes.googleusercontent.com/font?kit=YDAoLskQQ5MOAgvHUQCcLdZ76ZYKVLHIjRQjrp3kYFc') format('truetype');
}

@font-face {
  font-family: 'avemedium';
  src: url('http://sripengantin.com/fonts/avemedium.otf') format("opentype");
}

@font-face {
  font-family: 'avelight';
  src: url('http://sripengantin.com/fonts/avelight.otf') format("opentype");
}

@font-face {
  font-family: 'aveheavy';
  src: url('http://sripengantin.com/fonts/aveheavy.otf') format("opentype");
}

@font-face {
  font-family: 'aveblack';
  src: url('http://sripengantin.com/fonts/aveblack.otf') format("opentype");
}

@font-face {
  font-family: 'avebook';
  src: url('http://sripengantin.com/fonts/avebook.otf') format("opentype");
}


@font-face {
	font-family: "Helvetica Neue";
	src: url(http://sripengantin.com/fonts/HelveticaNeue.ttc) format("opentype");
}

@font-face {
	font-family: "HelveticaNeue";
	src: url(http://sripengantin.com/fonts/HelveticaNeue.ttc) format("opentype");
}

@font-face {
	font-family: 'NolobeLight';
	src: url('http://sripengantin.com/fonts/nolobe-webfont.eot');
	src: local('?'), url('http://sripengantin.com/fonts/nolobe-webfont.woff') format('woff'), url('http://sripengantin.com/fonts/nolobe-webfont.ttf') format('truetype'), url('http://sripengantin.com/fonts/nolobe-webfont.svg#webfontxoUkCozu') format('svg');
	font-weight: lighter;
	font-style: normal;
}



@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Serif'), url('http://themes.googleusercontent.com/font?kit=70P0G8gxVDIV6F9om0DsKg') format('truetype');
}




/* good browsers get nice things */

.tags {
	margin: 20px 0 0 0;
	padding: 23px 0 0 0;
	border-top: solid 1px #c3bdb3;
	font-size: 11px;
}
	/* good browsers get nice things */
	.tags span[class=sep] {
		display: none;
	}
	.tags span[class=title] {
		display: inline-block;
		margin: 0 5px 25px 0;
		float: left;
	}
	.tags a[rel=tag] {
		display: inline-block;
		color: #554a3a;
		background: #edebea;
		text-shadow: #edebea 1px 1px 0;
		line-height: 15px;
		position: relative;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		-o-border-top-left-radius: 4px;
		-o-border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
		-webkit-transition: background 0.15s linear;
		-moz-transition: background 0.15s linear;
		-o-transition: background 0.15s linear;
		transition: background 0.15s linear; bord:4px; margin-left:0; margin-right:3px; margin-top:0; margin-bottom:6px; padding-left:16px; padding-right:4px; padding-top:1px; padding-bottom:2px
	}
		.tags a[rel=tag]:hover, .tags a[rel=tag]:focus {
			text-decoration: none;
			background: #d6d3cd;
		}
	.tags a[rel=tag]:before {
		display: inline-block;
		position: absolute;
		top: 7px;
		left: 4px;
		content: "\00B7";
		font-size: 24px;
		line-height: 0;
		color: #fff;
		text-shadow: #d6d3cd 0 -1px 0;
	}


/*Breadcrumbs Navigation*/

#breadcrumbs { list-style: none; margin-left: 0; margin-bottom: 0.8em; padding: 0 10px; }
#hero, #hero-mini #breadcrumbs { padding: 0;  }

.breadcrumbs li { list-style-type: none;float: left; margin: 0 0.5em 0 0;}
.breadcrumbs li a {color:#3D3C3B}
.breadcrumbs li a:hover {color:#E78D33}
.breadcrumbs li:before {content: "";}
.breadcrumbs .front_page:before {content: none;}

/* Breadcrumb Trail */
#breadcrumb {padding-top:10px; text-align:right; color:#000; background-color: #fff; font-size:11px; margin-left: 30px;}
#breadcrumb .currentLin {color:#c4582b;}
#breadcrumb a {color:#7d7d74;}

#breadcrumb a:hover,
#breadcrumb a:focus {color:#c4582b;}

#breadcrumb_text {margin-right:15px; background-color:#fff;}

/* Top Navigation */
#navcontainer {height:25px;}
#navcontainer ul{text-align: center;}
#navcontainer ul li{display: block; float: left; text-align: center;}
#navcontainer ul li a {background: #72a227; padding: 4px 0 3px 0; color: #ffffff; display: block; font: normal 11px Arial, Helvetica, Verdana, Sans-serif; text-transform: uppercase; line-height: 18px;}

#navcontainer ul li a:hover,
#navcontainer ul li a:focus {color: #ffffff; background: #b0c671;}

#navcontainer ul li a.current, 
#navcontainer ul li a.hierarchy {color: #ffffff; background: #b0c671;}

/* Specific Widths for Top Navigation */
#navcontainer ul li a#a261,
#navcontainer ul li a#a265,
#navcontainer ul li a#a269,
#navcontainer ul li a#a5932,
#navcontainer ul li a#a8312,
#navcontainer ul li a#a281,
#navcontainer ul li a#a64259 {border-right: 1px solid #ffffff;}

#navcontainer ul li a#a261 {width: 106px;}
#navcontainer ul li a#a265 {width: 110px;}
#navcontainer ul li a#a269 {width: 100px;}
#navcontainer ul li a#a5932 {width: 145px;}
#navcontainer ul li a#a8312 {width: 126px; border: 0 none;}
#navcontainer ul li a#a281 {width: 108px;}
#navcontainer ul li a#a33891 {display: none;} /* Never show Alumni Top Nav!!! */
#navcontainer ul li a#a592,
#navcontainer ul li a#a69240 {display: none;}
#navcontainer ul li a#a64259 {width: 115px;}/* Spiritual Life */

#nav {
	width: 428px;
	position: absolute;
	left: 432px;
	list-style: none;
	font-size: 20px;
	font-family: Georgia, serif;
	}

#nav li {
	float: left;
	}

#nav .nav-home a, #nav .nav-home a:visited,
#nav .nav-store a, #nav .nav-store a:visited,
#nav .nav-contact a, #nav .nav-contact a:visited {
	display: block;
	text-decoration: none;
	padding: 36px 8px 3px;
	color: #333;
	margin-right: 10px;
	}

#nav li a:hover, #nav li a:active {
	color: #1e90de !important;
	background-color: #f6f5ea;
	border-bottom: 1px solid #bcb79c;
	}

#home .nav-home a, #home .nav-home a:visited,
#store .nav-store a, #store .nav-store a:visited,
#contact .nav-contact a, #contact .nav-contact a:visited {
	color: #1e90de;
	background-color: #f6f5ea;
	border-bottom: 1px solid #bcb79c;
	}

#home .nav-home a:hover,
#store .nav-store a:hover,
#contact .nav-contact a:hover {
	border-bottom: 1px solid #e84324;
	}


/* Buttons
____________________________________________________________________ */

a:active{
  	outline: none;
  	-moz-outline:none;
  	}
  	
a.glossyButton {
	display: inline-block;
	/*background-position: left -60px;*/
	padding-left: 20px;
	background-color: #1c282f;
	color: #fff;
	
	/**Rounded Corners**/
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	
	-webkit-transition: background-color 0.2s ease-out;
	-webkit-transition-property: color, background-color;
	-webkit-transition-duration: initial, 0.2s;
	-webkit-transition-timing-function: initial, ease-out;
	-webkit-transition-delay: initial, initial;
	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
	}

a.glossyButton:hover{
	background-color: #33a096;
	

	}

a.glossyButton span {
	display: block;
	/*background-position: right -100px;*/
	padding: 10px 20px 10px 0;
	}


/* butang */

.buttonx {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #FFF;
   font-size: 12px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}

.buttony:a {color: #FFF;}

.buttond:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #FFF;
}

.buttond:active {
   border-top-color: #1b435e;
   background: #1b435e;
   color: #FFF;
}

button2 {
  overflow: visible;
  padding: 0 10px;
  cursor: pointer; 
}

  button2::-moz-focus-inner {
    padding: 0;
    border: medium none; 
}

a.button {
		display: block;
		width: 225px;
		padding: 10px;
		margin-top: 20px;
		background: #7b1515;
		border: 1px solid #8d1815;
		-webkit-box-shadow: 0px 1px 3px black;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0px 1px 3px black;
		-moz-border-radius: 5px;
		box-shadow: 0px 1px 3px black;
		border-radius: 5px;
		color: #fff;
		text-shadow: 0px -1px 0px #2f1312;
		text-decoration: none;
		font-weight: bold;
		font-size: 15px;
		text-align: center;
}

a.button:hover {
		background: #8d1815;
}
		
a.button small {
			font-size: 11px;
			color: #ff8781;
}

#contact a.button {
	margin-left: 215px;
	display: block;
	float: left;
	background-color: #67911e;
	padding: 5px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.1em;
	color: #fff;
}

#contact a.button:hover {
	text-decoration: none;
	background-color: #719f20;
	-webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.2);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

#contact a.button:active {
	color: #c3db9a;
	background-color: #597e1a;
	padding-top: 6px;
	padding-bottom: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

#work a.button {	
	background: #717c7d;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #222c2d;
	-webkit-box-shadow: 0 1px 3px #222c2d;
	text-shadow: -1px -1px #4d5a5b;
}

#work a.button:hover {
	background: #859394;
}

#work #nav a.button {
	margin: 25px 0 0 0;
}	

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

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

a.button, button {
  border-right:1px solid #dedede; display:block;
  float:left;
  /* Links */
  
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer; border-bottom:1px solid #dedede; margin-left:0; margin-right:0.5em; margin-top:0.7em; margin-bottom:0.7em; padding-left:7px; padding-right:10px; padding-top:5px; padding-bottom:5px
}

button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}

button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button img, a.button img{
  padding:0;
  border:medium none;
  width:16px;
  height:16px;
  float:none; margin-left:0 !important; margin-right:3px !important; margin-top:0 !important; margin-bottom:-3px !important
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */

button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}

a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */

body .positive {
  color:#529214;
}

a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}

a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */

body .negative {
  color:#d12f19;
}

a.negative:hover, button.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}

a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}


/* Make links fade in slowly */

a {
	-o-transition-duration: .33s;
	-o-transition-property: color;
	-webkit-transition-duration: .33s;
	-webkit-transition-property: color:#0000FF;
}

a visited: {color:#6C283C;}

a:hover {
	color:#f4bd14;/*Red*/
}

a:focus {
	outline: none;
}

a img {border:medium none;}

/* CSS Document */

img{border:0px none;}
.flt{float:left;}
.menubg{clear:left; background-color:#8d8d8d; width:202px;}
.menu{float:left; clear:left; font:bold 11px Arial, Helvetica, sans-serif;}
.menu li {

margin:0px 0px 0px 0px;
	list-style:none;
}

.menu a, .menu a:visited {
	width:186px;
	height:22px;
	margin:0px 0px 2px -32px;
	position:relative;
	display:block;
	color:#fff;
	text-decoration:none;
	background:url(http://sripengantin.com/images/menubg2.jpg) no-repeat;
	padding:4px 0 0 8px;
}

*html .menu a, .menu a:visited {
	width:186px;
	height:22px;
	margin:0px 0px 2px -32px;
	position:relative;
	display:block;
	color:#fff;
	text-decoration:none;
	background:url(http://sripengantin.com/images/menubg2.jpg) no-repeat;
	padding:4px 0 0 8px;
}

.menu a:hover, .menu a:active,
.menu li.current_page_item a, .menu li.current_page_item a:visited  {
	background:url(http://sripengantin.com/images/menubg1.jpg) no-repeat;
	text-decoration:none;
}	

.bot{clear:left;}
	

/*  STYLE SHEET FOR SOCIAL NETWORK*/

.share {
	margin:10px 0 0 0; padding:0;
	list-style:none;
}

	.share li {
		margin:0 24px 0 0; padding:0;
		float:left; display:inline;
}
	

.sharela {
	  margin:5px auto; display:block;
	  text-align:center;
	  padding-top: 5px;
	  background-position: left center;
	  background-repeat: no-repeat;
	  color: #BCBCBC;
	  font-family: 'HelveticaNeue', Century gothic;
	  font-weight: bold;
	  text-decoration: underline;
	  border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px; border:2px solid #CECFD2
}

.icon {
	padding-left: 18px;
	background-position: left center;
	background-repeat: no-repeat;
}
.icon-feed {background-image: url('img/icon-feed.gif');}

.icon-comment {background-image: url('img/icon-comment.gif');}


/*  STYLE SHEET FOR SOCIAL NETWORK3*/

.socialNetwork{
	list-style: none;
	margin-bottom: 25px;
}

.socialNetwork li{
	display: block;
	border-bottom: 1px dotted #ccc;
	margin-right: 10px; /*added new */
	padding: 5px 0 3px 25px;/*added new*/
}



/*  STYLE SHEET FOR boxout*/

.boxc { /* boxout for topics and features in the main body area*/
	width: auto;
	background:#e8eef7;
	border:1px solid #ccdfef;
	color:#0066CC;
	text-align:right;
	display: inline;
	float:right;
	font-weight:normal;
	font-size:12pt;
}

.boxcc { /* boxout for topics and features in the main body area*/
	width: auto;
	background:#e8eef7;
	border:1px solid #ccdfef;
	color:#0066CC;
	text-align:right;
	display: block;
	float:right;
	font-weight:normal;
	font-size:12pt;
}

.boxpurple { /* boxout for topics and features in the main body area*/
	width: 100%;
	background:#824A6F;
	border:1px solid #ccdfef;
	color:#FFF;
	text-align:right;
	display: block;
	float:right;
	font-weight:normal;
	font-size:12pt;
}

.boxpink { /* boxout for topics and features in the main body area*/
	width: 100%;
	border:1px solid #ccdfef;
	color:#FF62FF;
	text-align:justify;
	display: block;
	font-weight:normal;
	font-size:12pt;
}

.boxGREEN { /* boxout for topics and features in the main body area*/
	background:#84C14D;
	width: 100%;
	border:1px solid #ccdfef;
	color:#FFF;
	text-align:right;
	display: block;
	float:right;
	font-weight:normal;
	font-size:12pt;
}

.boxout { /* boxout for topics and features in the main body area*/
	float:right;
	padding: 0 0 0 5px;
	margin: 0;
}

.boxout.news, .boxout.article { /* boxout for topics and features in the main body area*/
	padding-top: 5px;
	margin-bottom: 10px;
	width: 155px;
	margin-left: 5px;
}

.boxout.article {
	padding: 5px 0 5px 10px;
}

.boxmore {
	float:right;
	color:#fff;
	padding:3px 5px;
	margin:5px 0px 5px 10px;
	display:inline;
	background:#AB0026;
}

.boxmore a:link, .boxmore a:hover,.boxmore a:visited {
	color:#fff;
}

.boxmore2 {
	width:16px;
	height:170px;
	float:right;
	text-align: justify;
	color:#fff;
	padding:auto;
	margin:auto;
	display:inline;
}

.boxmore2 ul {list-style:none; display:inline;}
.boxmore2 li {background:none; list-style:none; display:inline;}

.boxmore2 a:link, .boxmore2 a:hover,.boxmore2 a:visited {
	color:#fff;
}


.box-right{background:#cdd5e4;border:1px solid #fff;margin:0 20px 20px 0;padding:20px;-moz-border-radius:8px;-moz-box-shadow:0 0 15px #4E7093;}
.box-right ul {list-style:none;margin:0 0 5px;padding:0;}
.box-right li {background:none;margin:0;padding:5px 5px 5px 10px; border:1px solid #cdd5e4;}
.box-right li:hover {background:#aac8e2;margin:0;padding:5px 5px 5px 15px;-moz-border-radius:8px;border:1px solid #ccdfef;-moz-box-shadow:0 0 5px #4E7093;}

.box-right2 {background:#cdd5e4; border:1px solid #fff; width:16px; margin:0 20px 20px 0;padding:20px;-moz-border-radius:8px;-moz-box-shadow:0 0 15px #4E7093;}
.box-right2 ul {list-style:none;margin:0 0 5px;padding:0;}
.box-right2 li {background:none;margin:0;padding:5px 5px 5px 10px; border:1px solid #cdd5e4;}
.box-right2 li:hover {background:#aac8e2;margin:0;padding:5px 5px 5px 15px;-moz-border-radius:8px;border:1px solid #ccdfef;-moz-box-shadow:0 0 5px #4E7093;}


/* More links */
a.more {
	color: #0000FF;
	font-weight: bold;
}
a.more:hover {color: #234;}



/* Text elements */


p attachment a {font-size: 2.4em; font-family: Century gothic, Helvetica, Arial,sans-serif;margin-bottom: 1em; border-bottom: 4px solid #808080; position:relative; display:block; margin: 4px 0 12px;}
p.attachment a {font-size: 2.4em; font-family: Century gothic, Helvetica, Arial,sans-serif;margin-bottom: 1em; border-bottom: 4px solid #808080; position:relative; display:block; margin: 4px 0 12px;}

p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

p,.p {
	margin-bottom: 1.5em;
	text-align: justify;
	font-family: Georgia;
	font: normal 12px;
}

p a {
	xbackground: #222;
	border-bottom: 1px dotted #777;
	color: #0000FF;
	text-decoration: none;
	}

p a:hover {
	xcolor: #fff;
	border-bottom: 0 none;
	}


abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote { color:#666; }
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}

pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre,code,tt {
	font: 1em monospace;
	line-height: 1.5;
}


/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Special lists */

ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;}

ul.tabbed {
	display: inline;
	margin: 0;
}

ul.tabbed li {float: left;}

ul.plain-list {margin: 0;}

ul.nice-list {margin-left: 0;}

ul.nice-list li {
	list-style: none;
	border-top: 1px solid #EEE;
	padding: 4px 0;
}

ul.nice-list li:first-child {border-top: none;}
ul.nice-list li .right {color: #999;}

ul#navcatlist li {
	float: left;
	width: auto;
}

ul#navcatlist li a {
	display: block;
	color:#010d37;
	text-transform:uppercase;
	padding-top:8px;
	padding-bottom:4px;
	padding-right:10px;
	padding-left:10px;
}

ul#navcatlist li.current-cat a {
	color:#cd1713;
}

ul#navcatlist li a:hover {
	color:#cd1713;
	text-decoration:none;
}

ul#navcatlist li li {
	float: left;
	width: 160px;
}

ul#navcatlist li li a {
	background: #e9e9e9;
	float: none;
	font:bold 14px arial, verdana, sans-serif;
	letter-spacing:-1px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 3px 10px;
	border-top: 1px solid #afafaf;
	border-right:0;
	width: 160px!important;
	width:180px;
	width/**/:/**/160px;
}

ul#navcatlist li li a:hover, ul#navcatlist li li a:active {
	background: #ddd;
	color:#000;
	text-decoration:none;
}

ul#navcatlist li ul {
	position: absolute;
	width: 160px;
	left: -999em;
	border-bottom:1px solid #afafaf;
}

ul#navcatlist li:hover ul {
	left: auto;
	display: block;
}

ul#navcatlist li:hover ul, #navcatlist ul {
	left: auto;
}


/* Tables */

table, table.post .post tr, th, td {
  background-color:Transparent;
  font-family: Georgia, 'Lucida Grande', Arial, Helvetica, sans-serif;
}


table {margin-bottom: 1.4em; width: 100%;border-collapse: collapse; font-family: Georgia, 'Lucida Grande', Arial, Helvetica, sans-serif;}
th {font-weight: normal; vertical-align: top; position:relative; font-family: Georgia, 'Lucida Grande', Arial, Helvetica, sans-serif; color: #678; font-size: 13px;}
thead th {background: #C3D9FF;}
th,td,caption {padding: 4px 10px 4px 5px;vertical-align: top;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE; margin-left: auto; margin-right: auto; padding-top: 5px; margin-bottom: 10px;}
caption.img  {}
td, tr {vertical-align:top;} 


table.data-table {
	border: medium none;
	margin-bottom: 2em;
	width: 100%
}

table.data-table th {
	background: #F0F0F0;
	border: medium none;
	color: #555;
	text-align: left
}

table.data-table tr {border-bottom: 1px solid #DDD; font-family: Georgia, 'Lucida Grande', Arial, Helvetica, sans-serif;}
table.data-table td, table th {padding: 10px; font-family: Georgia, 'Lucida Grande', Arial, Helvetica, sans-serif;}
table.data-table td {
	background: #F6F6F6;
	border: medium none;
}

table.data-table tr.even td {}

.datatable {border:medium none; border-collapse:collapse;	font-family: Georgia, 'Lucida Grande', Arial, Helvetica, sans-serif; font-size:12px; margin:12px}

.datatable td {border:medium none; padding-left:15px}

.datatable th {}	


/* begin css tabs */

.tabnav ul { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

.tabnav ul li { /* do not change */
display: inline;
}

.tab1 li.tab1, body .tab2 li.tab2, .tab3 li.tab3, .tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

.tab1 li.tab1 a, .tab2 li.tab2 a, .tab3 li.tab3 a, .tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

.tabnav ul li a { /* settings for all tab links */
/* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: medium none; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:3px
}

.tabnav ul a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */


/* Misc classes */

.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}

.large {font-size: 1.15em;}
.larger {font-size: 1.25em;}
.largest {font-size: 1.35em;}

.hidden {display: none;}

.quiet {color: #999;}
.loud {color: #000;}
.highlight {background:#ff0;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-separator {padding: 0 5px;}

.title-description {
	font-size: 1.1em;
	margin-bottom: 1em;
	color: #777;
}

.error, .notice, .success {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}

.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}

.none { display: none; }
.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }
.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }


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

label {cursor: pointer;}
fieldset {}
legend {font-weight: bold; font-size: 1.2em;}
form textarea {overflow: auto;}
form input.text, form textarea, form select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	padding: 4px 5px;
}

form input.text:focus, form textarea:focus, form select:focus {background: #FFFFF5;}

input.button {
	background: #EEE;
	border: 1px outset #BBB;
	padding: 3px 4px;
}

input.button:active {border-style: inset;}


/* Specific */

form .required {font-weight: bold;}

.form-error {border-color: #F00;}
.form-row {padding: 5px 0;}
.form-row-submit {
	border-top: 1px solid #DDD;
	padding: 8px 0 10px 76px;
	margin-top: 10px;
}

.legend {
	padding: 8px 14px;
	background: #F0FAF0;
	border: 1px solid #D6DFD6;
	font-size: 1.5em;
}

.form-property, .form-value {float: left;}
.form-property {
	padding-top: 2px;
	text-align: right;
	width: 60px;
}

.form-value {padding-left: 16px;}


/* 
   Alignment 
------------------------------------------------------------------- */


.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.imgcenter,.imgaligncenter {
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	margin-bottom: 10px;
}

/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	border: 0 none;
	display:block;
	padding: 3px;
}

img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}

img.alignnone {margin: 0 0 0.2em 0.2em;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.post img {
	border:medium none;
}

/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

/* Clearfix: Courtesy http://www.positioniseverything.net/easyclearing.html */

.fix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.fix { display: inline-block; }
/* Hide from IE Mac \*/
.fix {display:block;}
/* End hide from IE Mac */

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}


/* 
   Separators 
------------------------------------------------------------------- */

.content-separator, .archive-separator {
	background: #DDD;
	width: 100%;
	color: #FFE;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 1px;	
}
.content-separator {padding: 4px 0 12px;}
.archive-separator {margin: 18px 0;}

.sidebar-separator {
	background: #DDD;
	color: #FFE;
	display: block;
	font-size: 0;
	height: 100%;
	line-height: 100%;
	width: 1px;	
}
.sidebar-separator {padding: 4px 0 12px;}

/* F */

.filterfood {color:#fff;display:block;float:right;font:20px Arial, Helvetica, sans-serif;margin-left:7px;padding:0 6px 1px 7px;text-decoration:none}
.f1 {background:#29a7cb;border:1px solid #29a7cb}
.f2 {background:#51cb29;border:1px solid #51cb29}
.f3 {background:#fba000;border:1px solid #fba000}
.f4 {background:#fb5900;border:1px solid #fb5900}
.f5 {background:#990;border:1px solid #990}
.f6 {background:#f33;border:1px solid #f33}


/* 
   Posts 
------------------------------------------------------------------- */

.post-share {font-size: 12px; font-weight: bold;line-height: 1;color:#555; border-bottom: 1px solid #888888;}

.post a {color: #0000FF}
.post a:hover {}

.post img.left, .post img.right {margin-bottom: 0;}

.post-date {font-size: 18px; font-weight: bold;line-height: 0.8;color:#c00; border-bottom: 1px solid #888888;}

.post-date a {color: #444;}

.post-title h1, .post-title h2, .post-title h3 {margin-bottom: 3px; border-bottom: 4px solid #808080}

.post-meta {
	background: #FCFCFC;
	border: 1px solid #EEE;
	color: #777;
	font-size: 0.9em;
	padding: 6px 10px;
}
.post-meta a {color: #345; }
.post-meta a:hover {color: #001;}

.post-body {font-family: Georgia, 'Lucida Grande', Arial, Helvetica,sans-serif; color: #555; font-size: 13px;}

.post-body img.left, .post-body img.right {margin-bottom: 1em;}

img, img a, img a.hover{border:medium none; text-decoration: none}

.post-body img:hover {text-decoration: none;}
.post-body img, img a, img a.hover{ border:medium none; text-decoration: none}

.post-body.smallattachment a:hover {text-decoration: none;}

.post-body {
	display: block;
	font-family: Georgia, 'Lucida Grande', Arial, Helvetica,sans-serif;
	font-size: 13px;
	overflow:hidden;
	vertical-align:top;
	width: 1200px;
	border: 2px solid #EEE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin: 10px 0px 0px;
	padding: 12px 12px 12px 12px;
}
.post-bodyb {
	display: block;
	overflow:hidden;
	vertical-align:top;
	width: 1200px;
	border: 2px solid #EEE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin: 10px 0px 0px;
	padding: 12px 12px 12px 12px;
}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

.attachment a {
	border:medium none !important;
}

/* Archives */

.archive-pagination {margin-bottom: 16px;}
.archive-post-date {
	background: #F5F5F5;
	border-bottom: 1px solid #C5C5C5;
	border-right: 1px solid #CFCFCF;
	float: left;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 46px;
}

.archive-post-title .post-date {margin: 0;}
.archive-post-title {padding-top: 4px;}
.archive-post-day {font: normal 1.6em Georgia,serif;}


/* Paginatin etc */

.navigation {
	margin: 8px 0 14px;
	background: #F9F9F9;
	padding: 5px 10px;
}

.navigation a {text-decoration: none;}
.navigation a:hover {text-decoration: none;}
.navigation .right {text-align: right;}
.navigation-comments .left, .navigation-comments .right, .navigation-archive .left, .navigation-archive .right {width: 125px;}
.navigation span.current {font-weight: bold;}
.navigation a.page-numbers, .navigation span.current {padding: 0 3px;}


/* 
   Layout 
------------------------------------------------------------------- */

/* General */

.center-wrapper {
	display: block;
	position: inline;
	margin: 0 auto;
	background: transparent;
	width: 990px;
	border: 4px solid #EEE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding: 12px 0 8px;
}

.main-wrapper {
	display: block;
	position: inline;
	overflow:hidden;
	vertical-align:top;
	margin: 0 auto;
	position: relative;
	width: 990px;
}

.network-wrapper {
	margin: 0 auto;
	background: #003366;
}

.top-wrapper {
	display: block;
	position: inline;
	margin: 0 auto;
	background: transparent;
	width: 1200px;
	height: 70px;
	padding: 12px 0 8px;
}

.top-wrapper a {
	padding: 12px 0 8px;
/*text-transform: uppercase;*/
}

.nav-wrapper {
	margin: 0 auto;
}

.nav-wrapper a {
	font-family: Georgia;
/*text-transform: uppercase;*/
}

.navi {
	display: block;
	position: inline;
	height:100px;
	margin: 0 auto;
	background-color: #FFF;
	width: 1200px;
	border: 4px solid #EEE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding: 12px 0 8px;
}

.adsense {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	border-width: 0px;
	margin-top: 12px;
	text-align: center;
	display: block;
	display: inline;
}

/* Network */

#network {
	background: #000; 
	height: 40px;
	color:#FFF;
	border: 2px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding: 12px 0 8px;
}

#network .left {
	color: #FFF;
	padding: 6px 0;
}

#network .right {
	text-align: right;
	color: #FFF;
	padding: 6px 0;
}

#network .tabbed {font: normal 0.9em helvetica;}

#network .tabbed a {
	display: block;
	background: #ADFF2F;
	padding: 6px 10px 7px;
	text-decoration: none;
	color: #666;
}

#network li a:hover {
	background: #F6F6F6;
	color: #000;
}

#network li.current-tab a {
	background: #FFF url(cas/home.png) no-repeat 0 0;
	font-weight: bold;
}

#network .text-separator, #network span {color: #999;}

/* Overview */

#overview a {
	color: #FFF;
	text-decoration: none;
}
#overview a:hover {color: #123;}


/* Toolbar */

#toolbar {
	padding: 12px 0 8px;
	font-size: 1.1em;
	color: #999;
}

#toolbar a {
	color: #999;
	text-decoration: none;
}

#toolbar a:hover {color: #123;}
#toolbar img {vertical-align: middle;}


/* Header */

#header {}

/* Site title *padding: 36px 0 24px;/

#site-title {font: normal 1.6em serif;}
	

#site-title span {color: #999;}
#site-title a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #888888;
}


/* Navigation */

#navigation {margin-bottom: 2px;}

#navigation a {
	display: block;
	text-decoration: none;
}


/* Main navigation */

#main-nav {background: transparent; font-size: 1.3em; font-family: Georgia, 'Lucida Grande', Arial, Helvetica,sans-serif;}

#main-nav a {
	border-left:2px solid #CFCFCF; border-right:2px solid #CFCFCF; border-top:2px solid #CFCFCF; padding:5px; display: block;
	color: #888;
	background: #FFF;
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 1.3em;
	text-decoration: none;
	border-bottom: 5px solid #227740;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px
}

#main-nav li {}
#main-nav li:first-child {background: none;}
#main-nav li.current_page_item a, #main-nav a:hover {color: #FFF; background: #6F84AC; border-bottom: 5px solid #CCFF99;}

#main-nav li {}

#main-top {background: #003366;}
.main-top {background: #003366; width: 100%; position:relative; font-family: Georgia, 'Lucida Grande', Arial, Helvetica,sans-serif;}

/* Page */

.page-title h2 {font-size: 2em; border-bottom: 4px solid #EEE;}

/* Subnav */


#sub-nav {font-size: 1.3em;}

#sub-nav a {
	border-left:2px solid #CFCFCF; border-right:2px solid #CFCFCF; border-top:2px solid #CFCFCF; padding:5px; display: block;
	background: #FFF;
	color: #888;
	font-family: "Avenir LT Std", "Avenir LT Pro", "Avenir", Georgia, sans-serif, Century gothic,'HelveticaNeue', 'Helvetica Neue', "Lucida Sans Unicode", arial, Helvetica;
	font-size: 13px;
	text-decoration: none;
	border-bottom: 5px solid #227740;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px
}

#sub-nav li.current_page_item a, #sub-nav a:hover {background: #6F84AC; color: #FFF; border-bottom: 5px solid #CCFF99;}

.sub-top {background: #C7EBFE; width: 100%;}

/* Main */

.main {margin-bottom: 18px; font: normal 12px/16px;}
.main {font-family: Georgia, sans-serif, Century gothic,'HelveticaNeue', 'Helvetica Neue', "Lucida Sans Unicode", arial, Helvetica;}
.main p{margin-bottom:1em}

.main#main-three-columns {background: url('img/main-three-columns.gif') repeat-y right top;}
.main#main-three-columns .sidebar {width: 193px;}
.main#main-three-columns #main-left {width: 520px;}

.main#main-two-columns {}
.main#main-two-columns .sidebar {margin:5px; border-right:2px solid #EEE; padding-top: 5px; padding-left: 5px; width: 250px; border-left: 4px solid #EEE; border-bottom:1px dotted #999;border-top-color:#EEE}
.main#main-two-columns #main-left {width: 800px;}
.main#main-two-columns .h2 {font-size: 2em; border-bottom: 4px solid #EEE;}

.main#main-one-columns #main-left {width: 1200px;font-family: Georgia, 'Lucida Grande', Arial, Helvetica,sans-serif;position:inline; }
.main#main-one-columns #main-left th {}

.main#main-one-columns #main-center {width: 990px;font-family: Georgia, 'Lucida Grande', Arial, Helvetica,sans-serif; }

.main tbody {}
.main img, img a, img a.hover{ border:medium none;}
img a:hover{text-decoration: none; border:medium none;}

#sidebar {}
#sidebar li {}

.sidebar a {text-decoration: none;}
.sidebar a:hover {text-decoration: underline;}
.sidebar {}

#sidebar-1 {margin-left: 10px; border-bottom:1px dotted #999;}

/* Columns */
.col3 {width: 32%;}
.col3-mid {margin-left: 2%;}

/* Sidebar */

#sidebar-wrapper {}
#sidebar {}



/* Main-fancy */

#content {
	width: 1085px;
	margin: 30px auto;
	font-family: Georgia;
	font: normal 12px;
	padding: 20px 60px;
	border: 1px solid #D2D2D2;
	-moz-box-shadow: 0 0 30px #CCC;
	-webkit-box-shadow: 0 0 30px #CCC;
	box-shadow: 0 0 30px #CCC;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0 none;
	width: 20px;
	height: 20px;
	z-index: 1001
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -122px;
}


.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


/* Sidebar sections */

.section {margin-bottom: 16px;}

.section-title {
	background-color: #000;
	border-top: 2px solid #ABC;
	border-bottom: 1px solid #888888;
	font: bold 1.1em sans-serif;
	color: #FFF;
	text-transform:uppercase;
	margin-bottom: 5px;
	min-height: 0;
	padding: 5px 8px 6px;
}

.network-section .section-title {
	background-color: #F6F6F6;
	border-color: #D6D6D6;
}


/* Dashboard */

#dashboard {
	background: #2b2b2b url('img/dashboard.gif') repeat-y left top;
	border-top: 10px solid #515151;
	height:400px;
	clear:both;
}

#dashboard .column {width: 240px;}
#dashboard #column-1 {color: #FFF;}
#dashboard #column-2 {color: #FFF;}
#dashboard #column-3 {color: #FFF;}
#dashboard #column-4 {color: #FFF;}

#dashboard .column-content {
	padding: 14px 16px;
	font: normal 1em arial;
	color: #FFF;
}
#dashboard .column-title {
	color: #BCBCBC;
	text-decoration: underline;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 5px;
}

#dashboard a {font-family: arial; font-size: 12px; color: #FFF;}

#dashboard a:hover {color: #f4bd14;}

/* Full width */

div.full-width {
	width: 100%;
}


/* Footer */

#footer {font: bold 1.1em arial; padding: 10px 0; display:inline; display: block; color: #555;}

#footer {
	background-color:#2b2b2b;
	border-top:10px solid #515151;
	clear:both;
}

#footer a {
	color: #678;
	font-family: arial; 
	font-size: 10px;
	text-decoration: none;
}

#footer .right, #footer .right a {
	color: #999;
	text-decoration: none;
}

#footer .text-separator {
	padding: 0 3px;
	color: #BBB;
}
#footer a:hover {}

div#footer {
	float:left;
	display:inline;
	width: 100%;
}

div#footer_inner {
	margin: 3em 4em 3em;
	float:left;
	padding-top: 2em;
	display:inline;
	width: 94.5%;
	border-top: 1px solid #ededed;
	
}


/* 
   Captions 
------------------------------------------------------------------- */

.wp-caption {
   border: 1px solid #DDD;
   text-align: center;
   background-color: #F9F9F9;
   padding-top: 4px;
   margin: 10px;
   font-family: Georgia, sans-serif, Century gothic,'HelveticaNeue', 'Helvetica Neue', "Lucida Sans Unicode", arial, Helvetica;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 0.9em;
   padding: 4px;
   margin: 0;
   font-family: Georgia, sans-serif, Century gothic,'HelveticaNeue', 'Helvetica Neue', "Lucida Sans Unicode", arial, Helvetica;
}


/* 
   Comments 
------------------------------------------------------------------- */

.comment-input-text textarea {width: 80%;}

/* Comment list */

.comment-list {
	background: #F6F6F6;
	margin: 0;
	padding: 1px 12px 12px 7px;
}
.comment-list li {list-style: none;}
.comment-list ul {margin-bottom: 0;}

.comment-profile-wrapper {
	text-align: center;
	width: 105px;
}

.comment-gravatar {margin-bottom: 3px;}

.comment-content-wrapper {
	float: right;
	width: 538px;
}

.comment-parent, .comment-single {margin-top: 15px;}

.comment-list ul.children, #comments #respond ul {
	border-left: 1px solid #CCC;
	margin: 0 0 0 130px;
}
.comment-list ul.children ul.children {margin-left: 15px;}

.comment-list ul.children li {
	background: url('img/comment-reply.gif') no-repeat left top;
	padding: 10px 0 0 15px;
	margin: 0;
}

.comment-body {
	background: #FFF;
	padding: 8px 12px 0;
	border: 1px solid #DDD;
	margin: 0;
}
.comment-list ul.children .comment-body {background: #FCFCFC;}

.comment-text p {margin-bottom: 0.8em;}
.comment .post-date {margin-top: 0;}
.comment .post-date .right a {color: #BBB;}
.comment .post-date .right a:hover {color: #234;}

.comment-arrow {
	background: url('img/comment-arrow.gif') no-repeat left top;
	float: left;
	height: 45px;
	margin-bottom: -45px;
	margin-left: -40px;
	margin-top: 5px;
	width: 29px;
}

/* Respond */

#respond li {list-style: none;}
#respond {background: #F6F6F6; padding: 10px 12px;}
#respond ul {margin: 0;}
#respond .legend {margin-bottom: 10px;}

#comments #respond {padding: 0;}
#comments #respond .legend {margin-bottom: 0; border-bottom: 0 none;}
#comments #respond ul {padding: 10px 0 0 15px; background: url('img/comment-reply.gif') no-repeat left top;}
#comments ul.children #respond ul {margin-left: 30px; padding: 0;}

#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow {display: none;}
#comments #respond .comment-body {background: #FFF;}
#comments #respond .comment-content-wrapper {width: 100%; float: none;}


/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */

.noborder {border: 0 none;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0 none;}
.nolborder {border-left: 0;}

/* Margin */

.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}

/* Padding */

.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}

/* IE float/bg fix */
* html #sub-nav, * html .section-title, * html .main, * html .comment-list ul.children li, * html .comment-list ul.children li, * html .legend, * html .comment-body, * html #comments #respond ul {height: 0.01%;}
#sub-nav, .section-title, .main, .comment-list ul.children li, .comment-list ul.children li, .legend, .comment-body, #comments #respond ul {min-height: 0.01%;}
* html #network .right {width: 300px;}