@charset "utf-8";
/* reset.css */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1.5}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}a img{border:none}
/* typography.css */body{font-size:75%;color:#222;background:#fff;font-family:"lucida grande",tahoma,verdana,arial,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:normal;color:#111;font-family:"Lucida Grande","Century Gothic",AppleGothic,sans-serif}h1{font-size:3em;line-height:1;margin-bottom:0.5em}h2{font-size:2em;margin-bottom:0.75em}h3{font-size:1.5em;line-height:1;margin-bottom:1em;text-transform:uppercase}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}h5{font-size:1em;font-weight:bold;margin-bottom:1.5em}h6{font-size:1em;font-weight:bold}h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}p{margin:0 0 1.5em}p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0}p img.right{float:right;margin:1.5em 0 1.5em 1.5em}a:focus,a:hover{color:#009}a{color:#0085eb;text-decoration:none}blockquote{margin:1.5em;color:#666;font-style:italic}strong{font-weight:bold}em,dfn{font-style:italic}dfn{font-weight:bold}sup,sub{line-height:0}abbr,acronym{border-bottom:1px dotted #666}address{margin:0 0 1.5em;font-style:italic}del{color:#666}pre{margin:1.5em 0;white-space:pre}pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5}li ul,li ol{margin:0 1.5em}ul,ol{margin:0 1.5em 1.5em 1.5em}ul{list-style-type:disc}ol{list-style-type:decimal}dl{margin:0 0 1.5em 0}dl dt{font-weight:bold}dd{margin-left:1.5em}table{margin-bottom:1.4em;width:100%}th{font-weight:bold}thead th{background:#c3d9ff}th,td,caption{padding:4px 10px 4px 5px}tr.even td{background:#e5ecf9}tfoot{font-style:italic}caption{background:#eee}.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em}.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}.hide{display:none}.quiet{color:#666}.loud{color:#000}.highlight{background:#ff0}.added{background:#060;color:#fff}.removed{background:#900;color:#fff}.first{margin-left:0;padding-left:0}.last{margin-right:0;padding-right:0}.top{margin-top:0;padding-top:0}.bottom{margin-bottom:0;padding-bottom:0}
/* forms.css */label{font-weight:bold}fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc}legend{font-weight:bold;font-size:1.2em}input[type=text],input.text,input.title,textarea,select{background-color:#fff;border:1px solid #bbb}input[type=text]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus{border-color:#666}input[type=text],input.text,input.title,textarea,select{margin:0.5em 0}input.text,input.title{width:300px;padding:5px}input.title{font-size:1.5em}textarea{width:390px;height:250px;padding:5px}input[type=checkbox],input[type=radio],input.checkbox,input.radio{position:relative;top:.25em}form.inline{line-height:3}form.inline p{margin-bottom:0}.error,.notice,.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd}.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}.notice{background:#FFF6BF;color:#514721;border-color:#FFD324}.success{background:#E6EFC2;color:#264409;border-color:#C6D880}.error a{color:#8a1f11}.notice a{color:#514721}.success a{color:#264409}.button {padding: 3px;border:1px solid #e00;background:#900;color:#fff}
/* Clearfix */.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}/* Clearfix IE6 */ * html .clearfix{height:1%}/* Clearfix IE7 */*:first-child+html .clearfix{min-height:1px}

