/* 

Theme Name: VictoryBiz Fluid
Description: This is VictoryBiz Fluid theme
Version: 1.0
Author: Marites L. Quitoriano (marites@orangefix.net)
Author URI: http://orangefix.net/

*/

 

/* Remove all margin and paddings */

* {
   margin: 0;
   padding: 0;
}

html {
height: 100%;
margin-bottom: 1px;
}


body {
line-height: 1.5em;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #4E4E4E;
}


/* Remove all border for images */

a img, img {
    border: none;
}

ul, li {
list-style-type:none;
}


h1 {
font-size: 1.7em;
font-weight: bold;
color: #424242;
text-shadow: 0.2em 0.2em;
}

h2 {
font-size: 1.5em;
font-weight: bold;
color: #4C4C4C;
}

h3 {
font-size: 1.4em;
font-weight: bold;
}

h4 {
font-size: 1.2em;
font-weight: bold;
}

/* Define links color */
a, a:link, a:visited {
color: #4E4E4E;
text-decoration: none;
}

a:hover {
color: #AC282C;
text-decoration: underline;
}

h1 a:hover ,h2  a:hover,h3 a:hover {
color: #AC282C;
text-decoration: none;
}

/* Classes used */


/* Hides Text */
.hidetext {
display: none;
}

/* Bolds Text */
.boldtext {
font-weight: bold;
}

.showdate {
font-size: .92em;
}

.post {
padding-bottom: 15px;
}

.entry {
padding-top: 5px;
}

.postmetadata  {
padding-left: 22px;
}

/* Format readmore */
.readmore a {
margin-top: 4px;
display: block;
height: 21px;
width: 81px;
background: url(images/btn_readmore.gif) top left no-repeat;
}

.readmore a:hover {
display: block;
height: 21px;
width: 81px;
background: url(images/btn_readmore.gif) bottom left no-repeat;
}

.stretcher {
height: 0px;
overflow: hidden;
width: 100%;
}

.toggle, .toggle2 {
cursor: pointer;
cursor: hand;
}

#skiplink {
display: none;
}

#wrapper {
width: auto;
margin: 0 auto; padding: 0;
height:auto;
}

/* Start of Header */

#header{
float: left;
height: 180px;
width: 100%;
background: #CCCCCC url(images/header_bg.gif) repeat; 
}

#logo3{
height: 180px;
background: url(images/header_books.jpg) right top no-repeat;
}

#logo2 {
height: 180px;
background: url(images/header_handshake.jpg) right top no-repeat;
}

#logo4 {
height: 180px;
background: url(images/header_keyboard.jpg) right top no-repeat;
}

#logo {
height: 180px;
background: url(images/header_bldg.jpg) right top no-repeat;
}

/* Start of Navigation */

#nav {
float: left;
width: 100%;
height: 32px;
background:  url(images/menu_bg.gif) repeat-x; 
}

/* Start of Menu */

#menu ul {
float: right; 
margin-right: 5px;
}

#menu, #menu li {
margin:0;
padding:0;
list-style-type:none;
} 

#menu li {
display: block;
float:left;
font-size: 1.1em;
margin-right: 6px;
text-transform: uppercase;
height: 25px;
}

#menu a {
margin-top: 5px;
display: block;
padding: 2px 15px 4px 15px;
float:left;
color: #D5D5D5;
background: url(images/nav_bg.gif) top left repeat-x;
}

#menu a:hover {
display: block;
text-decoration: none;
color: #656565;
background: url(images/nav_bg.gif) bottom left repeat-x;
}


#s {
padding: 2px;
width: 220px; 
}


/* Start of Main Content */

#maincontent {
float: left;
margin: 0 auto;
width: 92%;
background:#FFFFFF url(images/border.gif) 41% top repeat-y;
padding-top: 30px; 
padding-left: 4%;
padding-right: 4%;
padding-bottom: 16px;
}



/* Start of Left Content */

