web/wp-content/themes/newsworthy/style.css
changeset 1 0d28b7c10758
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/wp-content/themes/newsworthy/style.css	Fri Mar 12 13:29:04 2010 +0000
@@ -0,0 +1,756 @@
+/*
+Theme Name: Newsworthy
+Theme URI: http://www.themelab.com/free-wordpress-themes/
+Description: An news/magazine theme.  Template designed by <a href="http://www.demusdesign.com">DemusDesign</a>
+Version: 1.0
+Author: Theme Lab
+Author URI: http://www.themelab.com/
+Tags: magazine, widgets, newspaper
+
+*/
+
+* {
+	margin: 0;
+	padding: 0;
+	}
+	
+body {
+	background: #DDD;
+	color: #333;
+	}
+	
+/* ------------------------------------------
+                  HTML STYLE TAGS
+    ------------------------------------------- */
+/*block elements */
+p {
+	line-height: 1.5em;
+	margin-bottom: 10px;
+	font-family: georgia,times,serif;
+	}
+
+code {
+  	margin: 3px 0;
+  	padding: 15px;
+  	text-align: left;
+  	display: block;
+  	overflow: auto;  
+  	font: 500 1em'Lucida Console', 'Courier New', Monospace;
+  	/* white-space: pre; */
+  	border: 1px solid #F0F0F0;
+	background: #F8F8F8;  
+}
+	
+blockquote {
+	padding: 20px;
+	background: #F8F8F8;
+	border: 1px solid #F0F0F0;
+	}
+	
+/* headers */
+h1 {
+	font-family: georgia,times,serif;
+	margin-bottom: 5px;
+	}
+	
+h1.head, h1.head a {
+	margin: 15px 10px 0px 20px;
+	color: #000;
+	text-decoration: none;
+	}
+	
+h1.head a {
+	margin-left: 0px;
+	}
+	
+h2.head {
+	font-style: italic;
+	font-size: 1.2em;
+	color: #900;
+	margin: 0 10px 15px 20px;
+	}
+	
+h2 {
+	margin-bottom: 10px;
+	}
+	
+h3 {
+	margin: 5px 0;
+	}
+	
+h4 {
+	color: #900;
+	}
+	
+	
+/* images */
+img.left {
+	border:1px solid #DDD;
+	padding: 2px;
+	background: #F0F0F0;
+	margin: 0 8px 8px 0;
+	}
+	
+img.banner {
+	background: #FFF;
+	padding: 3px;
+	border: 1px solid #DDD;
+	margin: 0 7px 14px 7px;
+	}
+	
+img.banner:hover {
+	border: 1px solid #B6B6B6;
+	background: #F6F6F6;
+	}
+
+/*lists & definitions */
+ol.normal {
+	margin: 10px 0px 10px 30px;
+	}	
+	
+
+ul.normal {
+	margin: 10px 0px 10px 12px;
+	list-style: none;
+	}	
+	
+ul.normal li {
+	padding-left: 15px;
+	background: url('images/bullet.gif') no-repeat left center;
+	}
+	
+dl {
+	margin: 20px 0;
+	}
+	
+dt {
+	color: #900;
+	font-weight: 600;
+	}
+	
+dd {
+	font-style: italic;
+	margin: 0 0 5px 15px;
+	}
+	
+/* start - table */
+table {
+	border-collapse: collapse;
+	margin: 10px 20px;		
+}
+tr { background: #FFF; }
+tr.altrow { background: #F9F9F9;	}
+th, td {
+	text-align: left;			
+	border-width: 1px;
+  	border-style: solid;
+}
+th {
+	color: #900;
+	background: #F0F0F0; 
+	padding: .8em 1em;	
+  	border-color: #DDD #DDD #CCC #DDD;	
+}
+td {
+	border-color: #EFEFEF;	
+	padding: .7em 1em;	
+}	
+
+/* form elements */
+form {
+	margin: 10px 0; 
+	padding: 15px 25px 25px 25px; 
+	border: 1px solid #F0F0F0;
+	background: #F8F8F8;
+}
+
+form#searchform {
+	margin: 0; 
+	padding: 0; 
+	border: 0;
+	background: none;
+}
+
+form#searchform p {
+	border-bottom: 0;
+	padding: 0;	margin: 0;	
+	color: #666666;
+}
+
+form p {
+	border-bottom: 1px solid #E6E6E6;
+	padding: 12px 0 5px 0;	margin: 0;	
+	color: #666666;
+}
+label {
+	font-weight: bold;
+	color: #666666;
+}
+input, select, textarea {
+	margin: 5px 0;
+	padding: 5px;
+	color: #666;
+	border-width: 1px;
+	border-style: solid;
+  	border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4; 	
+}
+input:focus, select:focus, textarea:focus {
+	color: #333;
+}
+#author, #email, #comment, #url {
+	width: 380px;
+}
+input.button { 
+	height: 30px;
+	margin: 0;
+	padding: 2px 3px; 
+	color: #FFF;
+	background:#900;
+	border-width: 1px;
+  	border-style: solid;
+  	border-color: #c33 #600 #600 #c33;
+}
+
+/* ------------------------------------------
+                   SITE LAYOUT
+    ------------------------------------------- */
+	
+#wrap {
+	width: 960px;
+	margin: 0 auto;
+	}
+	
+#content {
+	width: 100%;
+	margin: 10px 0 0 0;
+	background-color: #FFFFFF;
+	border: 1px solid #999999;
+	}
+	
+#maincontent {
+	background: #F3F3F3 url('images/fade.jpg') repeat-x top left;
+	padding: 15px 0 0 0;
+	}
+	
+#right {
+	float: right;
+	width: 299px;
+	padding: 0px 10px 0 10px;
+	font-size: 0.8em;
+	margin-bottom: 10px;
+	}
+	
+.middle {
+	float: right;
+	width: 140px;
+	margin: 0;
+	padding: 0;
+	font-size: 0.7em;
+	margin: 0 0px 10px 10px;
+	}
+	
+#main {
+	width: 620px;
+	margin-left: 9px;
+	padding: 10px 10px 0 0;
+	background: #fff;
+	border: 1px solid #DDD;
+	}
+	
+#left {
+	PADDING: 0 0 0 10px
+	}
+
+.footer {
+	width: 960px;
+	margin-bottom: 30px;
+	border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999;
+	font-size: 0.7em;
+	clear: both;
+	padding-top: 4px;
+	background: #FFF url('images/subfade.gif') repeat-x top left;
+	}
+	
+/* ------------------------------------------
+                     NAVIGATION
+    ------------------------------------------- */
+/* site-meta - very top right navigation */
+#sitemeta {
+	width: 960px;
+	font: 400 0.8em arial,sans-serif;
+	color: #000;
+	text-align: right;
+	margin: 5px 0;
+	}
+	
+#sitemeta .nav {
+	float: right;
+	clear: both;
+	}
+	
+#sitemeta a {
+	color: #944;
+	text-decoration: none;
+	margin: 0 5px;
+	}
+	
+#sitemeta a:hover {
+	text-decoration: underline;
+	}
+	
+/* main menu bar */
+#menubar {
+	width: 100%;
+	padding-top: 4px;
+	background: url('images/subfade.gif') repeat-x top left;
+	}
+	
+#menubar ul.nav {
+	width: 960px;
+	background-color: #F0F0F0;
+	margin-left: 0px;
+	}
+	
+#menubar li {
+	list-style-type: none;
+	display: inline;
+	}
+
+#menubar li a {
+	float: left;
+	display: block;
+	color: #333;
+	text-decoration: none;
+	background: #FFF url('images/menu_fade.jpg') repeat-x bottom left;
+	padding: 8px 6px 8px 6px;
+	border-right: 1px solid #DDD;
+	border-bottom: 1px solid #DDD;
+	font-size: 0.9em;
+	font-family: 'times new roman',times,serif;
+	font-variant: small-caps;
+	}
+	
+#menubar li a.meta {
+	float: right;
+	background: #DCDCFF url('images/menu_meta.jpg') repeat-x bottom left;
+	border-right: none;
+	border-left: 1px solid #ccc;
+	color: #600;
+	}
+	
+#menubar li.up a, #menubar li.current-cat a {
+	background-image: none;
+	background: #FFF;
+	border-bottom: 1px solid #FFF;
+	}
+	
+#menubar li a:hover {
+	color: #fff;
+	background-color: #444449;
+	background-image: none;
+	}
+	
+#menubar li.up a:hover {
+	background: #FFF;
+	color: #333;
+	text-decoration: underline;
+	}
+	
+#menubar li a.meta:hover {
+	background-image: none;
+	background-color: #DADAFF;
+	color: #600;
+	}
+	
+/* submenu - directly under the main menubar */
+#submenu {
+	width: 934px;
+	padding: 4px 20px 5px 6px;
+	background-color: #fff;
+	font-size: 0.6em;
+	font-family: arial,sans-serif;
+	border-bottom: 1px solid #CCC;
+	}
+#submenu li {
+	list-style-type: none;
+	display: inline;
+	}	
+#submenu a {
+	float: left;
+	color: #600;
+	padding: 0 12px 0 5px;
+	text-decoration: underline;
+	border-left: 1px solid #DDD;
+	}
+	
+#submenu a:hover {
+	text-decoration: none;
+	}
+	
+	
+#main a, #foot a {
+	color: #999;
+	}
+	
+#main a:hover, #foot a:hover {
+	text-decoration: none;
+	}
+	
+/* --------------------------------------------------------------------------
+                  UNIVERSAL WIDTH AND POSITION STYLES
+   -------------------------------------------------------------------------- */
+	
+.fullcontent {
+	width: 620px;
+	}
+	
+.halfcontent {
+	width: 296px;
+	margin: 0 5px 10px 4px;
+	background: url('images/subfade.gif') repeat-x top left;
+	font-size: 0.9em;
+	padding-top: 14px;
+	}
+	
+.threehundred {
+	width: 296px;
+	margin: 0 5px 0 4px;
+	}
+	
+.left {
+	float: left;
+	}
+
+.clearboth {
+	clear: both; 
+	line-height: 0; 
+	height: 0;
+	font-size: 0;
+	}
+	
+.clearright {
+	float: right;
+	clear: right;
+	line-height: 0; 
+	height: 0;
+	font-size: 0;
+	}
+
+.clear {
+	clear: left;
+	line-height: 0;
+	font-size: 0;
+	}
+	
+#right .half {
+	width: 130px;
+	float: left;
+	margin: 0 10px 10px 0;
+	}
+	
+.middle .half {
+	width: 110px;
+}
+	
+/* ----------------------------------------------
+                    BLOG POSTS
+   ----------------------------------------------- */
+	
+.post {	
+	border-top: 1px solid #DDD;
+	margin-bottom: 20px;
+	padding: 10px 0;
+	}
+.postmeta {
+	margin: 10px 0 0 0;
+	padding: 10px 5px;
+	border-top: 1px solid #F0F0F0;
+	}
+.postmeta a {
+	padding: 0 12px 0 18px;
+	}
+.postmeta a.readmore {
+	background: url('images/readmore.gif') no-repeat left center;
+	}
+.postmeta a.comments {
+	background: url('images/comments.gif') no-repeat left center;
+	}
+.postmeta span.category {
+	background: url('images/file.gif') no-repeat left center;
+	padding: 0 12px 0 18px;
+	}
+.postmeta span.category a {
+	padding: 0;
+	}
+
+/* -------------------------------------------------
+                  THREADED COMMENT STYLES
+    ------------------------------------------------- */
+.comment {
+	border-top: 1px solid #F0F0F0;
+	border-right: 1px solid #F0F0F0;
+	border-left: 1px solid #F0F0F0;
+	padding: 20px;
+	width: 410px
+	}
+.lastcomment {
+	border-bottom: 1px solid #F0F0F0;
+	}
+	
+.odd {
+	background: #F8F8F8;
+	}
+
+.avatar {
+	border: 2px solid #E6E6E6;
+	float: left;
+	margin: -5px 20px 5px 0;
+	}
+
+#respond, #comments {
+	margin-top: 30px;
+	}
+.author, .comment-meta {
+	color: #666;
+	font-style: italic;
+	margin-bottom: 10px;
+	}
+.comment-meta a {
+	color: #666;
+	text-decoration: none;
+	}
+.commentlist {
+	width: 452px;
+	border-bottom: 1px solid #F0F0F0;
+	}
+.commentlist li {
+	list-style: none;
+	}
+.comment-author {
+	margin: 5px 0;
+	}
+.fn, .says {
+	font-size: 1.2em;
+	font-weight: bold;
+	font-style: normal;
+	}
+.fn a {
+	color: #333 !important;
+	text-decoration: none;
+	}
+.children .comment {
+	width: 390px;
+	border-right: 0;
+	border-top: 0;
+	border-bottom: 1px solid #F0F0F0;
+	margin-top: 20px;
+	}
+.children .children .comment {
+	width: 370px;
+	}
+.children .children .children .comment {
+	width: 350px;
+	}
+.children .children .children .children .comment {
+	width: 330px;
+	}
+.children .children .children .children .children .comment {
+	width: 310px;
+	}
+	
+/* -------------------------------------------------
+                  AREA SPECIFIC STYLES
+    ------------------------------------------------- */
+/*search */
+.search {
+	float:right;
+	background-color: #F6F6F6;
+	border:1px solid #999;
+	height:16px;
+	width:280px;
+	padding: 3px;
+	margin: 20px 20px 0 0;
+	color: #999;
+	}
+	
+.search_default  {
+	float:right;
+	background-color: #F6F6F6;
+	border:1px solid #999;
+	height:16px;
+	width:150px;
+	padding: 3px;
+	margin: 20px 10px 0 0;
+	color: #999;
+	}
+	
+.search_hover {
+	float:right;
+	background-color: #F6F6F6;
+	border:1px solid #999;
+	height:16px;
+	width:150px;
+	padding: 3px;
+	margin: 20px 10px 0 0;
+	color: #999;
+	}
+
+/* top story */	
+.topstory {
+	width: 610px;
+	padding: 10px;
+	border-bottom: 1px solid #DDD;
+	margin: -10px 0 10px 0;
+	background: #fff;
+	}
+	
+.topstory p, .substory p {
+	margin: 0px 2px 0px 2px;
+	}
+	
+.topstory:hover {
+	background: #444449;
+	color: #AAA;
+	}
+	
+.topstory:hover h1 {	
+color: #FFF;
+}
+
+.topstory img {
+	margin-bottom: 10px;
+	}
+
+/* substory */
+.substory:hover {
+	background: #444449 url('images/subfade.gif') repeat-x top left;
+	color: #AAA;
+	}
+
+.substory:hover h2 {	
+color: #FFF;
+}
+	
+	
+.substory {
+	float: left;
+	width: 140px;
+	padding: 9px 5px 5px 5px;
+	font-size: 0.7em;
+	margin: 0 3px 10px 0px;
+	background: url('images/subfade.gif') repeat-x top left;
+	}
+.substory.first {
+	clear: left;
+	}	
+.rightsubstory {
+	margin: 0 0 10px 0;
+	}
+	
+/* footer */
+.footer p {
+	padding: 10px;
+	}
+
+.footer .footnav {
+	border-bottom: 1px solid #CCC;
+	padding: 10px;
+	}
+
+.footnav a, .footer p a {
+	text-decoration: none;
+	padding: 5px 8px;
+	color: #666;
+	font-family: georgia,times,serif;
+	border: 1px solid #FFF;
+	background-color: #FFF;
+	}
+	
+.footnav a:hover, .footer p a:hover {
+	color: #000;
+	background-color: #f3f3f3;
+	border: 1px solid #CCC;
+	}
+	
+.footnav h3 {
+	border-bottom: 1px solid #eee;
+	color: #633;
+	}
+	
+.footnav a.first {
+	font-size: 1.5em;
+	font-weight: 800;
+	margin-left: -5px;
+	}
+
+.linksleft {
+	float: left;
+	margin-right: 10px;
+	width: 140px;
+	padding: 0 0px 0px 0px;
+	list-style-type: none;
+	}
+
+.linksleft ul {
+	list-style-type: none;
+	}
+
+.linksleft li {
+	display: inline;
+	margin: 0px;
+	padding: 0px;
+	list-style-type: none;
+	}
+
+.linksleft li a {
+	padding: 4px;
+	display: block;
+	margin:  0;
+	text-decoration:none;
+	}
+	
+.topstory:hover .postmeta, .substory:hover .postmeta {
+	border-top: 1px solid #555;
+	}
+	
+
+/* right column lists */	
+#right ul.links, .middle ul.links, .tabbertab ul {
+	list-style-type: none;
+	border-top: 1px solid #DDD;
+	margin: 0 10px 10px 0;
+	}
+#right ul.links li a, .middle ul.links li a, .tabbertab ul li a{
+	display: block;
+	width: 122px;
+	border-bottom: 1px solid #DDD;
+	padding: 3px 0px 3px 8px;
+	background: url('images/bullet_light.gif') no-repeat left center;
+	text-decoration: none;
+	color: #666;
+	}
+	
+#right ul.links li a:hover, .middle ul.links li a:hover, .tabbertab ul li a:hover {
+	background: url('images/bullet.gif') no-repeat left center;
+	color: #333;
+	}
+	
+/* middle column lists */	
+.middle ul.links {
+	margin: 0 0 0 0;
+	}
+	
+.middle ul.links li a {
+	width: 102px;
+	}
+	
+.middle .box {
+	float: right;
+	width: 110px;
+	border: 1px solid #DDD;
+	background: #F6F6F6;
+	padding: 10px;
+	margin: 0 0 10px 10px;
+	}
+	
+	
\ No newline at end of file