/* Basic
------------------------------------------------------------------------------------------------ */
.hide{display: none;}

.clear { float:none; clear:both; display: block }
.left, .alignleft { float:left; }
.alignleft{margin: 0 10px 10px 0}
.right, .alignright {float:right; }
.alignright{margin: 0 0 10px 10px}
.noborder { border-bottom: none; }
.block { display:block; }

.center{text-align: center}
.wrap{width: 960px; position: relative; margin: 0 auto}

#page{background: #3b382f url(../images/layout/page-bg.jpg) repeat-x top; overflow: hidden}
#page-wrapper{width: 990px; margin: 10px auto 20px; box-shadow:0px 3px 10px #000000; -moz-box-shadow:0px 3px 10px #000000; -webkit-box-shadow:0px 3px 10px #000000; background: #fff; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
#container{width: 1170px; margin: 0 auto;}

a img{border: none}

/* Navi Top
------------------------------------------------------------------------------------------------ */

#nav-top { font-size:.9em; position:absolute; top:8px; right: 10px;}
#nav-top ul{list-style: none; margin: 0; padding: 0}
#nav-top ul li{float: left; margin: 0; padding: 0}
#nav-top a{color: #000; text-decoration:none; margin-left: 10px}
#nav-top a:hover{text-decoration:underline;}


#header{position: relative; margin: 0; z-index: 10000}
#header .wrap{clear:both; width: 990px}

#header #icos{position: absolute; right: 0; top:100px; z-index: 1000}

#header #logo{width: 200px; height: 60px; margin:10px 0 0 10px; display: block; float: left}
#header #logo img{border: 0;}



/* Navi Main
------------------------------------------------------------------------------------------------ */

#nav{line-height: 1;  height: 32px;background:#000 url(../images/layout/nav-bg.gif) bottom repeat-x; width: 990px; clear: both; list-style: none}
#nav li {float:left;position:relative; margin: 0; border-right: 1px solid #000}
#nav a {display:block; position:relative; color:#ffffff; margin: 0; font-size:1em; text-transform: uppercase; padding:0 20px; border-right: 1px solid #4F4F4F; text-decoration:none; background:#000 url(../images/layout/nav-bg.gif) top repeat-x; border-top:5px solid #000; line-height: 27px; font-weight: bold; font-family: arial, tahoma;}
#nav .over a,
#nav a:hover{text-decoration:none;background:#000 url(../images/layout/nav-hover.jpg) top repeat-x;}

#nav li.current-cat a:hover,
#nav li.current-cat-parent a:hover { color:#fff; text-decoration: underline }
#nav li.current-cat a,
#nav li.current-cat-parent a{border-top:5px solid red; }

/* 2nd Level */
#nav ul {list-style: none; margin: 0; position:absolute; width:auto; top:30px; left:-10000px; padding:10px 0; background:#000; font-size:11px; }
#nav li.current-cat ul li,
#nav li ul li{border: none}
#nav li.current-cat ul li a,
#nav li ul li a,
#nav li.over ul li a{background-image: none; background-color: #000; border: none; white-space: nowrap;}

#nav li ul li a:hover{background: none; text-decoration: underline}

/* Show menu */
#nav li.over > ul { left:-1px; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }



/* Sub Navi
------------------------------------------------------------------------------------------------ */

#subnavi{padding-bottom: 5px}
#subnavi a{display: block; padding: 3px 10px; font-size: 11px; color: #333;
border-bottom: solid 1px #fff; text-decoration: none; position: relative}
#subnavi a:hover{background: #F0F0F0;}
#subnavi a.current{font-weight: bold}


/* Content
------------------------------------------------------------------------------------------------ */

#content {padding: 20px 0 20px; background: url(../images/layout/content-bg.jpg) repeat-x top}
#content .wrap{padding: 0; background: #fff; width: 950px}
#content .breadcrumb{margin: 0 0 10px 0; color: #000; background: url(../images/layout/grid-2x2.gif) repeat; padding: 3px 5px; font-size: 11px}
#content .breadcrumb a{color: #000; text-decoration: underline}

