/*
Theme Name: magicalray.com custom WP-Theme
Theme URI: -
Description: Custom WP-Theme for magicalray.com by andreas.hesselback@gmail.com
Version: 0.5


*/


/* -----------------------------------------------------------------------------
    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,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* blue borders on img links!? yeah, great idea! */
a img, :link img, :visited img {
	border: none;
}

/* takes away the dotted border from links when active in firefox */
:link, :visited, :active, :focus {
	text-decoration: none;
    outline: none;
}

ul, ol {
    list-style-position: outside;
}


/* ----------------------------------------------------------------------------
     clearfix & aligns ADD
----------------------------------------------------------------------------- */

/* "new" clearfix hack by Perishable at perishablepress.com */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* aligns */
img.center, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
p img.alignleft  { float: left; margin: 5px 10px 0px 0!important; }
p img.alignright { float: right; margin: 5px 0 0px 5px!important; }

.center {
    text-align: center;
}

a[rel~="shadowbox"] {border-bottom: 0!important;}

/* -----------------------------------------------------------------------------
    typographs
------------------------------------------------------------------------------*/

body {
  font-size: 16px;
  line-height: 18px;
  color: #aaa;
  font-family: arial, helvetica, sans-serif;
  text-shadow: #000 1px 1px 0;
}


/* headings ----------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; text-shadow: 0 1px 0 #000; border-bottom: 0;}

h1 { font-size: 24px; line-height: 40px; letter-spacing: -.05em;}
h2 { font-size: 20px; line-height: 20px; }
h3 { font-size: 18px; line-height: 18px; }
h4 { font-size: 16px; line-height: 16px; }
h5 { font-size: 14px; line-height: 16px; }
h6 { font-size: 14px; line-height: 16px;}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* text elements ------------------------------------------------------------ */

p           { margin: 0 0 15px 0; }
blockquote  { margin: 15px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }



/* links -------------------------------------------------------------------- */


.ngg-widget a img, .post p a img, .post img, #slider a .slider-img, .post .featured-img  {
    margin-right: 3px;
    padding: 2px;
    border: 1px solid #333;
    }
    .ngg-widget a img:hover, .post p a img:hover, .video-archive-holder a img:hover { border-color: #ff9900; }

.short-content-tile a:link, .short-content-tile a:visited, .short-content-tile a:active,
.wide-content-tile a:link, .wide-content-tile a:visited, .wide-content-tile a:active {
    color: #fff;
    border-bottom: 1px dotted #444;
    text-shadow: #000 1px 1px 0;
    }
.short-content-tile a:hover, .wide-content-tile a:hover {
    border-bottom: 1px dotted #ff6600;
}


/* preload imgs ------------------------------------------------------------- */

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px;
   top: -9999px;
   height: 1px;
   width: 1px;
}

/* -----------------------------------------------------------------------------
    main divs, bg's & structure
------------------------------------------------------------------------------*/

body {
    background: #000 url(img/bg.jpg) no-repeat top center;
    height: 100%;
}

#page-wrapper, #footer {
    width: 975px;
    margin: 0 auto 0 auto;
    }
    #header {
        height: 365px;
        width: 975px;
    }
    #pagenav-holder {
        background: transparent url(img/menu-bg.png) no-repeat top center;
        width: 975px;
        height: 53px;
    }
    #slider-getsocial {
        background: transparent url(img/slider-social-bg.png) no-repeat top center;
        width: 975px;
        height: 387px;
        margin: 10px 0 0;
    }
    .wide-content-top {
        height: 25px; background: transparent url(img/content-wide-top.png) no-repeat top center;
    }
    .wide-content-tile {
       background: transparent url(img/content-wide-bg.png) repeat-y top center;
    }
    .wide-content-bottom {
       height: 30px; background: transparent url(img/content-wide-bottom.png) no-repeat top center;
    }
      #content-wrap {
            width: 660px;
            float: left;
            }
        #sidebar {
            width: 314px;
            float: right;
        }

    #footer-bg {
        background: transparent url(img/bg-bottom.jpg) no-repeat bottom center;
        }

