/* @override http://dogpawu.com/wp-content/themes/dogpawu/style.css */



/*

 



*/



/* --------------------------------------------------------------

   Reset

-------------------------------------------------------------- */



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.5; background: #fff; margin: 1.5em 0; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight:400; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a img { border: none; }

input,textarea { margin: 0; }

ul li { list-style-type: none; }



/* Removes Firefox imposed outline */

a { outline: none; }



/* Clearing floats without extra markup  */

.wrapper { display: inline-block; }

.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .wrapper { height: 1%; }

.wrapper { display: block; }



/* --------------------------------------------------------------

   Typography

-------------------------------------------------------------- */



/* This is where you set your desired font size. The line-heights

   and vertical margins are automatically calculated from this.

   The percentage is of 16px (0.75 * 16px = 12px). */

body { font-size: 80%; }





/* Default fonts and colors. */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }





/* Headings

-------------------------------------------------------------- */



h1,h2,h3,h4,h5,h6 { font-weight: bold; letter-spacing: -1px; }



h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }

h2 { font-size: 2em; margin-bottom: 0.75em; }

h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-size: 1em; margin-bottom: 1.5em; }

h6 { font-size: 1em; }





/* Text elements

-------------------------------------------------------------- */



p { margin: 0 0 1.5em; }



ul, ol { margin: 0 1.5em 1.5em 1.5em; }

ul { list-style-type: circle; }

ol { list-style-type: decimal; }



dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: bold; }

dl dd { margin-left: 1.5em; }



abbr, acronym { border-bottom: 1px dotted #000; }

address { margin-top: 1.5em; font-style: italic; }

del { color: #000; }



a { color: #009; text-decoration: none; }

a:hover { text-decoration: underline; }



blockquote { margin: 1.5em; }

strong { font-weight: bold; }

em, dfn { font-style: italic; }

dfn { font-weight: bold; }

pre, code { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em monospace; line-height: 1.5; }

tt { display: block; margin: 1.5em 0; line-height: 1.5; }



/******* Layout *********/



body {

margin: 0;

background-image:url(images/bgTile-x4.gif);

background: red;

font-family:Arial, Helvetica, sans-serif; /* our base font family */

}



h1, h2, h3, h4, h5, h6 {

font-family: Tahoma;

}



p {

color: #222;

font-size: 100%;

}



#wrapper {

background: #fff;

border: 3px solid #5c80a2;

border-top: none;

border-bottom: none;

width:940px;

margin: 0 auto;

}



#top-links {

    text-align:right;

}

    #top-links ul li {

        display:inline;

        padding-left:20px;

    }

    #top-links a { font-weight:bold }


/*

#header {

padding-bottom: .5em;

background: #fff;

position: relative;

}



#header ul {

margin: 0 0 1em 0;

padding: .5em 1.5em .5em .5em;

background: #f7f7f7;

border-bottom: 1px solid #eee;

}



#header ul li a {

color: #666;

font-size: 11px;

font-weight: normal;

text-transform: uppercase;

}



#header ul li a:hover {

color: #333;

}


*/


#logo {

margin: 0px 10px;

text-indent: -9999px;

width: 800px;

height: 167px;

background: url(images/header-bg.gif) no-repeat;

}

/* 

#topnav {

margin: 0;

background: #ddd;

height: 40px;

}



#topnav ul {

margin: 0;

}



#topnav ul li {

float: left;

font-size: 12px;

}



#topnav ul li.specials a {

display:  block;

height: 40px;

width: 180px;

background: #eee url(http://www.sideville.com/img/nav.gif) no-repeat;

text-indent: -9999px;

}



#topnav ul li.flyers a {

display:  block;

height: 40px;

width: 180px;

background: #eee url(http://www.sideville.com/img/nav.gif) -180px 0 no-repeat;

text-indent: -9999px;

}



#topnav ul li.league-play a {

display:  block;

height: 40px;

width: 170px;

background: #eee url(http://www.sideville.com/img/nav.gif) -360px 0 no-repeat;

text-indent: -9999px;

}



#topnav ul li.parties a {

display:  block;

height: 40px;

width: 180px;

background: #eee url(http://www.sideville.com/img/nav.gif) -528px 0 no-repeat;

text-indent: -9999px;

}



#topnav ul li.xtreme-bowl a {

display:  block;

height: 40px;

width: 230px;

background: #eee url(http://www.sideville.com/img/nav.gif) -705px 0 no-repeat;

text-indent: -9999px;

}

  

#navigation {

background: #f7f7f7;

clear:  both;

text-transform: uppercase;

border-bottom: 3px solid #102b53;

}



#navigation ul {

margin: 0 0 0 1.5em;

padding: .3em;

}



#navigation ul li {

display:inline;

font-size: 11px;

padding-right:20px;

}



#navigation ul li a {

color: #163c73;

font-weight: bold;

}


*/
   

