/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 11px/15px Arial, Helvetica, sans-serif; color: #626363; text-align: left; background:#000000 url(images/background1.gif) repeat 0 0; padding-top: 61px; }

a { color: #af4667; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline; }
a img { border: 0; }

.fl { float: left !important; display: inline; }
.fr { float: right !important; display: inline; }
.ac { display: block; text-align: center; }
.ar { display: block; text-align: right; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 800px; }

/*
	General Button
*/

.g-button, .g-button span { float: left; display: inline; height: 32px; padding-left: 11px; background: url(images/g-button.gif) no-repeat 0 0; font: bold 12px/32px Verdana; color: #fff; }
.g-button span { background-position: right 0; padding-left: 0; padding-right: 11px; }

.g-button:hover, .g-button:hover span { background-position: 0 -32px; text-decoration: none; }
.g-button:hover span { background-position: right -32px;  }

.g-button:active, .g-button:active span { background-position: 0 -64px; text-decoration: none; }
.g-button:active span { background-position: right -64px; }

/***************************************/


/*
	Header
*/

#header { height: 150px; width: 800px; background: url(images/ready_header.png) no-repeat 0 0; position: relative; }

/*
	Navigation
*/

#navigation { float: right; display: inline; min-width: 280px; max-width: 595px; }
#navigation ul { list-style: none outside; padding: -11px 13px 0 0; }
#navigation li { float: left; display: inline; margin-left: 10px; height: 34px; }
#navigation li a, 
#navigation li a span { float: left; display: inline; height: 34px; background: url(images/nav-buttons.gif) no-repeat 0 0; padding-left: 10px; font: bold 16px/34px Arial; color: #c16a88; }
#navigation li a span { background-position: right 0; padding-left: 0; padding-right: 10px; }

#navigation li a:hover,
#navigation li a:hover span { text-decoration: none; color: #facfde; }

#navigation li a.active,
#navigation li a:active,
#navigation li a.active span,
#navigation li a:active span { background-position: 0 -34px; color: #facfde; }
#navigation li a.active span,
#navigation li a:active span { background-position: right -34px; }


/*
	Logo & Description
*/

h1#logo { float: left; display: inline; height: 102px; width: 102px; font-size: 0; line-height: 0; margin: -51px 0 0 13px; }
h1#logo a { display: block; height: 102px; background: url(images/logo3.png); text-indent: -4000px; }  
h2#description { float: left; display: inline; font: 12px Helvetica, Arial, sans-serif; color: #666666; text-transform: uppercase; margin: -20px 0 0 7px; }

/*
	Content
*/

#content { height: 100%; background:#0A0A0A  repeat-y 0 0; padding: 5px; }

/*
	Sidebar
*/

#sidebar { float: left; display: inline; width: 190px; }

/*
	Search
*/

#search { height: 34px; width: 190px; background: url(images/search-bg.gif) no-repeat -30 0; margin-bottom: 3px; }
#search .field { float: left; display: inline; font-size: 12px; font-family: Verdana; color: #7a7a7a; margin: 5px 0 0 0px; width: 135px; border: 0; background: none; }
#search .btn { float: right; display: inline; height: 32px; width: 32px; border: 0; cursor: pointer; background: url(images/search-button.gif) no-repeat 0 0; margin: 1px 1px 0 0; }
#search .btn:hover { background-position: 0 -32px; }
#search .btn:active { background-position: 0 -64px; }

/*
	Sidebar Box
*/
#sidebar li {
	list-style-type: none;
}
#sidebar .box { background: #161616; height: 100%; margin-bottom: 10px; width: 190px; }
#sidebar .box .bottom { background:#222222 url(images/sidebar-box-bottom.gif) no-repeat 0 bottom; }
#sidebar .box .top { background:#070707 url(images/sidebar-box-top.png) no-repeat 0 top; padding-bottom: 5px; height: 100%; }
#sidebar .box h2 { font: bold 14px/30px Arial; color: #131313; padding: 0 11px; }

#sidebar .box ul { list-style: none outside; }
#sidebar .box li { padding: 0 10px; background: url(images/sidebar-list-border.gif) repeat-x 0 bottom; height: 100%; position: relative; }
#sidebar .box li1 { position: absolute; top: 4px; left: 10px; display: block; height: 12px; width: 12px; background: url(images/icon-checked.gif) no-repeat 0 0; margin: 2px 2px 2px 0; }
#sidebar .box li.last { background: none; }
#sidebar .box li a { color: #333; line-height: 15px; }
#sidebar .box li a:hover { color: #ccc; text-decoration: none; }
#sidebar .box li span { position: absolute; top: 4px; left: 10px; display: block; height: 12px; width: 12px; background: url(images/icon-checked.gif) no-repeat 0 0; margin: 2px 2px 2px 0; }
#sidebar .box .category a { display: block; width: 150px; background: url(images/pointer.gif) no-repeat right center; line-height: 24px; padding-left: 10px; }
#sidebar .box .category1 a { display: block; width: 150px; background: url(images/pointer.gif) no-repeat right center; line-height: 36px; padding-left: 10px; }
#sidebar .box .category a:hover { background-image: url(images/pointer-active.gif); }

/*
	Advertisement
*/

.advertisement { padding: 5px; padding-bottom: 3px; }
.advertisement a img { display: block; background:#070707 ; padding: 4px; border: 1px solid #222; margin-bottom: 10px; }
.advertisement a:hover img { display: block; background:#070707 ; padding: 4px; border: 1px solid #444; margin-bottom: 10px; }
.advertisement small { font: 10px Verdana; color: #5e5f5f; display: block; background-image:url(images/ad1.jpg) margin-top: -4px; }
.advertisement small a { color: #949494; }
.advertisement small a:hover { color: #cfcfcf; }

/*
	Social
*/

.social { padding: 3px 0px 0px 13px; }
.social .fl { margin-right: 14px; }
.social a { display: block; float: left; margin: 7px 0px; padding-right: 13px;}
.social a.free { margin-bottom: 0 !important; }

/*
	Widecolumn
*/

#widecolumn { float: right; display: inline; width: 595px; height: 100%; background: #060606; }
#widecolumn .wc-bottom { background: url(images/widecolumn-box-bottom.gif) no-repeat 0 bottom; }
#widecolumn .wc-top { background: url(images/widecolumn-box-top.png) no-repeat 0 top; }

#widecolumn .wrapper { padding: 8px; }

/*
	Page Header
*/

#widecolumn .page-header { height: 30px; padding: 0 11px; }
#widecolumn .page-header h2 { font: bold 14px/30px Arial; color: #111; }
#widecolumn .page-header h2 span { font: bold 14px/30px Arial; color: #222; }

/*
	Content Slider
*/

#content-slider { width: 503px; height: 329px; background: #30302f; padding: 2px; border: 1px solid #3a3939; margin-bottom: 20px; }

#content-slider .navigation { margin-top: 3px; height: 36px; background: #1e1e1e; padding-left: 12px; }
#content-slider .navigation .pages { float: right; display: inline; margin-top: 2px; }
#content-slider .navigation .pages a { float: left; display: inline; height: 32px; width: 33px; background: url(images/slider-nav.gif) no-repeat 0 0; margin-right: 2px; }

#sn-2 { background-position: -35px 0 !important; }
#sn-3 { background-position: -70px 0 !important; }
#sn-4 { background-position: -105px 0 !important; }
#sn-5 { background-position: -140px 0 !important; }

#sn-1:hover { background-position: 0 -32px !important; }
#sn-2:hover { background-position: -35px -32px !important; }
#sn-3:hover { background-position: -70px -32px !important;  }
#sn-4:hover { background-position: -105px -32px !important; }
#sn-5:hover { background-position: -140px -32px !important; }

#sn-1:active, #sn-1.active { background-position: 0 -64px !important; }
#sn-2:active, #sn-2.active { background-position: -35px -64px !important; }
#sn-3:active, #sn-3.active { background-position: -70px -64px !important; }
#sn-4:active, #sn-4.active { background-position: -105px -64px !important; }
#sn-5:active, #sn-5.active { background-position: -140px -64px !important; }


#content-slider h2 { font: 14px/36px Arial; color: #626363; }
#content-slider h2 a { color: #6c8734; }
#content-slider h2 a:hover { color: #b7d07f; text-decoration: none; }


/*
	Column 
*/

.column { width: 359px; }
.column .box { background: #222; margin-bottom: 20px; height: 331px; overflow: hidden; position: relative; }
.column .last-box { margin-bottom: 0; }
.column .box .head { background: #161616; height: 30px; }
.column .box .head img { margin: 1px 1px 0 0; }
.column h2 { font: bold 14px/30px Arial; color: #839c36; padding-left: 12px; }
.column .cnt-blog { padding: 10px; padding-bottom: 5px;  }
.column .post h3 a { font: bold 14px/14px Arial; color: #cecdcd; }
.column .post h3 a { font: bold 14px/14px Arial; color: #cecdcd; }
.column .post .more {font-weight: bold; color: #af4667; } 
.column .post small a { color: #af4768; } 
.column .post small strong { font-weight: normal; color: #cecdcd;} 
.column .post .entry { padding-top: 05px;  } 
.column .post .entry p { padding-bottom: 15px; } 
.column .post .postmetadata { position: absolute; bottom: 0; left: 0; width: 330px; height: 28px; line-height: 28px; background: #161616; padding: 0 10px; color: #cecdcd; } 
.column .post .postmetadata a { color: #af4768; } 
.column .cnt-about { padding: 0 20px; }
.column .cnt-flickr { padding: 12px 3px 12px 13px; }
.column .cnt-flickr li {list-style-type: none; }
.column .cnt-flickr a { margin-bottom: 10px; margin-right: 10px; float: left; }
.column .cnt-flickr a.last { margin-bottom: 0; }
.column .cnt-flickr a.fl { margin-right: 10px; }
.column .cnt-flickr a img { display: block; background: #2e2e2d; padding: 4px; border: 1px solid #373737; width: 81px; height: 72px; }
.column .cnt-flickr a:hover img { border: 1px solid #7f7e7f;  }
.column .cnt-portfolio { padding: 20px; }
.column .cnt-portfolio ul { list-style: none outside; padding-bottom: 20px;  }
.column .cnt-portfolio ul li { background: url(images/icon-checked.gif) no-repeat 0 center; 
padding-left: 21px; padding-bottom: 2px; height: 20px; }
/*
	About
*/

#about p { padding-bottom: 20px; }
#about .wrapper { padding-bottom: 0; }

/*
	Portfolio
*/


.project a img { padding: 4px; border: 1px solid #3a3939; background: #191919; float: left; }
.project a:hover img { padding: 4px; border: 1px solid #7f7e7f; }

.project .info { float: right; display: inline; width: 570px; }
.project .info h3 { font: bold 24px Arial; float: center; color: #444; margin-top: 20px; margin-bottom: 10px; }
.project .info p { padding-bottom: 5px; }
.project .info ul { list-style: none outside; padding: 15px 0 45px; }
.project .info ul li { background: url(images/icon-checked.png) no-repeat 0 center; font: bold 16px Arial;  color: #579ED5; height: 34px; padding-left: 60px; }
#portfolio .separator { height: 3px;  background: url(images/sidebar-list-border.gif) repeat-x 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
#portfolio .pages, #blog .pages { height: 36px; width: 572px; background: url(images/pages-bg.gif) no-repeat 0 0; line-height: 36px; padding: 0 10px 0 13px; font-size: 12px; }
#portfolio .pages .fr, #blog .pages .fr {  margin-top: 9px; }
#portfolio .pages .fl span, #blog .pages .fl span { color: #c6c5c5; font-weight: bold; font-family: Verdana; }
#portfolio .pages .fr a, #blog .pages .fr a { float: left; display: inline; padding: 0 8px; margin-left: 8px; line-height: 19px; background: #393939; color: #7e7e7e; font-weight: bold; }
#portfolio .pages .fr a:active, #blog .pages .fr a:active { color: #fff; background: #9c3f5d; text-decoration: none; }
#portfolio { height: 376px; }

/*
	Blog
*/

#blog .post { margin-bottom: 20px; }
#blog .postimage { float: left; display: inline; width: 100px; }
#blog .postimage a img { background: #060606; padding: 4px; border: 1px solid #111; }
#blog .postimage a:hover img { border: 1px solid #444; }
#blog .post-text { float: right; display: inline; margin-top: 0px; width: 420px; min-height: 300px; background: #111; ; overflow: hidden; position: relative; }

#blog .post-text .header,
#blog .post-text-wide .header { height: 30px; margin-top: 0px; background: #0A0A0A; }

#blog .post-text .header h2,
#blog .post-text-wide .header h3 { font: bold 14px/30px Arial, sans-serif; color: #839c36; padding-left: 13px; }

#blog .header img { margin: 1px 1px 0 8px; }
#blog .header span { line-height: 30px; }
#blog .header span strong { font-weight: normal; color: #cecdcd; }
#blog .wide-post, #comments { background: #20201F; height: 100%; margin-top: 5px; }

#blog .post .entry { padding: 10px; margin-top: 0px; }
#blog .post .entry h2 a { font: bold 14px Arial, sans-serif; color: #cecdcd; }
#blog .post .entry small { display: block; margin: 5px 0 5px 0; font: 11px Arial, sans-serif; color: #626363; }
#blog .post .entry small span { color: #cecdcd; }
#blog .post .entry small a { color: #af4668; }
#blog .post .entry p { padding-bottom: 15px; }
#blog .post .entry .more { color: #F00; }
#blog .postmetadata { position: absolute; bottom: 0; left: 0; height: 28px; width: 410px; background: #0A0A0A; line-height: 28px; padding: 0 10px 0 0  !important; padding-left: 10px; }
#blog .postmetadata span { color: #cecdcd; }

#comments { position: relative; margin-top: -20px; }
#comments .wrapper { padding: 18px 0 0 10px }
#comments h2, #post-comment h2 { font: bold 14px/30px Arial, sans-serif; color: #839c36; padding: 0 11px; background: #161616; height: 30px; }

#post-comment .wrapper { padding: 20px  0 0 23px !important; }
#post-comment .column.fr { width: 300px;  }

.comment { margin-bottom: 20px; }
.comment .author, .comment .avatar { float: left; display: inline; width: 67px; height: 67px; overflow: hidden; border: 5px solid #2f3031; margin-right: 4px; } 

.comment-text { float: left; display: inline; width: 437px; background: url(images/comment-bg.gif) repeat-y 0 0; position: relative;  }
.comment-text .bottom { background: url(images/comment-bottom.gif) no-repeat 0 bottom; }
.comment-text .top { background: url(images/comment-top.gif) no-repeat 0 top; padding: 0 20px 0 26px; height: 100%; }
.comment-text h3 { font: bold 14px/31px Arial,sans-serif; color: #a7a7a7; margin-bottom: 20px; }
.comment-text h3 span { font: 11px/31px Arial, sans-serif; color: #5a5b5b; }
.comment-text p { padding: 0 0 20px 6px; }

#post-comment label { display: block; font: bold 14px/19px Arial, sans-serif; color: #af4667; padding-left: 3px; }
#post-comment .field { display: block; width: 287px; border: 1px solid #373737; padding: 6px 5px; background: #30302f; margin-bottom: 13px; color: #626363; }
#post-comment textarea { display: block; width: 267px; height: 140px; border: 1px solid #373737; padding: 6px 5px; background: #30302f; margin-bottom: 13px; color: #626363; overflow: auto; }
#post-comment .fr label { padding-left: 19px; }
#post-comment .g-button { float: right; margin: 10px 20px 20px 0; }




/*
	Footer
*/

#footer  { background: url(images/footer.png) no-repeat 0 0; padding: 30px 0 20px; font-size: 11px; width: 808px; margin: 0 -4px; }
#footer a { color: #a2a1a1; }
#footer a:hover { color: #cfcfcf; }
.slide-shell {
	width: 653px;
	height: 290px;
	overflow: hidden;
	position: relative;
}
.slide-platform {
	width: 40000px;
	height: 290px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.slide-platform a {
	float: left;
}
span.center {
	display: block;
	padding: 10px;
}
.comment-text em p:before {
	content: "\“";
}
.comment-text em p:after {
	content: "\”";
}

/* Basic styling for login widget
   This styling aligns the gravtar left, the links right.*/
.sidebarlogin, #sidebar-login {
	overflow: hidden;
}
.sidebarlogin .avatar_container, #sidebar-login .avatar_container {
	float:left;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border: 5px solid #000;
}
.avatar_container img, #sidebar-login .avatar_container img {
	padding: 5px;
	margin-bottom: 10px;
        border: 5px solid #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.sidebarlogin #openid_field {
	background-image:url(../openid/f/openid.gif);
	background-position:3px 80%;
	background-repeat:no-repeat;
	padding-left:21px !important;
}
.sidebarlogin hr {
	display: block;
	clear: both;
	border: 2; 
	border-top: 4px solid #999; 
	height: 2px;
}
.addaut  { 
	border: 3px solid #0A0A0A;
	padding: 15px;
        margin-top: 30px;  
	background: #111;
}
.addaut .avatar { 
	float:left;
	padding: 3px;
	margin: 10 20px 20 20px;
        margin-right: 20px;
        border: 5px solid #000;
}
.relpost  { 
	border: 3px solid #0A0A0A;
	padding: 5px;
        padding-left: 25px;
        margin-bottom: 10px;
	background: #111;
}
.relpost .avatar { 
	float:left;
	padding: 2px;
	border: 5px solid #000;
}
.socbook  { 
	border: 3px solid #0A0A0A;
	padding: 15px;
        margin-top: 10px;
	background: #111;
}
.socbook1  { 
	border: 3px solid #0A0A0A;
	padding: 15px;
        margin-top: 10px;
	background: #151515;
}
.socbook2  { 
	border: 3px solid #0A0A0A;
	padding-left: 25px;padding: 5px;
        margin-top: 10px;margin-bottom: 10px;
	background: #111;
}
.socbook4  { 
	border: 3px solid #0A0A0A;
	display: block;float:center;align:center;padding: 10px;padding-bottom: 10px;
        margin-top: 50px;margin-bottom: 20px;
	background: #111;
}
.socbook .avatar { 
	float:left;
	padding: 2px;
	border: 5px solid #000;
}
.headin2  { 
	display: block;
        border: 3px solid #0A0A0A;
	padding: 15px;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 0px;
	background: #000 no-repeat 0 0;
        background-position: 100%;
}
.fcb  { 
	display: block;
        border: 5px solid #0A0A0A;
	padding: 5px;
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom:5px;
        float:right;
        margin-right: 0px;
        margin-bottom: 40px;
}	
.clubsummary  { 
	display: block;
        border: 5px solid #0A0A0A;
        margin-right: 5px;
        float:left;
        margin-bottom: 15px;
        font-variant: small-caps;
        padding: 5px;
        padding-top: 5px;
        padding-left: 5px;
        padding-bottom: 15px;
        color:#333; text-decoration:italic; font-weight: bold; font-size: 14px; 
        background: #080808;  
        background-position:100%; width: 380px; height: 100%;
}  
.clubsummary a img {  
         padding: 1px;
         border: 2px solid #111; 
       
}
.clubsummary1  { 
	font-variant: small-caps;
        color:#444; font-weight: bold; font-size: 14px; 
        line-height: 14px;
}
.clubsummary2  { 
	font-variant: small-caps;
        color:#ddd; weight: bold; font-size: 13px; 
        line-height: 14px;
        border: 3px solid #111;
        text-align: center
        padding-top: 5px;padding-bottom: 5px;
        padding-left: 5px;
        margin-bottom: 0px; margin-left: 0px;
	background: #000; 
}
.clubsummary3  { 
	font-variant: small-caps;
        color:#777; font-weight: bold; font-size: 10px; 
        line-height: 12px;background: #111; 
} 
.clubsummary4  { 
	font-variant: small-caps;
        color:#C70F1D; font-weight: bold; font-size: 16px; 
        background: #111;padding-top: 2px;padding-bottom: 4px;
} 
.clubsummary5  { 
	font-variant: small-caps; 
        color:#fff; font-weight: bold; font-size: 14px; 
        border: 1px solid #111;
        text-align: center
        float: center;
        padding-top: 4px;padding-bottom: 4px;
        padding-left: 5px;
        background: #000;
}
.clubsummary6  { 
	font-variant: small-caps;
        color:#C70F1D; font-weight: bold; font-size: 14px; 
        background: #191919;
        padding-top: 2px; 
        padding-bottom: 4px;
}
.blog_imag  { 
	border: 3px solid #0A0A0A;
        text-align: center
        float: center;
        margin-top: 0px;
	background: #000; float:center;
}
.content_height  { 
	border: 3px solid #0A0A0A;
	padding: 15px;
        padding-left: 25px;
        margin-top: 10px;
	background: #171717;
        background-position: 100%; min-height: 200px;
}
.form2  { 
	font-variant: small-caps; 
        color:#888; font-weight: bold; font-size: 14px; 
        border: 2px solid #111;
        margin-top: 10px;
        margin-bottom: 10px;
        float: center;
        padding: 25px;
        padding-left: 15px;
        background-position: 500px; background: #333;
}
.sidebar_fb_visit { 
        margin-bottom: 10px;
        display: block; text-align: center;
}