body,html {
        margin:0px;
        padding:0px;
        width:100%;
        height:100%;
        font-family: "Optima", sans-serif;
	background-color:#FFFFFF;
}

body {
    background-image:-webkit-gradient(linear, left top, left bottom, from(#E0ECF8), to(#FFFFFF));
    background-image:-moz-linear-gradient(-90deg, #E0ECF8, #FFFFFF);
}

p {margin-bottom:1em;}

a { color:#3C73DC; text-decoration:none;}
        a:hover {text-decoration:underline;}

a>img {border:none;}

ul {margin:0; padding:0;}

h1 {font-size:2.5em;}
        h1 img {height:40px; width:40px;}

h2 {font-size:1.5em; color:#3C73DC; text-shadow: 1px 1px 0px #CCC; margin-bottom:0.5em;}

h3 {text-shadow: 1px 1px 0px #CCC;}

h4 {font-size:1.1em; color:#3C73DC; text-shadow: 1px 1px 0px #CCC;}

code {background-color:#ECECEC; text-shadow: 1px 1px 1px #FFFFFF;}

textarea {margin-bottom:1em;}

div#header-new {
        width:960px;
        margin:0 auto 0 auto;
        padding:10px 10px 0px 10px;
        background-color:#F7F7F7;
        border:1px grey solid;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#FFFFFF));
        background-image:-moz-linear-gradient(-90deg, #ECECEC, #FFFFFF);
        -webkit-border-top-right-radius:10px;
        -moz-border-radius-topright:10px;
        border-top-right-radius:10px;
        -webkit-border-top-left-radius:10px;
        -moz-border-radius-topleft:10px;
        border-top-left-radius:10px;
}
        #header-title {
                font-size:2em;
                text-shadow: 1px 1px 0px #CCC;
                -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
                font-weight:bold;
                text-decoration:none;
        }
                #header-title a {
                        color:#000000;
                }
                #header-title a:hover {
                        text-decoration:none;
                }
                #header-title img {
                        height:40px;
                        width:40px;
                        border:none;
                }
div#navigation-menu {
        width:850px;
        height:30px;
        margin: 10px auto 0 auto;
        padding-bottom:10px;
        float:bottom;
        background-color:#E3F0FC;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#E0ECF8), to(#FFFFFF));
        background-image:-moz-linear-gradient(-90deg, #E0ECF8, #FFFFFF);
        border-top:1px gray solid;
        border-right:1px gray solid;
        border-left:1px gray solid;
        -webkit-border-top-right-radius:10px;
        -moz-border-radius-topright:10px;
        border-top-right-radius:10px;
        -webkit-border-top-left-radius:10px;
        -moz-border-radius-topleft:10px;
        border-top-left-radius:10px;
}


div#main {
        width:980px;
        min-height:400px;
        background-color:white;
        margin:0px auto 5px auto;
        border:thin gray solid;
        border-top:none;
        -webkit-border-bottom-right-radius:10px;
        -moz-border-radius-bottomright:10px;
        border-bottom-right-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        -moz-border-radius-bottomleft:10px;
        border-bottom-left-radius:10px;
        overflow:hidden;
}
        #main p,h1,h2,h3,h4,textarea,span {
                margin-left: 5px;
        }

#page_content {
        width:690px;
        min-height:380px;
        padding:20px 10px 0 10px;
        float:left;
        overflow:hidden;
}

#right_column {
	width: 259px;
        padding:5px 5px 0 5px;
        margin-bottom:8px;
	float:left;
        background-color:#F9F9F9;
	position:relative;
        overflow:hidden;
        border-left:thin gray solid;
        border-bottom:thin gray solid;
        -webkit-border-bottom-left-radius:10px;
        -moz-border-radius-bottomleft:10px;
        border-bottom-left-radius:10px;
}
#main h1 {
	text-align:center;
	text-shadow: 1px 1px 0px #CCC;
	-webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
        margin-bottom:0.7em;
}