#video-header {

    /*background:transparent url(http://www.gripture.com/headerbg.gif);*/
}


    #video-header #video {

        /*border:1px solid #999;

        background-color:#D7DDF9;
*/
        width:320px;

        height:256px;

    }

    #video-header #video-text {

        color: #fff;

        float:left;

        width:500px;

    }

#video-header #video-text h2 {

color: #fff;

text-transform: uppercase;

font-size: 20px;

}

#video-header #video-text p {

color: #87BCEE;

}

   

#main {

    border-left:0px solid #999;

    border-right:0px solid #999;

}

    .homepage {        /* handles the borders on the home page */

        background-image:url('images/main-bg2.gif');

        background-repeat:repeat-y;

        background-position:right;

        zoom:1;

    }

    .inner {        /* handles the borders on the inner pages */

        background-image:url('images/main-inner-bg2.gif');

        background-repeat:repeat-y;

        background-position:right;

        zoom:1;

    }



/* homepage columns */

#home-left {

    float:left;

    width:590px;

}



#home-center {

    float:left;

    width:250px;

}



#home-right {

    float:left;

    width:246px;

}



li.testimonial p {

color: #555;

font: 13px Georgia;

font-style: italic;

}



/* inner columns */

#left-col {

    float:left;

    width:100%;
	min-height:400px;

}



#right-col {

    float:left;

    width:246px;

}



#footer {

    background-color:#fff;

    text-align:center;
    
    padding:20px 0px;
    
    border-top:1px solid #ccc;
    
    width:960px;
    
    overflow: hidden;
    

}



/*** General Styles ***/

strong { font-weight:bold; }

em, i { font-style:italic; }

blockquote { margin:0px 20px; }


p { margin-bottom:8px;
}

a { text-decoration:none; color:#222222; } /* set to dark grey for now */

a:hover { text-decoration:underline; }

a img { border:none; }

.padding { padding:20px; }

.notop { margin-top:0; padding-top:0; }

.nobottom { margin-bottom:0; padding-bottom:0; }

.noleft { margin-left:0; padding-left:0; }

.noright { margin-right:0; padding-right:0; }

.clear { clear:both; height:1px; font-size:1px; line-height:1px; }



img.right, .alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; float:right; }

img.left, .alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; float:left; }

.images-tight img.left, .images-tight .alignleft { margin-right:3px; }

img.centered, .aligncenter { display: block; margin-left: auto; margin-right: auto; }



.author {

    color:#666;

}

#dottedline{
background:transparent url(images/dottedline.jpg);
height:2px;

}
.dottedlinevertical{
background:transparent url(images/dottedline.jpg);
background-repeat:repeat-y;
float:left;

}
#boxone{
background:transparent url(images/boximage.jpg);
height:130px;
margin-bottom:20px;
margin-left:60px;
margin-top:20px;
width:180px;
float:left;

}
#boxtwo{
background-color:#999999;
height:130px;
margin-bottom:20px;
margin-left:30px;
margin-top:20px;
width:180px;
float:left;
}
#boxthree{
background-color:#999999;
height:130px;
margin-bottom:20px;
margin-left:30px;
margin-top:20px;
width:180px;
float:left;
}
#boxfour{
background-color:#999999;
height:130px;
margin-bottom:20px;
margin-left:30px;
margin-top:20px;
width:180px;
float:left;
}
#virtualbox{
background-color: transparent;
height:130px;
margin-bottom:20px;
margin-top:20px;
width:1px;
}