.rg-media-wrapper{float: left; margin-right: 10px; border: 1px solid #ddd; padding: 3px; position: relative}
.rg-media-wrapper img{border: none; float: left}
.rg-media-wrapper.right{float: right; margin-left: 10px}
.rg-media-wrapper:hover{border-color:#01406c}

.rg-reviews .rg-media-wrapper{text-align:center; width:142px;}
.rg-reviews .rg-media-wrapper img{float:none;}
.list .rg-reviews li{border-bottom:none; margin-right: 10px}

.first .rg-media-wrapper{margin-bottom: 10px}

.rg-content-wrapper{display: table}
.rg-content-wrapper h4{font-size: 12px}
.rg-content-wrapper p{font-size: 12px; margin-bottom: 10px; color: #444}

/* post sidebar */
#post-sidebar .rg-content-widget{display: block; clear: both; padding: 10px 5px}
#post-sidebar .rg-content-wrapper p{font-size: 12px; }

/* event flyer */
.rg-media-wrapper .event_info{position: absolute; bottom: 0; left: 0; font-size: 11px}
.rg-media-wrapper .event_name{font-weight: bold; float:left; background: #fff; padding: 1px 5px; margin-bottom: 2px}
.rg-media-wrapper .event_date{ float:left; background: #fff; padding: 1px 5px;}


/* Lists
------------------------------------------------------------------------------------------------ */

.list{padding: 0; overflow: hidden; position: relative; clear: both;}
.list ul li{list-style:none; border-bottom: 1px dotted #E8E8DB; padding: 0 0 5px; margin: 0 0 10px}
#main-content .list li{overflow: hidden}

#flyer li{border-bottom: none}

.list .feed{position: absolute; top: 0; font-size: 11px; right: 0; color: #777}
#main-sidebar .list .feed{right: 10px; top: 10px}

.desc{font-size: 11px}

/* Recent List*/
.recent{padding-top: 0;}
.recent li{ float: right; width: 300px; border-bottom: none; padding-right: 10px}
.recent .first{float: left; padding-right: 10px; min-height:200px;  border-bottom: none; }
.recent .first.last{padding-right: 0; width: 294px; border: none; margin-left: 10px}
.recent .thumb{margin: 0 0 10px}
.recent h3{margin-top: 0}

.list.highlight{ background: #f8f8f8; padding: 10px; margin-bottom: 20px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

/* related-posts */
.related-posts-wrapper{width: 49%; float: left}
.related-posts{list-style: disc; margin: 10px 0 20px}
.related-posts li{margin: 0 0 5px 15px;}
.related-posts a{}

/* fb like button */
.fb-like{display: table; padding: 10px 0}

/* section */
.rg-section{border-bottom: 1px dotted #DDDDDD; margin-bottom: 10px; overflow: hidden}


/* SIDEBAR
------------------------------------------------------------------------------------------------ */

#main-sidebar{width:300px; margin-right:0; float: right; overflow: hidden;}
#main-sidebar .list{margin-bottom: 5px; padding: 10px; background: url(../images/layout/grid-2x2.gif) repeat; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

#main-sidebar .ad-slot{margin-bottom: 10px; overflow: hidden; display: block}
#main-sidebar .ad-slot a{display: block; border: none}
#main-sidebar .ad-slot img{border: none}



/* main content
------------------------------------------------------------------------------------------------ */

#main-content{width:630px; float: left;}

.post-content,
.rg-block{clear: both; margin-top: 0; background: #fff; padding: 0 0 10px;}
.post-content .info{clear: both; display: block; margin-bottom: 0; font-size: 10px}
.postmeta{clear: both; overflow: hidden; background: url(../images/layout/grid-2x2.gif) repeat; border: none; padding: 3px 5px; margin-top: -10px}

.rg-block{margin: 10px 0}

/* Gallery album */
#album, #album li{border-bottom: none}
#album .col1{height: 130px;}
#album .col1 img{margin-bottom: 5px}

#album a{font-size: 11px;}
#album a.gthumb{margin-bottom:3px;display: block; border: 1px solid #ddd; padding: 2px 0; background: #fff}
#album a.gthumb:hover{border-color: #01406c;text-decoration: none}

#album a.gthumb span{display: block; height: 96px; background-repeat: no-repeat; background-position: center;}

#album .info{clear: both}

#gallery .thumb{float: none;}
#gallery li{text-align:center;color:#696969;font-size:11px;height:125px;line-height:1.18182em;padding-top:10px;position:relative; list-style: none}

#album .image{height: 130px; position: relative}
#album .image img{position: absolute; bottom: 0;}

.rg-content-widget{padding: 10px 0 5px 3px; display: block; clear: both}
.rg-content-widget .ul-list li{clear: both; margin-bottom: 3px}
.rg-content-widget .ul-list li a{font-size: 11px; padding: 0 0 3px; display:block}
.rg-content-widget strong.title{display: block; margin-bottom: 5px;}

/* Post Content */
.post-content .rg-content-wrapper{display: block; border-left: 1px solid #f1f1f1; padding: 10px 0 0 10px}
#main-content .rg-block{padding: 0; text-align: right; background: none}

/* Post Sidebar */
#post-sidebar{width: 180px; padding:10px 4px 0 0;}
#post-sidebar .video-list{list-style: none; margin: 0; padding: 0}
#post-sidebar .video-list .col50{width: 82px}
#post-sidebar .video-list li{float: left; margin: 0 5px 5px 0}
#post-sidebar .video-list .rg-media-wrapper{height: 45px}


/* Captions */
.wp-caption{padding: 5px 3px 0; border: 1px solid #ccc; text-align: center}
.wp-caption img{margin-bottom: 5px}



/* Sidebar
------------------------------------------------------------------------------------------------ */

#sidebar{padding-top: 12px}


/* Widgets
------------------------------------------------------------------------------------------------ */
.new-comments a{text-decoration: underline}
.new-comments a:hover{text-decoration: none}

/* Social Media */
#social.list{padding: 10px 0 0 10px}
#social li{border-bottom: none; padding: 0; margin: 0 5px 10px 0; float: left; width: 140px;}
#social a:hover .site{text-decoration: underline}
#social li img{float: left; margin: 0 5px 0 0}
#social li .site{display: block; font-weight: bold;}
#social li .url{display: block; font-size: 11px}



/* Pagination
------------------------------------------------------------------------------------------------ */

.pagination, .ngg-navigation{clear:both; display:block; text-align: center; padding: 10px 0;}
.pagination li{float: left; margin: 0 2px 0 0}
.pagination .title{font-size: 11px; border: 0; margin-right: 5px; line-height: 18px}
.pagination a, .pagination span.current, .ngg-navigation a, .ngg-navigation span{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid; padding:1px 4px; text-decoration:none; font-size:11px; display: block}
.pagination a, .ngg-navigation a{text-decoration: none; border-color: #E3E3E3; color: #000; background:#EEEEEE; }
.pagination a:hover {border: 1px solid #000000; color: #000000; background-color: #FFFFFF;}
.pagination a.current, .ngg-navigation span {background:#DFDFDF none repeat scroll 0 0; font-weight: bold; border-color:#E3E3E3;}


/* Navigation
------------------------------------------------------------------------------------------------ */

.navigation{clear: both; border-bottom: 1px solid #E8E8DB; overflow: hidden; padding-bottom: 3px}
.navigation a{font-size: 14px}


/* Icons
--------------------------------------------------------------------------------------------------- */

.ico-comments{background: url(../images/layout/ico-comments.gif) left center no-repeat; padding:0 0 0 20px; font-style: normal; font-size: 1em;}
.amazon-logo a{text-indent:-9999px; float:left; background: url(../images/layout/amazon-logo.jpg) no-repeat; height: 30px; width: 100px; }

.ico-twitter{background: url(../images/navi-icos.jpg) center top no-repeat;}
.ico-twitter:hover{background-position: center bottom}

.ico-rss{background: url(../images/layout/rss.png) no-repeat; margin: 0 10px 0 0; float: right; width: auto; line-height: 40px; padding-right: 22px; display: block; color: #808080;}
.list .feed{background: url(../images/layout/rss.png) no-repeat; height: 16px; width: 16px; text-indent: -9999px}

.button{border: 1px solid #ccc; border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; background: #E8E8E8; padding: 3px 5px; font-size: 11px}
.tags{background: url(../images/tag.png) no-repeat left 10px; line-height:16px; border-top:2px solid #ccc; padding: 10px 0 0 22px}
.link{background: url(../images/arrow-r.gif) no-repeat left 4px; line-height:16px; padding-left: 10px; font-size:11px}


.ico-feed16{background: url(../images/layout/feed-16.png) no-repeat; line-height: 16px; padding-left: 20px; display: block;}
.ico-facebook16{background: url(../images/layout/facebook-16.png) no-repeat; line-height: 16px; padding-left: 20px; display: block;}
.ico-myspace16{background: url(../images/layout/myspace-16.png) no-repeat; line-height: 16px; padding-left: 20px; display: block;}
.ico-twitter16{background: url(../images/layout/twitter-16.png) no-repeat; line-height: 16px; padding-left: 20px; display: block;}



/* Calendar
--------------------------------------------------------------------------------------------------- */

.cal-sheet-small{width: 25px; display: block; float: left; margin: 1px 10px 3px 0}
.cal-sheet-small.right{float: right; margin: 3px 2px 0px 10px}
.cal-sheet{display: block; text-align: center;}
.cal-sheet span{display: block;float: left;width: 100%;}
.cal-sheet .month{font-size: .8em;height: 10px; background: #488eb0;border: 1px solid #488eb0;color: #FFF;font-weight: bold;line-height: 1.1em;text-transform: uppercase;}
.cal-sheet .day{font-size: 1.2em; background: #FFF;border: 1px solid #CCC;color: #000;font-weight: bold;line-height: 1.3em;text-transform: uppercase;}

#main-sidebar .cal-sheet-small{margin:0 12px 0 0}



/* Footer
------------------------------------------------------------------------------------------------ */

#rg-footer{background:#000;font-size: .9em; padding: 1px 0 20px}
#rg-footer .wrap{border: none;}

.footer_content{width: 100%; margin: 0 auto; border-top:1px solid #333;}

#footer-links{display: block; overflow: hidden; padding-top: 10px}
#footer-links ul{color: #4D4D4D;  border-bottom:1px solid #111; padding-bottom: 10px; overflow: hidden}
#footer-links li{float: left; display: block; margin:5px 10px 0 0}
#footer-links p.center{clear: both; display: block; width: 100%; text-align: center; color: #4D4D4D; padding: 20px 0}

#footer-links a{  color: #4D4D4D; text-decoration: underline}
#footer-links a:hover{color: #fff;}

#legalities{border-bottom:1px solid #333; clear: both; display: block; margin-top:1em; padding-bottom: 0;}
#legalities p{font-size: 1em;color: #4D4D4D; padding-top: 6px}
#legalities a{color: #4D4D4D; text-decoration: underline}
#legalities a:hover{color: #fff;}



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

#comments{padding:0; background: url(../images/layout/grid-2x2.gif) repeat; width: 630px; margin:0}
#comments h4{margin: 0 10px; font-size: 13px}
#comments strong.subtitle{margin:0 10px 0; display: block; border-bottom:1px solid #000; padding-bottom: 5px}
#comments .commentlist{list-style:none; margin:0 0 10px; padding:0;}

/* respond */
#respond{margin:0}

/* Facebook */
.FB_profile_pic{float: left}

#comments .commentlist li {overflow:hidden; border-bottom:1px solid #fff; height:auto;clear:both;padding:0 10px;width:auto; margin:0;}
#comments .commentlist li.even {}
#comments .comment-avatar{display:block;float:left;margin:0 10px 0 0; padding: 10px 0;}
#comments .comment-avatar img,
#fb-user .fb_profile_pic_rendered img{padding:1px;border:1px solid #ccc}
#comments .comment-avatar a:hover img{border-color:#01406c}
#comments .comment-body,
#fb-msg{ padding: 10px 0; display: table}
#comments .comment-body p{margin:0 0 10px; font-size:12px}
#comments .comment-author{}
#comments .comment-author cite{font-weight: bold; font-style: normal; float: left; font-size: 12px; margin-right: 5px}

#comments .left-side {float:left;width:400px;}
#comments .right-side {float:right;width:200px;}

#commentform{padding: 0 10px}
#commentform textarea{width: 595px; }

#discussion, #post-comment{background:url(../images/layout/comments.png) no-repeat right top; font-family:Helvetica,Arial,sans-serif; font-size:1.6em; font-weight:bold; letter-spacing:normal; line-height:normal; margin:0 0 25px; padding:10px 0 0; text-align:left; width:100%; clear: both; border-bottom:1px solid #FFFFFF;}
#post-comment{background-image: url(../images/layout/write_comment.png);}
#discussion span, #post-comment span{color:#9D9B99;display:block;font-family:Georgia,"Times New Roman",Times,serif;
font-size:.7em;font-stretch:normal;font-variant:normal;font-weight:normal;height:auto;line-height:normal;margin:2px 0 0;padding:0 0 10px;width:auto;border-bottom:1px solid #E8E8DB;}



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

form{}
input.txt {width:220px;}
input.txt, textarea.txt {font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:normal;
margin:0 0 5px;padding:3px 5px;border: 1px solid #ddd;}
textarea.txt {height:80px;width:600px}

fieldset{margin: 0;padding: 0;border: none;}

label {font-size:11px;font-weight:bold;line-height:normal;margin:3px; color: #555}
label small{font-weight: normal; color: #9D9B99;}

.notification{border:1px solid;margin:0 0 10px;padding:10px 0 0 0;}
.notification.info{background-color:#BDE5F8;color:#00529B;}
.notification .wrapper{width: 980px; margin: 0 auto;background-image:url(../images/layout/info.png);background-repeat:no-repeat;background-position:10px center;}
.notification p{font-size: 12px; padding-left: 50px}



/* Buttons
--------------------------------------------------------------------------------------------------- */

form .btn{}



/* Searchbar
------------------------------------------------------------------------------------------------ */

#searchbarform{position: absolute; top:30px; right:10px; padding: 5px 5px 3px; background: url(../images/layout/grid-2x2.gif) repeat;z-index: 3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#searchbarform input.txt{margin:0 5px 0 0; border: none; width: 235px; height: 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px 0 1px 7px; color: #000; float: left; font-size: 14px; background: #fff}
#searchbarform label{display: none}
.ico-search{margin: 4px 2px 0 0; font-size: 12px}
.ico-search:hover{}



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

.ngg-related-gallery,
.ngg-galleryoverview{overflow:hidden;margin:0 0 20px 20px;display: block; float: right}
.ngg-galleryoverview .pic{border:1px solid #ccc; padding: 1px;}

.ngg-gallery-list{clear: both; margin: 2px 0 0 0; float: right}
.ngg-gallery-list li{float: left}
.ngg-gallery-list a span{margin-right: 3px}
.ngg-galleryoverview .ngg-next{border: none; height: 40px; width: 20px; line-height: 40px;}
.ngg-galleryoverview .ngg-next a{width: 12px; height: 40px; line-height: 40px; border: none;display: inline}


/* AUTHOR
------------------------------------------------------------------------------------------------ */

#lastfm li{float: left; margin: 0 5px 5px 0; width: 78px; height: 78px; }
#lastfm li a{display: block; width: 76px; height: 76px; border: 1px solid #dcdcdc;}
#lastfm li a img{border: 1px solid #fff;width: 74px; height: 74px;}


/* fb
------------------------------------------------------------------------------------------------ */

#fb-user { display: block; height: 100px; margin: 10px 0 }
#fb-msg{margin-left: 10px}


/* ads
------------------------------------------------------------------------------------------------ */
.ad-leaderboard{margin: 0 auto 10px; width: 980px; text-align: center}
.ad-leaderboard a{margin: 0 auto;}
.ad-leaderboard img,
.ad-skyscrapper img{border:none}

.ad-skyscrapper{width: 160px; float: right}

.ad-bottom{width: 980px; display: block; overflow: hidden; clear: both; text-align: center}

/* sociable */
.sociable{overflow:hidden; border-bottom: 1px dotted #ccc; margin: 10px 0 0 !important}
.sociable li{float: left; list-style: none; margin: 0 5px 5px 0}
.sociable_tagline{margin-bottom:5px}