/* short content headers */

.short-content-top.latest { height: 50px; background: transparent url(img/content-top-latest.png) no-repeat top center; }
.short-content-top.archive { height: 50px; background: transparent url(img/content-top-archive.png) no-repeat top center; }
.short-content-top.video-archive { height: 50px; background: transparent url(img/content-top-video-archive.png) no-repeat top center; }
.short-content-top.video-archive.latest { height: 50px; background: transparent url(img/content-top-video-archive-latest.png) no-repeat top center; }
.short-content-top.posttop { height: 50px; background: transparent url(img/content-top-post.png) no-repeat top center; }
.short-content-top.search { height: 50px; background: transparent url(img/content-top-search.png) no-repeat top center; }
.short-content-tile { background: transparent url(img/content-bg.png) repeat-y top center; padding-bottom: 10px; }
.short-content-tile.video { padding-bottom: 0px!important; }
.short-content-bottom { height: 30px; background: transparent url(img/content-bottom.png) no-repeat top center; margin-top: -10px!important; }
.short-content-bottom.video { margin-top: -22px!important;}

/* -----------------------------------------------------------------------------
    top logos, random img's & adds in header
------------------------------------------------------------------------------*/


#top-logos {
    margin: 15px 0 0 528px;
/*    position: relative; top: 15px; left: 528px;
    width: 450px;*/
    }
    #top-logos .mmaphuket {
        margin-left: 30px;
    }

#ngg-webslice h2 {  /* hides the h2 put in the code by wp-plugin ngg-gallery */
    display: none;
}

#random-imgs {
    margin: 26px 0 0 316px;
    height: 110px;
/*    position: relative; top: 41px; left: 316px;
    width: 650px;*/
}
#adds {
    margin: 60px 0 0 458px;
    height: 108px;
    width: 502px;
    overflow: hidden;
/*    position: relative; top: 100px; left: 458px;   */
    }


/* -----------------------------------------------------------------------------
    menu
------------------------------------------------------------------------------*/

#pagenav {
    padding: 8px 15px 0 0;
    width: 100%;
    border: none;
	background: none;
	list-style: none;

}
#pagenav li {
    height: 38px;
    float: left;
    padding: 10px 25px 0 25px;
    background: url(img/menu-seperator.gif) no-repeat top right;
}
#pagenav li a {
    font-size: 14px;
    font-family: arial;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
    text-shadow: #000 -1px -1px 0;

}
#pagenav li a:hover, #pagenav li.current_page_item a {
    color: #888;
}
#pagenav li.rss {
    float: right;
    background: none!important;
}

#pagenav li.rss a {
    margin-top: -10px;
    display: block;
    height: 38px;
    width: 166px;
    text-indent: -9999px;
    background: transparent url(img/rss-feed.png) no-repeat top center;
}
#pagenav li.rss a:hover {
    background: url(img/rss-feed-hover.png);
}

/* -----------------------------------------------------------------------------
    front page intro
------------------------------------------------------------------------------*/

h1.first {
    font-size: 24px;
    text-transform: uppercase;
    color: #aaa;
    margin-left: 25px;
}
.intro-text {
    width: 580px;
    float: left;
    padding-left: 25px;
    }
    .intro-text blockquote {
        font-size: 18px;
        font-weight: bold;
        color: #777;
        margin: 0px;
    }
    .intro-text blockquote p {
        padding-top: 0px;
    }
    .intro-text p span {
        float: right;
        font-size: 14px;
        color: #777;
    }
    .intro-text p {
        font-size: 18px;
        padding-top: 10px;
        margin-bottom: 0px;
    }
    .intro-img {

        margin: 0 20px 0 0;
    }
.wide-content-bottom.front {
    margin-top: -16px!important;
}

/* -----------------------------------------------------------------------------
    front page slider & get social
------------------------------------------------------------------------------*/