img.h1 {
	height:40px;
	width:40px;
}

#spacer {
	height: 5px;
}

#footer {
	font-size:14px;
        text-align:center;
}
	#footer p {
		margin-bottom:0px;
	}


/*------------------------------*/
/* Horizontal Navigation Menu */
/*--------------------------*/
.nav-links {
	margin:10px 0 0 65px;
	padding:0;
        font-size:1em;
        text-align:center;
        list-style:none;
        left:auto;
}
.nav-links li {
        padding:0 10px;
        position:relative;
        float:left;
        cursor:pointer;
}
.nav-links li,li a,li:hover,li a:hover { /* Appearance of top-level items */
        color:#000000;
        text-decoration:none;
}
.nav-links li a img,li img {
        opacity:0.6;
        border:none;
        height:1em;
}
.nav-links li:hover a img,li:hover img {
        opacity:1;
}
.nav-links li:hover ul { /* Appearance of drop-down/fly-out lists */
        width:125px;
        margin:0;
        padding:0;
        position:absolute;
        top:1em;
        left:0px;
        background-color:rgba(0,0,0,0.6);
        overflow:visible;
        z-index:5;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        -moz-box-shadow:-2px 2px 10px #888888;
        -webkit-box-shadow:-2px 2px 10px #888888;
        box-shadow:-2px 2px 10px #888888;
}
.nav-links li ul li,li:hover ul li ul {
        display:none;
}
.nav-links li:hover ul li { /* Drop-down/fly-out list items */
	display:block;
        float:none;
        margin:0;
        padding:0 3px 0 3px;
}

.nav-links li:hover ul li:nth-child(even) {
	background-color:rgba(142,142,142,0.6);
}
.nav-links li:hover ul li:first-child {
        padding-top:3px;
}
.nav-links li:hover ul li:last-child {
        padding-bottom:3px;
}
.nav-links li:hover ul li a {
	color:#FFFFFF;
	text-decoration:none;
	text-shadow: 1px 1px 0px #000000;
}
.nav-links br {
        clear:right;
}
.nav-links li:hover ul li:hover ul { /* Position of fly-out lists */
        display:block;
        position:absolute;
        top:0;
        left:125px;
}

#copyright {
        text-align:center;
        margin-top:5px;
        color:#333;
}


/* General style stuff (not layout) */

.rounded {
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
        padding:3px;
}
.shadow {
        -moz-box-shadow:-2px 2px 10px #888;
        -webkit-box-shadow:-2px 2px 10px #888;
        box-shadow:-2px 2px 10px #888;
}
        
.reflect {
        -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(1, transparent), to(white));
        margin-bottom:0.7em;
}

.text-shadow {
        text-shadow: 1px 1px 0px #CCC;
}

ul.indent {
       margin-bottom:1em; 
}

.indent li {
        margin-left:2em;
}

/* More specific stuff */

div.box-links {
        margin-bottom:10px;
}

.box-links a {
	width:140px;
	height:140px;
	margin:3px;
	padding:8px;
        color:#333333;
        text-decoration:none;
	text-align:center;
	float:left;
	-moz-box-shadow:-2px 2px 10px #888;
	-webkit-box-shadow:-2px 2px 10px #888;
	box-shadow:-2px 2px 10px #888;
	-webkit-border-radius:10px;
         -moz-border-radius:10px;
         border-radius:10px;
}
	.box-links a:hover {
                color:#3C73DC;
                text-decoration:none;
		-moz-box-shadow:inset 1px 1px 10px #888;
		-webkit-box-shadow:inset 1px 1px 10px #888;
		box-shadow:inset 1px 1px 10px #888;
	}
	.box-links {
		margin-left:30px;
	}
        .box-links a:active {
		background: #ececec;
	}
	.box-links img {
		height:80px;
		border:none;
	}
        .box-links span {
                display:block;
                margin:0;
                padding:0;
        }
        .box-links br {
                clear:both;
        }

