/*
Theme Name: ioptheme
Theme URI: http://iopblog.org
Description: Child Theme for Basic2Col
Author: PM
Author URI: http://iopblog.org
Template: thematic
Version: 0.1
.
This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
 
@import url("../thematic/style.css");



/* basic layout */

/*
LAYOUT: One-Column (Right) Fixed
DESCRIPTION: Two-column 960px fixed layout with one sidebar right of content
*/

body {
    min-width:960px;
}
#header {
    position:relative;
}
#branding {
    width:940px;
    margin:0 auto;
}
#access {
    position:relative;
    overflow:hidden;
}
.menu {
    width:940px;
    margin:0 auto;
}
#main {
    width:960px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
#container {
    width:600px;
    float:left;
}
#content {
    margin:0 0 0 10px;
    width:600px;
    overflow:hidden;
}
.main-aside {
    width:280px;
    float:right;
    position:relative;
    right:10px;
}
#secondary {
    clear:right;
}
#footer {    
    clear:both;
}


#subsidiary {
    width:940px;
    margin:0 auto;
    overflow:hidden;
}
#subsidiary .aside {
    width:280px;
    float:left;
    margin:0 20px 0 0;
}
#subsidiary #third {
    margin:0;
}
#siteinfo {
    clear:both;
    width:940px;
    margin:0 auto;
}






/* grid guide 
- check bkg colour
*/
body { 
background: #ECEDF1;  
}

/* create centered wrapper */
#wrapper {
width: 980px;
margin: 0 auto;
background: #FFF /* url("../ioptheme/images/16grid.gif") repeat-y center top */;  

}

/* hides nav from view */
#access {display:none;}

/* override header border */
#header {
border-bottom:none;
}

/* header blog title */
#blog-title a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../ioptheme/images/headerlogo.gif) no-repeat scroll center top;
display:block;
height:90px;
text-indent:-9000px;
width:940px;
}

#branding {
padding:0 0 0 0 !important;
}


/* hide description */
#blog-description
{ display:none; }


/* Content */
#main  {
padding:20px 0 0 0;
}


.entry-content {
padding:0;
width: 600px;
}

/* Links */

.entry-content a:link, .entry-content a:visited  {
color:#CC0000; }

.entry-content a:hover, .entry-content a:active {
color: #000;}


/* typography */
body, input, text {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

p, ul, ol, dd, pre {
margin-bottom:20px;
}




/* Overriding the h2 styles from the Parent Theme */
.entry-title {
color: #000000;
font-family:Arial,sans-serif;
font-size:26px;
font-weight:bold;
line-height:32px;
padding:0 0 5px 0;
border-top: 6px solid #C00;
}
.entry-title a {
color:#000000;
text-decoration:none;
}
.entry-title a:active, .entry-title a:hover {
color:#000000;
}





/* entry meta */
.entry-meta {
color:#333333;
font-size:12px;
line-height:18px;
margin-bottom: 20px;
}
.entry-meta .author {
}
.entry-meta .n {
font-size:12px;
font-style:normal;
letter-spacing:0;
text-transform:none;
}
.entry-meta a {
color:#333333;
text-decoration:none;
}
.entry-meta a:active, .entry-meta a:hover {
color:#CC0000;
}
.entry-meta abbr {
border:medium none;
cursor:text;
font-size:12px;
font-style:normal;
letter-spacing:0;
text-transform:none;
}


/* entry info */
.entry-utility {
color:#666;
font-size:12px;
line-height:18px;
margin:0 0 40px 0;
border-top: 1px solid #999;
}

.entry-utility a {
color:#000;
font-style:normal;
text-decoration:none;
}

.entry-utility a.active, .entry-utility a:hover {
color:#CC0000;
}

.hentry {
padding:0 0 20px 0;
}


/* sidebar aside */
#primary {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFF none repeat scroll 0 0;
border:0 solid;
color:#000000;
font-family:arial;
margin-bottom:0;
padding:0px 0 0;
}


.main-aside ul {
padding:0;
}

/* search */
input#s {width: 256px;
margin: 10px 5px;
font-size: 14px; 
color: #000; 
padding:2px;
border:1px solid #ababab;

}


.aside h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CC0000 none repeat scroll 0 0;
color:#FFFFFF;
font-size:14px;
line-height:auto !important;
height: 22px !important;
font-weight: bold;
padding:2px 5px; 
/* required for IE bug */ position: relative;
}