#slider {
    margin: 50px 0 0 19px;
    float: left;
    height: 300px;
    overflow: hidden;

}
#slider h2 {
    margin-left: 8px;
    padding: 10px 0 0 0;
    text-shadow: #000 1px 1px 0;
}
#slider h2 a {
    color: #999;
    text-decoration: none;
}
#slider .postsnip  {
    display: block;
    width: 600px;
    margin-left: 8px;
    padding-right: 10px;
    font-size: 14px;
    color: #888;
    }
    #slider .postsnip a {
       color: #888;
    }

#slider ul, #slider li {
    margin:0;
    padding:0;
    list-style:none;
}
#slider li {
    display: block;
    width: 622px;
    height: 300px;
    overflow: hidden;
    opacity: .80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
}
#slider li:hover{
    opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
#slider .slider-img {
    display: block;
    margin-left: 8px;
    background: no-repeat center center;
    width: 600px;
    height: 180px;
    overflow: hidden;
}
#next-prev-btn {
    display: none;

}
	#prevBtn, #nextBtn {
		display:none;
		width:30px;
		height:77px;
		position:relative;
        float:left;
		left:-30px;
		top:71px;
		z-index:1000;
		}
	#nextBtn {
		left:696px;
		}
	#prevBtn a, #nextBtn a {
		display:block;
		position:relative;
		width:30px;
		height:77px;
		}
	#nextBtn a {

		}

#getsocial {
    width: 285px;
    height: 385px;
    float: right;
}
#getsocial ul li {
    position: relative; top: 35px; right: 17px;
    list-style-type: none;
}
#getsocial ul li a {
    width: 286px;
    display: block;
    background: transparent no-repeat top center;
    text-indent: -9999px;
    }
    #getsocial ul li.fb a { height: 83px; background: url(img/get-social-fb.png);}
    #getsocial ul li.fb a:hover { background: url(img/get-social-fb-hover.png);}
    #getsocial ul li.tw a { height: 82px; background: url(img/get-social-tw.png);}
    #getsocial ul li.tw a:hover { background: url(img/get-social-tw-hover.png);}
    #getsocial ul li.ms a { height: 82px; background: url(img/get-social-ms.png);}
    #getsocial ul li.ms a:hover { background: url(img/get-social-ms-hover.png);}
    #getsocial ul li.yt a { height: 82px; background: url(img/get-social-yt.png);}
    #getsocial ul li.yt a:hover { background: url(img/get-social-yt-hover.png);}


/* -----------------------------------------------------------------------------
    blog content
------------------------------------------------------------------------------*/

#content-tile ul, #content-tile ol {
    margin-left: 25px;
}

.post {
    /*background: transparent url(img/post-seperator.png) no-repeat bottom center;*/
    width: 605px;
    margin: 0 0 0 28px;
    padding-bottom: 15px;

    line-height: 24px;
}
.post h1 {
    text-align: left!important;
    font-size: 20px!important;
    line-height: 20px!important;
}
.post a img.size-full, .post a img.size-large {
    width: 590px!important;
    height : auto!important;
    margin-left: 4px;
}
.post a img.size-full a{
    border-bottom: 0!important;
}
.post .featured-img  {
    display: block;
    background: no-repeat center center;
    width: 600px;
    height: 180px;
    overflow: hidden;
    margin-bottom: 15px;
}

.post ul li, .post ol li {
    list-style-image: url(img/list-arrow.gif);
}
.post ul.cred li {
    font-size: 18px;
    padding-bottom: 5px 0!important;
    list-style-image: url(img/list-star.png)!important;
}
.post ul, .post ol {
    padding: 0 0 20px 0 ;
    margin-left: 32px;

}

.post.wide {
    width: 905px;
    margin: 0 0 0 28px;
    padding: 15px 15px 0 0 ;
}
.post.single {
    background-image: none!important;
}



.post.video {
    padding-bottom: 0px!important;
}
.post.video h3 {
    margin-bottom: 5px!important;
}
.embedvid, .post p object  {
    text-align: center;
    margin: 10px 0 15px 0;
}


