/*
Theme Name: DarkC
Theme URI: http://falconerdesigns.com/
Description: DarkC is a Graphical Ajax flavored 2column fluid Theme on two colors and dark pallete.coding is easy to understand and fast to manipulate to your wishes.
click here if you need Support for this theme and theme modification.
Extra Details : This theme is sponsored. Which means, it contains sponsorer's links in footer. Do not worry, They're harmless links and do not link to spam or illegal sites. Keep them to support and encorage me to create more themes. Thank you.
Version: 1.1
Author: Ekta Paneri
Author URI: http://ddsos.org/
*/
* {
margin: 0;
padding: 0;
}
body {
margin: 0;
background: #000;
font: 80% "Lucida sans unicode", "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999;
}
#sidebar a { border-bottom:none;}
#sidebar .content a { border-bottom:1px dotted #333;}
h1, h2, h3 {
text-transform: uppercase;
font-weight: normal;
color: #cccccc;
}
h1 {
font-size: 2.4em;
}
h2 {
font-size: 1.8em;
padding-bottom:5px;
margin-bottom:10px;
border-bottom:3px solid #333;
}
h2 a { text-decoration:none; border-bottom:none; color:#eee;}
h3 {
font-size: 1.3em;
margin: 5px 0;
padding:5px 0;
color:#999;
}
p, ul, ol {
margin-bottom: 1.5em;
line-height: 1.8em;
}
blockquote {
margin: .5em .5em 1.5em 0.5em;
line-height: 1.8em;
padding: 10px;
text-align:justify;
border:3px solid #333;
background:#999;
color:#333;
}
blockquote a, blockquote a:hover {
color:#000;
}
em {
font-family:lucida sans unicode, trebuchet ms;
}
p {
}
blockquote {
margin-left: 1.5em;
margin-right: 1.5em;
}
ul {
margin-left: 2em;
list-style-type:square;
}
ul li {
}
ol {
margin-left: 3em;
}
ol li {
}
a {
color: #999;
text-decoration:none;
border-bottom:1px dotted #999;
}
.story img { border:none; }
a:hover {
color: #ffffff;
}
img.left {
float: left;
margin: 10px 20px 0 0;
}
img.right {
float: right;
margin: 0 0 0 20px;
}
/* Post */
.post {
margin-bottom:40px;
}
.post .title {
}
.post .date {
margin-bottom: 2em;
}
.post .meta {
margin-bottom: 20px;
padding:5px 0;
border-top: 2px solid #333;
border-bottom: 4px solid #333;
font-size: 1em;
}
.time { background:url(images/time.jpg) left center no-repeat; padding-left:25px; display:inline; }
.category { background:url(images/category.jpg) left center no-repeat; padding-left:25px; display:inline; }
.comment { background:url(images/comment.jpg) left center no-repeat; padding-left:25px; display:inline; }
.post .meta p {
margin: 0;
}
.post .story {
}
/* Header */
#header {
height: 200px;
background: url(images/headerback.jpg) repeat-x;
}
#logo {
float: left;
background: url(images/hlogo.jpg) bottom left no-repeat; height: 200px;
padding:0; margin:0;
}
#logo h1 { padding-top:50px; padding-left:210px; font-size:45px; }
#logo h1 a { color:#000; border-bottom:none;}
#logo .description { padding-left:230px; font-size:15px; color:#666;}
/* Header > Menu */
#menu {
float: right;
top:0;
}
#menu ul {
margin: 0;
padding: 150px 20px 0 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
padding: 5px 15px;
text-decoration: none;
text-transform: uppercase;
border-bottom:1px solid #000;
font-size: 1em;
font-weight:bold;
color: #FFFFFF;
}
#menu a:hover {
text-decoration: underline overline;
}
#menu .current_page_item a { color:#ffffff; background: #000000;}
/* Content */
#content {
padding: 0 5px;
}
/* Content > Main */
#main {
margin-left: 200px;
padding: 10px 15px 10px 25px;
border-left:5px solid #333;
}
/* Content > Sidebar */
#sidebar {
float: left;
width: 180px;
padding: 10px 10px 10px 10px;
}
#sidebar h2 {
margin:30px 0 10px 0;
background:url(images/sidebartitle.jpg);
border-bottom:none;
text-align:center;
color:#000000;
}
#sidebar a {
color: #999;
}
/* Footer */
#footer {
clear: both;
height:115px;
padding: 10px 0 0 20px;
background:#000 url(images/footerbg.jpg) bottom center repeat-x;
}
#footer .left { text-align:right; width:25%; float:right; padding-right:2%;}
#footer .right { text-align:left; float:left; padding-left:1%; padding-top:70px; width:50% ; color:#000; font-size:11px; }
#footer .right a {
text-decoration: none;
color: #333;
font-weight:bold;
border-bottom:none;
}
#footer a { border-bottom:none; }
#footer a img { border:2px solid #000;}
#footer a:hover {
text-decoration: none;
}
#commentlist ul { list-style:none; margin:20px 0; padding:0;}
#commentlist li { padding:10px; margin:10px 0;}
#commentlist h4 { padding-bottom:5px; border-bottom:2px solid #666; margin-bottom:5px;}
#commentlist blockquote { padding-left:10px; text-align:justify; font-style:normal;}
.alt { background:#fff; color:#333;}
.alt a { color:#000;}
.alt .time { background:url(images/timeb.jpg) left center no-repeat; padding-left:25px; display:inline;}
.alt .category { background:url(images/categoryb.jpg) left center no-repeat; padding-left:25px; display:inline; }
#commentlistpad {
margin: 20px;
}
#author.input1{ border:2px solid #666; color:#fff; height:30px; background:#000 url(images/comname.jpg) left center no-repeat; padding-top:10px; width:250px; }
#email.input1{ border:2px solid #666; color:#fff; height:30px; background:#000 url(images/comemail.jpg) left center no-repeat; padding-top:10px; width:250px;}
#url.input1{border:2px solid #666; color:#fff; height:30px; background:#000 url(images/comurl.jpg) left center no-repeat; padding-top:10px; width:250px;}
#comment.input2 { background:#000000 url(images/comcom.jpg) center center no-repeat; border:2px solid #666; color:#fff; overflow:auto;}
.alignleft { float:left; }
.alignright { float:right;}
.navigation { margin-top:20px; margin-bottom:40px; font-weight:bold;}
code { font-size: 13px; background:#333;}
blockquote code { background:#999;}