/*
Theme Name: DocuView revamp
Theme URI: http://docuview.co.uk/
Description: DocuView - the revolutionary document management system.
Version: 0.1
Author: Martin + Olessia Korych
Author URI: http://docuview.co.uk/
Tags: blue, custom header, fixed width, two columns, widgets

	DocuView v1
	http://docuview.co.uk/
*/

/* RESET */
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,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:#333;background:#FFF}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

/*	DEFAULT	*/
body { width: 960px; margin: 1em auto 0; font-size: 100%; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333; background: white url(images/background.png) repeat-x left top; }
em { font-style: italic; }
strong { font-weight: bold; }
p, ul, pre, code, ol { line-height: 1.5; margin-bottom: 1em; font-size: .9375em; }
pre, code { font-family: "Courier New", Courier, monospace; background-color: #efefef; border: 1px solid #ccc; padding: .5em; overflow: auto; white-space: normal; }
sup { vertical-align: text-top; font-size: 80%; color: #666; font-weight: bold; line-height: 0; }

/*	LINKS	*/
a:link, a:visited { color: #0079ca; font-weight: bold; text-decoration: none; }
a:hover, a:active, a:focus { color: #369; text-decoration: underline; }

/*	HEADER	*/
#header { margin: 0 10px; height: 5.875em; position: relative; }
#header h1 a { text-indent: -9999px; width: 221px; height: 120px; background: transparent url(images/docuview-logo.png) no-repeat left top; display: block; }
#header ul { position: absolute; bottom: 0; right: 0; font-size: 1em; margin-bottom: 0; }
#header ul li { display: inline; }
#header li a:link, #header li a:visited { padding: 2.5em 0 0 1.5em; color: #999; }
#header ul ul, #footer ul ul { display: none; }
#header li.current_page_item a { color: #333; text-decoration: underline; }

/*	CONTAINER	*/
#container { margin: 1.5em 0 2em; overflow: auto; }

/*	POST	*/
#content { margin: 0 10px; }
#content h2 { font-size: 200%; margin-bottom: .25em; line-height: 125%; text-transform: capitalize; font-weight: normal; white-space: normal; color: #369; }
#content h3 { font-weight: bold; }
#content h2.docuview-summary { text-transform: none; margin-bottom: .75em; }
#content h2.docuview-summary em { font-style: normal; border-bottom: 1px dashed #ccc; }
.post { overflow: auto; clear: both; }
.home .post { border: none; }
.post p { clear: both; float: none; }
.more_link { float: right; clear: both; }

.entry ul { list-style: disc; }
.entry ol { list-style: decimal; }
.entry ul li, .post ol li { margin-left: 2.5em; }

/*	FORMAT POSTS	*/
.post-info { float: left; width: 300px; font-size: .75em; clear: left; text-align: right; }
.post-info a { color: #999; }
.post-info p { margin-bottom: 0; padding-right: 2em; background-position: right center; background-repeat: no-repeat; }
.post-info hr { color: white; background-color: white; height: 0; border: none; border-top: 1px dotted #ccc; }
.post-info .date { background-image: url(images/blog/calendar.png); }
.post-info .timeago { background-image: url(images/blog/timeago.png); }
.post-info .tags { background-image: url(images/blog/tags.png); }
.post-info .category { background-image: url(images/blog/category.png); }
.post-info .comments { background-image: url(images/blog/comments.png); }
.post-info .rss { background-image: url(images/blog/feed.png); }
.entry { float: right; width: 620px; font-size: .875em; margin-bottom: 3em; }
.entry .comments { border: 1px dotted #ccc; border-left: none; border-right: none; padding: .25em 0; text-align: center; }

.home .entry { width: auto; float: none; font-size: .875em; margin: 0; }

/*	COMMENTS	*/
#respond h2 { margin-top: 1em; }
label { float: left; font-size: 100%; }
input, select, textarea { border: 1px solid #ccc; padding: 4px; line-height: 100%; font-family: Arial, Helvetica, sans-serif; float: left; clear: both; margin-bottom: 1em; }
#respond textarea { width: 75%; }

.children { clear: both; margin-bottom: 0; }
ul.children li { list-style: none; margin: 0 0 .25em 0; }
.comment { background-color: white; margin-bottom: .5em; padding: 5px 5px 5px 70px; position: relative; border: 1px solid #ccc; min-height: 55px; }
.comment .vcard { font-size: 100%; padding-right: 150px; }
.comment .vcard img { position: absolute; top: 5px; left: 5px; border: 3px solid #ccc; }
.comment cite { font-weight: bold; }
.comment p, .children p { margin-bottom: .25em; font-size: 100%; }
.comment .commentmetadata { position: absolute; top: 5px; right: 5px; }
.comment .reply { text-align: right; position: relative; }
.comment.even { background-color: #efefff; }
.comment.bypostauthor { border-bottom: 2px solid #0079ca; border-top: 2px solid #0079ca; }
.post .commentlist li { list-style: none; margin-left: 0; }

/*	NAVIGATION	*/
.navigation { overflow: auto; margin: 1em 0; }
.navigation a { text-transform: capitalize; font-weight: bold; line-height: 125%; }
.alignleft { float: left; }
.alignright { float: right; }

/*	ADVERT	*/
#advert { float: right; position: relative; width: 620px; height: 388px; padding-bottom: 100px; background: transparent url(images/reflection.png) repeat-x left 388px; }
#headings { margin-top: 0; float: left; width: 300px; overflow: auto; }
#headings h2 { font-size: 1.375em; margin-bottom: 1em; padding-left: 1em; background: transparent url(images/blog/tick.png) no-repeat left .35em; float: left; clear: left; text-transform: none; width: 275px; white-space: normal; color: #333; }
.home .shadow { width: 960px; height: 45px; background: transparent url(images/shadow.png) no-repeat right center; position: absolute; left: 50%; margin-left: -433px; top: 569px; overflow: visible; }

/*	VIEWPORT	*/
#viewport { width: 940px; float: left; height: 600px; position: relative; overflow: hidden; }
#viewport ul { position: relative; }
#viewport ul li { display: inline; width: 904px; height: 600px; display: block; float: left; overflow: auto; margin: 0 18px; }
#viewport .features { width: 282px; margin-right: 10px; background-color: #ccc; float: left; }
#viewport p { margin: 0; line-height: 100%; float: right; clear: none; }
#viewport img { width: 602px; height: 598px; background-color: #999; float: right; }
#previous, #next { text-indent: -9999px; width: 18px; height: 18px; display: block; background-position: center top; background-repeat: no-repeat; background-color: transparent; position: absolute; top: 50%; margin-top: -9px; }
#previous { background-image: url(images/previous.png); left: 0; }
#next { background-image: url(images/next.png); right: 0; }
#previous:hover, #previous:active, #previous:focus, #next:hover, #next:active, #next:focus { background-position: center bottom; }

/*	WIDGETS	*/
.home #sidebar { margin-top: -1em; }
#sidebar { clear: both; float: none; margin-top: 2em; overflow: auto; }
.widgettitle { text-transform: capitalize; font-weight: bold; color: #0079ca; margin: 0 0 .5em 0; font-size: 1.25em; }
.widget_text, .widget_recent_entries, .widget_archive, .widget_categories, .widget_tag_cloud, .widget_twitter { float: left; margin: 0 10px; width: 300px; color: #666; }
.widget_recent_entries li a { text-transform: capitalize; font-size: .9375em; line-height: 75%; }
.widget_archive li, .widget_categories li { margin-bottom: .5em; font-size: .8125em; }
.widget_archive a { padding-left: 2em; background: transparent url(images/blog/archives.png) no-repeat left center; color: #999; }
.widget_categories a { padding-left: 2em; background: transparent url(images/blog/category.png) no-repeat left center; color: #999; }
.widget_tag_cloud a { color: #999; }

/*	TWITTER	*/
.widget_twitter h2.widgettitle a { text-decoration: none; font-size: 100%; margin: 0 0 .25em 0; }
.widget_twitter .entry-content a, #widget_twitter .entry-meta a { color: #369; text-decoration: none; font-size: 100%;  }
.widget_twitter .entry-content { padding-left: 2em; background: transparent url(./images/twitter.png) no-repeat left top; }
.widget_twitter .entry-meta { padding-left: 2em; }
.widget_twitter ul { line-height: 125%; }
.widget_twitter li { margin-bottom: .25em; }
.widget_twitter .twitter-user { color: #369; }
.widget_twitter .entry-content, #widget_twitter .entry-meta { display: block; font-size: 82.5%; font-family: Tahoma, Geneva, sans-serif; }
.widget_twitter .entry-meta { font-size: 80%; margin-bottom: .75em; color: #999; line-height: 110%; width: 100%; }

/*.widget a:link, .widget a:visited { color: #369; text-decoration: none; }
.widget a:hover, .widget a:active, .widget a:focus { color: #333; text-decoration: underline; }*/

/*	SEARCH	*/
.widget_search { position: absolute; top: 16px; left: 50%; margin: 0 0 0 -490px; text-align: right; width: 960px; font-family: Arial, Helvetica, sans-serif; line-height: 100%; }
.widget_search form { padding: 5px 0; }
.widget_search label { display: none; }
.widget_search div { border: 1px solid #ccc; background-color: white; margin: 0; padding: 4px; height: 20px; display: inline; }
.widget_search input { border: none; padding: 0; margin: 0; float: none; clear: none; }
.widget_search #searchsubmit { text-indent: -9999px; height: 16px; width: 16px; background: transparent url(images/blog/search.png) no-repeat left center; color: white; padding-left: 16px; }

.widget p { font-size: .9375em; }

/*	FOOTER	*/
#footer { clear: both; float: none; margin: 0 10px 1em; overflow: auto; text-transform: capitalize; color: #797979; font-size: .875em; }
#footer p { float: left; }
#footer ul { float: right; }
#footer ul li { display: inline; }
#footer ul li a { padding-left: 1em; font-weight: normal; }
