/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
	height:240px;
	overflow:hidden;
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:3px 0;
		padding:0;
		padding-left:10px;
		height:20px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#nav2 {
	height: 35px;
	width: 960px;
	margin: 0 auto;
}



/* Navigation */
#navigation {border-bottom: 2px solid #e8eff3;border-top: 2px solid #e8eff3;height: 22px;padding: 12px 50px; }

#navigation ul li {float: left;font-family: Georgia, Times, serif;font-size: 13px;font-style: italic;list-style: none;margin-right: 2px;width: auto; }

#navigation ul li ul li {background: #272727;border-top: 1px solid #ffffff; }

#navigation ul li ul li ul li {border-bottom: 1px solid #ffffff;border-left: 1px solid #ffffff;border-top: 0px; }

#navigation ul { padding: 0; }#navigation ul li a, 
#navigation ul li a.current {padding-top: 5px;padding-bottom: 5px;height: 13px;line-height: 13px;background: transparent;color: #272727; }

#navigation ul li a.current { color: #258bc2; }#navigation ul li.current, #navigation ul li:hover { background: #44b0eb; }

#navigation ul li.current a, #navigation ul li.current a:hover,#navigation ul li:hover a, #navigation ul li:hover a:hover {background: transparent;color: #fff; }

/* - general - */
		body {	font: 9pt Helvetica, Arial, sans-serif; margin: 0; padding: 0; color: #000;background: #000000 url(skins/ecity/images/background_new.jpg) 50% 0 no-repeat; }

a {	color: #b96000; text-decoration: none;font-weight: bold; }
a:visited {	/*color: navy;*/ }
a:hover,
a:focus { text-decoration: underline; }
a:active { color: red; }
a img {	border: none; }

form ul, 
form ul li { float: left; width: 90%; margin: 0; padding: 0;}
form ul {width: 100%; margin: 0 -20px 0 0; padding: 10px 30px 10px 0; float: left;}
form ul li { width: 95%; margin: 10px 0 0px 0; padding-left: 5%;}
form ul li.half {width: 45%; }
form ul li.two-third {width: 61%;}
form ul li.third {width: 29%;}

form, fieldset { margin: 0; padding: 0; border: none;  color: #000;float: left;}
form { margin: 0 0 0 0; padding: 15px 0; float: left; }
fieldset:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
label { padding: 0 0 2px; margin: 0; width: 90% !important; float: left; font-size: .9em;}
label + * { clear: left; }
textarea { font: 1em/1.1em Arial, Helvetica, sans-serif; padding: 5px; border: 1px solid #e1e1e1;}
label, input, select, textarea { margin: 0 0 0 0px; }

input[type="text"]{ padding: 2px 0; border: 1px solid #e1e1e1;}
input[type="checkbox"], input[type="radio"] { width: auto; float: left; margin:2px 0; padding: 0; height: 15px;}
input[type="checkbox"] + label { margin: 2px 0 0 8px; }
select { width: 154px; }
textarea { width: 98%; padding: 5px 1%;}

.news form, .news fieldset { width: 610px; }
.news label { font-size: 1.5em; padding-bottom: 6px; color: #000;}
.comment {  margin: 0 -8px 0 -46px; width: 610px; padding: 0 20px; float: left;position: relative; z-index: 1000; }

table { border-collapse: collapse;}


h2,h3,h4,h5,h6 { margin: 10px 0; line-height: 100%; padding: 0; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }
h7 { color: #ffffff; margin: 10px 0; line-height: 100%; padding: 0;font-size: 130%;  }

p { margin: 1.2em 0; color: #000;}

hr { display: block; border-top: 1px solid #dadbd6; font-size: 0; line-height: 0; height: 0; margin: 10px 0;}

abbr { font-size: 150%; }

ul, 
ul li { margin: 0; padding: 0; list-style: none; }

ol {padding: 0; list-style-position: outside; margin: 0;}
ol li { margin: 0 0 0 2em; padding: 0 0 0 1em;}

/* site wide customized styles */
h2,
#services > ul > li a { font-size: 1.8em;margin: 20px 0 13px; letter-spacing: -1px; font-weight: normal;}
#aside h2 { background: url(skins/ecity/images/separator-1.gif) 0 100% repeat-x; margin: 0px -20px 20px 0px; padding: 0 0 10px 10px; width: 200px;}

.section { clear: left; float: left; width: 100%; margin: 0; padding: 0px 0 0px; position: relative; z-index: 100;}

#aside .section { padding: 10px 0 0 }
#aside .section:first-child { padding: 0; }

/* white background + shadow */
.comments li > div,
.section > .comment,
#comment > div { background: #fff; box-shadow: rgba(29,15,7,.35) 0px 1px 3px; -webkit-box-shadow: rgba(29,15,7,.35) 0px 1px 3px; -moz-box-shadow: rgba(29,15,7,.35) 0px 1px 3px; position: relative; z-index: 10;}

/* specific message form > comment form (outside the .news container)*/
.comment .facebook-connect { float: right; margin: -3.2em 0px 0em 0px;}
.comment input[type="submit"] { width:127px; height:35px; line-height: 30px; background: url(skins/ecity/images/submit-button.png) 0 0 no-repeat; border: none; color: #2f2f2f; text-shadow: #fff 1px 1px 1px;font-size: 1.1em; letter-spacing: -1px; float: right; cursor: pointer; margin: 0 0px 0 0; }
.comment input[type="text"] {padding: 4px 0; }
.comment input[type="text"],
.comment textarea { border-radius: 3px; border-top: 1px solid #8e8e8e ; border-left: 1px solid #8e8e8e ; border-bottom: 1px solid #e1e1e1 ; border-right: 1px solid #e1e1e1 ;}
form .valid { background: url(skins/ecity/images/valid.png) 100% 4px no-repeat; }
form .error { background: url(skins/ecity/images/error.png) 100% 4px no-repeat; }

.section > .comment { margin: 0 0 0 115px; width: 845px; padding: 0 }
.section > .comment form {padding: 0;  }
.section > .comment fieldset { width: 520px; margin-top: -10px}
.section > .comment ul { }
.section > .comment li { }
.section > .comment .ad { float: right; clear: none;}

/* comment form > avatar */
#comment > .avatar { padding: 5px; width: 70px; float: left; margin: 0px 0 0 -115px; color: #000; }
#comment > .avatar > img { display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; width: 70px; height: 70px;}

/* image frame (left-floated post image and the images in .portfolio list) */
.news .image img,
ul.portfolio img { display: block; padding: 1px; background: #fff;}
.news .image > a,
ul.portfolio a { background: #e6e5e2; float: left; padding: 3px; border: 1px solid #cfcfcf; border-bottom: 1px solid #707070;-webkit-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; box-shadow: rgba(0,0,0,.1) 0px 1px 2px;}

/* subtle shadow */
.ad,
.ads img,
.news > li > img,
.comments dt span {border: 1px solid #cfcfcf; border-bottom: 1px solid #707070;-webkit-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; box-shadow: rgba(0,0,0,.1) 0px 1px 2px;}

/* general tooltip styling */
.tooltip {position: absolute;  padding: 9px 0 0; background: url(skins/ecity/images/tooltip-foot.png) 100% 0 no-repeat; width: 200px; display: none; z-index: 999;}

.tooltip span { width: auto;background: #fff;text-align: center; float: right; color: #515153; font-size: 1em; line-height: 1.3em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: rgba(29,15,7,.35) 1px 1px 3px; -moz-box-shadow: rgba(29,15,7,.35) 1px 1px 3px; box-shadow: rgba(29,15,7,.35) 1px 1px 3px;padding: 10px 18px;}

.tooltip strong { font-size: 1.2em; }

	/**news image**/
.image .tooltip { left: 0; }
.image .tooltip span { background: #fff url(skins/ecity/images/tooltip-ico-1.gif) 5px 50% no-repeat; padding-left: 35px; letter-spacing: -1px;}
	
	/**social icons (header) **/
#social .tooltip { right: 0;}
#social .tooltip span {font-size: .8em; }
	/**portfolio items**/
ul.portfolio .tooltip { left: 0; top:0}
ul.portfolio .tooltip span { background: #fff url(skins/ecity/images/zoom-1.png) 10px 40% no-repeat; padding-left: 45px; letter-spacing: -1px;}
	/*social icons (content)*/
.social .tooltip { font-size: 1em;}
.social .tooltip strong { font-size: 1em; }

/* list style 1 */
.style-1,
.style-1 li { background: url(skins/ecity/images/list-style-1.png) 0 .3em no-repeat; padding-left: 1em;}

/* list-style 2 */
.style-2 li { background: url(skins/ecity/images/arrow-1.gif) 0 5px no-repeat; padding-left: 1em; margin: 3px 0 !important; clear: left; float: left; }


/* lightbox */
#ibox { float: left; padding: 8px 8px 64px 8px; position: relative; background: #fff; z-index: 99999;}
#ibox h2 { margin: 0; padding: 10px 0;}

#ibox h2 > ul { position: relative; }

#ibox a.more { background: url(skins/ecity/images/lightbox/button-gr.gif) 0 0 repeat-x; border: 1px solid #a0a0a0; border-top: 1px solid #c7c7c7; border-bottom:1px solid #7b7b7b; height: 30px; line-height: 30px;display: block;  cursor: pointer; text-shadow: #fff 2px 2px 1px;color: #2f2f2f; width: 80px; padding: 0 10px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: rgba(0,0,0,.3) 2px 0 3px; font-size: 1.3em; font-weight: normal; position: absolute; bottom: 15px; left: 50%; margin: 0 0 0 -40px;text-decoration: none;}
#ibox a.more.long { width: 150px; margin: 0 0 0 -75px;  }

#ibox .nav { }
#ibox .nav li {position: absolute; bottom: 15px; }
#ibox .nav a {  width: 30px; height: 30px; display: block; text-indent: -9999px; background: url(skins/ecity/images/lightbox/nav-buttons.png) 0 0 no-repeat; }
#ibox .nav .prev {left: 15px; }
#ibox .nav .next {right: 15px; }
#ibox .nav .next a { background-position: 0 -30px; }

#ibox .close { width: 50px; height: 50px; background:url(skins/ecity/images/lightbox/close.png) 0 0 no-repeat; position: absolute; top: 0; right: 0; margin: -25px -25px 0 0;text-indent: -9999px; z-index: 999;}

/* structure */
#wrapper { margin: 0 auto; width: 100%;overflow: hidden;  position: relative; }
#wrapper:after, #container:after, #footer:after  { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
#header, #container, #footer { width: 960px; margin: 0 auto; clear: both; padding: 0;}
#container { }
#container > .main { float: left; margin: 10px 0 0; width: 100%; border: 1px solid #d5d7d7;-webkit-box-shadow: rgba(0,0,0,.1) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,.1) 1px 1px 2px; box-shadow: rgba(0,0,0,.1) 1px 1px 2px; background: #fff url(skins/ecity/images/container-gr.gif) 100% 0 repeat-y; }
#container > .secondary { float: left; width: 100%; } /* .secondary comes after .main (containing #content and #aside); .secondary consists of loose elements such as comments listing, twitter feed, comment form.*/

#container2 { }
#container2 > .main { float: left; margin: 10px 0 0; width: 100%; border: 1px solid #d5d7d7;-webkit-box-shadow: rgba(0,0,0,.1) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,.1) 1px 1px 2px; box-shadow: rgba(0,0,0,.1) 1px 1px 2px; background: #fff 100% 0 repeat-y; }

#container2 > .secondary { float: left; width: 100%; } /* .secondary comes after .main (containing #content and #aside); .secondary consists of loose elements such as comments listing, twitter feed, comment form.*/

/* header */
#header { margin: 0 auto; padding: 0px;}
#header a { text-decoration: none; }

/* content */
#content { width: 640px; margin: 0 0 100px;  float: left;position: relative; z-index: 100; }
.section { float: left; width: 100%;}

/* aside */
#aside { width: 280px; margin: 97px 0px 0 0; padding: 23px 20px 20px; float: right; position: relative; z-index: 999; background: url(skins/ecity/images/container-bg.png) 0 0 repeat-x;}

/* footer */
#footer { padding-top: 20px; padding-bottom: 0px; position: relative; }

/* header > logo */
h8 { margin: 60px 0 -80px 0px; padding: 0; float: left; }
h8 a { width: 252px; height: 112px; background: url(skins/ecity/images/ecitylogos.png) 0 0 no-repeat; text-indent: -9999px; float: left;}

/* header > nav */
#nav { width: auto; font-size: 1.2em; position: relative; float: right; z-index: 9999; clear: none; margin: 0px 0 0;}
#nav > li { float: left; position: relative; margin: 0 10px;background: url(skins/ecity/images/nav-bg.png) 0 0 no-repeat}
#nav > li > a { padding: 0 42px 0 12px; float: left; color: #262626; line-height: 36px; letter-spacing: -1px;background: url(skins/ecity/images/nav-bg.png) 100% -36px no-repeat}
#nav > li > a > span { float: left; margin: -10px 0 0; padding: 10px 0 0 42px;}

#nav > li.blog > a > span { background: url(skins/ecity/images/blog-ico.png) 0 8px no-repeat;}
#nav > li.portfolio > a > span { background: url(skins/ecity/images/portfolio-ico.png) 0 3px no-repeat;}

#nav > li:last-child { }
#nav > li > a:hover,
#nav > li > a:focus { }

/* header > nav > second level */
#nav > li > ul { position: absolute; top: 36px; left: 0; width: 100%;padding: 0px 0 0; z-index: 9999; display: none;}
#nav > li li { padding: 0;  background: /*rgba(187,221,233,.85)*/url(skins/ecity/images/nav-subitem-bg.png) 0 0 repeat-y;}
#nav > li > ul a { display: block; padding: 0 0 0 30px; color: #1b2120; background: url(skins/ecity/images/arrow-1.gif) 15px 11px no-repeat; line-height: 29px; z-index: 9999; white-space:nowrap }

#nav > li li:first-child,
#nav > li ul,
#nav > li ulli:first-child a { border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px;}
#nav > li ul { background: url(skins/ecity/images/nav-subitem-bg-top.png) 0 0 repeat-x; }
#nav > li li:last-child,
#nav > li li:last-child a,
#nav > li ul { border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;}
#nav > li ul { border: none; }

#nav > li li:hover { background: /*rgba(187,221,233,.85)*/url(skins/ecity/images/nav-subitem-bg.png) -260px 0 repeat-y; /*border-bottom: 1px solid #d2e8f0; border-top: 1px solid #5c8da8;*/}

/* header > social icons */
#social { margin: 0px 0 50px; width: auto; float: right;position: relative;}
#social li { float: left; margin: 0 0 0 20px; position: relative; background: url(skins/ecity/images/nav-bg.png) 0 0 no-repeat}
#social a {  padding: 0 15px 0;display:block; color: #262626; height: 36px; line-height: 36px; letter-spacing: -1px;background: url(skins/ecity/images/nav-bg.png) 100% -72px no-repeat; width: 70px; text-align: center;}
#social a:hover,
#social a:focus { background-position: 50% -104px; }
#social a img { margin: -20px 0px 0 0; float: left;}
#social a span { }

/* header > support nav */ 
#support-nav { float: left; width: 100%; margin: -102px 0 0; padding: 22px 0 40px; background: url(skins/ecity/images/support-nav-bg.png) 0 0 no-repeat; font-size: 1.2em; letter-spacing: -1px; height: 76px;}
#support-nav li { float: left; margin: 0 0px 0 20px; }
#support-nav li a { }

#support-nav a { color: #9b3e00; font-size: .9em;  } 
#support-nav a:hover,
#support-nav a:focus { color: #fff; }



/* header > support nav > search */
li#search { float: right; width: 202px; }
#search form { padding: 0; margin: -2px 0 0;}
#search fieldset { }
#search input[type="text"] { border: none;  width: 192px; padding: 4px 5px 0; background: url(skins/ecity/images/search-bg.png) 0 0 no-repeat; color: #8e3003; height: 21px;}
#search input[type="submit"] { width: 24px; height: 24px; background: url(skins/ecity/images/search-ico.png) 50% 50% no-repeat; border: none; text-indent: -9999px; line-height: 0; font-size: 0; float: right; margin: -24px 5px 0 0;}
#search input[type="submit"]:hover { cursor:pointer;}

/* header > cu3er*/
#cu3er { width: 960px; float: left;  padding: 0px 0px 0; margin: 0; float: left; }
#cu3er .holder { width: 660px; float: left;height: 250px; padding: 10px 0 20px; }
#cu3er .desc { float: left; width: 290px;  padding: 0 5px;}
#cu3er h2 { padding: 0 0 0px; display: inline; font-size: 2.2em; line-height: 1.2em;} 
#cu3er p { color: #473c3c; font-size: .9em; margin: 10px 15px 0 0;}
#cu3er .more { color: #a93800; display: block; margin: 10px 0 0; font-size: 1.2em;}
#cu3er .more:hover,
#cu3er .more:focus { background-position: 0 -44px; }



/* whte background + 10px border-radius */
.featured.news img,
.further-reading img {background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

/* 10px border-radius + white background + shadow */
.featured.news { background: #fff; 
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
box-shadow: rgba(29,15,7,.35) 0px 1px 3px; 
-webkit-box-shadow: rgba(29,15,7,.35) 0px 1px 3px; 
-moz-box-shadow: rgba(29,15,7,.35) 0px 1px 3px; }

/*news > featured images */
.featured { margin: 0 -6px 0; position: relative; clear: both; float: left; width: 960px;padding: 0;}
.featured + * { float: left; width: 100%; }
.featured .images { height: 250px; width: 9999px; }
.featured .images li { display: none; position: relative;}
.featured .images li:first-child { display: block; }
.featured.js .images li { float: left; display: block;}
.featured .images li img { float: left; margin: 0;}
.featured .images > li > img + a  { position: absolute; top:0; left: 0; height: 100%; width: 100%; text-indent: -9999px; }

/*news > featured images nav */
.featured .nav { position: absolute; top: 0; left: 255px;}
.featured.portfolio .nav { left: 175px; }
.featured .nav li {float: left;}
.featured .nav a {  width: 26px; height: 17px; display: block; text-indent: -9999px; background: url(skins/ecity/images/nav-arrows-3.png) 0 0 no-repeat;}
.featured .nav .prev a {}
.featured .nav .next a { background-position: -26px 0; }

/*no js*/
.featured .nav { /*display: none;*/ }

/* content > featured images */
#content .featured {margin: 20px 0 0 -12px; }

/* services */
#services { float: left; width: 960px;  margin: -5px 0 0 -1px; border: 1px solid #d5d7d7; padding: 0;clear: left; background: #eaeaea; height: 116px; overflow-x: scroll; }
#services .items { float: left; background-color: #faf8f5;width: 9999px; height: 97px; }
#services .items li { float: left; width: 408px; height: 97px; border-left: 1px solid #fff; border-right: 1px solid #e6e5e2; margin: 0 0 0 0; position:relative; background-repeat:no-repeat;}
#services .items li.even {padding: 0 10px 0 60px;background-position: 160px 0;  }
#services .items li.odd {padding: 0 60px 0 10px; background-position: 110px 0;}

#services .items li a.more { position:absolute; width: 480px; height: 97px; border-bottom: 1px solid #dedddd; top: 0; left: -1px; text-indent: -9999px; margin: 0; z-index: 500;}
#services .items li a.more:hover { border-bottom: 4px solid #dc992f; height: 97px;}



#services p { float: left; margin: 32px 0 0; padding: 0 0 3px; color: #000;}
#services p.line-1 { width: 100px; text-align: right; margin-right: 90px;}
#services p.line-1 strong { font-size: 1.8em; font-weight: normal;}
#services p.line-2 { width: 215px; }

	/*js*/
#services.js { height: 100px;overflow: hidden;}

#services .nav { float: left; padding: 0; margin: 0px 0 0 0px; position: relative; z-index: 600;width: 960px;height:0; display: none;}
#services .nav li {float: left;width: 60px; background: #faf8f5;  margin: -97px 0 0;}
#services .nav .next { float: right; }
#services .nav a { height: 97px; display: block; text-indent: -9999px; background: url(skins/ecity/images/nav-arrows.png) 50% -300px no-repeat;margin: 0;}
#services .nav .prev a {}
#services .nav .next a { background-position: 50% -100px; }
#services .nav .prev a:hover { background-position: 50% -0px; }
#services .nav .next a:hover { background-position: 50% -200px; }
	/*js*/
#services.js .nav { display: block; }


	/** border radius**/
#services .items li, #services .items, #services, #services .nav li {border-radius-topleft: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;border-radius-topright: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;}

/* news */
.news { padding: 0 0 0 0; z-index: 1; margin: 0 0 0px;  float: left; }

.news > li { position: relative; float: left; width: 590px; padding: 8px 25px 16px 25px; margin: 0 0 0; z-index: 100; background: #fff url(skins/ecity/images/separator-gr-2.gif) 0 100% repeat-x;}
.news > li:first-child { }
.news.single > li { background: #fff; padding-bottom: 0;}
.news.post { padding-top: 25px;}
.news.post > li { margin: 0 0 25px;}
.news > li > *:last-child { margin-bottom: 0; }

.news .image { position: relative; margin: 0 25px 10px 0; float: left;}
.news .image img { display: block; padding: 1px; background: #fff;}
.news .image > a { background: #e6e5e2; float: left; padding: 3px; border: 1px solid #cfcfcf; border-bottom: 1px solid #707070;-webkit-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; box-shadow: rgba(0,0,0,.1) 0px 1px 2px;}

.news .image > a:hover,
.news .image > a:focus { background: #fff; }

.news .intro { float: left; width: 100%; margin: 20px 0 0 0px;}
.news .intro p { margin-top: 0; padding-top:0; text-align: justify;}

.news h2 { font-size: 1.9em;letter-spacing: 0px;  position: relative; margin: 10px 0 10px 0; width: 500px;}
.news .intro h2 { margin-bottom: 0; }
.news h2 a { color: #000; }
.news .date { margin: -10px 0 0 0; position: relative; color: #7a7a7a; font-size: .9em;}
.news.compact h2 { font-size: 1.4em; letter-spacing: 0px; font-weight: normal; color: #bf1e2e; margin: 15px 0 10px; float: left; width: auto;}
.news .meta + p { margin-top: 13px; }

/* ad */
.ad { float: left; /*width: 590px;*/ margin: 20px 22px 10px; clear:both;}
.ad img { display: block; }

	/** .news specific**/
.news .ad { margin: 20px 0 10px;}
	/** .about-author specific**/
.about-author .ad { margin: 20px 20px 10px; }
	/** .comments specific **/
.comments .ad { float: right; clear:none;margin: 0 0px 10px 20px; padding: 0;}
.comments .ad img {  }
	/** .comment form specific **/
.comment .ad { margin: 20px; }
.news > li h3 { padding: .3em 0 3px; font-size: 1.9em;letter-spacing: 0px; font-weight: normal; padding: 0 0 0 24px; margin: 30px 0 0px -25px; clear: left; }

/* news > meta */
dl.meta { margin: 15px 0 0 0; padding: 0; line-height: 20px; width: 100%; height: 1.2em;}
dl.meta dt { text-indent: -9999px; background: url(skins/ecity/images/news-meta-icons.png) 0 0 no-repeat; width: 16px;  float: left; margin: 0 5px 0 0;}
dl.meta .author {}
dl.meta .date { background-position: 0 -19px; }
dl.meta .category { background-position: 0 -37px; }
dl.meta .comments { background-position: 0 -60px; }
dl.meta .tags { background-position: 0 -78px;}
dl.meta dd { float: left;  margin: 0 30px 0 0; font-size: .9em;}

/* news > post specific > meta */
.post dl.meta { margin: 15px 0 0 0px; padding: 0; line-height: 16px; width: 120px; float: left; color: #b96000; font-size: .9em; height: auto;}
.post dl.meta dt { float: right; clear: right; padding: 2px 0;}
.post dl.meta dd { float: right; width: 80px; text-align: right;}

/*news > tweetmeme */
#tweetmeme_button { font-family: arial, helvetica, sans-serif; height: 20px; overflow: hidden; position: absolute; top: 24px; right: 25px;}
#tweetmeme_button a { text-decoration: none; border: none; }
#tweetmeme_button .count { float: left; display: block; margin-right: 5px; font-size: 14px; font-weight: bold; color: #424242; }
#tweetmeme_button .retweet { float: left; height: 16px; width: 50px; background: url('http://zulu.tweetmeme.com/widget.gif') no-repeat 0px -45px; text-align: center; display: block; cursor: pointer; padding: 0px 0px 0px; font-size: 11px; color: #FFF; text-decoration: none; line-height: 16px; }
#tweetmeme_button .retweet:hover, #tweetmeme_button .retweet.selected { background-position: 0px -61px; color: #80b62a; }
#tweetmeme_button .retweet.selected { cursor: text; }
#tweetmeme_button .tweetmemebutton.loading .c { background: url('http://zulu.tweetmeme.com/compactbutton_loader.gif') no-repeat; height: 16px; width: 16px; display: block; text-indent: 100px; overflow: hidden; margin: 0px 5px 0px 0px; }

/* portfolio items */
ul.portfolio { float: left; width: 110%; margin-left: -10px; }
ul.portfolio li { margin: 15px 15px; float: left; position: relative;}

/* tabs */
	/*content*/
.tabs-content {}
	/*nav*/
.tabs-nav { margin: 0 0 20px; display: none; }
.tabs-nav li a { display: block; width: 290px; padding: 0 10px 0 0; background: #f8f7f4 url(skins/ecity/images/container-gr.gif) 0 0 repeat-y; color:#6a6a6a; font-size: 1.2em; text-align: right; margin: 0 0 0 -20px; line-height: 40px; border-radius-topright: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;border-radius-bottomright: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; -webkit-box-shadow: rgba(0,0,0,.1) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,.1) 1px 1px 2px; box-shadow: rgba(0,0,0,.1) 1px 1px 2px;}
.tabs-nav li a:hover,
.tabs-nav li a:focus { background: #fff; text-decoration: none;}
.tabs-nav li.current a { color: #000; background: #fff; }
	/*js*/
.tabs-nav.js { display: block; }



/* about the author block */
.about-author { margin: 0 0 0 -25px; padding: 0; float: left; width: 640px; background: #f7f4ef url(skins/ecity/images/separator-gr-2.gif) 0 0 repeat-x;}
.about-author .holder { width: 650px; float: left;background: #f7f4ef; margin: 3px 0 0; padding: 0 0 20px;}
.about-author .holder dl { margin: 28px 20px 0 0; }
.about-author dt { padding: 0; margin: 0;font-size: 1.6em; font-weight: normal;}
.about-author dt strong { font-weight: normal; }
.about-author dd { margin: 10px 0 0; color: #000;}

.author-photo { margin: 0 2%; width: 125px; float: left; }
.author-photo a { display: block; padding: 3px; background: #dbdbdb; }
.author-photo a:hover,
.author-photo a:focus { background: #bf1e2e;}
.author-photo img { display: block; }
.author-photo + .about-author { margin: 0 2%; width: 70%}

/* aside > archive (archivers) - very similar looking to the lists in the footer but used separate set of rules here*/
.archive > ul > li { width: 50%; float: left; }
.archive ul ul a { color: #000;}
.archive ul ul li { margin: 10px 0; }
.archive ul ul li a { background: url(skins/ecity/images/arrow-1.gif) 10px 50% no-repeat; padding: 0 0 0 20px;}
.archive a.more { background: url(skins/ecity/images/arrow-1.gif) 10px 50% no-repeat; padding: 0 0 0 20px; float: left;}

/* articles > nav (pagination) */
.articles-nav { float: left; width: 100%; padding: 0 0 10px;  margin: 0; font-size: .8em; }
.articles-nav .pages { width: 70%; margin: 0 15%; padding: 15px 0 0; list-style: none; text-align: center; float: left; position: relative;}
.articles-nav .pages li { display: inline; line-height: 1.8em; margin: 1px; padding: 0;}
.articles-nav .pages  a { background: #f0f0f0; border: 1px solid #ccc; padding: 0 4px; line-height: 1em; color: #7a7a7a;}
.articles-nav .pages a:hover,
.articles-nav .pages a:focus { background: #ff9e24; color: #fff; text-decoration: none; border: 1px solid #ff9e24;}

.articles-nav .flip { margin: -1.9em 0 0; padding: 0 2%; float: left; width: 96%;}
.articles-nav .flip .prev { float: left; }
.articles-nav .flip .next { float: right;}
.articles-nav .flip a { color: #7a7a7a; }
.articles-nav .flip a:hover,
.articles-nav .flip a:focus { color: #b96000; }

/* ads */
.ads {width: 110%; margin: 0 -10% 0 7px; }
.ads li { float: left; margin: 0 15px 15px 0;padding: 0; position: relative; }
.ads li > a { }
.ads a img { }
.ads.small li > a { width: 125px; }
.ads.big li > a { width: 270px; }
.ads li > a:hover,
.ads li > a:focus { /*background: #ff9e24;*/ }

/* portfolio work */
#content .ads li { margin: 0 33px 11px 0; }

/* about > what i do list */
.what-i-do { padding: 0 0 30px 75px;  height: 150px; }
.what-i-do li { padding: 30px 0 0 100px;  float: left; width: 120px;}
.what-i-do li img { margin: -20px 0 0 -80px;  float: left;}
.what-i-do span { font-size: 1.6em; letter-spacing: -1px; }
.what-i-do a { display: block; color: #000;}

/* aside > popular */
.popular > li {  margin: 15px 8px 10px; background: #fff; width: 264px; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #707070;-webkit-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; box-shadow: rgba(0,0,0,.1) 0px 1px 2px;}
.popular > li img { }
.popular a { color: #000; text-decoration: none;}
.popular span { padding: 5px 0 8px 20px; background: url(skins/ecity/images/arrow-1.gif) 8px 50% no-repeat; display: block;}
.popular a:hover span,
.popular a:focus span { text-decoration: underline; }


/* comments section */
.comments { margin: 10px 0 0; float: left;}
.comments > li { padding-left:85px; width: 875px; clear: both; float: left; margin: 0 0 25px; clear: left;}
.comments ul li { width: 875px; }
.comments ul { margin-top: -15px; }

.comments li > div { margin: 0 0 0 30px; padding: 15px 15px 25px;}
.comments ul li > div { position: relative; padding-top: 25px; padding-bottom: 30px; background: #f7f4ef; border-bottom: 1px solid #fff; border-top: 1px solid #ddd; }

.comments dl { margin: 0; padding: 0 }
.comments dt { margin: 0 0 0 -130px; padding: 0 0 5px 130px; background:url(skins/ecity/images/comment-bg.png) 97px 0 no-repeat; color: #000; font-size: 1.1em; }
.comments dd { margin: 0; padding: 0; }
.comments ul dl { float: none; display: block;}
.comments ul dt { margin: 0; padding: 0; background: none;}
.comments li dt a { color: #000; font-weight: bold;}
.comments li dt a:hover,
.comments li dt a:focus { color: #ff9e24; text-decoration: none; }
.comments li dt a span { padding: 0px; width: 80px; float: left; margin: -15px 0 0 -130px; color: #000;}
.comments li dt span img { display: block;  border: none; width: 80px; height: 80px;}

.comments ul li dt a span { display: none;}

.comments .footer { font-size: 8pt; margin: 0;}
.comments .footer p,
.comments .footer a { color: #a6a6a6; margin: 0;}
.comments .date { float: left; }
.comments .reply { float: right; padding-right: 15px; background: url(skins/ecity/images/reply-ico.png) 100% 50% no-repeat;}


/* comments sublevel indicator */
.indicator { position: absolute; top: 0px; left: 10px; height: 100%; background: #f5f2e7 url(skins/ecity/images/sub-comment-bg-2.gif) 0px 0 repeat-y; }
.indicator .top { background: #f5f2e7 url(skins/ecity/images/sub-comment-bg-1.gif) 0px 100% no-repeat;position: absolute; top: 0; left: 0; height: 20px;}
.indicator .bottom { position: absolute; bottom: 0; height: 24px;background: #f5f2e7 url(skins/ecity/images/sub-comment-bg-3.gif) 0px 0 no-repeat;}

.comments ul li + li {margin-top: -10px; margin-bottom: 20px;}
.comments ul li + li > div { padding-top: 10px; }

.comments li > div > .indicator .top { height: 32px;}
.comments li + li > div > .indicator .top { height: 15px; }

.comments > li > div { position: relative; z-index: 11;}
.sub-1 > li > div { z-index: 10; padding-left: 32px;}
.sub-2 > li > div { z-index: 9; padding-left: 48px;}
.sub-3 > li > div { z-index: 8; padding-left: 64px;}
.sub-4 > li > div { z-index: 7; padding-left: 80px;}
.sub-5 > li > div { z-index: 6; padding-left: 96px;}
.sub-6 > li > div { z-index: 5; padding-left: 112px;}
.sub-7 > li > div { z-index: 4; padding-left: 128px;}
.sub-8 > li > div { z-index: 3; padding-left: 144px;}
.sub-9 > li > div { z-index: 2; padding-left: 160px;}
.sub-10 > li > div { z-index: 1; padding-left: 176px;}

.sub-1 .indicator, .sub-1 .top, .sub-1 .bottom { width: 16px; }
.sub-2 .indicator, .sub-2 .top, .sub-2 .bottom { width: 32px; }
.sub-3 .indicator, .sub-3 .top, .sub-3 .bottom { width: 48px; }
.sub-4 .indicator, .sub-4 .top, .sub-4 .bottom { width: 64px; }
.sub-5 .indicator, .sub-5 .top, .sub-5 .bottom { width: 80px; }
.sub-6 .indicator, .sub-6 .top, .sub-6 .bottom { width: 96px; }
.sub-7 .indicator, .sub-7 .top, .sub-7 .bottom { width: 112px; }
.sub-8 .indicator, .sub-8 .top, .sub-8 .bottom { width: 128px; }
.sub-9 .indicator, .sub-9 .top, .sub-9 .bottom { width: 144px; }
.sub-10 .indicator, .sub-10 .top, .sub-10 .bottom { width: 160px; }

/* twitter feed */
.twitter-feed { float: left; width: 744px;  padding: 0 0 0 220px; margin: 30px -2px 0 -2px; position: relative; background: url(skins/ecity/images/twitter-feed-bg.png) 0 0 no-repeat !important;height: 122px;}


.twitter-feed .nav { float: left; margin: 30px 28px 0 0;}


.twitter-feed .nav a:hover,
.twitter-feed .nav a:focus { background-position: 0 -54px; }
.twitter-feed .nav .prev a:hover,
.twitter-feed .nav .prev a:focus { background-position: 0 -80px; }

/* twitter feed > button */
.twitter-feed .actions { float: left; margin: 32px 0 0;}
.twitter-feed .actions li { float: left; margin: 0 0 8px 0; clear: left;}
.twitter-feed .actions li a { float: left; width: 60px; text-align: center; margin: 0; border-top: 1px solid #b1ebff; border-bottom: 1px solid #2c619b; line-height: 19px; height: 19px; background: url(skins/ecity/images/follow-on-twitter-btn-bg.gif) 0 0 repeat-x; padding: 0 8px; color: #fff !important; text-decoration: none; text-shadow: rgba(44,97,155,1) 1px 1px 1px; -webkit-text-shadow: rgba(44,97,155,1) 1px 1px 1px; -moz-text-shadow: rgba(44,97,155,1) 1px 1px 1px; border-radius: 2px; box-shadow: rgba(29,15,7,.35) 1px 1px 2px;  -webkit-box-shadow: rgba(29,15,7,.35) 1px 1px 2px;  -moz-box-shadow: rgba(29,15,7,.35) 1px 1px 2px; }
.twitter-feed .actions li a:hover,
.twitter-feed .actions li a:focus { background-position: 0 -19px; text-decoration: none !important; padding-top: 1px; height: 18px;}
.twitter-feed .actions li a:active { text-shadow: rgba(44,97,155,1) -1px -1px 1px; -webkit-text-shadow: rgba(44,97,155,1) -1px -1px 1px; -moz-text-shadow: rgba(44,97,155,1) -1px -1px 1px;}

/* footer */
#footer {font-size: .8em; }
#footer a { color: #DDBB19; }
#footer a:hover,
#footer a:focus { text-decoration: underline; }
#footer h2 { color: #000; margin: 0; font-size: 2.2em; background: url(skins/ecity/images/separator-3.png) 0 100% repeat-x; padding: 0 0 15px; width: 101%; margin: 0 -1% 0 0;}

/* footer listing */
#footer .menu { float: left; width: 100%;  margin: 10px 0 20px; }
#footer .menu li { float: left; padding-right: 0%; margin: 0;}
#footer .menu .col-1 { width: 25%; }
#footer .menu .col-2 { width: 25%}
#footer .menu .col-3 { width: 25%}
#footer .menu .col-4 { width: 25%}

#footer ul ul { margin: 15px 0 0; }

/* footer > tags */
#footer .tags {}
#footer .tags li { margin: 2px 8px 2px 2px; float: left; background: url(skins/ecity/images/tag-list-item-bg.png) 0 0 no-repeat;}
#footer .tags a {line-height: 21px; padding: 0 5px; margin: 0 -5px 0 5px;float: left; background: url(skins/ecity/images/tag-list-item-bg.png) 100% -21px no-repeat;}

/* footer > about */
#footer ul li p { line-height: 2.2em; text-align: justify;}

/* footer > copy & author info */
#footer p#copy {  color: #bfbfbf; margin: 0; padding: 0; line-height: 50px;background: url(skins/ecity/images/separator-3.png) 0 0 repeat-x; text-align: center; clear: both;}
#footer p#copy a { color: #878787;}
div#comments {padding: 4px;margin-top: 4px;width: 99%;}div#comments .comment_editor_header {padding-left: 4px;font-weight: bold;}div#comments .comments-title {font-size: 15pt;text-shadow: 1px 1px 0 #DDDDDD;text-transform: none;padding: 2px;margin-bottom: 8px;margin-top: 8px;}div#comments ol {padding: 0;margin: 0;margin-top: 8px;}div#comments ol li {list-style:none outside none;background:none repeat scroll 0 0 #F9F9F9;border:1px solid #CFCFCF;height:auto !important;margin: 4px 0;padding: 0;min-height:60px;overflow:hidden;font-style: normal;}div#comments ol li div.comment {padding: 4px;min-height: 60px;width: 99%;}div#comments ol li div.comment-admin {vertical-align: middle;float: right;display: inline;margin: 2px 8px 2px 2px;height: 18px;}div#comments ol li span.admin-hint {display: none;font-family: Helvetica,Arial,sans-serif;font-size: 9px;}div#comments ol li div.comment-admin:hover {background-color: #FFC0C0;}div#comments ol li div.comment-admin:hover span {display: inline;}div#comments ol li img.avatar {background-color: #fff;padding: 3px;border: 1px solid #eee;}div#comments ol li div.avatar-column {float: left;width: auto;height: auto;}div#comments ol li div.message-column {margin-left: 100px;width: auto;}div#comments ol li p {padding: 2px;margin-top: 4px;}div#comments ol li span {line-height: 20px;margin-bottom: 10px;padding: 0;}div#comments ol li span.date {color: #666;font-size: smaller;}form#comment-form {background: none repeat scroll 0 0 #F9F9F9;border: 1px solid #CFCFCF;clear: both;margin: 0;overflow: hidden;padding: 4px;}form#comment-form markItUpComment_comment { width: 100%; height: 250px; padding: 0; }form#comment-form div.markItUpContainer { width: 98%; height: 200px; padding: 4px; }#comment_comment {font: 14px 'Lucida Console', Courier, monospace;padding: 0px;margin: 0px;border:1px solid #3C769D;height: 166px;position: relative;left: 4px;line-height:17px;overflow: scroll;width: 98%;z-index: 1;/*-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;*/}form#comment-form input {border: 1px solid #CFCFCF;padding: 4px;display: block;width: 300px;margin-bottom: 10px;margin-left: 4px;}form#comment-form input[type="submit"] {background-color:#58B9EB;border:1px solid #40A2D4;color:#FFFFFF;cursor:pointer;font-family: Helvetica,Arial,sans-serif;font-size:14px;font-weight:bold;padding:4px;margin-top:5px;width: 150px;/*-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;*/}form#comment-form input[type="submit"]:hover {background-color:#80cdf5;border-color:#52b1e2;}a.comment-edit {background: url("includes/images/edit.png") no-repeat scroll top center transparent;height: 16px;line-height: 16px;padding-left: 22px;}a.comment-delete {background: url("includes/images/eraser.png") no-repeat scroll top center transparent;height: 16px;line-height: 16px;padding-left: 22px;}div.comment_username { padding: 4px; }
div #error_message {background: #ffeaef;border: 3px solid #ff829f;left: 55px;margin-bottom: 15px;padding: 15px; }div #success_message {background: #eaf4ff;border: 3px solid #82c0ff;left: 55px;margin-bottom: 15px;padding: 15px; }
div.pagination {font-family: Georgia, Times, serif;font-style: italic;padding: 0px;margin: 0px;line-height: 40px;text-align: left;height: 40px; }div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;text-decoration: none;color: #44B0EB; }div.pagination a:hover {color: #44e5eb; }div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;font-weight: bold;background-color: #44B0EB;color: #ffffff; }div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;color: #dddddd; }
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 8em; /* left offset of submenus need to match (see below) */ }
 
	.sf-menu ul li { width: 100%; }
 
	.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
 
	.sf-menu li { position: relative; }
 
	.sf-menu a {
		display: block;
		padding-left: 0px;
		padding-right: 0px; }
 
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {
		left: 0;
		background: #ffffff;
		top: 30px; /* match top ul list item height */
		z-index: 0; }
 
	.sf-menu li:hover li ul, .sf-menu li.sfHover li ul, .sf-menu li li:hover li ul, .sf-menu li li.sfHover li ul { top: -999em; }
 
	.sf-menu li li:hover ul, .sf-menu li li.sfHover ul, .sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul {
		left: 8em; /* match ul width */
		top: 0; }
div.bbcode_quote,div.bbcode_code{border: 1px solid #44B0EB;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;background-color: #f5f5f5;padding: 10px;margin-top: 5px;margin-bottom: 5px;max-height: 410px;max-width: 720px;overflow: hidden;width: 98%; /* must be < 100% for nested quotes! */}div.bbeditor {position: relative;width: auto;height: 24px;margin: 0;padding: 0;}div.bbeditor img {padding: 3px;border: 1px solid #eee;margin-right: 3px;background-color: #fff;cursor: pointer;}div.bbcode_quote_head, div.bbcode_code_head {font-weight: bold;margin-bottom: 10px;}div.bbcode_code_body,div.bbcode_quote_body {border: 1px solid #dadada;font-size: 13px;line-height: 9pt;max-height: 350px;/*max-width: 520px;*/overflow: scroll;padding: 4px;width: 99%;}div.bbcode_quote_body {font-style: italic !important;}div.bbcode_code_body {/*border: 1px solid #dadada;*/border: 0;font-family: "Lucida Console",courier,monospace,mono !important;white-space: pre;}.markItUpContainer {max-width: 900px;}
div.article_title,div.article_subtitle {background: transparent;clear: both;color: #272727;display: block;line-height: 1em;padding-bottom: 4px;width: 100%;}div.article_subtitle {font-size: 11px;margin: 4px 4px;}div.article_title h2 {padding-bottom: 0px;margin-bottom: 2px;}.article_title_link {background: transparent;color: #272727;font-size: 30px;line-height: 1;font-style: normal;text-decoration: none;padding-bottom: 0px;margin-bottom: 2px;}a.article_title_link:hover {background: transparent;color: #44b0eb;}div.article_article,div.article_description {margin: 4px 4px;overflow-x: hidden;}div.article_comments,div.article_read_more {display: inline;margin: 4px 4px 10px 4px;}div.article_rating {margin: 4px 4px 10px 4px;width: 100%;}.article_tools, .article_tools li {margin:0px !important;margin-right: 4px !important;padding:0px !important;list-style: none outside none;list-style-type: none;vertical-align: top;}.article_tools li {display: inline;vertical-align: top;height: 20px;}.article_tools li a {height: 16px;outline: none;}.article_tools li.social a {display: inline-block;margin-top: 5px;width: 16px;}.article_tools a:hover,.article_tools a:visited,.article_tools a:focus {outline: none;}.article_tools .delicious a { background-image:url(includes/images/social/delicious-16x16.png); }.article_tools .digg a { background-image:url(includes/images/social/digg-16x16.png); }.article_tools .email a { background-image:url(includes/images/social/email-16x16.png); }.article_tools .facebook a { background-image:url(includes/images/social/facebook-16x16.png); }.article_tools .twitter a { background-image:url(includes/images/social/twitter-16x16.png); }.article_tools .article_pdf_link a { background-image:url(plugins/p2_news/pdf.png); }.article_tools .article_print_link a { background-image:url(plugins/p2_news/printer.png); }.article_tools .article_comments_link a { margin-left: 4px; }div.article_footer {border-bottom: 1px solid #82c0ff;border-top: 1px solid #82c0ff;clear: both;display: block;height: 34px;margin: 10px 4px 15px 2px;padding-left: 2px;position: relative;vertical-align: middle;width: 99%;}div.article_footer_left {margin:0px;padding:4px;display: inline;float: left;left: 0px;top: 0px;position: relative;line-height: 10px;height: 10px;font-style: italic;}div.article_footer_right {margin: 0;padding: 4px;display: inline;float: right;right: 0px;top: 0px;position: absolute;}iframe.facebook_iframe {border: none;display: inline;float: left;padding-top: 4px;height: 30px;position: absolute;width: 70%;}
div.forum-pagination,div.pagination_data {font-family: Arial, Times, serif;font-style: normal;font-size: 11px;float: right;padding: 0px;margin: 0px;line-height: 18px;text-align: left;height: 18px; }div.forum-pagination a {padding: 2px 3px 2px 3px;margin: 1px;text-decoration: none;color: #44B0EB; }div.forum-pagination a:hover {color: #44e5eb; }div.forum-pagination span.current {padding: 2px 3px 2px 3px;margin: 1px;font-weight: bold;background-color: #44B0EB;color: #ffffff; }div.forum-pagination span.disabled {padding: 2px 3px 2px 3px;margin: 1px;color: #d0d0d0; }/* SD3.2.1 - Forum CSS - October 25, 2010 */div#forum *{text-align: left;}div#forum{position: relative;height: auto;width: 100%;margin-bottom: 10px;}#forum div.clear{clear: both;}#forum p{padding: 0;margin: 0;}#forum table{width: 100%;border-collapse: collapse;margin-top: 4px;}#forum table thead th{background-color: #44B0EB;color: #fff;padding: 6px;}#forum table thead th.col-topic-count,#forum table thead th.col-post-count,#forum table thead th.col-view-count /* SD313 */{width: 60px;text-align: center;}#forum table thead th.col-forum-title,#forum table thead th.col-topic-title{-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;}#forum table thead th.col-last-updated{width: 200px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;}#forum table td{padding: 6px;border-bottom: 1px solid #91CDF5;}#forum table thead th.col-rss,#forum table td.col-rss{width: 16px;}a.rss-icon{background: none no-repeat scroll 0 0 transparent;background-image: url('plugins/forum/images/rss.png');display: block;height: 16px;opacity: 0.50;overflow: hidden;text-indent: 9999px;width: 16px;}a.rss-icon:hover{opacity: 1.0;}#forum table td.col-forum-title a{font-size: 15px;font-weight: normal;text-decoration: none;}#forum table td.col-forum-title p{padding-top: 5px;}#forum table td.col-topic-title a{font-size: 14px;text-decoration: none;}#forum table td.col-topic-count,#forum table td.col-post-count,#forum table td.col-view-count /* SD313 */{width: 60px;text-align: center;}#forum table tbody#posts tr:first-child{border-top: 1px solid #91CDF5;}#forum table tr.topic{background-color: #fff;}#forum table tr.alt{background-color: #f5f6f9;}#forum table tr td.col-user-details{width: 150px;background-color: #edf5fa;padding: 10px;min-height: 80px;}#forum * {font-family: Arial, Helvetica, sans-serif;}#forum table tr td.col-user-details{font-size: 11px;font-family: Arial, Helvetica, sans-serif;}#forum table tr td.col-user-details img.avatar{background-color: #fff;padding: 3px;border: 1px solid #eee;height: 60px;padding: 3px;width: 60px;}#forum table tr td.col-post input[type=checkbox]{float: right;margin: 2px 8px 0 10px;}#forum table tr td.col-post div.post{min-height: 80px;}#forum table tr td.col-post div.post-footer{background-color: #f5f6f9;margin: 10px 0px 0px 6px;font-size: 11px;}#forum table tr td.col-post div.post-footer div.private-links{background-color: #f5f6f9;float: left;}#forum table tr td.col-post div.post-footer div.private-links a{margin-right: 10px;}#forum table tr td.col-post div.post-footer div.public-links{background-color: #f5f6f9;float: right;}#forum table tr td.col-post div.post-footer div.public-links a{margin-left: 10px;}#forum h2,#forum .forum-topic-title{background: none;color: #333;font-size: 22px;margin: 0;padding: 0;text-align: left;display: inline;}#forum a.new-topic-link,#forum a.reply-link{float: right;padding: 4px;}#forum div#topic-footer{width: 100%;height: 25px;margin: 14px 0;}#forum div#topic-footer div.pagination{float: left;height: 0;line-height: normal;}#forum div#topic-footer div.topic-options{float: right;text-align: right;}#forum div#topic-footer div.topic-options select{margin-right: 10px;}#forum div.form-wrap{position: relative;width: 100%;height: auto;padding: 10px;background-color: #f5f6f9;margin: 4px 0 0;-moz-border-radius: 15px;-webkit-border-radius: 15px;}#forum div.form-wrap label{display: block;width: 416px;font-size: 12px;padding: 0;margin: 0;}#forum div.form-wrap input[type="text"]{width: 400px;margin: 0 0 10px 0;padding: 8px;}#forum div.form-wrap textarea {width: 98%;height: 310px;display: block;padding: 8px;margin: 3px 0 10px 0;}#forum div.form-wrap input[type="submit"] {border: 1px solid #408bb6;padding: 8px 25px;background-color: #44B0EB;color: #fff;cursor: pointer;}#forum div.form-wrap input[type="submit"]:hover {background-color: #2e97d1;}#forum div.form-wrap textarea.quick-reply {font-size: 14px;height: 300px;}/* SD322: added several new styles instead of inline styles in code */#forum .post-header {background: #edf5fa;color: #000;border-bottom: 1px solid #91CDF5;clear: both;margin: 0px 0px 6px 0px;padding: 4px 4px 4px 6px;text-align: left;}#forum table tr td.col-post{padding: 0px; /* before: 10px */}#forum .post-content {font-size: 14px;line-height: 18px;padding: 4px 4px 4px 6px;}#forum td.col-user-details .author-name {font-size: 12pt;font-weight: bold;padding: 3px;}#forum td.col-user-details .author-joined {font-size: 10pt;font-weight: normal;padding: 3px;}#forum .post-moderated {background: #ffeaef;border: 2px solid #ff0000;}#forum h2.topic-moderated,#forum a.topic-moderated {color: red;}#forum a.forum-post-number {font-weight: bold;float: right;}#forum_move_topic_form select#forum_id {margin-bottom: 8px;width: 300px;}#forum p.breadcrumb {position: relative;float: left;width: auto;height: 20px;padding: 0px;margin-bottom: 8px;font-size: 12px;font-style: normal;}#forum div#forum-breadcrumb {display: block;clear: both;height: 26px;margin: 4px;}#forum div.breadcrumb {display: inline;float: left;text-align: left;padding: 4px;}#forum form#forum-searchbar {display: inline;padding: 0px  0px 4px 0px;margin: 0;}#forum div.forum-search {display: inline;float:right;padding: 0px 0px 8px 0px;text-align: right;white-space: nowrap;}#forum div.forum-search span {vertical-align: middle;padding-top: 3px;}#forum div.forum-attachments {padding: 4px;font-size: 10px;border: 1px solid #E0E0E0;margin: 14px;}div.forum-footerrow {padding: 4px 10px 4px 10px;width: 100%;}div.bottom-plugin {border: 1px solid #91CDF5;display: inline;float: left;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;background-color: #edf5fa;min-height: 170px;padding: 10px;margin: 4px 20px 4px 10px;width: 260px;}#forum_search_popup label,#forum_search_popup input {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;height: 20px;vertical-align: middle;}#forum_search_popup #search {font-size: 12px;}#forum_search_popup input#forum_search {background-color: #fff;width: 150px;height: 18px;border: 1px solid #7f9db9;border-right: 0;padding: 1px 4px 1px 4px;}#forum_search_popup > input#forum_search {margin:1px 0 0 0;}#forum_search_popup input#search {background-color: #ffc027;background-image: url(plugins/forum/images/search-button.png);background-repeat: repeat-x;width: 70px;height: 24px;border: 1px solid #999b9a;margin: 1px 0 1px 0;padding: 0 10px 0 10px;}#forum_search_popup .contextual_dialog_content {background-color: #F0F0F0;border-bottom: 1px solid #44B0EB;border-right: 1px solid #44B0EB;}#forum_search_popup h2 { font-size: 12px; color: #000; font-weight: bold; }#forum pre {line-height: 11px;padding: 2px;}#forum .syntax-container {margin: 0px;padding: 1px;}#forum ol.syntax {max-height: 300px;overflow-y: scroll;}#markItUpForum_post { padding: 0; margin: 0; width: 99%; }#markItUpForum_post .markItUpContainer { height: 300px; width: 98%; }#forum_post {font: 14px 'Lucida Console', Courier, monospace;padding: 0;margin: 0;border:1px solid #3C769D;height: 254px;max-height: 254px;left: 1%;position: relative;line-height:17px;overflow: scroll;width: 98%;z-index: 1;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */box-sizing: border-box;         /* Opera/IE 8+ */}
#image_gallery_image img{border: 1px solid #eee;padding: 2px;}#image_gallery_sections img{border: 1px solid #eee;padding: 2px;}#image_gallery_thumbnails img{border: 1px solid #eee;padding: 2px;}
div.rating_wrapper *{margin:0; border:0; padding:0; }div.rating_wrapper {overflow:hidden; height:16px; margin-bottom: 8px; }div.sp_rating{ font-family: Georgia, Times, serif; font-size:11px; line-height:1.7em; color:#5f5f5f; display:block; }div.sp_rating div.rating{ float:left; padding-right:4px; }div.sp_rating div.base{ background:url(includes/images/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; padding-right:4px; overflow:hidden; }div.sp_rating div.average{background:url(includes/images/ratings.gif) 0 -16px no-repeat; text-indent:-9999px; }div.sp_rating div.votes{ float:left; padding-right:4px;}div.sp_rating div.score{ background: url(includes/images/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; position:relative; }div.sp_rating div.score a{display:block; height:100%; float:left; text-indent:-9999px; position:absolute; overflow:hidden; line-height:1em; }div.sp_rating a.score1 {width:20%; z-index:55; }div.sp_rating a.score2 {width:40%; z-index:54; }div.sp_rating a.score3 {width:60%; z-index:53; }div.sp_rating a.score4 {width:80%; z-index:52; }div.sp_rating a.score5 {width:100%; z-index:51; }div.sp_rating div.score a:hover{ background:url(includes/images/ratings.gif) bottom right no-repeat; }div.sp_rating div.rating_status {height:16px; width:100px; overflow:hidden; position:relative; }div.sp_rating div.rating_score_this{ height:100%; overflow:hidden; }div.sp_rating div.rating_score_this a{color:#44b0eb; }
div.latest_articles {margin-bottom: 4px;}
/* User Registration plugin CSS */div#p12_registration {margin-bottom: 5px;margin-top: 5px;}div#p12_registration form {background: transparent;border: 1px solid #e0e0e0;margin-bottom: 15px;padding: 5px;max-width: 400px;}div#p12_registration table {background: none;margin-bottom: 15px;padding: 15px;}div#p12_registration table td.registration-prompt {margin-bottom: 10px;padding: 10px;}div#p12_registration table td.registration-detail {margin-bottom: 10px;padding: 10px;}
/* -------------------------------------------------------------------// markItUp!!// By Jay Salvat - http://markitup.jaysalvat.com/// ------------------------------------------------------------------*/.bbcode .markItUpButton1 a  {background-image:url(includes/images/markitup/bold.png);}.bbcode .markItUpButton2 a  {background-image:url(includes/images/markitup/italic.png);}.bbcode .markItUpButton3 a  {background-image:url(includes/images/markitup/underline.png);}.bbcode .markItUpButton4 a  {background-image:url(includes/images/markitup/picture.png);}.bbcode .markItUpButton5 a  {background-image:url(includes/images/markitup/link.png);}.bbcode .markItUpButton6 a {background-image:url(includes/images/markitup/colors.png);}.bbcode .markItUpButton6 ul {padding:1px;width:81px;}.bbcode .markItUpButton6  li {border:1px solid white;width:25px;height:25px;overflow:hidden;padding:0px;margin:0px;float:left;}.bbcode .markItUpButton6 ul a {width:25px;  height:25px;}.bbcode .markItUpButton6 ul a:hover {background-color:none;}.bbcode .markItUpButton6 .col1-1 a {background:yellow;}.bbcode .markItUpButton6 .col1-2 a {background:orange;}.bbcode .markItUpButton6 .col1-3 a {background:red;}.bbcode .markItUpButton6 .col2-1 a {background:blue;}.bbcode .markItUpButton6 .col2-2 a {background:purple;}.bbcode .markItUpButton6 .col2-3 a {background:green;}.bbcode .markItUpButton6 .col3-1 a {background:white;}.bbcode .markItUpButton6 .col3-2 a {background:gray;}.bbcode .markItUpButton6 .col3-3 a {background:black;}.bbcode .markItUpButton7 a  {background-image:url(includes/images/markitup/fonts.png);}.bbcode .markItUpButton8 a  {background-image:url(includes/images/markitup/list-bullet.png);}.bbcode .markItUpButton9 a  {background-image:url(includes/images/markitup/list-numeric.png);}.bbcode .markItUpButton10 a  {background-image:url(includes/images/markitup/list-item.png);}.bbcode .markItUpButton11 a  {background-image:url(includes/images/markitup/quotes.png);}.bbcode .markItUpButton12 a  {background-image:url(includes/images/markitup/code.png);}.bbcode .markItUpButton13 a  {background-image:url(includes/images/markitup/clean.png);}.bbcode .markItUpButton18 a {background-image:url(includes/images/markitup/preview.png);display: none;}/* -------------------------------------------------------------------// markItUp!// By Jay Salvat - http://markitup.jaysalvat.com/// ------------------------------------------------------------------*/.bbcode .colors a {background-image:url(includes/images/markitup/colors.png);}.bbcode .colors ul {width:81px;padding:1px;}.bbcode .colors  li {border:1px solid white;width:25px;  height:25px;overflow:hidden;padding:0px; margin:0px;float:left;}.bbcode .colors ul a {width:25px;  height:25px;}.bbcode .colors ul a:hover {background-color:none;}.bbcode .colors .col1-1 a {background:yellow;}.bbcode .colors .col1-2 a {background:orange;}.bbcode .colors .col1-3 a {background:red;}.bbcode .colors .col2-1 a {background:blue;}.bbcode .colors .col2-2 a {background:purple;}.bbcode .colors .col2-3 a {background:green;}.bbcode .colors .col3-1 a {background:white;}.bbcode .colors .col3-2 a {background:gray;}.bbcode .colors .col3-3 a {background:black;}.bbcode .calculator a {background-image:url(includes/images/markitup/calculator.png);}/* -------------------------------------------------------------------// markItUp! Universal MarkUp Engine, JQuery plugin// By Jay Salvat - http://markitup.jaysalvat.com/// ------------------------------------------------------------------*/.markItUp * {margin:0px; padding:0px;outline:none;}.markItUp a:link,.markItUp a:visited {color:#000;text-decoration:none;}.markItUp  {width:98%;margin:5px 0 5px 0;border:5px solid #F5F5F5;}.markItUpContainer  {border:1px solid #3C769D;background:#FFF;padding:5px 5px 2px 5px;font:11px Arial, Helvetica, Verdana, sans-serif;}textarea.markItUpEditor {font:14px 'Lucida Console', Courier, monospace;/*padding: 4px;*/margin: 4px;border:1px solid #3C769D;clear:both;display:block;line-height:17px;overflow: scroll;width: inherited;}.markItUpPreviewFrame  {overflow:auto;background-color:#FFFFFF;border:1px solid #3C769D;width:99.9%;height:300px;margin:5px 0;}.markItUpFooter {width:100%;cursor:n-resize;}.markItUpResizeHandle {overflow:hidden;width:22px; height:5px;margin-left:auto;margin-right:auto;background-image:url(includes/images/markitup/handle.png);cursor:n-resize;}/***************************************************************************************//* first row of buttons */.markItUpHeader ul  {list-style-type: none !important;}.markItUpHeader ul li  {list-style:none !important;float:left;position:relative;margin: 2px !important;padding: 2px !important;}.markItUpHeader ul li:hover {background-color: #E0E0E0;}.markItUpHeader ul li ul {display:none;list-style-type: none;}.markItUpHeader ul li:hover > ul {list-style-type: none;display:block;}.markItUpHeader ul .markItUpDropMenu {background:transparent url(includes/images/markitup/menu.png) no-repeat 115% 50%;margin-right:5px;z-index: 1000;}.markItUpHeader ul .markItUpDropMenu li {margin-right:0px;list-style: none;}.markItUpHeader ul .markItUpSeparator {background:transparent url(includes/images/markitup/handle.png) repeat-y;margin:0 10px;width:1px;height:16px;overflow:hidden;background-color:#CCC;}.markItUpHeader ul ul .markItUpSeparator {width:auto; height:1px;margin:0px;}/* next rows of buttons */.markItUpHeader ul ul {display:none;position:absolute;list-style:none;top:18px; left:0px;background:#F5F5F5;border:1px solid #3C769D;height:inherit;}.markItUpHeader ul ul li {float:none;border-bottom:1px solid #3C769D;}.markItUpHeader ul ul .markItUpDropMenu {background:#F5F5F5 url(includes/images/markitup/submenu.png) no-repeat 100% 50%;}/* next rows of buttons */.markItUpHeader ul ul ul {position:absolute;top:-1px; left:150px;}.markItUpHeader ul ul ul li {float:none;}.markItUpHeader ul a {display:block;width:16px; height:16px;text-indent:-10000px;background-repeat:no-repeat;padding:3px;margin:0px;}.markItUpHeader ul ul a {display:block;padding-left:0px;text-indent:0;width:120px;padding:5px 5px 5px 30px;background-position:2px 50%;}.markItUpHeader ul ul a:hover  {color:#FFF;background-color:#3C769D;}li.markItUpButton {list-style:none;list-style-type: none;}
div#p9_top_posters {padding: 0px;margin: 0px;width: 100%;}div#p9_top_posters ul {padding: 0;margin: 0;}div#p9_top_posters ul li {list-style:none outside none;/* background:none repeat scroll 0 0 #F9F9F9; *//* border:1px solid #CFCFCF; */height:auto !important;margin: 0;padding: 0;overflow: hidden;}div#p9_top_posters ul li div.p9-outer {width: 100%;}div#p9_top_posters ul li img.avatar {background-color: #fff;border: 0;padding: 4px;border: 1px solid #eee;}div#p9_top_posters ul li div.p9-avatar {float: left;width: auto;height: auto;}div#p9_top_posters ul li div.p9-user {/*font-family: Helvetica,Arial,sans-serif !important;font-size: 14px;*/display: inline;float: left;font:inherit;padding: 4px;width: auto;}div#p9_top_posters ul li span {font:inherit;padding-top: 4px;}div#p9_top_posters ul li span.p9-count {color: #666;/* font-size: smaller; */}
/* User Login Panel plugin CSS */.login-panel {padding: 0px;margin: 0 0 8px 4px;}.login-panel div.login-avatar {clear: both;display: block;}.login-form { padding: 0; }.login-form input { width: 70px; }.login-form .login-div-user1 { display: inline; float: left; padding: 0px; vertical-align: middle; width: 80px;}.login-form .login-div-user2 { display: block; clear: right; }.login-form .login-div-pwd1  { display: inline; float: left; padding: 0px; vertical-align: middle; width: 80px; }.login-form .login-div-pwd2  { display: block; clear: right; }.login-form .login-div-remember { display: block; clear: both; padding: 0px; width: 100%; }.login-form .login-div-remember input { border: 0; padding: 4px; }.login-form .login-div-submit   { display: block; clear: both; padding: 0px; }.login-div-register { display: block; clear: both; padding: 6px; width: 100px; }.login-div-lostpwd { display: block; clear: both; padding: 6px; width: 100px; }.login-form input[type="submit"] {background-color: #58B9EB;border: 1px solid #40A2D4;color: #FFFFFF;cursor: pointer;font-family: Helvetica,Arial,sans-serif;font-size: 12px;font-weight: bold;padding: 2px 8px 2px 8px;margin: 4px 4px 8px 0px;width: auto;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.login-form input[type="submit"]:hover {background-color:#80cdf5;border-color:#52b1e2;}.login-welcome {clear: right;display: block;font-size: 12px; font-weight: bold;padding: 0;margin-bottom: 8px;}
/* Subdreamer User Profile plugin CSS */div#user-profile {border: 0px;}form.usercp-form {background: transparent;border: 0;margin-bottom: 15px;padding: 5px 5px 5px 0px;}table.usercp-table {margin-bottom: 15px;padding: 15px;}table.usercp-table td.usercp-prompt {margin-bottom: 10px;padding: 10px;}table.usercp-table td.usercp-detail {margin-bottom: 10px;padding: 10px;}div.ucp-groupheader {background-color: #e0e0e0;border: 1px solid #c0c0c0;font-size: 20px; font-weight: bold; background-color: #E0E0E0;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;padding: 5px;margin: 5px 1px 5px 5px;}#ucpForm { width: 100%; padding: 2px; }#ucpForm fieldset legend { padding: 0.5em; }#ucpForm fieldset div { padding: 4px; }#ucpForm fieldset div label { display: inline-block; width: 200px; }#ucpForm fieldset div input,#ucpForm fieldset div select,#ucpForm fieldset div textarea,{ display: inline-block; line-size: 1px; margin-right: 8px; }#ucpForm .ctrlHolder{ padding: 4px; border-bottom: 1px solid #efefef; }#ucpForm .ctrlHolder.focused { background: #fffcdf; }#ucpForm fieldset div label.error{ display: inline; color: red; }#ucpForm .ucp_value_only { font-weight: bold; padding: 6px; }#ucpForm button.primaryAction {background-color: #58B9EB;border: 1px solid #40A2D4;color: #FFFFFF;cursor: pointer;font-family: Helvetica,Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;padding: 10px;margin: 6px;width: auto;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}#ucpForm button.primaryAction:hover {background-color:#80cdf5;border-color:#52b1e2;}
/* Hides the whole contact form until needed */#contactForm {max-width: 500px;background: transparent;border:0;padding:2px 2px;color:#000;display:block;}/* Loading bar */.bar {display:none;background:url(../images/ajax-loader.gif) no-repeat center;margin-top:50px;height:40px; width:230px;}/* Hides the confirmation message until needed */#messageSent { display:none; }/* This hides the form validation alert messages until needed */#contactForm span {display:none;font-size:12px;line-height:10px;padding-left:6px;padding-bottom:2px;color:#800000;}/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */#contactForm textarea, #contactForm input {width: 80%;font-family: Arial, Geneva, sans-serif;/* background:#6d6d6d url(../images/contact_input.png) repeat-x top; */border:1px solid #8a8a8a;height:15px;line-height:14px;font-size:12px;padding:2px 2px 0px;}#contactForm input { height: 20px; line-height:15px; font-size: 13px; margin: 1px; padding: 2px; }#contactForm textarea { height:114px; font-family: Arial, Geneva, sans-serif; }#contactForm .submit {border:1px solid #aba8a8;background:#e5e5e5;text-transform:uppercase;color:#4d4d4d;font-weight:bold;padding:7px 16px 7px 14px;height:37px; width:130px;cursor:pointer;margin-top:10px;}#contactForm .submit:active { background: #cacaca; }#contactForm label { padding-left: 4px; font-weight: bold; }#contactForm p { padding-bottom: 4px; }input.p6_error { background-color: #FFC0C0; }
#p5001_imagegallery {
  background-color: transparent;
  clear: right;
  margin-bottom: 15px;
}

#p5001_imagegallery .gallery_header {
  padding: 2px;
  border-bottom: 1px solid #000;
  margin: 0;
  margin-bottom: 2px;
}

#p5001_imagegallery #gallery_containment {
  /* container for all display modes */
  border: none;
  clear: both;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 100%;
}
#p5001_imagegallery #gallery_containment td {
  border: 0;
  margin: 0 auto;
  padding: 0 15px 15px 0;
  width: 100%;
}

#p5001_imagegallery .p5001_pager_bottom,
#p5001_imagegallery .p5001_pager_top {
  clear: both;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

#p5001_imagegallery #mb_containment {
  /* container only for mbGallery */
  clear: both;
  min-height: 550px;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
}

#p5001_imagegallery ul.galleryimages {
  /* do not style anything visible here! */
  border: none;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: 750px; /* max layout column width, not percentage */
}

#p5001_imagegallery ul.galleryimages li {
  border: 1px solid #007fff;
  display: inline;
  float: left;
  padding: 0;
  margin: 2px;
  text-align: center;
  width: 240px; /* use (max-layout-width) / (images per column) */
}

/* EXAMPLE override for section id 8: image container width = 300 */
/* about "width": use (max-layout-width) / (images per column) */
/*
table.gal-section-8 ul.galleryimages li
{
  border: 1px solid #ff0000 !important;
  width: 300px !important;
}
*/

#p5001_imagegallery div.section_img,
#p5001_imagegallery div.midsize_img,
#p5001_imagegallery div.thumb_img {
  height: 120px;
  margin: 8px;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  width: inherited;
}

#p5001_imagegallery div.thumb_img img {
  cursor: pointer;
  max-height: 110px; /* depending on above height and if admin links are shown */
  padding: 4px;
  vertical-align: middle;
  box-shadow: #333 2px 2px 5px;
  -moz-box-shadow: #333 2px 2px 5px;
  -webkit-box-shadow: #333 2px 2px 5px;
}

#p5001_imagegallery table.p5001_sections {
  margin: 8px 4px 15px 4px;
}

#p5001_imagegallery .section_container {
  margin: 0 auto; /* to center sections-list horizontally */
  width: 720px; /* must be full width in pixels, not percentage */
}

#p5001_imagegallery div.section {
  border: 1px solid #d0d0d0;
  cursor: pointer;
  display: inline;
  float: left;
  min-height: 210px;
  margin-bottom: 15px;
  margin-right: 15px;
  overflow: hidden;
  padding: 4px;
  text-align: center;
  width: 200px;
}

#p5001_imagegallery div.section .section_inner {
  margin: 0 auto;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}

#p5001_imagegallery div.section .section_inner img {
  cursor: pointer;
  margin: 0 auto;
  max-height: 110px; /* depending on above height and if admin links are shown */
  padding: 4px;
  vertical-align: middle;
  -moz-box-shadow:#333 2px 2px 5px;
  -webkit-box-shadow:#333 2px 2px 5px;
}

#p5001_imagegallery .image_title,
#p5001_imagegallery .image_title_single {
  clear: both;
  font-weight: normal;
  height: 18px;
  white-space: nowrap;
}
#p5001_imagegallery .image_title {
  background-color: #007fff;
  color: #fff;
  font-size: 13px;
  margin: 0 auto; /* centers the title */
  overflow: hidden;
  padding: 4px;
  text-align: center;
  width: 232px; /* "li"-width minus 2 times the padding! */
}

/* EXAMPLE override for section id 8: Image Title in section display in red */
/* "width" is "li"-width minus 2 times the padding! */
/*
table.gal-section-8 .image_title
{
  background-color: #ff0000 !important;
  width: 293px !important;
}
*/

#p5001_imagegallery .image_title_single {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 4px;
  text-align: left;
}
#p5001_imagegallery .gal-mode-0 .image_title_single {
  text-align: center;
}
#p5001_imagegallery .sections_header,
#p5001_imagegallery .images_header {
  border-bottom: 1px solid #d0d0d0;
  clear: both;
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 6px;
  text-align: left;
}

#p5001_images_container td.image_cell {
  margin: 0 auto;
  padding: 8px;
  text-align: center;
}
#p5001_images_container td.image_cell img {
  margin-top: 8px;
  padding: 6px;
  -moz-box-shadow:#333 2px 2px 5px;
  -webkit-box-shadow:#333 2px 2px 5px;
}

#p5001_imagegallery .image_descr,
#p5001_imagegallery .section_descr {
  clear: both;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  padding: 4px 4px 4px 6px;
  margin-bottom: 8px;
}

#p5001_imagegallery .form_header {
  clear: both;
  font-size: 18px;
  margin-bottom: 8px;
  padding: 4px;
  text-align: left;
}

#p5001_imagegallery .previous_img {
  text-align: left;
  padding: 5px 20px 7px 8px;
  width: 50%;
}

#p5001_imagegallery .next_img {
  text-align: right;
  padding: 5px 8px 7px 20px;
  width: 50%;
}

.p5001_pagination_top {
  border-bottom: 1px dotted gray;
  clear: both;
  padding: 2px;
  margin-bottom: 4px;
  margin-top: 2px;
  text-align: center;
  width: auto;
}

.p5001_pagination_bottom {
  border-top: 1px dotted gray;
  clear: both;
  padding: 2px;
  margin-top: 4px;
  margin-bottom: 2px;
  text-align: center;
  width: auto;
}

.p5001_pagelink {
  padding: 2px;
  margin-bottom: 4px;
  margin-top: 2px;
}

.p5001_pagelink_active {
  border: 1px solid black;
  text-decoration: none; font-weight: bold;
  padding: 2px;
  margin-bottom: 4px;
  margin-top: 2px;
}

.p5001_popup_container {
  background-color: #e5e5e5;
  border: 0;
  color: #000;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  padding: 0;
  margin: 0;
  text-align: center;
}

.p5001_popup_title {
  background-color: #808080;
  border:1px solid #D0D0D0;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  padding: 4px;
  text-align: center;
}

.p5001_nav_link_cell_left {
  padding-bottom: 5px;
  padding-top: 7px;
  padding-right: 20px;
  text-align: left;
  width: 50%;
}

.p5001_nav_link_cell_right {
  padding-bottom: 5px;
  padding-top: 7px;
  padding-left: 20px;
  text-align: right;
  width: 50%;
}

.p5001_popup_description {
  background-color: #808080;
  border:1px solid #D0D0D0;
  color: #FFF;
  font-weight: normal;
  padding: 14px;
  text-align: center;
}


/* ##### Tag Cloud Styles ##### */
div.p17-tagcloud {
  background-color: #fff;
  border: 1px solid #d0d0d0;
  clear: both;
  display: block;
  line-height: 1.8em;
  margin: 10px 4px 10px 4px;
  padding: 8px;
  text-align: justify;
}

/* Tag Cloud */
.p17-tagcloud-style1 { font-size: 12px; color: #479; }
.p17-tagcloud-style2 { font-size: 15px; color: #659; }
.p17-tagcloud-style3 { font-size: 18px; color: #859; }
.p17-tagcloud-style4 { font-size: 21px; color: #a59; }
.p17-tagcloud-style5 { font-size: 24px; color: #b49; }
.p17-tagcloud-style6 { font-size: 30px; color: #b49; }

.p5001_recentsections td {
  padding: 4px;
  vertical-align: top;
}
.p5001_recentsections div {
  min-height: 40px;
  margin: 2px;
  text-align: center;
  width: 100%;
}
.p5001_recentsections img {
  cursor: pointer;
  max-height: 40px;
  padding: 4px;
  vertical-align: middle;
  -moz-box-shadow:#333 2px 2px 5px;
  -webkit-box-shadow:#333 2px 2px 5px;
}