/* generic widget style */
.widgetcontainer {
border: 1px solid #C00;
margin-bottom: 20px; }

/* social networking */
li#text-442025742.widget_text {
border:0;
text-align:center;
}

/* sign-up */
li#text-442025743.widget_text {
border: 0;
background-color: #94a2ba;
padding: 5px 10px 5px 10px;
color: #fff;
border-top:6px solid #000;
}


.aside ul ul {
margin:10px 10px 20px 20px;
}

.aside a {
color:#000;
}

.aside a:active,
.aside a:hover {
    color: #CC0000;
}


.aside form, .aside table {
margin-bottom:10px;
}

/* post navigation */

.navigation {
color:#000;
font-size:21px;
line-height:26px;
margin:0 0 20px;
overflow:hidden;
}

.nav-previous {
background:none repeat scroll 0 0 #FFF;
float:left;
width:40%;
}

.nav-next {
background:none repeat scroll 0 0 #FFF;
float:right;
text-align:right;
width:40%;
}


.navigation a {
color:#CC0000; }



/* Footer white version */
#footer {
border-top:0;
margin-top:20px;
background-color: #FFF;
border-top: 20px solid #94A2BA;
color: 0;
}

li#text-442025745.widget_text, li#text-442025746.widget_text {
border: 0;
margin-bottom: 0px; }

li#text-442025746.widget_text img { 
margin: 5px 0 5px 0; }


#first.aside h3, #second.aside h3, #third.aside h3 {
background:#000 none repeat scroll 0 0;
margin-bottom: 10px;
}

#second {display:none;}





/* Footer 
Grey version

#footer {
border-top:0;
margin-top:20px;
background-color: #94A2BA;
color: 0;
}

.widgetcontainer {
border: 1px solid #C00;
margin-bottom: 20px; }


li#text-442025745.widget_text {
color: #FFF;
border:0;
}

li#text-442025745.widget_text a:link, li#text-442025745.widget_text a:visited {
color: #FFF;
}

li#text-442025745.widget_text a:active, li#text-442025745.widget_text a:hover {
text-decoration: underline;
color: #FFF;
}

*/





/* sf-menu navigation */
.sf-menu, .sf-menu * {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.sf-menu {
line-height:1;
}
.sf-menu ul {
position:absolute;
top:-999em;
width:10em;
}
.sf-menu ul li {
width:100%;
}
.sf-menu li:hover {
visibility:inherit;
}
.sf-menu li {
float:left;
position:relative;
}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left:0;
top:2.5em;
z-index:99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left:10em;
top:0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left:10em;
top:0;
}
.sf-menu {
border-right:1px solid #CCCCCC;
float:left;
}
.sf-menu a {
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
padding:9px 13px;
text-decoration:none;
}
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
border-bottom-color:#FFFFFF;
}
.sf-menu a, .sf-menu a:visited {
color:#ffffff;
}
.sf-menu li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333333 none repeat scroll 0 0;
}
.sf-menu li li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333333 none repeat scroll 0 0;
}
.sf-menu li li li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333333 none repeat scroll 0 0;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#666666 none repeat scroll 0 0;
border-bottom-color:#CCCCCC;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
.sf-menu ul {
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
top:32px;
}
.sf-menu ul ul {
margin-top:0;
}
.sf-menu ul a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#666666 none repeat scroll 0 0;
border-bottom:medium none;
}
.sf-menu ul a:hover {
color:#333333;
}