/*
   Theme Name: Din & Tonics Wordpress Theme
   Theme URI: http://dins.com
   Description: Wordpress theme built for dins.com
   Author: Brett Harrison
*/



/* Begin Typography & Colors */

#content {
    font-size: 1.2em
}

#page strong {
    color: #33ff33;
}

.narrowcolumn {
    color: #ffffff;
    font-family: georgia;
}

.narrowcolumn .post h2, h3 {
    color: #33ff33;
    font-size: 24px;
    font-family: georgia;
    margin-bottom: 5px;
}

.narrowcolumn .post p {
    color: white;
    font-size: 1.2em;
}

.narrowcolumn #respond h3, p {
    color: #777777;
}

.widecolumn {
    line-height: 1.6em;
}

.thread-odd, .thread-even {
    background-color: #333333;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.commentlist li .avatar {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
}

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    color: #33ff33;
}

.commentlist p, .says {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    color: white;
}

/* End Typography & Colors */



/* Begin Structure */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background-image: url(images/gradient1.jpg);
    background-repeat: repeat-x;
    background-color: #0a0a0a;
    color: #333;
    text-align: center;
}

#border_frame {
    width: 714px;
    height: auto;
    margin: auto;
    background-image: url(images/shadowguy.png);
    background-repeat: repeat-y;
}

#page {
    width: 700px;
    height: auto;
    margin: auto;
    background-color: black;
    border: 1px solid white;
}

#page a {
    color: #33ff33;
    text-decoration: none;
}

#page a:hover {
    text-decoration: underline;
}
#header {
    background-image: url(images/navbar_gradient_long.jpg);
    background-repeat: repeat-x;
    background-color: black;
    height: 115px;
}

#corner_logo {
    float: left;
    height: 113px;
    width: 94px;
    background-image: url(images/spoon1.png);
}

#header_top {
    border-bottom: 2px solid #33ff33;
    width: 605px;
    height: 88px;
    float: right;
    position: relative;
}

#text_logo {
    height: 47px;
    width: 177px;
    line-height: 12px;
    position: absolute;
    left: 0;
    bottom: 5px;
    background-image: url(images/spoontext.png);
}

#header_bottom {
    float: right;
    width: 605px;
    height: 25px;
}

#text_sublogo {
    float: left;
    width: 210px;
    height: 11px;
    margin-top: 5px;
    text-align: left;
    background-image: url(images/spoontext2.png);
}

#navbar {
    width: 375px;
    height: 75px;
    position: absolute;
    right: 0;
    top: 35px;
    text-align: left;
}

ul#nav {
    padding-left: 0px;
}

#navbar li {
    display: inline;
    padding: 0px 0px 5px 6px;
}

#navbar a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    color: white;
    text-decoration: none;
}

#navbar a.current {
    color: #999999;
}

#navbar a.current:hover {
    color: #33ff33;
}

#navbar a:hover {
    color: #33ff33;
    text-decoration: none;
}

#subnavbar {
    padding-right: 5px;
    padding-left: 0px;
    height: 25px;
    text-align: left;
    background-image: url('images/subnavbar_gradient.jpg');
    background-repeat: repeat-x;
    background-color: black;
    position: absolute;
    bottom: -4px;
    right: 0px;
}

#subnavbar ul {
    padding: 0px;
}
#subnavbar a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    padding-left: 1px;
    color: white;
}

#subnavbar a:hover {
    color: black;
    text-decoration: none;
}

#subnavbar a.current {
    color: #333333;
}

#subnavbar a.current:hover {
    color: #000000;
}

#header_image {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

#header_image img {
    width: 700px;
}

.narrowcolumn {
    float: left;
    margin: 20px 10px 20px;
    padding: 10px;
    width: 420px;
    background-color: #1e1e1e;
    text-align: left;
    border: 1px solid #555555;
}

.narrowcolumn li {
    font-size: 11pt;
}

#videos_box {
    padding: 0px 0px 10px 0px;
    margin-top: 90px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px;
    width: auto;
    background-color: #1e1e1e;
    border: 1px solid #555555;
}

#videos_box h2 {
    color: #33ff33;   
}

#footer {
    padding: 0;
    margin: 0 auto;
    width: 700px;
    clear: both;
}

#footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
}


#footer_navbar {
    margin-top: 10px;
    margin-bottom: 20px;
    width: auto;
    text-align: center;
    margin-left: -35px;
}

