/* @override http://bafoontecha.com/wp-content/themes/fervens-c/fervens-c/recon.css */
/* @override http://bafoontecha.com/wp-content/themes/fervens-c/fervens-c/style.css */
/* @override http://bafoontecha.com/wp-content/themes/fervens-c/fervens-c/style.css */
/*
Theme Name: Fervens C
Theme URI: http://designdisease.com/
Description: A light and colorfull three column theme. Designed by Design Disease for Smashing Magazine.
This work is licensed Creative Commons Attribution-Share Alike 3.0 License. This means you may use it, and make any changes you like, just leave the credits link under your footer.
Version: 1.1
Author: Design Disease.
Author URI: http://designdisease.com/
Tags: green, orange, blue, three columns, fixed width
*/
/* Begin Typography & Colors */
* { margin: 0; padding: 0;}
/*body { background: #f4f3eb url(images/bkg-body.jpg) repeat-x top; font: normal 12px "Verdana", sans-serif; margin: 0px; padding: 0px; }*/
body { url(images/bkg-body.jpg) repeat-x top; font: normal 12px "Verdana", sans-serif; margin: 0px; padding: 0px;}
/*body { background-image:url(background.jpg); background-repeat: no-repeat; background-position:top center; background-color: #657077; font: normal 12px "Verdana", sans-serif; margin: 0px; padding: 0px; }*/
input, button, textarea, select { font: normal 12px/12px "Verdana", sans-serif; color: #373737; vertical-align: middle;}
legend { display: none;}
fieldset { border: none;}
ul, ol { list-style: none;}
table { border-collapse: collapse; width: 100%;}
hr { display: none;}
img { padding: 0px; margin: 0px; border: none; text-align: center;}
a:link { text-decoration: none; color: #0063d5; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color: #0063d5; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color: #0063d5; border: 0px; -moz-outline-style: none;}
a:hover { text-decoration: underline; color: #736c62; border: 0px; -moz-outline-style: none;}
a:focus { outline: none; -moz-outline-style: none;}
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif, "Arial Black";
padding-top: 10px;
}
#bg { width: 960px; margin: 0 auto;}
.con { width: 960px; float: left;}
.con-single { width: 1050px; float: left;}
/* Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*.header { width: 960px; padding: 30px 0px 10px 0px; border-bottom: solid 1px #d9d7c3; float: left; background: url(images/header-bkg.gif) no-repeat top; position: relative; margin-bottom: 10px;}*/
.header { width: 960px; padding: 30px 0px 10px 0px; border-bottom: solid 1px #d9d7c3; float: left; position: relative; margin-bottom: 5px;}
.header h1 { float: left; font: normal 38px/32px "Arial Black", Arial, Helvetica, sans-serif; letter-spacing: -3px; padding-left: 20px;}
.header h4 { font: normal 18px/18px "Arial Black", Arial, Helvetica, sans-serif; letter-spacing: -1px; padding-left: 13px; float: left; padding-top: 24px; margin-left: 18px; border-left: 1px solid silver; color: #ccc;}
.header h1 a, .header h1 a:visited, .header .LogoText h1 a:hover { color: #373737; text-decoration: none;}
/* Side 1-2-3
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.sc-all { width: 900px; background: #fff url(images/sl-top.png) no-repeat top; float: left;}
.sc { padding: 20px; width: 900px; background: url(images/sl-bottom.png) no-repeat bottom;}
.sc-top { width: 750px;
float: none;
padding-right: 20px;
padding-bottom: 8px;
padding-left: 20px;
margin-top: -64px;
}
#tag {
padding-left: 0;
float: none;
margin-left: 548px;
}
#cam {
left: 56px;
position: relative;
top: 60px;
}
.sc-bottom-half {
background: #ceccce;
width: 900px;
}
.sc-bottom { padding: 0 20px 20px; width: 740px; bottom;
height: 600px;
margin-right: auto;
margin-left: auto;
margin-top: 0;
}
.sc-single { padding: 20px; width: 700px; background: url(images/sl-bottom.png) no-repeat bottom;}
#download {
background: #ceccce;
margin-right: auto;
font: "Lucida Grande", Lucida, Verdana, sans-serif;
margin-left: auto;
margin-top: 0;
padding-top: 36px;
text-align: center;
padding-bottom: 0;
font-size: 10px;
color: #626262;
}
#download a {
color: #7b7b7b;
font-size: 16px;
}
#features ul {
margin-top: 50px;
margin-bottom: 50px;
width: 236px;
font-size: 12px;
line-height: 18px;
color: #555;
margin-right: -40px;
text-align: justify;
}
#features ul.left {
padding-left: 85px;
float: left;
}
#features ul.right {
padding-right: 76px;
float: right;
}
#features li {
position: relative;
padding-bottom: 18px;
}
#features img {
display: block;
position: absolute;
top: -5px;
left: -48px;
}
#features p {
margin-top: 8px;
}
#features strong {
font-weight: normal;
font-size: 14px;
display: block;
color: #333;
line-height: 22px;
top: 0;
position: absolute;
}
.sc-screenies { padding: 0 20px 20px; width: 740px; bottom;
margin-right: auto;
margin-left: auto;
margin-top: 0;
background: #ceccce;
height: 388px;
}
#screenies a {
}
#screenies ul {
width:100%;
padding-left:0;
float:left;
text-align: center;
}
#screenies ul li{
display:inline;
}
#screenies img {
border: 21px solid #c0bdc2;
margin: 12px;
}
#screenies ul.top {
}
#screenies li {
}
/* Images
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
p img { padding: 0; max-width: 100%;}
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 1px; margin: 0 0 5px 15px; display: inline;
}
img.alignleft { padding: 1px; margin: 0 15px 5px 0; display: inline;
}
.alignright { float: right;}
.alignleft { float: left}
.post .wp-caption p { font: bold 11px/17px 'Verdana'; padding-bottom: 10px; color: gray; text-align: center;}
/* Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { width: 960px; padding: 20px 0px; float: left;}
.footer p { font-size: 11px; color: #acaa9c; padding-left: 20px;}
.footer p a, .footer p a:visited { color: #acaa9c; text-decoration: underline;}
.footer p a:hover { color: #333; text-decoration: underline;}
.footer .theme { border-top: solid 1px #d9d7c3; padding-top: 3px; margin-top: 5px;}