/*  
Theme Name: Ubiquitous
Theme URI: http://os42.com
Description: An alternative to the typical layout
Version: 0.1
Author: JamesICT @ The os42 Collective
Author URI: http://os42.com
*/

body {
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
line-height:22px;
color:#333;
background-color:#FFF;
margin:0 auto;
}

.container {
margin-left:auto;
margin-right:auto;
width:960px;
}

/* HEADER */

.header {
min-height:60px;
height: 80px;
width:100%;
margin:0;
background: url(images/head1.png) top left no-repeat;
background-color: #ffffff;
}

.headertitle {
width:49%;
float:left;
}

/* TOP NAV BAR */

.topnav {
width:49%;
float:right;
}

.topnav ul {
margin-top:18px;
text-align:center;
margin-left:0px;
}

.topnav li {
display:inline;
}

.topnav li a {
text-decoration:none;
font-size:14px;
font-weight:700;
margin-right:20px;
border-right:1px #333 solid;
padding-right:20px;
}

/* OPTIONAL TOP NAV BAR - Code by http://www.cssplay.co.uk/menus/snazzymenu2.html */

#navigation {background:transparent; margin:0 auto; height:3em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation li {display:block; float:left; margin:0 1px;}
.snazzy {background:transparent;}
.snazzy span {text-align:center; color:#fff; margin:0; font-weight:normal;}

.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #fff; border-right:1px solid #fff;}

a.menu, a.menu:visited {display:block; text-decoration:none; width:5.5em;}
a.menu:hover {background:transparent; cursor:pointer;}
a.menu:hover span {padding-top:10px; background:#888;}
a:menu:hover b {background:#888;} 

.red {background:#ffc06c;}
.orange {background:#888888;}
.yellow {background:#6cd9aa;}
.green {background:#287755;}
.blue {background:#143b2a;}
.indigo {background:#4c9978;}
.violet {background:#7ca594;}
.grey {background:#888;}
.moorings_orange {background:#8ffc06c;}  

a:hover b.red {background:#888;}
a:hover b.orange {background:#888;}
a:hover b.yellow {background:#888;}
a:hover b.green {background:#888;}
a:hover b.blue {background:#888;}
a:hover b.indigo {background:#888;}
a:hover b.violet {background:#888;}
a:hover b.moorings_orange {background:#888;}

.active {padding-top:10px; background:#888; cursor:default;}



/* ROWS */

.row1,.row2,.row3,.row4 {
width:100%;
margin-top:20px;
}

.row2r {
width:470px;
float:right;
}

.row3l {
width:470px;
float:left;
}

.row1l,.row2l {
width:470px;
float:left;
}

.row1r,.row3r,.row4r {
width:470px;
float:right;
}

.row1rl,.row3rl,.row3ll {
width:225px;
float:left;
}

.row1rr,.row3rr,.row3lr {
width:225px;
float:right;
}

.row4l {
width:470px;
float:left;
}

.row4rl {
width:225px;
float:left;
}

.row4rr {
width:225px;
float:right;
}

.row1l,.row1rl,.row2l,.row3ll,.row3lr,.row3rl,.row4l,.row4rl {
border-right: 1px solid #cccccc;
}

.row1l,.row1rl,.row1rr,.row2l,.row2r,.row3ll,.row3lr,.row3rl,.row3rr,.row4l,.row4rl,.row4rr {
padding-right: 5px;
}

/* POSTS - */

.post-entry {
overflow: hidden; 
}

/* EXTRAS */

img {
border:1px solid #cccccc;
margin:3px;
padding:3px;
}

.divider { 
border-bottom:5px #3B3737 solid; 
margin-top: 10px;
}

.divider1 { 
border-bottom:3px #534F4F solid; 
margin-top: 10px;
}

.linkspage {
margin-left:30px;
}

.lastcss {
color: #404040;
overflow: hidden;
}
.lastcss h2 a {
color:#355FAB;
}
.lastcss h2 a:hover {
color:#6B93DD;
}

.titlemeta {
font-size: 90%;
}

.meta1 {
background:#ffffff url(images/rss.png) bottom right no-repeat;
}

h3#comments,h3#respond {
color:#02523E;
}

.alt {color: #7F3A03;
}

/* Links */

a {
color:#056503;
text-decoration: none;
}

a:hover {
color:#038F6C;
}

h1 a { 
color: #583030;
text-decoration: none;
}

h1 a:hover {
color: #161616;
}

h3 a {
color: #222F1F;
}

.row1rr h2 a {color: #D65D04; }
.row1rr h2 a:hover {color: #400000; }
.row1l h2 a {color:#115C02;}
.row1l h2 a:hover {color:#0A4301;}
.row2l h2 a {color:#A95D03;}
.row2l h2 a:hover {color:#FC8F0E;}
.row2r h2 a {color:#800000;}
.row2r h2 a:hover {color:#B90303;}

/* LISTS */

ul li {
list-style-type: none;
}

/*ul {
margin-left: -40px;
}*/

ul {margin-left: 0; padding-left: 0;}

.linkcat ul li a {
padding-right: 10px;
}

.row4rr ul li a {
font-weight: normal;
}

.linkslist ul,.linkslist ul li,.linkslist h2 {
list-style-type: none;
}

.recentposts1 {
list-style-type:none; 
margin-bottom: 15px; 
color:#202020;
}

.recentposts1 a {
color:#161616;
}

.recentposts1 a:hover {
color: #4560AF;
}

.recentposts1 li {
list-style-type: none;
}

.reccomments, .reccomments li ul li {
list-style-type:none; 
margin-bottom: 15px; 
color:#202020;
}

.reccomments a {
list-style-type:none; 
display:block;
color:#1A2C6E;
}

.reccomments a:hover {
color: #4560AF;
}

.catlist li {
display:inline;
}

.catlist li a {
text-decoration:none;
font-size:14px;
font-weight:700;
margin-right: 12px;
}

.row4rr,.row4rr li a,.meta1 li a,.row4rr li,.meta1 li {
list-style-type:none; 
color:#1A2C6E;
}

.archives li {
list-style-type:none;
}

/* HEADINGS */

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:52px;
line-height:64px;
margin:0;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
line-height:30px;
margin:0;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
line-height:24px;
color:#09F;
margin:0;
}

.row1l h2,.row2 h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
line-height:36px;
margin:0;
}

.archives h3 {
color:#202020;
}

#right_sidebar h3 {
color:#0C4C3C;
}

.post h2 a {
color:#025C46;
}

/* FOOTER */

.footer {
width:960px;
border-top:5px #333 solid;
text-align:center;
margin:0 auto;
font-weight:200;
}

/* SIDEBARS */

#right_sidebar {
float:right;
width:300px;
padding-left:30px;
}

#left_sidebar {
float:left;
width:300px;
}

#inner_right_sidebar  {
float:right;
width:250px;
margin-left:30px;
padding-left:20px;
border-left: 1px solid #cccccc;
}