#footer_navbar li {
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
    padding-left: 0px;
}

#footer_navbar a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    color: white;
}

#footer_navbar a:hover {
    color: #33ff33;
    text-decoration: none;
}

#footer_navbar a.current {
    color: #999999;
}

#footer_navbar a.current:hover {
    color: #33ff33;
}


#footer_image {
    margin: auto;
    width: 130px;
    height: 175px;
    background-image: url(images/ice_logo.jpg);
}

#footer_text {
    color: white;
}

#footer_text a {
    color: #33ff33;
    text-decoration: none;
    font-weight: bold;
}

#footer_text a:hover {
    text-decoration: underline;
}

.pagetitle {
    font-size: 20px;
    font-weight: bold;
    /*font-family: "lucida grande", tahoma, arial;*/
    color: white;
    padding: 5px 5px 5px 5px;
    background: #2f2f2f;
    border-bottom: 1px solid #555555;
    height: auto;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    width: auto;
}

#sidebar {
    float: right;
    width: 215px;
    margin-right: 10px;
}

#sidebar ul {
    width: auto;
    padding: 0px;
}

#sidebar li {
    display: block;
    width: auto;
    margin: 0px;
}

.sidebox {
    width: auto;
    margin: auto;
    color: white;
    text-align: left;
    font-size: 12px;
    height: auto;
    background-image: url('images/frill2.jpg');
    background-repeat: repeat-x;
    padding-top: 5px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid #33ff33;
    margin-bottom: 50px;
    /* not sure about the border-right, but i kinda like it */
    
}

.sidebox_title {
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 2px;
    padding-bottom: 7px;
    background-image: url('images/lime.png');
    background-repeat: no-repeat;
    background-position: top right;
}

#page .sidebox_title a {
    color: white;
}

/* End Structure */


/* Begin Form Elements */
#searchform {
    padding: 5px 3px;
    text-align: center;
}

#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
}

#sidebar #searchsubmit {
    padding: 1px;
}

.entry form {/* This is mainly for password protected posts, makes them look better. */
    text-align:center;
}

.entry, .entry center {
 font-size: 1em;
}

select {
    width: 130px;
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}

#commentform {
    margin: 5px 10px 0 0;
}
#commentform textarea {
    width: 90%;
    padding: 2px;
}
#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
}
/* End Form Elements */



/* Begin Comments*/
.commentlist {
    padding: 0;
    text-align: justify;
}

.commentlist li {
    padding: 5px 5px 10px 10px;
    list-style: none;
}
.commentlist li ul li {
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
}

.children {
    padding: 0;
}

#commentform p {
    margin: 5px 0;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

.commentmetadata {
    margin: 0;
    display: block;
}
/* End Comments */


/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

#wp-calendar td.pad:hover {/* Doesn't work in IE */
    background-color: #fff;
}
/* End Calendar */

hr {
    display: none;
}

/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */


/* Alumni page css */
.din_group {
    clear: both;
    float: left;
    height: auto;
    width: 700px;
    margin-bottom: 20px;
}

.din_group li {
   margin-left: -10px;
   margin-right: 10px;
}

.din_title {
    color: #33ff33;
    width: auto;
    text-align: left;
    font-family: georgia, times, serif;
    font-weight: bold;
    font-size: 17px;
    margin-left: 10px;
}

.din_members {
    float: left;
    color: white;
    text-align: left;
    font-size: 12px;
    margin-left: -10px;
    width: auto;
    height: auto;
}

.din_pic {
    margin-top: -15px;
    float: right;
    width: 385px;
    height: auto;
    margin-right: 10px;
}

.din_pic img {
    width: 390px;
}

#other_dins {
    clear: both;
    color: white;
    text-align: left; 
    margin-left: auto;
    margin-right: auto;
}

#other_dins ul {
    font-size: 12px;
}

.din_group_left {
    clear: both;
    float: left;
    margin-left: 20px;
}

.din_group_right {
    clear: right;
    float: right;
    margin-right: 20px;
}

#symbs {
    clear: right;
    float: right;
    font-size: 15px;
    margin-right: 20px;
    border: 1px solid #33ff33;
    padding: 10px;
    color: white;
    text-align: left;
}

.item {
    margin-left: 10px;
}