body { 
    background: #fff;
    color: #666;
}
a { color: #135694 }
a:focus, a:hover { color: #009; }

/* Icons */
.icon{background: url(../image/icons.gif) no-repeat 0 0;float:left;margin:0 5px 0 0;width:16px; height:16x;}
.icon-accept { background-position: 0 0; } 
.icon-add { background-position: 0 -20px; } 
.icon-adszone { background-position: 0 -40px; } 
.icon-attachment { background-position: 0 -60px; } 
.icon-cancel { background-position: 0 -80px; } 
.icon-comment { background-position: 0 -100px; } 
.icon-contactus, .icon-email { background-position: 0 -120px; } 
.icon-crown_gold { background-position: 0 -140px; } 
.icon-crown_bronze { background-position: 0 -160px; } 
.icon-crown_silver { background-position: 0 -180px; } 
.icon-delete { background-position: 0 -200px; } 
.icon-emailrss { background-position: 0 -220px; } 
.icon-favorite { background-position: 0 -240px; } 
.icon-feed { background-position: 0 -260px; } 
.icon-key { background-position: 0 -280px; } 
.icon-link { background-position: 0 -300px; } 
.icon-list { background-position: 0 -320px; } 
.icon-magnifier { background-position: 0 -340px; } 
.icon-microphone { background-position: 0 -360px; } 
.icon-pill { background-position: 0 -380px; } 
.icon-schedule { background-position: 0 -400px; } 
.icon-gnl_social_facebook { background-position: 0 -420px; } 
.icon-gnl_social_feed { background-position: 0 -440px; } 
.icon-gnl_social_twitter { background-position: 0 -460px; } 
.icon-gnl_social_yahoo { background-position: 0 -480px; } 
.icon-tag { background-position: 0 -500px; } 
.icon-time { background-position: 0 -520px; } 
.icon-user { background-position: 0 -540px; } 
.icon-username, .icon-crown_none { background-position: 0 -560px; } 
.icon-userpass { background-position: 0 -580px; } 
.icon-write { background-position: 0 -600px; }
.icon-edit_profile { background-position: 0 -620px; }
.icon-write_web { background-position: 0 -640px; }
.icon-comments { background-position: 0 -660px; }
.icon-print { background-position: 0 -680px; }
.icon-cat { background-position: 0 -700px; }
.icon-home { background-position: 0 -720px; }
.icon-writers { background-position: 0 -740px; }
.icon-gnl_social_plurk { background-position: 0 -760px; }
.icon-gnl_social_linkedin { background-position: 0 -780px; }
.icon-gnl_social_flickr { background-position: 0 -800px; }
.icon-gnl_social_delicious { background-position: 0 -820px; }
.icon-yen { background-position: 0 -840px; }
.icon-gallery { background-position: 0 -860px; }
.icon-calendar { background-position: 0 -880px; }
.icon-pencil { background-position: 0 -900px; }
.icon-star { background-position: 0 -920px; }

/* columns */
.c670 { width: 670px; }
.c640 { width: 640px; }
.c620 { width: 620px; }
.c420 { width: 420px; }
.c400 { width: 400px; }
.c360 { width: 360px; }
.c330 { width: 330px; }
.c310 { width: 310px; }
.c300 { width: 300px; }
.c220 { width: 220px; }
.c200 { width: 200px; }
.c190 { width: 190px; }

/* alignments */
.alignleft {float: left;margin: 5px 10px 0 0;}
.alignright {float: left;margin: 5px 0 0 10px;}
.aligncenter {clear: both; margin:  5px auto; display: block;}

/* quotes */
blockquote {margin: 1.5em 1.5em 1.5em 2em; padding: 0.5em 0.5em 0.5em 2.5em; border-top: 1px dashed #ccc; background: url(../image/bg_quote.gif) no-repeat 0 3px; }
blockquote p {margin: 0;}
blockquote cite {display: block; text-align: right; color: #999;}

/* floatings */
.floatleft {float: left;}
.floatright {float:right;}

/* Clearings */
.clearboth {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

/* Hide */
.hidden {display: none;}

/* List */
ul.arrowlist { margin: 0;}
ul.arrowlist li {padding-left: 20px; background: url(../image/bg_arrowlist.gif) no-repeat 0 0; list-style: none none outside; }
ul.calendarlist { margin: 0;}
ul.calendarlist li {padding-left: 20px; background: url(../image/bg_calendarlist.gif) no-repeat 0 0; list-style: none none outside; }
ul.pencillist { margin: 0;}
ul.pencillist li {padding-left: 20px; background: url(../image/bg_pencillist.gif) no-repeat 0 0; list-style: none none outside; }
ul.starlist { margin: 0;}
ul.starlist li {padding-left: 20px; background: url(../image/bg_starlist.gif) no-repeat 0 0; list-style: none none outside; }
ul.bubblelist { margin: 0;}
ul.bubblelist li {padding-left: 20px; background: url(../image/bg_bubblelist.gif) no-repeat 0 0; list-style: none none outside; }
ul.postlist {margin: 0;}
ul.postlist li {list-style: none none outside;padding: 0 0 5px;margin:0 0 15px;border-bottom: 1px solid #666;}
ul.postlist li li {border-bottom: 0;margin: 5px 0 0;padding: 0 5px 0 0;}


/* Paging Navigation */
.pagenavigation { margin: 10px; clear: both;}
.pagenavigation ul { margin: 0; list-style: none none outside;}
.pagenavigation li { display: inline; margin: 0 5px 0 0;}
.pagenavigation li a { padding: 5px; background: #fff; border: 1px solid #ccc}
.pagenavigation li a.current, .pagenavigation li a:hover { background: #0085eb; color: #fff }

/* Images */
.img100 { 
    padding: 3px; 
    width: 100px; 
    height: 100px; 
    margin: 0 5px 0 0; 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ccc;
    position: relative;
    border: 1px solid #bbb; 
}
    .img100 img { width: 100px; height: 100px; opacity: 0.5; }
    .img100 a:hover img { opacity: 1; }
.img150 {padding: 3px;border: 1px solid #ccc;background: #fff;margin: 0 10px 0 0;}
.img150 img {width: 150px;height: 150px;}
.img150 a {display: block;}

/* LAYOUTS */
#topnav {background: url(../image/osug_bg_topnav.gif) repeat-x 0 0;height: 37px;width: 100%;overflow: hidden;}
#topnav .inner {width: 960px;margin: 0 auto;}
#topnav a:link, #topnav a:visited {color: #fff;}
#topnav a:hover {color: #ff0;}
#logo {margin: 0; width: 450px;font-size: 24px;}
#logo .desc {font-size: 12px;font-style: italic;}
#pagenav {width: 450px;}
#pagenav ul {list-style: none none outside;margin: 8px 0 0;padding: 0;text-align: right;}
#pagenav li {margin: 0 0 0 10px;padding: 0;display: inline;font-size: 14px;}
#pagenav a:link, #pagenav a:visited {padding: 4px 10px;}
#pagenav .current_page_item a:link, #pagenav .current_page_item a:visited, 
#pagenav a:hover {padding: 4px 10px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background:#70aede;}
#middlenav {background: url(../image/osug_bg_middlenav.gif) repeat-x 0 0;height: 32px;width: 100%;overflow: hidden;}
#middlenav .inner {width: 960px;margin: 0 auto;}
#categorynav {width: 700px;}
#categorynav ul {list-style: none none outside;margin: 6px 0 0;padding: 0;text-align: right;}
#categorynav li {margin: 0 10px 0 0;padding: 0;display: inline;font-size: 14px;}
#categorynav a:link, #categorynav a:visited {padding: 4px 10px;color: #fff;}
#categorynav .current-cat a:link, #categorynav .current-cat a:visited, 
#categorynav a:hover {padding: 4px 10px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background:#c1f38e;color:#284f00;}
#container { width:960px; text-align: left;margin: 10px auto 25px;}
#container .column {margin: 0 10px;}

/* !Header */
.home #header { background: url(../image/osug_bg_header.gif) repeat-x; height: 343px; overflow: hidden; width: 100%;}
.home #header .inner {width: 960px; height: 343px; margin: 0 auto;background: url(../image/osug_bg_headerwatermark.gif) no-repeat 100% -40px;}

/* !Highlightslides */
.highlightslides {position: relative;color: #666;}
.highlightslidesnav a {width: 36px; height: 343px;background: url(../image/osug_bg_highlight_nav.gif) no-repeat 0 0;}
.highlightslidesnav a.next {top:0;right: 0;position: absolute;}
.highlightslidesnav a.next:hover {background-position: 0 -343px;}
.highlightslidesnav a.previous {background-position: 0 -686px;top:0;left: 0;position: absolute;} 
.highlightslidesnav a.previous:hover {background-position: 0 -1029px;}
.highlightslidescontent { padding: 10px 50px 0; }
.highlightslidescontent .content {height: 333px;overflow: hidden;}
.highlightslidescontent .image {background:#fff;padding: 4px;border: 1px solid #ccc;float: left; margin: 3px 15px 0 0;}
.highlightslidescontent .image a {display: block;}
.highlightslidescontent h1 {padding: 0 0 10px;margin: 0;font-size: 30px;}
.highlightslidescontent hr {height: 1px;border:none;border-bottom: 1px solid #ccc;margin: 0 0 10px;}

/* !Search */
#searchnav {padding: 5px 0 0 0;}
.searchform {background: url(../image/osug_bg_search.gif) no-repeat 0 0;width: 221px; height: 22px;}
.searchform label { cursor: pointer; }
input.searchtext {border: none; background: none; margin: 0;padding: 0 2px 5px 30px; font-size: 12px; font-weight: normal; color: #000; cursor: text; width: 120px; }
input.searchsubmit{border: none; background: none; cursor: pointer; margin: 0; padding: 0; width: 64px; }

/* !Boxes Style */
.clearbox {border-bottom: 1px solid #666;margin-bottom: 15px;}
.clearbox h3 {font-size: 18px;text-transform: none;padding: 0 0 5px;margin: 0 0 5px;border-bottom: 1px solid #ccc;}
.clearbox h2 {font-size: 14px;padding: 0;margin: 0 0 5px;}
.greybox {background: #efefef;padding: 10px; border: 1px solid #ccc;margin-bottom: 15px;}
.greybox h3 {font-size: 14px;font-weight:bold;line-height:130%;text-transform: none;padding: 0 0 5px;margin: 0 0 5px;border-bottom: 1px solid #ccc;}


/* Footer */
#footer { background: #135694 url(../image/bg_footer.jpg) repeat-x; padding: 0 0 20px; width: 100%;border-top: 1px solid #7fb3e3;color:#9ac2e6; }
#footer .inner {width: 960px; margin: 0 auto;padding: 20px 0 0;background:url(../image/bg_footer_inner.png) no-repeat 50% 0; }
#footer h3 {font-size: 18px;text-transform: none;padding: 0 0 5px;margin: 0 0 5px;border-bottom: 1px solid #84afd7;color: #9ac2e6;}
#copyrightinfo {margin-top: 10px;text-align: center;font-size: 11px;}
#copyrightinfo p { margin: 0;}
#footer a:link, #footer a:visited {color: #ff0;}
#footer a:hover {color: #f60;}

/* !Sidebar */
.sidebar, .sidebar ul { list-style: none none outside; margin: 0; padding: 0; }
.sidebar li { margin: 0 0 3px; padding: 0; }
.sidebar .widget { margin: 0 0 15px; }
.sidebar h2.widgettitle {font-size: 18px;text-transform: none;padding: 0 0 5px;margin: 0 0 5px;border-bottom: 1px solid #ccc;}

/* !Breadcrumbs */
.breadcrumbs {padding: 0 0 5px;margin: 0 0 10px;border-bottom: 1px dashed #ccc;}
.breadcrumbs ul { list-style: none none outside; margin: 0; padding: 0;}
.breadcrumbs li { display: inline; margin: 0; padding: 0;}

/* Single Page */
.single .entry-content {font-size: 115%; line-height: 180%; margin: 15px 0; }
.single .entry-content h1 {font-size: 140%;}
.single .entry-content h2 {font-size: 130%;}
.single .entry-content h3 {font-size: 125%;}
.single .entry-content h4, .single .entry-content h5, .single .entry-content h6 {font-size: 120%;}
.entry-title {border-top: 1px dashed #ccc; margin-top: 5px; padding-top: 15px; }
.postmeta {margin-bottom: 5px; padding-bottom: 3px;}
.postmeta ul { list-style: none none outside; margin: 0; padding: 0; }
.postmeta ul li { display: inline; margin-right: 10px; float: left; }
.entry-trackbacks {margin-bottom: 5px; padding: 3px 5px; border: 1px dashed #ccc; background: #ffc }
.post-ratings {display: block; width: auto;font-size: 11px; float: left; margin: 0 5px 0 0; }
.post-ratings-loading {display: block; width: auto;float: left;font-size: 11px;}
.post-ratings-loading {display: none;}    

/* Caption */
.wp-caption-text {font: italic 80% Georgia, serif; margin: 5px 0;  }
.wp-caption { border-bottom: 1px dashed #ccc }

/* Post Info */
#post-info { margin: 0 0 5px; }
#post-info h1 { font-size: 24px; font-weight: normal; line-height: 120%; padding: 0 0 5px; margin: 0; color: #333; border: none; }

/* Comment */
#postcomments {margin-top: 15px;}
#postcomments h2 {margin: 0 0 10px;}
#comments {padding: 10px; border-top: 1px solid #ccc}
#comments .navigation {clear: both; display: block; height: 20px;}
.comment-info {font-size: 110%;}
ul.commentlist, ul.commentlist ul {list-style: none none outside; margin: 0;}
ul.commentlist ul { margin-left: 1.5em}
.respond-title {font-size: 110%}
.comment-body {position: relative;padding: 5px 10px 5px 65px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ddd; margin-bottom: 10px; overflow: hidden;}
.comment-author {position: relative;}
.comment-body .avatar, .comment-body .photo {position: absolute; top:3px; left: -58px; width: 48px; height: auto;}
.pingback .comment-body {padding: 5px}
#respond {clear:both; margin: 5px 5px 5px 15px; padding: 10px 5px; border-top: 3px double #ccc; border-bottom: 1px solid #ccc}
#respond p {margin: 0;}
#cancel-comment-reply {margin: 0 0 5px}
.respond-title {font-size: 14px; line-height: 120%;}    
.respond-info {font-size: 11px; margin: 10px 0 15px 20px;}
li.even .comment-body, .children li.even .comment-body, li.bypostauthor .children li.even .comment-body {background: #fff6ec;}
li.odd .comment-body, .children li.odd .comment-body, li.bypostauthor .children li.odd .comment-body {background: #fffbec;}
li.bypostauthor .comment-body, .children li.bypostauthor .comment-body {background: #ffc;}

#more-info {background: url(../image/bg_copyrightinfo.gif) no-repeat 10px 10px; margin: 10px 0; padding: 10px 10px 10px 60px; border: 1px dashed #ccc}
    #more-info ul {list-style: square outside; margin-bottom: 0;}
    #more-info h3 {font-size: 14px; margin: 0 0 5px;}