.post span, .post-navigation {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -.02em;
    color: #666;
}
p.archive {
    padding: 15px 0 0 150px;
    color: #666;
}
p.search {
    padding: 15px 0 0 195px;
    color: #666;
}

.post h2 a {
    border-bottom: 0px !important;
    color: #ccc!important;

    }
    .post h2 a:hover { color: #fff!important;}

.post-comments {
    background: transparent url(img/comment-count-bg.png) no-repeat top center;
    width: 50px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
    float: right;
    margin-top: 4px;
    }
    .post-comments a { color: #666!important;border:0!important;}

.post-meta {
    font-size: 12px;
    color: #555!important;
    width: 605px;
    text-align: right;
    margin: 2px 0 5px 28px;

}
.postmetadata {
    padding-top: 5px;
    font-size: 14px!important;
    color: #555!important;
    line-height: 14px!important;
}
.postmetadata a {
        color: #999!important;
}


.post-end {
    background: transparent url(img/post-seperator-thick.png) no-repeat top center;
    width: 634px;
    height: 25px;
    margin-left: 14px;
}
.post-end.single {
    width: 634px;
    height: 25px;
    background-position: 0 -5px;
    margin-left: -14px!important;
}



/* -----------------------------------------------------------------------------
    comments
------------------------------------------------------------------------------*/


ol.commentlist .comment-body {
    font-size: 14px;
    color: #ccc;
    padding-left: 5px;


}
ol.commentlist {

    margin-left: 20px;
}
ol.commentlist .even {
    border-left:2px solid #0c0c0c;

}
ol.commentlist .odd {
    border-left:2px solid #222;


}
ol.commentlist .comment {
    font-size: 18px;
    color: #333;
}
ol.commentlist .comment-meta {
    font-size: 12px;
    color: #333;
    padding-bottom: 5px;
    }
    ol.commentlist .comment-meta a { color: #555; border-bottom: 0; }
    ol.commentlist .comment-meta a:hover { color: #555; }

/*ol.commentlist li.comment-author-ray-elbe  {
    border-left:2px solid #ff6600;
}*/
ol.commentlist li.comment-author-ray-elbe cite.fn a {
    display: block;
    width: 87px;
    height: 37px;
    background: transparent url(img/comment-ray.png) no-repeat top center;
    text-indent: -9999px;
    float:left;
    border-bottom: 0;
}
ol.commentlist li.comment-author-ray-elbe span{
    display: block;
    height: 20px;
    padding-top:18px;

}
.comment-author.vcard cite.fn {
    font-size: 16px;
    color: #aaa;
    font-weight:bold;
}


/* -----------------------------------------------------------------------------
    fight video archive
------------------------------------------------------------------------------*/


.video-archive-holder {
    width: 180px;
    float: left;
    opacity: .70;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
    min-height: 170px;
    height: 170px;
    height: auto!important;
}
.video-archive-holder:hover {
    opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.video-archive-holder .title {
    width: 180px;
}


.video-archive-holder h3 {
    display: block;
    padding: 3px;
    width: 160px;
    line-height: 15px!important;
    font-size: 12px!important;
    font-weight: normal!important;
    text-transform: none!important;
}
.video-archive-holder a {
    border-bottom: 0!important;
}
.video-archive-holder a:hover {
    border-bottom: 0!important;
}
/* -----------------------------------------------------------------------------
    links
------------------------------------------------------------------------------*/

#link-list {
    padding-top: 5px;
    padding-bottom: 20px;
}


#link-list h2 {
    font-size: 16px;
    margin-bottom: 0px!important;
    padding: 0px 0px 0px 0px!important;  
    padding-top: 10px;
    border-bottom: 1px dotted #222;
}
#link-list ul {
    margin: 10px 0 0 10px;
    padding: 0px;
}


#link-list ul li {
    list-style-image: url(img/list-arrow.gif);
    width: 420px;
    float: left;
    margin-left: 20px;
    padding: 7px 0;
    line-height: 17px;
}
#link-list ul li a  {
    font-size: 16px!important;
    font-family: arial!important;
    color: #666!important;
    border-bottom: 0!important;
}
#link-list ul li a:hover, .video-archive-holder a:hover {
    color: #ddd!important;
}
h4.links {
    margin: 10px 0 5px 0!important;
}
h4.links span {
    text-transform:lowercase!important;
}
img.banner {
    margin-bottom: 5px;
}
textarea.bannercode {
    margin: 5px 0 20px 0;
}


