/*
Theme Name:Pyrmont V2
Theme URI:http://imotta.cn/wordpress/pyrmont-theme-v2-for-wordpress.html
Description:A dark WordPress theme. Build in links and archives pages. Widget support. The theme is released under GPL.
Version:2.0.7
Author:motta
Author URI:http://imotta.cn/
Tags:black, dark, two-columns, fixed-width, threaded-comments, sticky-post
*/
/* 
   Meyer's CSS Reset
   v1.0 | 20080212 
*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
/* remember to define focus styles! */
:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0}
/* css reset ends */
*{margin:0; padding:0}
body{background:url("/templates/images/background.jpg") no-repeat fixed center top #151515; color:#BBB; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:80%; line-height:16px; margin:0; padding:0; width:100%}
#link-top{background-color:#F79B2E; bottom:45px; height:52px; position:fixed; right:0; width:19px}
a{text-decoration:none; /*outline-color:invert; outline-style:none; */border:none}
a img{border:none}
.clear{clear:both}
div#page_wrap{width:960px; margin:0 auto}
/* END div#header */
div#main{width:660px; float:left; display:inline; /* fix double margin *//*margin:30px 25px 30px 10px; */margin:0 25px 30px 10px}
div#main div.post{background:#111; background:none repeat scroll 0 0 rgba(14,14,14,0.5); color:#aaa; line-height:18px; padding-bottom:5px; margin-bottom:30px}
/* sticky post */
div#main div.sticky{background-color:#0d0d0d; /* if a post is set as sticky post,it'll have a darker bg color */}
div#main div.post div.date{background:url(images/date.gif) no-repeat; float:left; font-size:12px; line-height:13px; text-align:left; vertical-align:middle; color:#efefef; height:41px; width:50px; margin-left:-10px; margin-top:16px; padding-top:4px; padding-left:8px; _position:relative; /* ie6 fix */margin-right:20px}
div#main div.post div.date div.date-day{float:left; margin:0; padding:0; font-size:12px}
div#main div.post div.date div.date-month{float:left; width:100%; margin:0; padding:0}
div#main div.post div.title{margin-left:58px; margin-bottom:10px; /*margin-top:16px; */border-bottom:none; clear:none; /*_margin-top:0; *//*ie6 fix*//**+margin-top:0; *//*ie7 fix*/}
div#main div.post div.title h2{font-size:20px; font-weight:normal; border-bottom:none; clear:none; color:#fff; width:600px; line-height:30px; margin:0; padding:20px 0 0 0; text-transform: uppercase}
div#main div.post div.title h2 a{color:#fff}
div#main div.post div.title h2 a:hover{color:#f79b2e}
div#main div.post div.title div.postmeta{font-size:11px; line-height:12px; color:#4d4d4d; width:580px; overflow:hidden}
div#main div.post div.title div.postmeta a{color:#4d4d4d; border-bottom:1px solid #0e0e0e; text-decoration:none}
div#main div.post div.title div.postmeta a:hover{color:#f79b2e; /*border-bottom:1px solid #f79b2e; */border-bottom:none; text-decoration:none}
div#main div.post div.entry{padding:10px 20px 0 20px; overflow:hidden; /* in case large img or video */_width:618px; font-size:13px}
div#main div.post div.no_result{padding:20px}
div#main div.post div.no_result p.no_result{margin-bottom:0}
div#main div.post div.entry a{color:#f79b2e; border:none; text-decoration:none}
div#main div.post div.entry a:hover{color:#fff; /*text-decoration:underline; */text-decoration:none}
div#main div.post div.entry a.more-link { float:right; font-family: TitilliumText22LRegular,Arial,Arial Narrow,Verdana,Helvetica; font-size: 15px; display:block; color:#dbdbdb; /*padding:10px 15px 9px 15px; background-color:#1D1D1D;*/ line-height: normal; text-align: right}
div#main div.post div.entry a.more-link:hover{color:#fff; /*background-color:#333*/}
div#main div.post div.entry p{}
/* 20090629 add h1-h6 style in entry */
div#main div.post div.entry h1{font-size:20px; margin-bottom:5px}
div#main div.post div.entry h2{font-size:18px; margin-bottom:5px}
div#main div.post div.entry h3{/*font-size:16px; margin-bottom:5px; */clear:both; color:#DBDBDB; font-family:Arial Narrow Bold,Arial Narrow,Arial,Helvetica; font-weight:normal; font-size:14px; letter-spacing:0.3px; margin:0 0 10px; padding:0}
div#main div.post div.entry h4{font-size:15px; margin-bottom:5px}
div#main div.post div.entry h5{font-size:14px; margin-bottom:5px}
div#main div.post div.entry h6{font-size:12px; margin-bottom:5px}
div#main div.post div.entry ul, 
div#main div.post div.entry ol{padding-bottom:24px; margin-left:40px; margin-right:40px}
div#main div.post div.entry ul{list-style-type:disc}
div#main div.post div.entry ol{list-style-type:decimal}
div#main div.post div.entry ul li, 
div#main div.post div.entry ol li{padding:1px 0; list-style:inside}
div#main div.post div.entry blockquote{background:url(images/blockquote.gif) no-repeat; padding:35px 20px 10px 50px; margin:0 15px 24px 15px; background-color:#181818; border-top:1px solid #2a2e2f; border-bottom:1px solid #2a2e2f; color:#999}
div#main div.post div.entry blockquote p{margin-bottom:8px}
div#main div.post div.entry code{font-family:"Courier New",mono; background-color:#181818; border-left:1px solid #2a2e2f; color:#197b30; padding:5px 10px; display:block}
/* 20090629 add table layout */
div#main div.post div.entry table{margin-bottom:20px; border-collapse:collapse; border:1px solid #2a2e2f; background-color:#181818; color:#999}
div#main div.post div.entry table td, 
div#main div.post div.entry table th{padding:2px 5px; border:1px solid #2a2e2f}
div#main div.navigation{font-size:13px}
div#main div.navigation a{ font-family: TitilliumText22LRegular,Arial,Arial Narrow,Verdana,Helvetica; font-size: 15px; display:block; color:#dbdbdb; padding:10px 15px 9px 15px; background-color:#1D1D1D; line-height: normal;}
div#main div.navigation .left a:hover, 
div#main div.navigation .right a:hover{color:#fff; background-color:#333}
div#main div.navigation .left{float:left}
div#main div.navigation .right{float:right}
/* END div#main */
div#sidebar{width:260px; float:left; display:inline; /* fix double margin *//*margin-top:16px; */margin-bottom:30px; overflow:hidden; color:#aaa; font-size:12px}
div#sidebar ul{/*background-color:#0e0e0e; */}
div#sidebar ul li h2{background:url(images/sidebar_title_bg.gif) no-repeat; background-position:left bottom; font-size:18px;                         font-weight:normal; line-height:30px; color:#fff; background-color:#0e0e0e; padding:5px 10px}
div#sidebar ul li h3{font-size:18px; font-weight:normal; line-height:30px; color:#fff; padding:8px 25px 4px 25px}
div#sidebar ul li h3 a{color:#fff; text-decoration:none}
div#sidebar ul li h3 a:hover, div#sidebar ul li h3 a:focus{color:#fff; text-decoration:none}
div#sidebar ul li .tweets{font-size:11px; line-height:13px}
div#sidebar ul li ul{list-style-type:none; color:#eee; line-height:16px}
/*div#sidebar ul li ul li{padding:8px 10px 9px 10px; background:url(images/sidebar_list_bg.gif) no-repeat; background-position:left bottom}*/
div#sidebar ul li ul li{padding:5px 5px 10px 5px; margin: 0 20px 5px 0; border-bottom: 1px solid rgba(14,14,14,0.4)}
div#sidebar ul li ul li:hover{background:#0e0e0e; background:none repeat scroll 0 0 rgba(14,14,14,0.4)}
div#sidebar ul li ul li a{background:none; display:inline; color:#bbb; text-decoration:none}
div#sidebar ul li ul li a:hover{color:#f79b2e}
/* END div#sidebar */
/* modify div#sidebar for default widget */
div#sidebar ul li ul li.rc a{display:inline}
div#sidebar ul li.widget, 
div#sidebar ul li.widget_archive, 
div#sidebar ul li.widget_categories, 
div#sidebar ul li.widget_search, 
div#sidebar ul li.widget_tag_cloud div, 
div#sidebar ul li.widget_text{/* sidebar_list_bg fix */background:#0e0e0e; background:none repeat scroll 0 0 rgba(14,14,14,0.4); margin:0 0 30px 0; padding:0 0 10px 0; /*border:1px solid #1f2223; */}
div#sidebar ul li.widget h2 a{color:#bbb}
div#sidebar ul li.widget_archive select, 
div#sidebar ul li.widget_categories select{/* dropdown view */margin:15px 26px}
/* calendar widget */
div#sidebar ul li.widget_calendar div#calendar_wrap{padding:15px 26px; background:url(images/sidebar_list_bg.gif) no-repeat left bottom}
#wp-calendar{color:#bbb; width:95%; font-family:Arial,sans-serif}
#wp-calendar caption{padding:5px; letter-spacing:2px}
#wp-calendar th, #wp-calendar td{padding:5px; text-align:center}
#wp-calendar th{border-bottom:1px solid #1f2223; border-top:1px solid #1f2223}
#wp-calendar td{background:transparent}
#wp-calendar td, table#wp-calendar th{padding:3px 0}
#wp-calendar a{color:#f79b2e}
#wp-calendar a:hover{text-decoration:underline}
#wp-calendar #prev{text-align:left; padding-left:5px}
#wp-calendar #next{text-align:right; padding-right:5px}
#wp-calendar #prev, #wp-calendar #next, #wp-calendar tfoot tr td.pad{border-top:1px solid #1f2223}
#wp-calendar #prev a, #wp-calendar #next a{color:#999}
#wp-calendar td#today{color:#fff; background-color:#0e0e0e; font-weight:bold}
/* multi-level category */
div#sidebar ul li ul li ul li, 
div#sidebar ul li ul li ul.children li{background:none}
div#sidebar ul li ul li ul li:hover, 
div#sidebar ul li ul li ul.children li:hover{background:none}
/* widget rss */
.widget_rss a{color:#bbb}
/* widget search */
li.widget_search #search{/* 090627fix */padding:10px 30px}
div#sidebar ul li h1{color:#FFF; font-size:18px; font-weight:normal; line-height:30px; padding:8px 10px 4px 10px; border:none}
div#sidebar ul li h1 a{color:#fff; text-decoration:none}
.textwidget #search form#searchform{width:200px; height:25px; border:none; background-color:#fff; position:relative}
.textwidget #search form#searchform .searchinput{position:absolute; top:5px; left:8px; color:#4d4d4d; font-size:13px; width:165px; border:0}
.textwidget #search form#searchform .button{position:absolute; top:0px; left:175px; background:url(images/mag.gif) no-repeat; height:25px; width:25px; border:0; cursor:pointer}
li.widget_search form#searchform{width:200px; height:25px; border:none; background-color:#fff; position:relative}
li.widget_search form#searchform .searchinput{position:absolute; top:5px; left:8px; color:#4d4d4d; font-size:13px; width:165px; border:0}
li.widget_search form#searchform .button{position:absolute; top:0px; left:175px; background:url(images/mag.gif) no-repeat; height:25px; width:25px; border:0; cursor:pointer}
/* tag cloud */
div#sidebar ul li.widget_tag_cloud div{margin:0 0 0 0; padding:10px 16px; border:0}
div#sidebar ul li.widget_tag_cloud div a{color:#0af}
div#sidebar ul li.widget_tag_cloud div a:hover{color:#f79b2e}
/* textwidget */
.textwidget{padding:10px 20px; line-height:16px}
.textwidget p{margin-bottom:10px; line-height:18px}
.textwidget a, .textwidget p a{color:#f79b2e; text-decoration:none}
.textwidget a:hover, .textwidget p a:hover{text-decoration:underline}
/* END modify div#sidebar */
div#main div#comments{margin-bottom:10px}
div#main div#comments h3{float:left; font-size:16px; color:#bbb; line-height:24px; font-weight:normal}
div#main div#comments .add_your_comment a{float:right; font-size:16px; color:#bbb; line-height:24px; font-weight:normal}
div#main div#comments .add_your_comment a:hover{color:#f79b2e}
div#main ol.commentlist{font-size:13px; color:#bbb; overflow:hidden}
div#main ol.commentlist li{margin-bottom:15px; background-color:#0e0e0e; /*border:1px solid #1f2223; */-moz-border-radius:2px; -webkit-border-radius:2px; padding:20px 20px 15px 20px}
div#main ol.commentlist li ul{list-style-type:none; margin-left:60px; margin-top:6px}
div#main ol.commentlist li ul.children li{background-color:#0d0d0d; border-left:1px solid #181a1b; border-top:0; border-bottom:0; border-right:0}
div#main ol.commentlist li div.vcard{float:left}
div#main ol.commentlist li div.vcard div.left{width:56px; margin-right:5px}
div#main ol li div.left img{border:1px solid #000; display:block; height:48px; width:48px}
div#main ol li div.left div.reply a{background:url(images/reply.gif) no-repeat 0 0; display:block; height:0; padding-top:17px; width:41px; overflow:hidden; margin-left:5px; margin-top:5px}
div#main ol li div.left div.reply a:hover{background-position:0 -17px}
div#main ol.commentlist li div.right{float:left; line-height:20px; width:80%; /* 3-level or less thread comments display well. 4 or more leves may have some issue. */}
div#main ol.commentlist li div.right p a{color:#bbb; text-decoration:none; border-bottom:1px solid #bbb}
div#main ol.commentlist li div.right p a:hover{color:#f79b2e; border-bottom:1px solid #f79b2e}
div#main ol li div.right div.commentmetadata{font-size:12px; color:#999; border-bottom:1px solid #181a1b; padding-bottom:3px; margin-bottom:8px}
div#main ol li div.right div.commentmetadata a{color:#bbb; text-decoration:none; font-weight:bold}
div#main ol li div.right div.commentmetadata a:hover{color:#f79b2e}
div#main ol li div.right p{margin-bottom:20px}
div#main .comments_navi{font-size:12px}
div#main .comments_navi .alignleft{float:left}
div#main .comments_navi .alignright{float:right}
div#main .comments_navi .alignleft a, 
div#main .comments_navi .alignright a{display:block; color:#bbb; /*border:1px solid #1f2223; */padding:0 5px; background-color:#0e0e0e; line-height:28px}
div#main .comments_navi .alignleft a:hover, 
div#main .comments_navi .alignright a:hover{color:#f79b2e; background-color:#000}
div#main div#respond{  border:1px solid rgba(14,14,14,0.2); -moz-border-radius:2px; -webkit-border-radius:2px; color:#bbb; padding:15px 20px; margin-top:15px}
div#main div#respond div.h3_cancel_reply{margin-bottom:5px}
div#main div#respond h3{font-size:16px; color:#bbb; line-height:24px; font-weight:normal; float:left; display:inline; /* fix double margin */}
div#main div#respond span.cancel-comment-reply{float:right; display:inline; /* fix double margin */padding-top:6px}
div#main div#respond span.cancel-comment-reply a{font-size:12px; color:#999; text-decoration:none}
div#main div#respond span.cancel-comment-reply a:hover{color:#f79b2e}
div#main div#respond form#commentform{}
div#main div#respond form#commentform p{font-size:12px; color:#999; padding:3px 0}
div#main div#respond form#commentform p a{color:#fff; border:0}
div#main div#respond form#commentform p a:hover{border-bottom:1px solid #fff}
div#main div#respond div.input_area{padding:15px 30px}
div#main div#respond div .message_input{font-family:"Trebuchet MS","Lucida Grande",Arial,sans-serif; background-color:#eee; border:2px solid #000; color:#333; font-size:13px; padding:5px; height:120px; width:98%}
div#main div#respond div.user_info{font-size:12px; line-height:16px; display:block; padding:0 30px}
div#main div#respond div.user_info div.single_field{display:inline; float:left; width:33%}
label.desc{display:block; color:#999; padding-bottom:4px}
label.desc abbr{color:#f79b2e; border:0}
div#main div#respond div.user_info input.comment_input{background-color:#eee; color:#4d4d4d; border:2px solid #000; padding:2px 3px; width:90%}
div#main div#respond div.submit_button{margin:15px 30px 0}
div#main div#respond form#commentform div.submit_button input.button{display:block; background:url(images/submit.gif) no-repeat 0 0; width:76px; height:28px; padding:0; border:0; /*text-indent:-9999px; 20090708 no text button*/color:#bbb; /*20090708 no text button*/font-size:12px; /*20090708 no text button*/cursor:pointer; float:left}
div#main div#respond form#commentform div.submit_button input.button:active{background-position:0 -28px; color:#fff; /*20090708 no text button*/}
div.submit_button span.key{float:left; margin-left:10px; padding-top:6px; font-size:12px; line-height:16px; color:#333}
.nocomments{color:#bbb; font-size:16px}
/* END single page */
/*---------------- WordPress Generated Classes -------------------*/
.aligncenter, 
div.aligncenter{ display:block;  margin-left:auto;  margin-right:auto}
.alignleft{float:left}
.alignright{float:right}
img.alignleft{display:inline; margin-bottom:10px; margin-right:20px; padding:0; border:10px solid #1d1d1d}
img.alignright{display:inline; margin-bottom:10px; margin-left:20px; padding:0; border:10px solid #1d1d1d}
.wp-caption{ border:1px solid #1f2223;  text-align:center;  background-color:#0d0d0d;  padding-top:4px;  margin:10px;  /* optional rounded corners for browsers that support it */ -moz-border-radius:3px;  -khtml-border-radius:3px;  -webkit-border-radius:3px;  /*border-radius:3px; */}
.wp-caption img{ margin:0;  padding:0;  border:0 none}
.wp-caption p.wp-caption-text{ font-size:12px;  line-height:17px;  padding:0 4px 5px;  margin:0;  color:#bbb}
div#main div.post div.entry div.wp-caption p{margin-bottom:3px; padding:5px}
/*------------------------ Archives Page ------------------------*/
ul.archiveslist{color:#bbb; font-size:13px}
div#main div.post div.entry ul.archiveslist li a{color:#bbb}
div#main div.post div.entry ul.archiveslist li a:hover{color:#f79b2e}
/*------------------------ Links Page ------------------------*/
.linkpage{background-color:#0e0e0e; padding:10px 15px}
.linkpage ul{list-style-type:none}
.linkpage ul li{float:left; margin-bottom:10px}
.linkpage ul li ul li{float:left; width:130px; text-align:center; margin:5px 12px; line-height:180%; background-color:#202020}
.linkpage ul li ul li a{color:#bbb; display:block; text-decoration:none; /*border:1px solid #1f2223; */font-size:12px}
.linkpage ul li ul li a:hover{background-color:#0d0d0d; /*border:1px solid #1f2223; */color:#f79b2e}
.linkpage ul li h3{margin-bottom:5px; margin-left:12px}
/*------------------------ Strong ------------------------*/
div.strong{color:#fff; font-size:18px; padding:10px 0; margin-bottom:25px}
div.strong .keyword{color:#f79b2e}
/**********SIDEBAR NETWORKING**********/
#sidebar-networking-icons{margin:0; padding:10px 0 10px 20px}
#sidebar-networking-icons a{height:32px; display:block; margin:0 20px 20px 0; padding:0; text-indent:-9999px; font-size:80%; background:url(/templates/images/icons/social-icons.gif) no-repeat}
#sidebar-networking-icons a:active{background-position:center bottom}
#sidebar-networking-icons #sidebar-facebook a{float:left; width:32px; background-position:0 0}
#sidebar-networking-icons #sidebar-facebook a:hover, #sidebar-networking-icons #sidebar-facebook a:focus{background-position:0 -32px}
#sidebar-networking-icons #sidebar-twitter a{float:left; width:32px; background-position:-32px 0}
#sidebar-networking-icons #sidebar-twitter a:hover, #sidebar-networking-icons #sidebar-twitter a:focus{background-position:-32px -32px}
#sidebar-networking-icons #sidebar-linkedin a{float:left; width:32px; background-position:-64px 0}
#sidebar-networking-icons #sidebar-linkedin a:hover, #sidebar-networking-icons #sidebar-linkedin a:focus{background-position:-64px -32px}
#sidebar-networking-icons #sidebar-rss a{float:left; width:32px; background-position:-96px 0}
#sidebar-networking-icons #sidebar-rss a:hover, #sidebar-networking-icons #sidebar-rss a:focus{background-position:-96px -32px}
#social-button-box{display:inline-block; width:200px; margin:10px 0 0; padding:0 0 10px 0}
#fb-like{float:left; display:inline; margin:0; padding:0; width:110px}
#g-plus{float:right; display:inline; margin:0; padding:0; width:90px}
/*--------------- Code from www.cssstickyfooter.com -------------*/
html, body, #page_wrap{height:100%}
body >#page_wrap{height:auto; min-height:100%}
.small{font-size:10px}
.float-left{float:left}
.float-right{float:right}
.center-interface{width:960px; margin:0 auto; padding:0}
.interface-wrapper{float:left; width:960px; margin:0; padding:0}
#header{float:left; width:960px; margin:20px 0 40px 0; padding:0}
#header-strapline{float:right; margin:0; padding:40px 0 0 0; font-size:140%; font-family:Arial,Helvetica,sans-serif; color:#fff}
/**********MAIN-NAV**********/
#main-nav{float:right; margin:40px 0 0 0; padding:0; display:inline}
#main-nav ul{float:right; display:inline; margin:0; padding:0; font-family:Arial Narrow,Arial,Verdana,Helvetica; font-weight:bold; font-size:12px; text-shadow:2px 1px 3px #0e0e0e; text-transform:uppercase; text-align:right}
#main-nav li{float:left; display:inline; margin:0; padding:0; text-align:right; letter-spacing:0}
#main-nav ul li a{float:left; color:#dbdbdb; text-decoration:none; margin:5px 10px; padding:0}
#main-nav ul li a:hover, #main-nav ul li a:hover a:focus{border-bottom:1px solid #F79B2E; margin:5px 10px; color:#fff; text-shadow:4px 2px 3px #0e0e0e; padding:0 0 2px 0}