.step {
        width:88%;
        margin:5px 4% 5px 4%;
        padding:0 15px 15px 15px;
        border:1px solid gray;
        background:#fff;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
}
        .step h3 {
                padding:10px;
                margin:0 -15px 0 -15px;
                font-size:1.7em;
                color:#3C73DC;
                font-weight:bold;
                text-shadow: 1px 1px 0px #CCC;
                background-image:-webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#FFFFFF));
                background-image:-moz-linear-gradient(-90deg, #ECECEC, #FFFFFF);
                background-color:#FFFFFF;
                -webkit-border-top-right-radius:10px;
                -moz-border-radius-topright:10px;
                border-top-right-radius:10px;
                -webkit-border-top-left-radius:10px;
                -moz-border-radius-topleft:10px;
                border-top-left-radius:10px;
        }
                .step h3 img {
                        width:1.5em;
                        height:1.5em;
                }
        .step br {
                clear:both;
        }
        .step .dictionaries li {
                width:180px;
                margin:0 0 10px 10px;
                float:left;
                list-style:none;
                text-align:center;
        }
        .step .dictionaries li img {
                height:128px;
        }
.orange {
	color: #F88017;
        margin-bottom:0;
}

.caption {
        font-size:0.8em;
        font-style:italic;
        margin:0;
        padding:0;
        text-align:center;
}

.next {
        color:#3C73DC;
        text-align:right;
        text-decoration:none;
        display:block;
        font-weight:bold;
        margin:1em 0 1em 0;
}
        .next:hover {
                text-decoration:underline;
        }

.centre {
        text-align:center;
}

.compare-table tr.header {
        text-align:center;
}

.compare-table tr:nth-child(even) td {
        background-color:#E0ECF8;       
}

.compare-table td {
        width:200px;
        text-align:center;
}
        .compare-table td:first-child {
                font-weight:bold;
                text-align:left;
        }
        .compare-table td.yes:before {
                content:url('../images/icons/32/check.png');
        }
        .compare-table td.no:before {
                content:url('../images/icons/32/circle_red.png');
        }
        .compare-table td.maybe:before {
                content:url('../images/icons/32/circle_yellow.png');
        }
.compare-table img {
        width:24px;
        height:24px;
}
.contact {
        margin:0px 1px 0px 1px;
        padding: 0px 2px 1px 2px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}
        .contact:hover {
                color:#FCFCFC;
                background-color:#666666;
                -moz-box-shadow:2px 2px 7px #888;
                -webkit-box-shadow:2px 2px 7px #888;
                box-shadow:2px 2px 7px #888;
                text-decoration:none;
        }

a.pp {
        margin:0 0 15px 10px;
        color:#000000;
        float:left;
        list-style:none;
        text-align:center;
}
        a.pp:hover {
                text-decoration:none;
                color:#3C73DC;
                -moz-box-shadow:1px 1px 7px #E0ECF8;
                -webkit-box-shadow:1px 1px 7px #E0ECF8;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border-radius:5px;
        }
        a.pp img {
                border:none;
                text-decoration:none;
                max-height:128px;
                height:128px;
                opacity:1;
        }
        a.pp span {
                margin:0;
                padding:0;
                font-size:0.8em;
                font-style:italic;
                text-align:center;
        }




.content-tabs {
        height:49px;
        margin:0 -10px 20px -10px;
        border-bottom:thin gray solid;
}
.content-tabs ul li {
        float:left;
        margin: 20px 2px 0 2px;
        list-style:none;
}
.content-tabs ul li:first-child {
        margin-left:10px;
}
.content-tabs ul li a {
        padding:10px;
        font-size:14px;
        color:#000000;
        font-weight:bold;
        text-shadow: 1px 1px 0px #CCC;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#FFFFFF));
        background-image:-moz-linear-gradient(-90deg, #ECECEC, #FFFFFF);
        background-color:#FFFFFF;
        -webkit-border-top-right-radius:10px;
        -moz-border-radius-topright:10px;
        border-top-right-radius:10px;
        -webkit-border-top-left-radius:10px;
        -moz-border-radius-topleft:10px;
        border-top-left-radius:10px;
        border:thin gray solid;
}
.content-tabs ul li a:hover {
        background-image:-webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FFFFFF));
        background-image:-moz-linear-gradient(-90deg, #CCC, #FFFFFF);
        background-color:#EEEEEE;
        text-decoration:none;
}
.content-tabs ul li a.current {
        color:#3C73DC;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FFFFFF));
        background-image:-moz-linear-gradient(-90deg, #CCC, #FFFFFF);
        background-color:#EEEEEE;
        border-bottom:thin white solid;
}


.expand-table {
        margin-bottom:2em;
}
.expand-table h3 {
        width:90%;
        border-right:1px solid gray;
        border-left:1px solid gray;
        padding:1%;
        font-size:1.2em;
        text-shadow: 1px 1px 0px #CCC;
        margin:0 4% 0 4%;
        cursor:pointer;
    }
.expand-table .acc-section {overflow:hidden; background:#fff;}
.expand-table .acc-content {
        width:88%;
        margin:0 4% 0 4%;
        padding:2%;
        border:1px solid gray;
        background:#fff;
    }
.expand-table li:nth-child(odd) h3 {
        background-color:#E0ECF8;       
    }
.expand-table span,#expand-table-title span {
        width:100px;
	height:100%;
        text-align:center;
	border-left:thin gray solid;
	display:inline-block;
    }
.expand-table span img {
        width:28px;
        height:28px;
}
#expand-table-title span {
        border-color:#FFFFFF;
}
.expand-table span:first-child,#expand-table-title span:first-child {
	width:280px;
	text-align:left;
	border-left:none;
    }
