@charset "utf-8";
/*   
Theme Name: Dutchism
Theme URI: http://dutchism.com
Description: A search engine optimized website framework for WordPress.
Author: Dutchy
Author URI: http://dutchism.com/
Version: 1.0
.
Your theme will be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Import a basic layout */
@import url('styles/2c-r.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');


body {
        margin: 0;
		background-image:url(images/grid.gif);
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height:1.8em;
}

#wrapper{
width:100%;
background-image:url(images/headerBack.jpg);
background-position:top left;
background-repeat:repeat-x;
}

h2{
font-size:24px;
letter-spacing:-1px;
margin-bottom:.8em;
font-family:"museo-1", "museo-2", san-serif;
font-weight:500;
text-shadow:1px 2px 2px #CCCCCC;
}

#secondary h2{
text-shadow:1px 2px 2px #333;
}

h1{
font-size:36px;
letter-spacing:-1px;
margin-bottom:.8em;
line-height:1em;
font-family:"museo-1", "museo-2", san-serif;
font-weight:700;
text-shadow:2px 3px 3px #CCC;
color:#333333;
}

h3{
font-size:24px;
font-family:"museo-1", "museo-2", san-serif;
font-weight:500;
text-shadow:1px 2px 2px #333;
letter-spacing:normal;
}


a{
font-weight:bold;
color:#FF0000;
text-decoration:none;
}

a:hover{
color:#00FF00;
}

/* =Header
-------------------------------------------------------------- */
#header{
width:960px;
margin:0 auto;
height: 260px;
background-image:url(images/headerExtra.png);
background-position:bottom right;
background-repeat:no-repeat;
}

#branding {
        margin: 0 0 1.5em 0;
}


/* =Menu
-------------------------------------------------------------- */

#access {
        margin: 0 0 1.5em 0;
        overflow: auto;
}
.skip-link {
        display: none;
}
.menu {
width:560px;
float:left;
}

.menu ul {
        list-style: none;
        margin: 0;
}
.menu ul ul {
        display: none;
}
.menu li {
        display: inline;
}
.menu a {
        display: block;
        float: left;
}

#main-nav{
/*background:url(images/BlingMenu.jpg) no-repeat;*/

height:60px;
margin:0;
padding:0;
}

#main-nav span{
display:none;
}

#main-nav li, #main-nav a {
height:60px;
display:block;
}

#main-nav li {
float:left;
list-style:none;
display:inline;
}

#main-nav-01 a{
width: 60px;
margin-right:20px;
background:url(images/nav.jpg) 0px 0px no-repeat;
}

#main-nav-02 a{
width: 60px;
margin-right:20px;
background:url(images/nav.jpg) -80px 0px no-repeat;
}

#main-nav-03 a{
width: 60px;
margin-right:20px;
background:url(images/nav.jpg) -160px 0px no-repeat;
}

#main-nav-04 a{
width: 60px;
margin-right:20px;
background:url(images/nav.jpg) -240px 0px no-repeat;
}

#main-nav-05 a{
width: 60px;
margin-right:20px;
background:url(images/nav.jpg) -320px 0px no-repeat;
}

#main-nav-06 a{
width: 60px;
margin-right:20px;
background:url(images/nav.jpg) -400px 0px no-repeat;
}

#main-nav-01 a:hover, .home #main-nav-01 a{
background:url(images/nav.jpg) 0px -60px no-repeat;
}

#main-nav-02 a:hover, .page-template-dutchism-web-design-php #main-nav-02 a {
background:url(images/nav.jpg) -80px -60px no-repeat;
}

#main-nav-03 a:hover, .page-template-dutchism-logo-design-php #main-nav-03 a {
background:url(images/nav.jpg) -160px -60px no-repeat;
}

#main-nav-04 a:hover, .page-template-dutchism-print-design-php #main-nav-04 a {
background:url(images/nav.jpg) -240px -60px no-repeat;
}

#main-nav-05 a:hover, .blog #main-nav-05 a, .single #main-nav-05 a, .archive #main-nav-05 a, .category #main-nav-05 a {
background:url(images/nav.jpg) -320px -60px no-repeat;
}

#main-nav-06 a:hover, .page-template-contact-dutchism-php #main-nav-06 a, .page-template-contact-success-php #main-nav-06 a {
background:url(images/nav.jpg) -400px -60px no-repeat;
}


/* =Content
-------------------------------------------------------------- */
#featured {
height:330px;
margin:0 auto 15px;
position:relative;
width:960px;
background-image:url(images/sliderBack.jpg);
background-repeat:no-repeat;
background-position:top center;
}

.featureContainer{
overflow:hidden;
height:280px;
left:0;
margin:25px 80px;
overflow:auto;
position:absolute;
top:0;
width:800px;
}