/* Music player */
#xspf_player {
    padding: 2px;
    margin: auto;
    background-color: #555555;
}


/* Media buttons */
.big_button a:hover {
    background-position: 0px -223px;
}

#music {
    float: left;
    margin-left: 45px;
    margin-right: 0px;
    height: 223px;
    width: 123px;
}

#music a {
    background-image: url(media_icons/music.jpg);
    background-repeat: no-repeat;
    height: 223px;
    width: 123px;
    display: block;
}


#videos {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    /*background-image: url(media_icons/videos_on.jpg);
       background-repeat: no-repeat;*/
    height: 223px;
    width: 123px;
}

#videos a {
    background-image: url(media_icons/videos.jpg);
    background-repeat: no-repeat;
    height: 223px;
    width: 123px;
    display: block;
}

#photos {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    height: 223px;
    width: 123px;
}

#photos a {
    background-image: url(media_icons/photos.jpg);
    background-repeat: no-repeat;
    height: 223px;
    width: 123px;
    display: block;
}

#albums {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    height: 223px;
    width: 123px;
}

#albums a {
    background-image: url(media_icons/albums.jpg);
    background-repeat: no-repeat;
    height: 223px;
    width: 123px;
    display: block;
}

#store {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    height: 223px;
    width: 123px;
}

#store a {
    background-image: url(media_icons/store.jpg);
    background-repeat: no-repeat;
    height: 223px;
    width: 123px;
    display: block;
}

#all_buttons {
    margin-left: auto;
    margin-right: auto;
}

.mini_button a:hover {
    background-position: 0px -81px;
}

#mini_music {
    float: left;
    margin-left: 10px;
    height: 82px;
    width: 130px;
}


#mini_music a {
    background-image: url(media_icons/minimusic.jpg);
    background-repeat: no-repeat;
    height: 82px;
    width: 130px;
    display: block;
}

#mini_videos {
    margin-left: -8px;
    float: left;
    height: 82px;
    width: 140px;
}

#mini_videos a {
    background-image: url(media_icons/minivideos.jpg);
    background-repeat: no-repeat;
    height: 82px;
    width: 140px;
    display: block;
}

#mini_photos {
    margin-left: -8px;
    float: left;
    height: 82px;
    width: 140px;
}

#mini_photos a {
    background-image: url(media_icons/miniphotos.jpg);
    background-repeat: no-repeat;
    height: 82px;
    width: 140px;
    display: block;
}

#mini_albums {
    margin-left: -8px;
    float: left;
    height: 82px;
    width: 152px;
}

#mini_albums a {
    background-image: url(media_icons/minialbums.jpg);
    background-repeat: no-repeat;
    height: 82px;
    width: 152px;
    display: block;
}

#mini_store {
    margin-left: -8px;
    float: left;
    height: 82px;
    width: 120px;
}

#mini_store a {
    background-image: url(media_icons/ministore.jpg);
    background-repeat: no-repeat;
    height: 82px;
    width: 120px;
    display: block;
}

/* Albums page elements */

#album_list {
 width: 460px;
 float: left;
 margin-top: 10px;
}

.album_group {
 padding-top: 20px;
 margin-left: 15px;
 height: auto;
 width: auto;
 margin-bottom: 20px;
 clear: both;
}

.album_title {
 float: left;
 text-align: left;
 color: #33ff33;
 width: 250px;
 font-family: georgia, times, serif;
 font-weight: bold;
 font-size: 17px;
 margin-bottom: 5px;
}

.album_members {
 clear: left;
 float: left;
 color: white;
 text-align: left;
 font-size: 12px;
 width: 225px;
 height: auto;
}

.album_pic {
 float: right;
 height: auto;
 margin-top: -10px;
 margin-right: 20px;
}

.album_pic img {
    width: 190px;
}

#albums_sidebar {
 float: right;
 width: 210px;
 margin-right: 15px;
 margin-top: 10px;
 font-size: 14px;
 text-align: left;
 padding-right: 5px;
 padding-left: 5px;
 border: 1px solid #555555;
 background-color: #1e1e1e;
}

#albums_sidebar h2, p, center, li {
 color: white;   
}
#albums_sidebar a {
 color: #33ff33;
}

#albums_sidebar a:hover {
 text-decoration: underline;
}

#albums_sidebar li {
 font-size: 11px;
}


/* "Life could be a dream, sweetheart!" */