
/*---------------------------------------- R E S E T ----------------------------------------*/

li,ul{ padding:0; margin:0; list-style:none;}
{ padding:0; margin:0; list-style:none;}
h1,h2,h3,h4,h5,p{ padding:0; margin:0; font-weight:normal;}

img{ border-style:none;}
a{ text-decoration:none;}
.clear{ clear:both}

#twitter_div li { padding:10px 0 0 0}
#twitter_div a{ color:#6fc405; text-decoration:underline}
.vcard{ float:left}
#news a{font-size:16px; font-weight:bold; color:#ddde90; text-shadow: #3f6c68 1px 0 0}
#events a{font-size:16px; font-weight:bold; color:#ddde90; text-shadow: #3f6c68 1px 0 0}
#share{ float:left; padding:10px 0 0 0 }
#share h2 { color:#6fc405; font-size:24px; font-weight:normal;text-shadow: #3f6c68 1px 0 0; padding:10px 0;}
h2 { color:#6fc405; font-size:24px; font-weight:normal;text-shadow: #3f6c68 1px 0 0; padding:10px 0;}
.icon{ float:left; padding:0 0 0 5px}
.linklove{ display:none}
#sendbutton{ margin:0 0 0 125px; float:left}
.fb_share_large{ margin:0 0 0 5px; float:left}

/*---------------------------------------- C O N T E S T T A B S ----------------------------------------*/
.mediaStrip{ float:left; padding:5px 0 0 0}
.contest-section{float:left; width:666px; color:#4e464e; padding:0 0 10px 0; margin:0 58px 0 0}
ul.domtabs{float:left;width:100%;margin:2em 0 0 0;}
ul.domtabs li{float:left;padding:0 5px 0 0;}
ul.domtabs a:link,ul.domtabs a:visited,ul.domtabs a:active{width:auto;padding:15px 15px 0 15px;display:block;background:url(images/tab-blue-bg.png) ;color:#ffffff;height:3em;font-weight:bold;text-decoration:none;}

ul.domtabs a:hover{width:auto;padding:15px 15px 0 15px;display:block;background:url(images/tab-blue-bg.png);color:#4e464e;height:3em;font-weight:bold;text-decoration:none;}


ul.domtabs a:hover{background: url(images/paper.jpg) bottom left;}
div.domtab div{clear:both;width:auto;background:url(images/paper.jpg) bottom left;color:#4e464e;padding:1em 3em;}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover{background:url(images/paper.jpg);color:#4e464e;}
#domtabprintview{float:right;padding-right:1em;text-align:right;}
#domtabprintview a:link,
#domtabprintview a:visited,
#domtabprintview a:active,
#domtabprintview a:hover{color:#4e464e;}

div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active
{
	color:#4e464e;
	display:block;
	padding:1em .5em;
	font-weight:bold;
	font-size:1.3em;
}
div.domtab div h2 a,
div.domtab div h2 a:hover,
div.domtab div h2 a:active
{
	color:#4e464e;
	display:inline;
	padding:0;
	font-weight:normal;
	font-size:1em;
}
		
/* other scheme! */
#other{
	font-size:.8em;
	margin-left:.3em;
	width:auto;
	margin-bottom:3em;
	float:left;
}
.classTabs{
	clear:both;
	width:auto;
	background:#669;
	color:#4e464e;
	padding:1em 3em;
}
		
#other ul.domtabs a:hover{
	background:#669; 
}
div#other ul.domtabs li.active a:link,
div#other ul.domtabs li.active a:visited,
div#other ul.domtabs li.active a:active,
div#other ul.domtabs li.active a:hover{
	background:#669;
	color:#4e464e;
}
#other div{
	float:left;
}
ul.prevnext{
	float:left;
	width:100%;
}
ul.prevnext li{
	float:left;
	width:auto;
}
ul.prevnext li.next{
	float:right;
	text-align:right;
}

.classTabs ul li{ list-style:disc; list-style-position:inside}
.classTabs ol li{ list-style: decimal; list-style-position:inside}
.classTabs h3 {padding: 10px 0 }
.classTabs h2 {padding: 0; font-size:14px }
.narrowcolumn{ background:url(images/big-paper.jpg); width:1000px; padding:12px;color:#4e464e;}
.narrowcolumn  a:link, a:hover, a:visited, a:active{ text-decoration:none; color:#6fc405;}
.flickr-meta-links{ display:none}
.photoalbum-nav a:link, a:hover, a:visited, a:active{ text-decoration:none; color:#4e464e;}
/*---------------------------------------- G R E E N T I P S ----------------------------------------*/

.greenTips{ float:left; margin:15px 0 0 0; width:227px;}
.greenTips p{ padding:10px 10px 0 10px}
.greenTips h2{ background: url(images/green-tips-bg.png) no-repeat; width:217px; padding:5px 0 0 10px;
color:#ddde90; font-size:24px; font-weight:normal;text-shadow: #3f6c68 1px 0 0; }
.greenTips ul{ background:url(images/green-tips.png) bottom center; padding:0 0 10px 0}
.greenTips li{ padding:5px 0 0 10px; color:#FFFFFF;border-bottom:1px dotted #8e8e8e;cursor:hand;cursor:pointer;}
.greenTips a{ font-size:16px; font-weight:bold; color:#ddde90; text-shadow: #3f6c68 1px 0 0;padding:15px .5em;}



/*---------------------------------------- H E A D E R ----------------------------------------*/

#s { background: none; width:160px;  border:none; padding:5px 0 0 20px; color:#e2dbb6; font-size:14px; margin:10px 0 0 0}
#searchSec{ float:right; background:url(images/search-bg.jpg); width:298px; height:36px; margin:110px 0 0 0}
#search #go{ background:none; width:92px; height:17px; border:none; cursor:pointer; margin:0 0 20px 10px;}
.submitButton{ font-size:0; line-height:0;}
/*---------------------------------------- H E A D E R ----------------------------------------*/

#header{ float:left;width:1024px; height:265px}
#logo{ float:left; padding:10px 0 0 0  }

.post-edit-link{ float:right; background: url(images/button-bg.gif) repeat-x; padding:4px 6px; border: solid 1px #4d4c4c; margin:0 10px 10px 0}
.post-edit-link a:link,a:hover,a:active,a:visited{ text-decoration:none;}

/*---------------------------------------- N A V I G A T I O N ----------------------------------------*/



/*---------------------------------------- T A B B E D ----------------------------------------*/



#tabMenu {margin:0;padding:0 0 0 15px;list-style:none;}
#tabMenu li {float:left;height:27px;width:72px;cursor:pointer;cursor:hand}

#tabMenu li.events {background:url(images/events-tab.png) no-repeat 0 -27px;}
#tabMenu li.news {background:url(images/news-tab.png) no-repeat 0 -27px;}


#tabMenu li.mouseover {background-position:0 0;}
#tabMenu li.mouseout {background-position:0 -27px;}
#tabMenu li.selected {background-position:0 0;}

.box {width:227px}
.boxTop {background:url(images/boxTop.png) no-repeat;height:11px;clear:both}
*html .boxTop {margin-bottom:-2px;}
.boxBody {background: url(images/box-bg.png)}
.boxBottom {background:url(images/boxBottom.png) no-repeat;height:11px;}

.boxBody div {display:none;}
.boxBody div.show {display:block;}
.boxBody #category a {display:block;}

.boxBody div ul {margin:0 10px 0 25px;padding:0;width:190px;}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer;}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}

/*---------------------------------------- C O N T E N T ----------------------------------------*/

body {color:#e8e4e4;background:url(images/bg.jpg) repeat #4e464e center top; margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#holder { width:1024px; margin:0 auto; height:auto; }
.content{ float:left; width:1024px; height:auto;padding:20px 0 0 0 }
.leftSec { float:left; width:724px;}
.rightSec { float:left; width:300px;}
.rightBottomSec{ float:left; width:300px; }
.section { float:left; width:666px; color:#4e464e;background: url(images/paper.jpg) ; padding:0 0 10px 0; margin:0 58px 0 0}
.post h2{ color:#4e464e; padding: 0 0 10px 0; float:left; font-size:18px; width:550px}
.post ul li a { color:#FFFFFF; text-decoration:underline; font-size:14px;}
.post ul li{ list-style-position:inside; padding:10px 0 }
.post h2 a{ color:#4e464e;}
.post h3 a{ color:#4e464e;}
.entry h3 {padding:0 0 0 10px; float:left}
#respond h3 {padding:0 0 10px 0; float:left; width:530px;}
.post{ float:left;  height:auto;  margin: 0 0 10px 0; padding:10px; width:651px;border-bottom:1px dotted #8e8e8e;}
.post p{ float:left; width:630px;}
.entry { float:left; }
.entry p{ float:left; padding:0 10px 10px 0 ; color:#4e464e }
.entry ul{float: left; padding:10px 0 0 10px;}
.entry li{ padding:5px 0 0 10px; list-style: disc; list-style-position:inside;}
.section p a{ text-decoration:underline; color:#fd7b07;}
.rightRegion{ float:left; width:280px;padding:0; margin:5px 0 0 0px;   }
#comment{ width:300px; float:left}

/*---------------------------------------- F O O T E R ----------------------------------------*/

.footer{ float:left;background: url(images/footer.jpg) no-repeat center ;width:1024px;  text-align:center; padding:16px 0 0 0; color:#f2edab}

.footer a:link, a:active, a:visited, a:hover{color:#f2edab}
.footer p{ padding:0 0 10px 0}


/*---------------------------------------- A L I G N M E N T ----------------------------------------*/

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/*---------------------------------------- C O M M E N T ----------------------------------------*/
#respond { float:left;padding:10px; width:651px;}
#comments { float:left; padding:10px; width:651px;}
.comment-body{ float:left}

#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0; float:left}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal; float:left}
.comment-meta img{ float:left}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
.nav{ float:left; padding:23px 0 0 0;}

/*---------------------------------------- N E X T G A L L E R Y ----------------------------------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/*---------------------------------------- Album Styles Compact ----------------------------------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #000000;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}