/* Theme Name:CoSite Theme 
URI:http://www.cosite.net/ 
Description:The simple grey theme for wordpress created by <a href="http://www.cosite.net/">CoSite</a>. 
Version:1.0 
Author:Rossy 
Author URI:http://www.cosite.net/ 
Tags:grey, custom header, fixed width, two columns, widgets 
*/


/* basic elements */ 
* {padding:0;margin:0;}
ul,ol,li,img {border:0;padding:0;margin:0;}
ul,ol {list-style-type:none;height:100%;overflow:hidden;}
body {font-size:100%;font-family:Helvetica,Verdana,Arial;color:#333;background:#f3f3f3;border-top:12px solid #232323;}
.box {border:1px solid #dedede;}
.blank {clear:both;height:10px;overflow:hidden;}
.clr {clear:both;font:83% Arial;overflow:hidden;}
.txtl {text-align:left;}
.txtc {text-align:center;}
.txtr {text-align:right;}
.txtb {font-weight:bold;}
.l {float:left;}
.r {float:right;}

/*layout*/
#page {margin:0 auto;padding:0 1em;width:960px;background:#fff;text-align:left;}
#header {background:#232323;height:68px;}

#footer {background:#e7e7e7;border-top:5px solid #232323;padding-top:1em;}
.entry {border-top:1px dashed #dfdfdf;margin-top:0.8em;_margin:0.8em auto;font-size:93%;line-height:1.5em;padding:0.5em 0;}
.narrowcolumn {float:left;margin:0;width:724px;}
.widecolumn {padding:0;margin:1em 0;float:left;width:724px;_width:710px;border:1px solid #dedede;}
.post {border:1px solid #dedede;padding:1em;margin:1em auto;}
.widecolumn .entry p {margin:8px auto;}
.postmetadata {text-align:center;}
.thread-alt {background:#f8f8f8;}
.thread-even {background-color:white;}
.depth-1 {border:1px solid #ddd;}
.even, .alt {border-left:1px solid #ddd;}
small {font-family:Arial, Helvetica, Sans-Serif;font-size:85%;line-height:1.5em;}
h1, h2, h3 {font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight:bold;}
h1 {font-size:197%;text-align:center;padding-top:0.5em;}
.description {font-size:108%;text-align:center;padding-top:1.6em;}
h2 {font-size:123.1%;}
h2.pagetitle {font-size:131%;}
#sidebar h2 {font-family:'Lucida Grande', Verdana, Sans-Serif;font-size:108%;}
h3 {font-size:116%;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration:none;color:white;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#333;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration:none;}
.entry p a:visited {color:#b85b5a;}
.sticky {background:#f7f7f7;padding:0 10px 10px;}
.sticky h2 {padding-top:10px;}

.commentlist li, #commentform input, #commentform textarea {font:93% 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size:1em;}
.commentlist li {font-weight:bold;}
.commentlist li .avatar {float:right;border:1px solid #eee;padding:2px;background:#fff;}
.commentlist cite, .commentlist cite a {font-weight:bold;font-style:normal;font-size:1.1em;}
.commentlist p {font-weight:normal;line-height:1.5em;text-transform:none;}
#commentform p {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight:normal;}
#sidebar {font:100% 'Lucida Grande', Verdana, Arial, Sans-Serif;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color:#777;}
code {font:100% 'Courier New', Courier, Fixed;padding:6px 5px;margin:12px auto;border:1px dashed #999;background:#efefed;display:block;word-wrap:break-word;}
acronym, abbr, span.caps {font-size:93%;letter-spacing:.07em;}
a, h2 a:hover, h3 a:hover {color:#666;text-decoration:none;}
a:hover {color:#fb0000;text-decoration:underline;}
a.more-link {color:#fb0000;}

#wp-calendar #prev a, #wp-calendar #next a {font-size:9pt;}
#wp-calendar a {text-decoration:none;}
#wp-calendar caption {font:bold 108% 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center;}
#wp-calendar th {font-style:normal;text-transform:capitalize;}


.post hr {display:block;}
.widecolumn .post {margin:0;border:0;}
.narrowcolumn .postmetadata {margin-top:0.8em;text-align:left;line-height:1.5em;background:#fcfcfc;padding:0.5em;border:1px dotted #ededed;}
.widecolumn .postmetadata {margin:1em 0;background:#fcfcfc;padding:0.5em;border:1px dotted #ededed;clear:both;text-align:left;}
.narrowcolumn h2 {border-left:12px solid #fb0000;text-indent:15px;background:#f3f3f3;}
.widecolumn h2 {clear:both;border-left:12px solid #fb0000;text-indent:15px;background:#f3f3f3;padding:3px 0;}
.narrowcolumn h2 a {background:#f3f3f3;padding:3px 0;display:block;}
.narrowcolumn h2 a:hover {background:#dedede;padding:3px 0;display:block;color:#666;}
.narrowcolumn h3 a {background:#f3f3f3;padding:3px 0;display:block;text-indent:10px;} .narrowcolumn h3 a:hover {background:#dedede;padding:3px 0;display:block;color:#666;text-indent:10px;}

.widecolumn .smallattachment {text-align:center;float:left;width:128px;margin:5px 5px 5px 0px;}
.widecolumn .attachment {text-align:center;margin:5px 0px;}
.clear {clear:both;}
#footer {padding:0;margin:1em auto 0;clear:both;}
#footer p {margin:0;padding:20px 0;text-align:center;font-size:85%;}


h1 {margin:0;border:0;width:200px;float:left;}
h2 {margin:0;padding:0;}
h2.pagetitle {margin-top:30px;text-align:left;padding:3px 0;}
h3 {padding:0;margin:0;}
h3.comments {padding:0;margin:40px auto 20px ;}


/* Lists
	Special stylized non-IE bullets Do not work in Internet Explorer, which 	
	merely default to normal bullets. */
html>body .entry ul {margin-left:0px;padding:0 0 0 30px;list-style:none;padding-left:10px;text-indent:-10px;}
html>body .entry li {margin:7px 0 8px 10px;}
.entry ul li:before, #sidebar ul ul li:before {content:"\00BB \0020";}
.entry ol {padding:0 0 0 35px;margin:0;}
.entry ol li {margin:0;padding:0;}
.postmetadata ul, .postmetadata li {display:inline;list-style-type:none;list-style-image:none;}



/* Form Elements */ 
#searchform {margin:10px auto;padding:5px 3px;text-align:center;}
#sidebar #searchform #s {width:108px;padding:2px;border:1px solid #dedede;}
#sidebar #searchsubmit {padding:1px;border:1px solid #999;background:#ddd;}
.entry form {text-align:center;}
select {width:130px;}
#commentform input {width:170px;padding:2px;margin:5px 5px 1px 0;}
#commentform {margin:5px 10px 0 0;} #commentform textarea {width:99%;padding:2px;border:1px solid #eeeeee;} #respond:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #commentform #submit {margin:0 0 5px auto;float:right;border:1px solid #999;background:#ddd;} /* End Form Elements */

/* Comments*/ 
.alt {margin:0;padding:10px;}
.commentlist {padding:0;margin:0.5em 1em;text-align:justify;}
.commentlist li {margin:0.5em 0;padding:0.5em 1em;list-style:none;background:#fcfcfc;} 
.commentlist li ul li {margin-right:-5px;margin-left:10px;}
.commentlist p {margin:0.5em 0;background:#f3f3f3;padding:0.5em;word-wrap:break-word;} .children {padding:0;}
#commentform p {margin:5px 0;line-height:1.5em;}
.nocomments {text-align:center;margin:0;padding:0;}
#comments {margin:0 1em;}
.commentmetadata {margin:0;display:block;}
#respond {margin:0.5em 1em;background:#fcfcfc;padding:0 0.5em;border:1px dotted #ededed;}
#respond h3 {margin:0.2em 0;line-height:1.6em;border-bottom:1px dotted #ededed;}
.narrowcolumn #respond {margin:0.5em 0;}

/* Sidebar */ 
#sidebar {padding:10px 9px;margin-left:740px;_margin-left:737px;margin-top:1em;width:200px;background:#f3f3f3;border:1px solid #dedede;}
#sidebar form {margin:0;}
#sidebar h2 {margin:0.1em 0;padding:0.5em;border:1px dotted #999999;border-width:1px 0;background:#ddd;}
#sidebar ul, #sidebar ul ol {margin:0;padding:0.1em 0;background:#fff;}
#sidebar ul li {margin:5px 0 3px;}
#sidebar ul p {margin:5px 10px;font-size:93%;}
#sidebar ul select {margin:5px 0;}
#sidebar ul ul, #sidebar ul ol {margin:5px 0 5px 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px;}
ol li, #sidebar ul ol li {list-style:decimal outside;}
#sidebar ul ul li,#sidebar ul ol li {margin:3px 0;padding:0;}


/* Calendar */
#wp-calendar {empty-cells:show;margin:10px auto 0;width:155px;}
#wp-calendar #next a {padding-right:10px;text-align:right;}
#wp-calendar #prev a {padding-left:10px;text-align:left;}
#wp-calendar a {display:block;}
#wp-calendar caption {text-align:center;width:100%;}
#wp-calendar td {padding:3px 0;text-align:center;}
#wp-calendar td.pad:hover {/* Doesn't work in IE */ background:#fff;}


/* Various Tags & Classes */
acronym, abbr, span.caps {cursor:help;}
acronym, abbr {border-bottom:1px dashed #999;}
blockquote {margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd;}
blockquote cite {margin:5px 0 0;display:block;}
.center {text-align:center;}
.hidden {display:none;}
.screen-reader-text {position:absolute;left:-1000em;}
hr {display:none;}
a img {border:none;}
.navigation {text-align:center;margin:0 1em;}

/* Captions */ 
.aligncenter, div.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.wp-caption {border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;-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:11px;line-height:17px;padding:0 4px 5px;margin:0;}


a.focusimg {border:3px solid #ddd;border-color:#aaa #555 #555 #aaa;padding:1px;margin:6px 20px 10px 0;display:block;width:150px;height:150px;overflow:hidden;float:left;}
ul.piclist {height:100%;overflow:hidden;}
ul.piclist li {text-align:center;padding:1px 5px;float:left;}

/*blog detail page*/
.tags {margin:0.5em auto;font-weight:bold;}
.sponsor {width:260px;}
.morepost {width:420px;}
.moreexta h4 {margin:0.2em 0;line-height:1.6em;border-bottom:1px dotted #ededed;}
.moreexta ul li {height:1em;line-height:1em;}
.recentpost {margin:0;padding:0;}
.recentpost li {border-bottom:1px dashed #e6e6e6;padding:0.4em 0.5em;}
.hottags a {display:block;border-bottom:1px dashed #e6e6e6;line-height:25px;text-indent:10px;}
.mainadv {width:350px;height:296px;}
.mainimg img {border:3px solid #ddd;border-color:#aaa #555 #555 #aaa;padding:1px;}