html, body
{
height: 100%;
}
body {
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#777674;
background:#ffffff;
background-image:url(../img/bg.jpg);
background-repeat:repeat-x;
line-height: 17px;
}
ol, ul {
list-style: none;
}
/* === Common stuff === */
h2
{
font-size:24px;
}
h3
{
font-size:18px;
}
h4
{
font-size: 14px;
}
h3 a:hover
{
text-decoration:none;
}
p
{
font-size:12px;
color:#777674;
padding-top: 10px;
}
strong
{
color:#777674;
}
a
{
text-decoration:none;
color: #777674;
}
a:focus {
outline: none;
}
a:hover
{
text-decoration:underline;
color:#7dbc0b;
}
li
{
line-height: 25px;
}
blockquote
{
float:left;
font-size:12px;
font-weight:bold;
margin:20px 0 20px 0px;
color:#777674;
padding:15px 20px 10px 35px;
background:url(../img/blockquote.gif) no-repeat;
line-height:20px;
border:0px;
}
/* Main Style */
#main
{
width:899px;
margin:auto;
background-color:transparent;
min-height: 100%;
}
#logo
{
width:250px;
float:left;
margin-top:29px;
}
#online
{
width:250px;
float:right;
text-align:right;
margin-top:29px;
}
#top li
{
float:right;
margin-top:29px;
}
/* Menu */
.ddsmoothmenu{
background:url(../img/menuBack.png) no-repeat;
width:899px;
height:52px;
margin-top:22px;
font-size:12px;
float:left;
}
/*Top level list items*/
.ddsmoothmenu ul li{
float:left;
margin-left:10px;
width:104px;
height:52px;
text-align:center;
background:url(../img/menuSeparator.png) center right no-repeat;
position: relative;
line-height:53px !important;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color:#FFF;
display: block;
}
.ddsmoothmenu ul li a:hover{
float:left;
padding-top:0px;
width:104px;
height:52px;
background:url(../img/menuItemBack.png) no-repeat center left;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
margin-left:-20px;
width: auto;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float:left;
background-image:none;
background-color:#000;
padding:20px 100px 20px 20px;
font-size:11px;
border-bottom:dotted 1px #707071;
height:0px;
text-align:left;
line-height:5px !important;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
.ddsmoothmenu ul li ul li a:hover{
background-image:none;
height:10px;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
#activeMenu
{
float:left;
padding-top:0px;
width:104px;
height:52px;
background:url(../img/menuItemBack.png) no-repeat center left;
text-align:center;
color:#FFF;
}
/* Search input */
.searchstuff
{
margin-top:15px;
float:right;
margin-right:20px;
width:167px;}
fieldset.search {
border: none;
min-width:206px;
height:23px;
background: transparent;
}
.search input, .search button {
height: 23px;
border: none;
float: left;
}
.search input.box {
color: #000;
font-size: 11px;
width: 139px;
height: 23px;
padding-left:5px;
background: transparent url(../img/inputBack.png) no-repeat top left;
}
.search input.box:focus {
width: 139px;
height: 23px;
background: transparent url(../img/inputBack.png) no-repeat top left;
outline: none;
}
.search button.btn {
width: 27px;
height: 23px;
cursor: pointer;
text-indent: -9999px;
margin-left:-5px;
background: transparent url(../img/searchButton.png) no-repeat top right;
}
.search button.btn:hover {
background: transparent url(../img/searchButton.png) no-repeat top right;
margin-left:-5px;
}
/* Button */
.readmore
{
background:url(../img/read_more.png) no-repeat top left;
float:left;
width:74px;
height:27px;
clear:both;
padding-left:8px;
padding-top:7px;
margin-top:20px;}
.readmore a
{
color:#FFF;
text-align:center;
font-size:12px;}
/* Small Content Title */
.smallTitle
{
width:249px;
background:url(../img/titleBg.jpg) bottom left repeat-x;
padding-bottom:20px;
}
.smallTitle img
{
float:left;
padding-right:10px;
}
/* Big Content Title */
.smallTitleB
{
width:560px;
background:url(../img/titleBg.jpg) bottom left repeat-x;
padding-bottom:20px;
}
.smallTitleB img
{
float:left;
padding-right:10px;
}
/* Contact box Content Title */
.smallTitleC
{
width:259px;
background:url(../img/titleBgC.jpg) bottom left repeat-x;
padding-bottom:20px;
}
.smallTitleC img
{
float:left;
padding-right:10px;
}
/* Big Content */
.colBig
{
width:590px;
float:left;
margin-right:30px;
margin-bottom:40px;
}
.colBigContent
{
float:left;
margin-top:10px;
border-right:dotted 1px #e5e5e6;
padding-right:30px;
}
.colBigContent h3
{
padding-top: 10px;
}
.colBigContent li
{
font-size:12px;
color:#777674;
background:url(../img/bullet.png) no-repeat center left;
padding-left:20px;
float:left;
}
/* Submenu */
#widget
{
width:279px;
float:left;
}
#widget p
{
padding-top:10px;
}
.subWidget
{
margin-bottom:30px;
}
/* Submenu Content Title */
.smallTitleSub
{
min-width:249px;
border-bottom:dotted 1px #e5e5e6;
padding:10px 0px 9px 0px;
}
/* Submenu Content */
.colSubContent
{
padding-top:10px;
}
.colSubContent li
{
border-bottom:dotted 1px #e5e5e6;
font-size:14px;
color:#777674;
padding:10px 0px 10px 15px;
background:url(../img/bulletSub.png) no-repeat center left;
}
/* Paragraph */
.paragraph
{
float:left;
width:235px;
margin:30px 43px 0px 0px;
padding:0px 0px 20px 0px;
border-bottom:dotted 1px #e5e5e6;
}
.paragraph img
{
float:left;
}
.paragraphContent
{
width:190px;
float:right;
padding-left:10px;
}
.paragraphBig
{
float:left;
width:558px;
margin-top:30px;
}
.paragraphContentBig
{
float:right;
width:340px;
padding-left:10px;
}
.paragraphBig img
{
float:left;
border:solid 4px #f5f5f5;
}
/* Images Caption */
.imgTitle
{
position:relative;
background:#000;
color:#FFF;
width:200px;
font-size:12px;
padding:5px;
margin-top:-60px;
margin-left:-10px;
margin-bottom:22px;
}
.imgTitle a
{
color:#FFF;
}
/* Footer */
#footer
{
clear:both;
background-color:#e5e5e5;
height:100px;
position: relative;
margin-top: -100px;
overflow:hidden;
}
#footer .footerContent
{ width:899px;
margin:auto;
background-color:transparent;
padding-top:20px;
padding-bottom:20px;
}
/* BW Logo */
.logoBW
{
width:279px;
padding-top:10px;
border-right:dotted 1px #cecece;
float:left;
margin-right:30px;
min-height:60px;
}
/* Links and Copyright */
.copyright
{
width:279px;
border-right:dotted 1px #cecece;
float:left;
margin-right:30px;
min-height:60px;
padding-top:10px;
}
.copyright li
{
float:left;
font-size:11px;
padding-right:10px;
}
.copyright p
{
float:left;
font-size:11px;
}
/* Newsletter */
.newsletter
{
width:279px;
float:left;
min-height:60px;
padding-top:5px;
}
fieldset.newsletterSubmit {
border: none;
min-width: 206px;
height:23px;
margin-top:5px;
background: #e5e5e5;
}
.newsletterSubmit input, .newsletterSubmit button {
height: 23px;
border: none;
float: left;
}
.newsletterSubmit input.box {
color: #000;
font-size: 11px;
width: 139px;
height: 23px;
padding-left:5px;
background: transparent url(../img/inputBack.png) no-repeat top left;
}
.newsletterSubmit input.box:focus {
width: 139px;
height: 23px;
background: transparent url(../img/inputBack.png) no-repeat top left;
outline: none;
}
.newsletterSubmit button.btn {
width: 66px;
height: 23px;
cursor: pointer;
text-indent: -9999px;
margin-left:-5px;
background: #e5e5e5 url(../img/newsletterSubscribe.jpg) no-repeat top right;
}
.newsletterSubmit button.btn:hover {
background: #e5e5e5 url(../img/newsletterSubscribe.jpg) no-repeat top right;
margin-left:-5px;
}
/* === Index Page === */
/* Header */
#header
{
clear:both;
width:899px;
padding-top:35px;
padding-bottom:35px;
}
/* Content */
#content
{
clear:both;
padding-top:35px;
}
.col
{
width:279px;
float:left;
margin-right:30px;
margin-bottom:20px;
}
.colContent
{
float:left;
margin-top:10px;
border-right:dotted 1px #e5e5e6;
padding-right:30px;
}
.colContent ul
{
padding-top: 10px;
}
.colContent li
{
font-size:12px;
color:#777674;
background:url(../img/bullet.png) no-repeat center left;
padding-left:20px;
float:left;
}
.colContent a
{
font-size:12px;
}
.colContent a:hover
{
color:#7dbc0b !important;
}
/* Right Side / Contact Box */
#right
{
width:279px;
float:left;
background:url(../img/boxCorner.png) no-repeat top left;
margin-top:-10px;
height:4px;
}
.rightT
{
margin-top:4px;
padding-top:5px;
padding-left:10px;
background-color:#ececec;
}
.bottomTrans
{
height:40px;
width:279px;
background:url(../img/bottomTrans.png) repeat-x bottom left;
}
.rightContent p
{
line-height: 4em;
}
/* The Nivo Slider */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:89;
}
.nivo-caption p {
padding:5px;
margin:0;
color:#FFF;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
}
.nivo-prevNav {
left:0px;
background:url(../img/prev.png) no-repeat;
width:45px;
height:46px;
text-indent:-9999px;
cursor: pointer;
}
.nivo-nextNav {
right:0px;
background:url(../img/next.png) no-repeat;
width:45px;
height:46px;
text-indent:-9999px;
cursor: pointer;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{
position:absolute;
left:44%;
bottom:-30px;
cursor: pointer;
}
.nivo-controlNav a {
display:block;
width:24px;
height:24px;
background:url(../img/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:-24px 0;
}
#slider a{
display:block;
}
#slider {
position:relative;
//See the "style-pack" below for image
background:url(http://www.adrianbotea.com/sitemap) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
/* === Portfolio Page === */
#portfolio
{
margin:-10px 30px 30px 50px;
}
#portfolio li
{
float:left;
}
#portfolio img
{
border:solid 4px #f5f5f5;
margin-bottom:10px;
width:235px;
height:144px;
}
#portfolio a:hover img
{
opacity:0.4;
filter:alpha(opacity=40);
}
.portfolioContent
{
float:left;
width:243px;
margin-right:30px;
border-bottom:dotted 1px #e5e5e6;
padding:20px 0px 20px 0px;
}
/* === Blog & Comments Page === */
/* Blog */
.blogContent
{
float:left;
margin-top:20px;
margin-bottom:20px;
}
.stat
{
background-color:#f8f8f8;
width:544px;
margin-top:10px;
margin-bottom:10px;
padding:7px;
font-size:10px;
}
.bigImg
{
border:solid 4px #f5f5f5;
margin-bottom:10px;
}
/* Blog Comment */
.comments
{
float:left;
margin:30px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
.comments p
{
font-size:11px;
}
.commentsContent
{
width:480px;
float:right;
padding-left:10px;
}
.stat1
{
color:#bbbab9;
margin-top:5px;
margin-bottom:5px;
}
/* === Contact Page === */
#contact
{
border-top:dotted 1px #e5e5e6;
padding-top:20px;}
#contact label {
display: block;
font-size: 11px;
padding-bottom:10px;
}
#contact input[type=text],
textarea {
width: 200px;
height: 20px;
border: 1px solid #e5e5e5;
margin-bottom: 27px;
color:#000;
font-size: 11px;
padding: 7px 0 0 10px;
font-family: helvetica, arial;
}
#contact input[type=text]:hover, textarea:hover, input:focus,
textarea:focus {
background: #f7f7f7;
outline: none;
}
#contact textarea {
height: 150px;
width:400px;
float:left;
}
#container textarea {
height: 212px;
}
#contact input[type=submit] {
clear:both;
border: 1px solid #000;
background-color:#000;
text-align: center;
color: #fff;
font-size: 11px;
width: 80px;
padding: 12px;
text-transform: uppercase;
float: left;
repeat-x;
cursor: pointer;
}
#contact input[type=submit]:hover {
background-color:#ff7c1e;
border: 1px solid #ff7c1e;
}