/* Reset */
html,body,h1,h2,h3,ul,ol{margin:0px; padding:0px}
html,body{height:100%}

/* Redifined tags */
body{
	background:#000 url(../images/layout.jpg) no-repeat top center;
	/*font: 77%/150% "Trebuchet MS", Tahoma, Arial;*/
	font: 12px/18px Arial;
	color:#555}
a{color:#FF9900}
small{font: 11px/14px Arial; color:#888}
/* List Styles */
.list2{ margin-bottom:10px; list-style-type:none}
.list2 li{margin:0px; padding:0px; line-height:18px;}
.nakedlist{list-style-type: none}
.nakedlist li{margin-bottom:10px}

#event-list-container{overflow:hidden; height:423px}
#event-scroll-up{display:block; height:12px; margin-top:2px; background: url(../images/slider-buttons.png)}
#event-scroll-up:hover{background: url(../images/slider-buttons.png)}
#event-scroll-up span{display:none}
#event-scroll-down{display:block; height:12px; background: url(../images/slider-buttons.png) center -24px}
#event-scroll-down:hover{background: url(../images/slider-buttons.png) center -24px}
#event-scroll-down span{display:none}
#event-list{list-style-type:none; margin-top:1px;}
#event-list li{border:solid 1px #333; margin-top:2px; background: url(../images/right-col-top.jpg) 0px -30px}
#event-list li a{display:block; height:40px; line-height:40px; text-align:center; text-decoration:none; color:#508cc4}
#event-list li a:hover{background:#460f47; color:#fff}

h1,h2,h3,h4{font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight:normal; color: #a29eba;}
h2{font-size:24px; text-transform:uppercase;color: #a29eba; margin-bottom:10px;}
.h3{font-size:16px; text-transform:uppercase;color: #a29eba; margin-bottom:10px;letter-spacing:2px;}
/* Template */

.more{ text-align:right;}
.more a{}

#container{margin: 0px auto; width:800px;}
#header{padding-top:67px; height:300px; position:relative}
#header h1 span{display:none}

#navigation{margin:0px 20px;}
#navigation ul{list-style-type:none}
#navigation ul li{float:left; margin-right:3px;}
#navigation ul li a{background: transparent url(../images/nav_buttons.png); display:block; height:40px}
#navigation ul li a span{display:none}
#navigation a.home{width:49px; background-position: 0px 0px}
#navigation a.home:hover{background-position: 0px -40px}
#navigation a.portfolio{width: 84px; background-position: -52px 0px}
#navigation a.portfolio:hover{width: 84px; background-position: -52px -40px}
#navigation a.events{width: 106px; background-position: -139px 0px}
#navigation a.events:hover{width: 106px; background-position: -139px -40px}
#navigation a.information{width: 99px; background-position: -248px 0px}
#navigation a.information:hover{width: 99px; background-position: -248px -40px}
#navigation a.contact{width: 65px; background-position: -350px 0px}
#navigation a.contact:hover{width: 65px; background-position: -350px -40px}

#navbar_networks{float:right; height:22px; overflow:hidden}
#navbar_networks img{margin:0px; padding:0px; border:0px}
#navbar_networks a{margin:0px; padding:0px;}
#navbar_networks a span{}

#twitter-feed{position:absolute;top:210px; left: 35px; width: 360px; height:125px; color:#727272; line-height:normal; overflow:hidden}
#twitter-feed h2{display:none}
#twitter_update_list{list-style-type:none;padding:0px;margin:0px;}
#twitter_update_list li{margin-bottom:10px}
#twitter_update_list span{}
#twitter_update_list span a{}
#twitter_update_list .post-details a{color:#333; text-decoration:none;font-size:85%}
#twitter_update_list .post-details a:hover{color:#333; text-decoration:underline}
#twitter_update_list .post-details{color:#333;font-size:85%}

#twitter_button{width:28px; height: 60px;; position:absolute; top:210px; left:-20px; background: url(../images/twitter-btn-vertical.png) no-repeat}
#twitter_button a{display:block;width:20px; height: 60px; text-decoration:none}
#twitter_button a span{display:none}

#content{
	/* height:243px; */ 
	margin-top:16px;
	}
#footer{color:#888; font-family:tahoma,Arial, Helvetica, sans-serif; 

/*font-size:70%*/
}
#footer .line1{padding:10px}


#content-overlay{position:absolute; top:0px; left:0px; width: 100%; height:100px}
/* Layout */
.clear{clear:both}
.col{float:left;width:258px}
.col h2{height:30px;}
.col h2 span{display:none}

.col-1{margin-right: 7px;margin-left: 5px;}
.col-2{	margin-right: 6px;}
.col-3{}


.layout2{background:#000 url(../images/background+header.jpg) no-repeat top center;}
.layout2 .col-1{width: 20px;margin:0px;padding:0px}
.layout2 .col-2{width:760px;margin:0px;padding:0px}
.layout2 .col-3{width: 20px;margin:0px;padding:0px}

#loaded-content{color:white;}

#photo-gallery{width:100%; overflow:auto}
#photo-gallery .photos{white-space:nowrap}
#photo-gallery .photos img{height: 700px; margin-right:10px}



ul#blog-updates{list-style-type:none}
ul#blog-updates li a{display:block;font-size:160%}
ul#blog-updates li{border-bottom: dashed 1px #000; font-size:70%; padding:5px;}

/* photos */
.thumbs{padding: 10px;}
.thumbs a img{border: solid 1px #333; padding: 4px; background: #111;margin:5px}
.thumbs a img:hover{background-color:#222}

.gallery{position:relative}
.gallery .content{margin:0px auto; width:725px; height:420px; overflow:hidden}
.gallery .content ul{width:725px; height:420px;float:left}
.gallery .content ul li{float:left; height:210px; overflow:hidden}
.gallery .content ul li a img{border: solid 1px #333; padding: 4px; background: #111;margin:5px}
.gallery .content ul li a img:hover{background-color:#222}
.gallery .arrow{display:block;position:absolute;height:40px; width:25px;background: url(../images/arrows.png);}
.gallery a.arrow{text-decoration:none}

.gallery .leftarrow{top:20px; left:0px;}
.gallery .leftarrow:hover{background-position: 0px -54px;}

.gallery .rightarrow{top:20px; right:0px;background-position: -42px 0px;}
.gallery .rightarrow:hover{background-position: -42px -54px;}

/* Pages */
.page_wrapper{margin:0px 20px;}
.black_box{
	float:right;
	width:400px;
	padding: 35px;
	border: solid 2px #555;
	background-color: #000;
	background-image: url(../images/right-col-top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.black_box2{
	padding: 35px;
	border: solid 2px #555;
	background: #000 url(../images/right-col-top.jpg) no-repeat right top;
}

.box3{
	padding: 35px;
	border: solid 1px #555;
	text-align:center;
	background: #000 url(../images/background.jpg) center -550px;
}
.box3 h2{margin:0px}
.box3 a{color: #a29eba; text-decoration:none}
.box3 a:hover{color: #a29eba; text-decoration:underline}

#home_page{margin:0px 10px;}
#home_page .leftcol{float:left; width:300px; padding:0px;}
#home_page .rightcol{
	float:right;
	width:400px;
	padding: 35px;
	border: solid 2px #555;
	background-color: #000;
	background-image: url(../images/right-col-top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#home_page .rightcol p{margin-left:10px;}
.box1{border-top: solid 1px #333;border-bottom: solid 1px #333; padding: 30px 0px;margin-top:30px;}

#contact_page{margin:0px 10px;}
#contact_page form{margin-top:20px;}
#contact_page form .text_field{background:#a29eba; width:100%; border:none}
#contact_page form .text_area{background:#a29eba; width:100%; border:none}
#contact_page label{}
#contact_page .leftcol{
	float:left;
	width:400px;
	padding: 35px;
	border: solid 2px #555;
	background-color: #000;
	background-image: url(../images/right-col-top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#contact_page .rightcol{
	float:right;
	width:225px;
	padding: 35px;
	border: solid 2px #555;
	background-color: #000;
	background-image: url(../images/right-col-top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#form_status{color:#ff9900; margin-top: 10px;}
#form_status ul{margin-left: 40px}

#info_page{margin:0px 10px;}
#info_page .wrapper{background: #111; padding:10px;}
#info_page .leftcol{float:left; width:200px; padding:10px;}
#info_page .rightcol{
	float:right;
	width:550px;
}

#event_page{margin:0px 10px;}
#event_page .wrapper{background: #111; padding:10px;}
#event_page .leftcol{float:left; width:200px; padding:10px;}
#event_page .rightcol{
	float:right;
	width:550px;
}