/* -----------------------------------------------------------------------------
    forms
------------------------------------------------------------------------------*/

input,
textarea ,
select {
    color: #555;
	vertical-align:top;
    background-color: #000;
    border: 1px solid;
    border-top-color: #020202;
    border-left-color: #020202;
    border-right-color: #111;
    border-bottom-color: #111;
    }
    input, textarea { padding:6px 3px; }
    select { padding: 3px; }

#searchform input, #archiveform select {
    width: 255px;
}

input.sndbtn {
    width: 120px!important;
    background-color: #0a0a0a;
    border: 1px solid;
    border-top-color: #111;
    border-left-color: #111;
    border-right-color: #000;
    border-bottom-color: #000;
}
input.sndbtn:hover {
    color: #fff;
}

/* -----------------------------------------------------------------------------
    sidebar
------------------------------------------------------------------------------*/

#sidebar ul {
    margin-left: 1px;
    list-style-type: none;
}


#sidebar li.top {
    background: transparent url(img/sidebar-bg-top.png) no-repeat top center;
    display: block;
    height: 50px;
    width: 314px;
}
#sidebar li.tile {
    background: transparent url(img/sidebar-bg.png) repeat-y top center;
    width: 314px;
}
#sidebar li.bottom {
    background: transparent url(img/sidebar-bg-bottom.png) no-repeat top center;
    display: block;
    height: 30px;
    width: 314px;
}
#sidebar li.friends a img {
    padding-right: 2px;
    margin-bottom: 5px;
    opacity: .70;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
}
#sidebar li.friends a img:hover {
    opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


#sidebar ul li h3 {
    display: block;
    height: 50px;
    width: 286px;
    background: transparent no-repeat top center;
    text-indent: -9999px;
    margin: 0 0 0 12px;
    }
    #sidebar h3.recent-posts { background: url(img/sidebar-recent-posts.png); }
    #sidebar h3.recent-comments { background: url(img/sidebar-recent-comments.png); }
    #sidebar h3.category { background: url(img/sidebar-category.png); }
    #sidebar h3.archive { background: url(img/sidebar-months.png); }
    #sidebar h3.links { background: url(img/sidebar-links.png); }
    #sidebar h3.add { background: url(img/sidebar-add.png); }
    #sidebar h3.search { background: url(img/sidebar-search.png); }
    #sidebar h3.friends { background: url(img/sidebar-friends.png); }
    #sidebar h3.twitter { background: url(img/sidebar-twitter.png); }
    #sidebar .twtr-tweet-text p,#sidebar .twtr-tweet-text p a {
        font-size: 12px!important;
    }
    #twtr-widget-1 h3 {
        margin-left: 5px!important;
        font-size: 16px!important;
        display: inline!important;
        text-transform: none!important;
    }
#twtr-widget-1 h4 {
        display: none!important;
    }
#sidebar ul ul {
    background: transparent url(img/sidebar-li-bg.png) repeat-y top center;
    list-style-type: none;
    margin-left: 12px;
    width: 286px;
    padding: 0 0 8px;
}

#sidebar ul ul li {
    background: transparent url(img/sidebar-li-sep.png) no-repeat bottom center;
    padding: 5px 10px;
    }
    #sidebar ul ul li.clean { background-image: none; text-align: center;}

#sidebar ul ul li a {
    font-size: 14px!important;
    font-family: arial!important;
    color: #666!important;
    border-bottom: 0!important;
}
#sidebar ul ul li a:hover {
    color: #bbb!important;
}


/* -----------------------------------------------------------------------------
    footer
------------------------------------------------------------------------------*/

