@charset "utf-8";
/* CSS Document */
/*************************************************
*  main-style.css                                *
*  author:Robert Baxter                          *
*  copyright:2010                                *
*  designed for: robert.baxteronline.com/index   *
*************************************************/


/*========GLOBALS========*/
* {
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
background-color:#f9f9f9;
}

h1 {
background-image:url(img/portal_logo.jpg);
background-repeat:no-repeat;
width:400px;
height:100px;
}

h2 {
color:#4085A1;
padding-bottom:2px;
}

h3 {
background-color:#000000;
background-image:url(img/page_title_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
color:#4085A1;
font-size:80%;
padding:5px;
margin:0;
}

/*========= HEADER ============*/
#header {
width:100%;
min-width:900px;
}

#page_title {
background-color:#000000;
color:#F9F9F9;
padding:20px 100px;
background-image:url(img/page_title_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

#page_title h1 {
float:left;
}

#page_title form {
float:right;
padding-top:25px;
}

#searchbg {
border:1px solid #4085A1;
background-color:#000000;
}

.searchtext {
border:0;
background-color:#000000;
color:#4085A1;
margin-left:5px;
}

.button {
background-color:#4085A1;
border:2px solid #4085A1;
}

#welcome {
color:#666666;
padding:20px 200px;
font-size:75%;
background-color:#C0C0C0;
background-image:url(img/welcome_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

#welcome ul {
margin:2px 0px;
padding:10px 0px 10px 40px;
}

#welcome ul li {
padding-bottom:2px;
}

#welcome a {
text-decoration:underline;
}

#welcome a:hover {
text-decoration:line-through;
}

/*============ CONTENT =========*/

#content {
float:left;
padding:10px 0 10px 100px;
}

#content ul {
list-style:none;
}

#list1 ul, #list2 ul {
padding:5px;
}

#list1 ul {
border-right:1px dotted #999999;
}

#list1, #list2 {
float:left;
width:300px;
}

html>body #list1, html>body #list2 {
width:auto;
min-width:300px;
max-width:600px;
}

#list3 {
clear:left;
width:600px;
padding-bottom:3px;
padding-top:5px;
}

#list3 dl {
margin:5px;
}

li a, dt a, dd a, #footer a {
text-decoration:none;
color:#333333;
background-position:left;
background-repeat:no-repeat;
display:block;
padding:3px 0 3px 20px;
}


.facebookLogo{background-image:url(img/icons/fb_16_16.png);}
.twitterLogo{background-image:url(img/icons/tw_16_16.png);}
.wordpressLogo{background-image:url(img/icons/wp_16_16.png);}
.skypeLogo{background-image:url(img/icons/sk_16_16.png);}
.skypeLogo:hover{background-image:url(img/icons/sk_16_16.png);}
.yahooLogo{background-image:url(img/icons/ya_16_16.png);}
.yahooLogo:hover{background-image:url(img/icons/ya_16_16.png);}
.portLogo{background-image:url(img/icons/port_16_16.png);}
.steveLogo{background-image:url(img/icons/steve_16_16.png);}
.larinaLogo{background-image:url(img/icons/larina_16_16.png);}
.jakeLogo{background-image:url(img/icons/jake_16_16.png);}
.boLogo{background-image:url(img/icons/bo_16_16.png);}
.rssLogo{background-image:url(img/icons/rss_16_16.png);}
.vimeoLogo{background-image:url(img/icons/vm_16_16.png);}
.checked{background-image:url(img/icons/checkmark.png);}
.bug{background-image:url(img/icons/bug_16_16.png);}
.pad{background-image:url(img/icons/pad_16_16.png);}


#list1 ul li, #list2 ul li, #list3 dl {
padding-left:5px;
padding-bottom:1px;
}

#list1 ul li:hover, #list2 ul li:hover, #list3 dl:hover{
background-image:url(img/welcome_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#C0C0C0;
}

/*============ FOOTER =========*/

#footer {
font-size:75%;
clear:both;
border-top: 1px dotted #999999;
padding:20px 100px 40px 100px;
}

/*============ Special Classes =========*/

.clearit {
clear:both;
}
.fl {
float:left;
}

.fr {
float:right;
}

.hide_text {
visibility:hidden;
}
.nodisplay {
display:none;
}