#wrapper {
width:960px;
}

img#biglogo {
margin-bottom:24px;
padding-bottom:20px;
border-bottom:0px solid #ccc;
}

#wrapper #navigation {
margin:0px;
padding:0px;
margin-bottom:0px;
margin-left:35px;
padding-bottom:25px;
}

#wrapper #navigation ul#mainnav {
width:900px;
padding:0px;
margin:0px;
height:130px;
}

#wrapper #navigation ul#mainnav li {
margin:0px;
padding:0px;
display:inline;
}

#wrapper #navigation ul#mainnav li a {
float: left;
padding: 130px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:20px; /* for IE5/Win only */
}
	
#wrapper #navigation ul#mainnav li a:hover {
background-position: 0 -130px;
}

#usa a  {
width: 180px;
margin-right: 45px;
background: url(images/nav-usa.png) no-repeat top left ;
}

#toledo a  {
width: 180px;
margin-right: 45px;
background: url(images/nav-toledo.png) no-repeat top left ;
}

#ladies a  {
width: 180px;
margin-right: 45px;
background: url(images/nav-ladies.png) no-repeat top left ;
}

#lbj a  {
width: 180px;
margin-right: 0px;
background: url(images/nav-lbj.png) no-repeat top left ;
}


#left-col {
width:550px;
float:left;
padding:25px 25px 50px 35px;
background-position: left bottom;
background-repeat: no-repeat;
position: relative;
}

img#mascots {
float:left;
clear: both;
margin-left: 35px;
}

#left-col img {
text-align:center;
padding:10px 0px;
}

#right-col {
width:305px;
border-left:0px solid #ccc;
padding:25px 20px 40px 20px;
text-align:center;
}

#right-col img.winner {
margin-bottom:4px;
padding-bottom:0px;
}

p.winnerCap {
margin-bottom:20px;
font-size: 11px;
color:#666;
}

img#pdf {
margin-bottom:35px;
}


img.tape {
margin-bottom:15px;
}


#wrapper #right-col p#download-text {
margin-bottom:5px;
color:#336699;
}


#wrapper #right-col #map{
margin-bottom:35px;
}

#wrapper #right-col a{
text-decoration:underline;
color:#336699;
font-size:15px;
}

#wrapper #right-col a:hover{
text-decoration:none;
}

#wrapper #right-col #formContain {
clear:both;
width:305px;
}

#wrapper #right-col #formContain input {
width:200px;
padding-bottom:5px;
margin-bottom:5px
}

td.left {
width:40%;
padding-bottom:5px;
}

td.titleInfo {
width:100%;
padding-bottom:10px;
margin-bottom:10px;
}


#top-links {

    text-align:right;

}

    #top-links ul li {

        display:inline;

        padding-left:20px;
        
        font-size: 14px;

    }

    #top-links a { color:#fff;font-weight:bold }
    
    #top-links a:hover { color:#fff;font-weight:bold }

#topnav {

margin: 0;

background: #ddd;

height: 40px;

}



#topnav ul {

margin: 0;
margin-bottom:0px;

}



#topnav ul li {

float: left;

font-size: 12px;

}

body {
background-image: url(images/bgTile-x4.gif);
background-repeat: repeat;
background-color: #cb181b;
}

body #wrapper #header.bg {
background: url(images/header-bg5.jpg);
height: 451px;
}


ul#results {
font-size:20px;
margin-left:0px;
}

li.pdf {
background-image: url(images/pdf-icon.jpg);
line-height:2em;
margin-bottom:10px;
background-repeat: no-repeat;
background-position: 0 .5em;
padding:12px 0px 5px 50px;
}

li.pdf a{
text-decoration:underline;
color:#336699;
}

li.pdf a:hover{
text-decoration:none;
color:#336699;
}


/* Custom CSS - csimmonswork@gmail.com */
body #wrapper #header.bg {
position:relative;
}
.twentyten-icon {
position:absolute;
z-index:999;
left:800px;
top:105px;
}



