/*
Theme Name: Grimshaw is based upon YG Mag
Theme URI: http://web.ygoy.com
Theme URI: http://ambientwebs.com
Description: YG Mag is a fluid  2 column fluid width wordpress theme
Version: 1.0
Author: Amitabh Shukla & Mark Rabideau
Author URI: http://www.ygoy.com & http//ambientwebs.com*/

body {
background:#D0CEC0 url(images/bg.gif) repeat-x;
color:#4D4D4D;
font-family:Verdana,'Lucida Grande',tahoma,helvetica,sans-serif;
font-size:12px;
line-height:1.3em;
margin:0;
padding:0;
}

a:hover {
text-decoration:underline;
}

/* headers */
h1,h2,h3 {
color:#231E02;
font-weight:700;
background:transparent;
}

h1 {
font-size:125%;
letter-spacing:.5px;
}

h2 {
font-size:120%;
}

h3 {
font-size:115%;
}

h4 {
font-size:100%;
}

h5 {
font-size:140%;
padding-left:60px;
}

address {
padding-left:30px;
}

/* images */
img {
border:0;
margin-left:5px;
margin-right:5px;
}

h1,h2,h3,p {
margin:10px;
padding:0;
}

ul,ol {
margin:10px 20px;
padding:0 20px;
}

code {
background:#FAFAFA;
border:1px solid #f2f2f2;
border-left:4px solid #424A4C;
display:block;
font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;
overflow:auto;
text-align:left;
margin:10px 0;
padding:10px;
}

acronym {
border-bottom:1px solid #777;
cursor:help;
}

blockquote {
background:#FAFAFA url(images/quote.gif) no-repeat 5px 10px !important;
background-position:8px 10px;
border:1px solid #f2f2f2;
font-weight:700;
margin:10px;
padding:0 0 0 32px;
}

/* form elements */
form {
background-color:#FAFAFA;
border:1px solid #f2f2f2;
margin:10px;
padding:0 5px;
}

label {
display:block;
font-weight:700;
margin:5px 0;
}

input {
background-color:#EFEFF0;
border:1px solid #B0B0B0;
padding:2px;
}

textarea {
background-color:#EFEFF0;
border:1px solid #B0B0B0;
display:block;
height:100px;
width:75%;
padding:2px;
}

input.button {
background:#FFF;
border:1px solid #CCC;
color:#353552;
font:bolder 12px;
margin:0;
padding:1px;
}

/* search form */
form.search {
background-color:transparent;
border:none;
position:absolute;
right:0;
top:4px;
margin:0;
padding:0;
}

form.search input.textbox {
background:#FFF;
border:1px solid #CCC;
width:120px;
margin:0;
}

form.search input.searchbutton {
background:#FFF url(images/headerbg.gif) repeat-x bottom left;
border:1px solid #CCC;
font:bold 100%;
height:23px;
width:60px;
margin:0;
padding:1px;
}

/**********************************
LAYOUT
***********************************/
#wrap {
margin-left:5%;
margin-right:5%;
width:90%;
}

/* header */
#header {
background:url('images/logo.jpg') no-repeat 0 5px;
height:130px;
position:relative;
font-family:'Book Antigua', Verdana,'Lucida Grande',tahoma,helvetica,sans-serif;
}

#header span#slogan a {
font-size:1.2em;
font-weight:600;
position:absolute;
z-index:3;
margin:0;
padding:100px 0 0;
}

.basictab {
clear:both;
float:right;
font-weight:600;
list-style-type:none;
min-width:700px;
text-align:right;
margin:0;
padding:70px 0 0;
}

.basictab li a {
background:url(images/menubg.gif) repeat-x top left;
border:1px solid #5D5D3D;
border-bottom:none;
color:#fff;
margin-right:1px;
text-decoration:none;
padding:3px 6px;
}

.basictab a:focus {
background:url(images/menubg-link.gif) repeat-x;
color:#7A2E08;
height:20px;
}