#footer {
    font-size: 12px;
    padding-bottom: 25px;
}
#footer ul {
    list-style-type: none;
}


#footer ul li a {
    font-size: 12px!important;
    font-family: arial!important;
    color: #666!important;
    border-bottom: 0!important;
}
#footer ul li a:hover {
    color: #bbb!important;
}
#footer ul li {
    list-style-image: url(img/list-arrow.gif);
    padding: 4px 0 4px 0;
    border-bottom: 1px dotted #333;
}
#footer ul li.title {
    list-style-image: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0 0!important;
    border-bottom: 0;
    margin-left: -18px;
}
#footer ul li.title.small {
    list-style-image: none;
    font-size: 12px;
    text-transform: normal;
    font-weight: bold;
    padding: 5px 0 0!important;
    border-bottom: 0;
    margin-left: -18px;
}
#footer ul.pages-social, #footer ul.recent {
    margin-left: 45px;
    width: 200px;
    float: left;
}

#footer ul.recent {
    margin-left: 35px;
    width: 300px!important;
}

#footer form.wpcf7-form {
    float: left;
    width: 340px;
    margin-left: 35px;
}

#footer ul.contact li {
    list-style-image: none;
    border-bottom: 0;
    padding-right: 30px;
}
#footer ul.contact li.title {
    list-style-image: none!important;
    margin-left: -5px!important;
}
#footer ul.contact li.title span {
    color: #444;
    font-weight:normal;
    text-transform: lowercase;
}
#footer ul.contact li.title.small {
    list-style-image: none!important;
    margin-left: 0px!important;
}
#footer ul.contact input, #footer ul.contact textarea {
    width: 280px;
}
#footer ul.contact textarea {
    height: 80px;
}

#footer ul.contact .captchainput, #footer ul.contact .captchaimg {
    float:left;
}
#footer ul.contact .captchainput{
    width: 80px!important;
    margin: 0 10px;
}
#footer ul.contact .captchaimg {
    margin-top:4px;
}
#bottom-links {
    font-size: 10px;
    text-align: center;
    color: #555;
}
#bottom-links a{
    color: #333!important;
}
#bottom-links a:hover{
    color: #666!important;
}
/* -----------------------------------------------------------------------------
    number pagination
------------------------------------------------------------------------------*/

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
    vertical-align: middle;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 16px;
	font-family: Arial;
	color: #777;
}

#wp_page_numbers {
	margin: 0;
    padding: 5px 0 0 35px;
    height: 20px;


}
#wp_page_numbers ul {

	width: 100%;
}
#wp_page_numbers li {
  padding-top: 2px;
	float: left;
	display: block;
}

#wp_page_numbers a {
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	display: block;
	color: #777;
    margin-left: 2px;

}

#wp_page_numbers li a:hover {
	color: #fff;
    border-bottom: 1px dotted #ff6600;
}

#wp_page_numbers li.space {
	padding: 6px 0px 6px 0px;

}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	color: #fff;
    border-bottom: 0;

}
#wp_page_numbers li.active_page a:hover  {
	color: #fff;
    border-bottom: 0;
}

#wp_page_numbers li.page_info {
	float: left;
	display: block;
	padding: 6px 10px 0px 0px;
	color: #777;
	font-size: 16px;

}


/* -----------------------------------------------------------------------------
    sociable css
------------------------------------------------------------------------------*/

div.share {
    padding-top: 5px;
}
div.share h5 {
    margin-bottom: 5px;
}

div.sociable { margin-top: 5px; }

div.sociable ul li a { border-bottom: 0px!important;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 32px;
	height: 32px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


/* -----------------------------------------------------------------------------
    adds
------------------------------------------------------------------------------*/

.google-add-single,.google-add-blog {
    width: 470px;
    height: 62px;
}
.google-add-single {
    margin: 0;
}
.google-add-blog {
    margin: 15px auto 5px auto;
}
.google-links-single {
    width: 470px;
    height: 17px;
    margin: 0px 0 10px -4px;
}