/*
Theme Name: Camouflage
Theme URI: http://www.falconerdesigns.com/
Description: camouflage is a simple Ajax flavored 2column fluid Theme. SIFR is by default enabled, all the h1 and h2 tags of titles will convert into default army style fonts in all browsers.
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.
Update log:- 1.1-Theme works with wordpress 2.2
- 1.2 - fixed the div alignment problem.
- 1.3 - Fixed Menu in upper half.
- 1.4 - Fixed the IE pushing down of content
- 1.5 - Logo Problem Solved.
Version: 1.5
Author: Ekta Paneri
Author URI: http://www.ddsos.org/
*/
* {
margin: 0;
padding: 0;
}
body {
margin: 0px 40px;
border:5px solid #45533C;
background: #ddd;
font: 80% "Lucida sans unicode", "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
}
#sidebar a { border-bottom:none;}
#sidebar .content a { border-bottom:1px dotted #333;}
h1, h2, h3 {
text-transform: uppercase;
font-weight: normal;
color: #222;
}
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:#000;}
h3 {
font-size: 1.3em;
margin: 5px 0;
padding:5px 0;
color:#333;
}
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:2px 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: #333;
text-decoration:none;
font-weight:bold;
}
.story img { border:none; }
a:hover {
color: #000000;
}
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 */
#wrap { background:#ffffff;}
#header {
height: 200px;
}
#logo {
float: left;
background: url(images/hlogo.jpg) left center repeat-x; height: 200px;
padding:0; margin:0;
width:100%;
text-align:center;
}
#logo h1 { padding-top:50px; font-size:45px; }
#logo h1 a { color:#fff; border-bottom:none;}
#logo .description { font-size:25px; color:#000;}
/* Header > Menu */
#menu {
width:100%;
margin:0px;
}
#menu ul {
margin: 0;
padding: 0px 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;
font-size: 1em;
font-weight:bold;
color: #45533C;
}
#menu a:hover {
text-decoration: underline overline;
}
#menu .current_page_item a { color:#ffffff; background: #45533C;}
/* Content */
#content {
padding: 0 5px;
}
/* Content > Main */
#main {
float:right;
width:73%;
padding: 10px 15px 10px 15px;
border-left:5px solid #45533c;
}
/* Content > Sidebar */
#sidebar {
float: left;
width:20%;
padding: 10px 10px 10px 10px;
}
#sidebar h2 {
margin:30px 0 10px 0;
border-bottom:none;
text-align:center;
color:#45533c;
}
#sidebar input { background:#45533c; border:1px solid #333; color:#eee;}
#sidebar a {
color: #333;
}
/* Footer */
#footer {
clear: both;
height:50px;
padding: 15px 0 0 0;
background:#fff url(images/hlogo.jpg) bottom center repeat-x;
text-align:center;font-size:11px;
color:#eeeeee;
}
#footer a {
text-decoration: none;
color: #ddd;
font-weight:bold;
}
#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:#45533c; color:#ccc;}
.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:#45533c;padding-top:10px; width:250px; }
#email.input1{ border:2px solid #666; color:#fff; height:30px; background:#45533c;padding-top:10px; width:250px; }
#url.input1{ border:2px solid #666; color:#fff; height:30px; background:#45533c;padding-top:10px; width:250px; }
#comment.input2 { background:#45533c; 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;}