.basictab li ul li.selected a {
position:relative;
}

.basictab li,.basictab li ul li {
display:inline;
margin:0;
}

/* main column */
#main {
float:right;
width:98%;
margin:0;
padding:0;
}

#main h1 {
background-color:#424A4C;
font-size:105%;
letter-spacing:.5px;
text-transform:uppercase;
margin:10px 0;
padding:4px 0 4px 8px;
}

/* sidebar */
#sidebar {
background-color:#D0CEC0;
float:left;
width:310px;
margin:0;
padding:0;
}

#sidebar h1 {
background:#333;
font:bold 105%;
letter-spacing:1px;
text-transform:uppercase;
margin:10px 0 0;
padding:4px 0 4px 8px;
}

#sidebar .left-box {
background:#D0CEC0;
border:1px solid #EBEBEB;
margin:0 0 5px;
}

#sidebar ul.sidemenu {
list-style:none;
text-align:left;
text-decoration:none;
margin:3px 0 8px;
padding:0;
}

#sidebar ul.sidemenu li {
margin:0;
padding:3px 5px 3px 25px;
}

#sidebar ul.sidemenu a {
background:#D0CEC0;
font-weight:600;
padding:3px 0;
}

#home_box {
background:transparent;
height:200px;
width:80px;
margin:10px 0 0 15px;
padding:2px;
}

/* footer */
.footer {
background:transparent url(images/footer_bg.jpg) repeat-x;
clear:both;
color:#4D4D4D;
font-size:75%;
font-weight:600;
line-height:1em;
height:82px;
margin-top:3px;
padding:5px 0;
width:auto;
}

.footer a {
color:#1A1E1F;
font-weight:600;
text-decoration:none;
}

/* alignment classes */
.float-left {
float:left;
}

.align-left {
text-align:left;
}

.align-right {
text-align:right;
}

/* display and additional classes  */
.clear {
clear:both;
}

.comments {
border-bottom:1px dashed #EFF0F1;
border-top:1px dashed #EFF0F1;
margin:20px 10px 5px;
padding:3px 0;
}

.col1 {
float:left;
text-align:left;
width:auto;
margin:0 15px;
}

.col1p {
background:#f9f9f9;
line-height:20px;
margin:10px 0 5px 5px;
padding:2px;
}

.col1p a {
color:#424A4C;
font:normal 16px/20px;
text-transform:uppercase;
}

.col1p img {
float:left;
margin-right:5px;
}

.col1h2 {
border-bottom:1px solid #c9ee4a;
clear:left;
font:22px;
width:100%;
margin:25px 0 13px 5px;
}

.col1 h3 {
margin-top:20px;
padding:5px 10px;
}

.col1 p {
clear:both;
letter-spacing:.4px;
margin:0;
padding:5px 0 5px 5px;
text-align:justify;
}

.col {
float:right;
text-align:left;
width:210px;
margin:25px 5px 0 0;
padding:0;
}

.col ul {
line-height:1.5em;
margin:0 0 0 10px;
padding:0;
}

.col h3 {
font-size:12px;
margin-top:20px;
padding:5px 10px;
}

hr {
background-color:#ccc;
border:none;
height:1px;
margin:15px 0;
}

#screencast {
background:url(images/top2.jpg) 0 0 no-repeat;
clear:top;
height:210px;
width:899px;
margin-left:10px;
}

#screencast ul {
line-height:1.5em;
margin:0 0 0 9px;
padding:0;
}

#screencast li {
color:#fff;
font-weight:700;
list-style:none;
padding-left:30px;
}

#screencast-side p {
margin:0 25px 15px 12px;
text-align:justify;
}

#screencast-left,#screencast-content {
float:left;
margin-left:10px;
width:auto;
padding:0;
}

#screencast-left h3,#screencast-content h3 {
border-bottom:1px dotted #eee;
color:#fff;
padding-left:0;
margin:5px 0;
}