.featureContainer ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:#EEEEEE none repeat scroll 0 0;
border-bottom:3px solid #E0A213;
border-top:3px solid #E0A213;*/
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
position:absolute;
top:0;
width:99999px;
}

.featureContainer ul li {
display:block;
float:left;
height:317px;
margin:0;
padding:0;
width:800px;
}

#featured .forward{
background-position:-70px 0;
right:5px;
}

#featured .forward:hover{
background-position:-70px -90px;
}

#featured .back {
background-position:0px 0;
left:0px;
}

#featured .back:hover{
background-position:0px -90px;
}

.arrow{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/Arrows.png) no-repeat scroll 0 0;
cursor:pointer;
display:block;
height:90px;
position:absolute;
text-indent:-9999px;
top:165px;
width:75px;
}

#thumbNav {
position:relative;
text-align:center;
top:323px;
}

#thumbNav a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-x-system-font:none;
/*background:#C58B04 url(../images/cellshade.png) repeat-x scroll 0 0;*/
color:#333333;
display:inline-block;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:18px;
line-height:18px;
margin:0 5px 0 0;
padding:5px 20px;
text-align:center;
text-decoration:none;
}

#thumbNav a.cur {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
color:#FF0000;
font-weight:bold;
}

#start-stop {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#666666;
color:#FFF;
text-decoration:none;
padding:2px 5px;
position:absolute;
right:80px;
text-align:center;
top:323px;
width:40px;
}

#servicesContainer {
position:relative;
margin:30px auto 15px;
border-top:0px dotted #666666;
width:940px;
padding:30px 10px;
background-color:#FFFFFF;
}

#services{
position:relative;
padding:10px;
width:292px;
float:left;
border-right:1px dashed #CCC;
height:200px;
}

#services.first{
border-left:1px dashed #CCC;
background-image:url(images/world_globe.png);
background-position:top right;
background-repeat:no-repeat;
}

#services.second{
background-image:url(images/promotion.png);
background-position:top right;
background-repeat:no-repeat;
}

#services.third{
background-image:url(images/printer.png);
background-position:top right;
background-repeat:no-repeat;
}

#services.first h2{
color:#FF0000;
margin-bottom:40px;
font-size:36px;
}

.first a{
color:#FF0000;
margin-bottom:40px;
}

#services.second h2{
color:#00FF00;
margin-bottom:40px;
font-size:36px;
}

.second a{
color:#00FF00;
margin-bottom:40px;
}

#services.third h2{
color:#0000FF;
margin-bottom:40px;
font-size:36px;
font-weight:300;
}

.third a{
color:#0000FF;
margin-bottom:40px;
}

#webThumbs{
position:relative;
padding:10px;
width:280px;
float:left;
border:1px dashed #CCC;
margin-right:5px;
margin-bottom:10px;
text-align:center;
}

#webThumbs img{
border: 2px solid #333333;
margin:0 auto;
}

#webThumbs h2{
background-color:#999999;
color:#FFFFFF;
height:32px;
padding:3px;
text-shadow:1px 2px 2px #333;
}

.PrintWindow{
position:relative;
padding:10px;
width:140px;
float:left;
border:1px dashed #CCC;
margin-right:25px;
margin-bottom:10px;
text-align:center;
}

.PrintWindow img{
border: 2px solid #333333;
margin:0 auto;
}

.PrintWindow h2{
background-color:#999999;
color:#FFFFFF;
height:42px;
padding:3px;
font-size:18px;
}

#homePosts{
position:relative;
padding:15px;
width:270px;
float:left;
border-right:1px dashed #CCC ;
margin-bottom:20px;
height:300px;
}
.post {
        margin: 0 0 3em 0;      
}
.entry-content, .entry-summary {
        margin: 1.5em 0 0 0;
}

.entry-content{
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

.entry-meta{
border-bottom:1px dashed #CCC;
color:#999999;
}

.entry-utility{
border-top:1px dashed #CCC;
color:#999999;
}

#comments{
border-top:1px dashed #CCC;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
        margin: 0 0 1.5em 0;
        overflow: auto; 
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
        list-style: none;
        margin-left: 0;
}
.widget-area ul ul {
        list-style: none;
        margin-left: 0;
}
.widget-area ul ul ul {
        margin-left: 2.5em;
}
.widget-container {
        margin: 0 0 1.5em 0;
}

.widget-area li{
width:300px;
float:left;
}

.widget-area li a{
color:#00FF00;
}

.widget-area li a:hover{
color:#999999;
}

#secondary.widget-area li{
width:292px;
margin-right:20px;
float:left;
border-right:1px dashed #999999;
}

.widget_archive{
position:relative;
float:left;
}

.widget_links{
position:relative;
float:right;
}

.widget-title{
clear:none;
float:left;
}

#secondary .widget-title{
clear:none;
float:left;
font-size:24px;
letter-spacing:-2px;
margin-bottom:0.8em;
}