.expand-table span:last-child,#expand-table-title span:last-child {
        border-right:none;
    }
#expand-table-title {
        width:90%;
        padding:1%;
        font-size:1.2em;
        text-shadow: 1px 1px 0px #CCC;
        margin:0 4% 0 4%;
        cursor:auto;
}

/*-------------------------------*/
/* External stuff (ads, feeds) */
/*---------------------------*/

#atffc {display:none;} /*This is so the AddThis widget doesn't add space to the top of a page */

.adsense_banner {
        width:728px;
        margin:0 auto 10px auto;
        text-align:center;
        background-color:#ECECEC;
}
        .adsense_banner p {
                margin:0;
                padding:0;
                font-style:italic;
                font-size:0.8em;
        }
.as-banner-bottom,.as-banner-top {
        width:100%;
        border-top:1px gray solid;
        height:105px;
}

.as-button {
        margin:5px;
}

.adsense-skyscraper {
        width:160px;
        margin:10px auto;
}

.ad_buttons,.ab-buttons {
        border-top:thin #848484 solid;
        border-bottom:thin #848484 solid;
}

.adbrite-button-links {
        width:155px;
        margin:5px auto 5px auto;
        padding-left:5px;
        border:thin #848484 solid;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#FFFFFF));
	background-image: -moz-linear-gradient(-90deg, #DADADA, #ECECEC);
}
        .adHeadline {
                text-align:center;
        }

.adsense-content-banner {
        width:468px;
        height:60px;
        margin:20px auto;
        padding:10px;
        border:thin gray solid;
        background-color:#F5F5F5;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
}

.adsense-link-banner {
        padding-top:4px;
        margin:0 5px 5px 0;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
}

.amazon {
        width:120px;
        height:240px;
        margin:0;
        padding:0;
}

.feedburner-button {
        width:180px;
        margin:0 auto 5px auto;
        display:block;
}
        
        
#google-search {
        margin-right:3px;
        float:right;
}

.google_results {
        margin-left:5px;
}
#search-results { width:940px;}
#cse-search-results {margin:10px;}
.google-search-element {
        width:950px;
        margin:0 auto 0 auto;
}

#oneandone-green {
        width:205px;
        margin:10px auto 10px auto;
        text-align:center;
}