#screencast p {
color:#fff;
font-size:13px;
margin:0 15px 10px 0;
text-align:justify;
}

#screencast-side h3 {
display:block;
overflow:hidden;
text-indent:-9999em;
margin:5px 0 3px 12px;
}

#screencast img {
float:left;
margin:20px;
}

#screencast-side img {
margin:10px;
}

.box {
background:#fff;
font:normal 13px/20px;
width:315px;
padding:0 12px 0 10px;
}

.bi {
background:#fff;
padding:0 0 0 12px;
}

.bt {
background:url(images/box.gif) 100% 0 no-repeat;
height:17px;
margin:0 -12px;
}

.bt div {
background:url(images/box.gif) 0 0 no-repeat;
height:17px;
width:18px;
}

.bb {
background:url(images/box.gif) 100% 100% no-repeat;
height:17px;
margin:0 -12px;
}

.bb div {
background:url(images/box.gif) 0 100% no-repeat;
height:17px;
width:18px;
}

.box h1 {
font:bold 1.2em/1;
margin:0;
padding:0.3em 10px;
}

.box p,.box ul {
background:#fff;
margin:0;
padding:4px 10px;
}

.box li {
margin:0 0 0 2em;
padding:0;
}

div#primaryContent {
background:transparent;
float:left;
font:13px;
width:60%;
margin:10px 0 20px 15px;
padding:10px 0 20px;
}

div#primaryContent li {
background:url(images/bullet.gif) no-repeat 3px 0;
list-style:none;
padding-left:30px;
}

div#primaryContent h2 {
border-bottom:#ccf 1px dotted;
clear:both;
font:1.4em;
text-align:left;
width:auto;
margin:15px 0 10px 10px;
padding:0 0 0 3px;
}

div#primaryContent h2 a {
color:#547a09;
}

div#primaryContent h3 {
border-bottom:1px dashed #bbb;
color:#888;
letter-spacing:.5px;
margin:10px 7px 0 15px;
padding:10px 10px 5px 0;
}

div#primaryContent p {
color:#555;
font:normal 1em;
line-height:22px;
margin:10px 0 7px 15px;
padding:0 10px 0 0;
text-align:justify;
}

div#primaryContent a:link,div#primaryContent a:visited,div#primaryContent a:active {
color:#655B29;
}

div#primaryContent a:visited,div#primaryContent a:active {
color:#889E56;
}

div#primaryContent p.arc {
border-bottom:1px dashed #bbb;
color:#555;
font:normal 1.1em;
line-height:22px;
width:auto;
margin:0 0 7px 15px;
padding:0 10px 0 0;
}

div.primaryContentHalf1 {
border-right:1px solid #eee;
float:left;
width:auto;
margin:0;
padding:0;
}

td.helpBod {
font:normal 11px;
text-align:left;
width:10%;
margin:0;
padding:0;
}

td.even {
background:#B3BA96;
}

td.odd {
background:#f9f9f9;
}

table.sofT {
color:#000;
width:110%;
margin:0;
padding:0;
}

#rightbox {
float:left;
width:320px;
margin:0;
/*padding:0 5px;*/
}

#rightbox ul {
line-height:1.5em;
margin:8px 0 0 15px;
padding:0;
}

#rightbox li {
font:normal 1.2em;
line-height:22px;
list-style-type:square;
padding:2px 0 7px 10px;
}

#rightbox li a:hover {
color:#526C88;
font-weight:550;
}

#rightbox a {
display:block;
width:100%;
}

#rightbox .commento a {
display:inline;
}

#rightbox h3 {
border-bottom:1px solid #ddd;
color:#6d6d6d;
font:bold 1.1em;
margin:5px 7px 0 25px;
padding:0 px 0 0;
}

#rightbox ul ul li {
line-height:1em;
background:url(images/bullet2.gif)no-repeat 0 7px;
margin-left:-7px;
padding:7px 0 2px 13px;
}