#leftcontent {
float: left;
width: 36%;
height: auto;
padding-left: 20px;
padding-right: 20px;
}

/* Start of Testimony */
#testimony {
padding-top: 20px;
width: 286px;
}

#testimony li {
padding: 0 5px 0 10px;
background: url(images/testimony_bg.gif) repeat-x;
}


#testimony img {
float: left;
padding-right: 5px;
padding-bottom: 5px;
}

#testimony .title_testimony {
padding-top: 10px;
text-transform: uppercase;
}

.title_testimony a {
color: #AC282C;
}


/* Start of Recent Entries and Blogroll */
#recententries ul, #blogroll ul, #testimonies ul, #recentevents ul {
padding-left: 5px;
padding-top: 14px;
padding-bottom: 6px;
}

#recententries li, #blogroll li, #testimonies li {
padding-left: 15px;
padding-bottom: 6px;
background: url(images/red_bullet.gif) 0 20% no-repeat;
}

#recentevents {
width: 280px;
}

#recentevents img {
padding: 3px 3px 3px 3px;
text-align: center;
margin: 0 2px 0 2px;
border-right: #D8D8D8 1px solid; 
border-top: #D8D8D8 1px solid; 
border-left: #D8D8D8 1px solid; 
border-bottom: #D8D8D8 1px solid;
}


#recentevents a:hover img {
border-right: #AC282C 1px solid; 
border-top: #AC282C 1px solid; 
border-left: #AC282C 1px solid; 
border-bottom: #AC282C 1px solid;
}


.inputborder {
border-right: #999999 1px solid; 
border-top: #999999 1px solid; 
border-left: #999999 1px solid; 
border-bottom: #999999 1px solid
}

/* Start of Right Content */
#rightcontent {
float: left;
height: auto;
width: 55%;
}


#rightcontent .pagetitle {
padding-left: 21px;
}

#rightcontent .post {
padding-left: 22px;
padding-right: 10px;
}

#rightcontent .entry p {
padding-bottom: 8px;
}

#rightcontent .left_img_padding {
padding-right: 10px;
padding-bottom: 10px;
}



/* Start of News */
#news h1 {
padding-left: 22px;
}

#navigation {
padding-left: 22px;
}

#navigation .next a:hover, #navigation .previous a:hover {
text-decoration: none;
}

#news h3 {
padding-left: 18px;
background: url(images/bullet.gif) 0 10% no-repeat;
}

#news .showdate {
padding-left: 19px;
}

#news .entry {
padding-left: 20px;
}

#mainphoto {
padding-left: 22px;
padding-bottom: 10px;
}

#error {
padding-left: 22px;
}


#comments {
padding-left: 22px;
}

#comments a {
color: #AC282C;
text-decoration: none;
}

#comments .comment p {
padding-top: 15px;
padding-left: 15px;
}



#comments p {
padding-top: 6px;
padding-bottom: 6px;
}



#comments .format {
width: 300px;
background: url(images/comments_bg.gif) repeat-x;
}



#comments .author {
font-weight: bold;
font-size: 13px;
color: #4E4E4E;
}



#comments .date {
color: #919191;
}



#comments .editlink {
font-size: 11px;
padding-left: 15px;
}



#commentform textarea {
border: 1px solid #D8D8D8;
color: #D8D8D8;
padding: 2px;
margin-left: 2px;
}

#archive .readmore {
margin-top: 10px;
}

#search .readmore {
margin-top: 10px;
}

.contacttitle {
padding-top: 15px;
}


/* Start of Footer */
#footer {
float: left;
clear: none;
height: 30px;
width: 100%;
background: #000000;
}

#copyright {
float: right;
padding-top: 10px;
padding-right: 10px;
color: #FFFFFF;
}


#enlogo {
padding-left: 10px;
float: left;
color: #FFFFFF;
padding-right: 10px;
}

#enlogo img {
padding-top: 5px;
}

#footer a, #footer a:hover {
color: #FFFFFF;
text-decoration: none;
}