#rightbox ul ul ul li {
line-height:1em;
background:url(images/bullet3.gif)no-repeat 0 7px;
margin-left:-7px;
padding:7px 0 2px 13px;
}

#rightbox h2 {
border-bottom:#355243 1px solid;
clear:both;
color:#547a09;
font:1.5em;
text-align:left;
width:100%;
margin:10px;
padding:0 0 0 3px;
}

/* to avoid IE bugs apply all paddings inside definition list */
#fresh {
width:100%;
margin:12px 0 0;
padding:0;
}

#fresh li {
font:1em;
list-style:none;
margin-bottom:20px;
width:100%;
padding:0 0 0 20px;
}

#fresh li h4,#fresh li p {
font:1.2em;
line-height:19px;
padding-left:2px;
}

#fresh li h4 a {
color:#278dc8;
font:1.1em;
font-weight:400;
text-decoration:none;
}

#fresh li h4 {
border-bottom:1px dashed #ccc;
margin:0 0 5px 10px;
}

/* minor fix for IE */
* html #fresh li h4 {
margin-left:3px;
}

#fresh li a.image {
border:none;
display:block;
float:left;
}

#fresh li a.image img {
border:1px solid #ccc;
top:5px;
margin:5px 10px 0 15px;
padding:1px;
}

.navigation {
margin:10px 10px 5px;
}

.navigation .next-entries a,.navigation .previous-entries a {
color:#424A4C;
font:110%;
text-decoration:none;
}

.navigation .next-entries a:hover,.navigation .previous-entries a:hover {
color:#553;
}

#wrapper1 li {
border:none;
margin:0 0 2px;
padding:0 10px 5px 0;
}

#wrapper1 a {
text-decoration:none;
margin:0;
padding:0;
}

#wrapper1 ul {
background:none;
}

#wrapper1 div.container {
background:#D0CEC0;
border:1px solid #ccc;
line-height:1em;
text-align:justify;
width:320px;
margin:0;
padding:6px 0;
}

.box1 {
background:inherit;
}

.boxholder {
clear:both;
margin:2px;
padding:0;
}

.tab {
background:url(images/menubg.gif) repeat-x;
color:#FFF;
float:left;
font-weight:600;
height:20px;
padding-top:2px;
text-align:center;
width:150px;
margin:0 5px;
}

.tab a:focus {
background:url(images/menubg-link.gif) repeat-x;
color:#82BDD5;
height:20px;
}

.tabtxt {
height:20px;
margin:0;
}

.tabtxt a {
color:#f9f9f9;
height:20px;
text-decoration:none;
}

.tagcloud li a{
padding:0.2em 1em;
background:#fc6;
color:#000;
text-decoration:none;
float:left;
border:1px solid #000;
}
.tagline li{
display:inline;
 list-style: none;
}

.float-right,.navigation .next-entries {
float:right;
}

.col1 ul,#screencast-left ul {
line-height:1.5em;
margin:0 0 0 15px;
padding:0;
}

.col1 li,.col li {
background:url(images/bullet.gif) no-repeat 3px 0;
padding-bottom:10px;
}

.post-cat {
clear:both;
float:right;
margin:4px;
padding:0;
}

*,#wrapper1 {
margin:0;
padding:0;
}

a:hover,.red,div#primaryContent p.arc a,div#primaryContent h3 a,div#primaryContent p a {
color:#424A4C;
}

.basictab ul,#wrapper1 li a {
display:inline;
margin:0;
padding:0;
}

#screencast li a,#screencast-content li,#screencast-content li a {
color:#fff;
}

a,#rightbox li a {
color:#655B29;
text-decoration:none;
}
 
a:link,a:visited,a:active {
text-decoration:none;
}

.basictab a:hover,.tab a:hover {
background:url(images/menubg-hover.gif) repeat-x;
color:#FFF;
height:20px;
}

#rightbox ul ul,#rightbox ul ul ul {
list-style-type:none;
margin:0;
padding:0;
}