/*

Theme Name: csigallery

Theme URI: http://www.celestiasolutions.com

Version: 1.2

Description: 2 Column theme from Celestia

Author URI: http://www.celestiasolutions.com

*/



body {

margin: 0px;

padding: 0;

color: #FFF;

background-color:#a6c3d3;


background-image: url(images/pgbg.png);

background-repeat: no-repeat;

background-position: left top;

font-family: Trebuchet MS;

font-size: 11px;

line-height: 18px;

z-index: 0;background-attachment: fixed;}



.ratingsdiv {

width: 60px;

height: 12px;

overflow: hidden;

float: right;

}



.info {

background-color: #1C242B;

height: 143px;

width: 170px;

display: none;

color: #FFF;

overflow: hidden;

padding: 0px 10px 0px 10px;

}



.ratingbox {

background-image: url(images/ratings-bg.png);

height: 106px;

width: 136px;

display: none;

color: #FFF;

overflow: hidden;

z-index: 300;

padding: 10px 10px 0px 10px;

position: absolute;

top: -130px;

left: 16px;

}



.lightbox {

height: 100%;

width: 100%;

display: none;

color: #FFF;

z-index: 1000;

position: absolute;

background-image: url(images/lightbox-bg.png);

top: 0px;

left: 0px;

}





.lightboxdelete {

cursor: pointer;

margin-bottom: 15px;

margin-right: 10px;

}





.delete {

float: right; 

cursor: pointer;

}



.info-button {

float: right; 

cursor: pointer;

}



.rating {

cursor: pointer;

}



#wrapper2 {

width: 950px;

margin: auto;

padding: 0px 0px 0px 0px;

}



.single-entry {

float: left;

width: 100%;

margin-bottom: 10px;

padding: 0px;

}



.post-wrapper {

padding: 15px;

width: 650px;

background-color: #414E59;

border: 1px solid #526270;

margin-bottom: 15px;

}



a:link { 

text-decoration: none; 

color: #ffcc00; 

}



a:visited { 

text-decoration: none; 

color: #ffcc00; 

}



a:hover, a:active { 

color: #ffcc00; 


}



h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 

margin: 0px 0 10px; 

}



h1 { 

font-size: 32px; 

margin-bottom: 0px; 

margin-top: 10px;

}



h2 { 

font-size: 28px; 

}



h3 { 
font-size: 18px;

}


.home-post-head {

width: 668px;

height: 202px;

margin-right: 17px;

float: left;

background-color: #414E59;

border: 1px solid #526270;

margin-bottom: 17px;

padding: 9px;

}

.home-post-head-left {

width: 310px;

height: 320px;

margin-right: 17px;

float: left;

background-color: #414E59;

border: 1px solid #526270;

margin-bottom: 17px;

padding: 9px;

}

.home-post-head-right {

width: 310px;

height: 320px;

margin-right: 20px;

float: right;

background-color: #414E59;

border: 1px solid #526270;

margin-bottom: 17px;

padding: 9px;

}

.home-post-adsp{

width: 668px;

height: 60px;

margin-right: 17px;

float: left;

background-color: #414E59;

border: 1px solid #526270;

margin-bottom: 17px;

padding: 9px;

}


.home-post-wrap {

width: 192px;

height: 192px;

margin-right: 17px;

float: left;

background-color: #414E59;

border: 1px solid #526270;

margin-bottom: 17px;

padding: 9px;

}



.comments-bubble {

width: 23px;

height: 18px;

background-image: url(images/comments.gif);

font-size: 8px;

color: #212A33;

padding: 0px;

float: left;

margin-left: 9px;

}



.comments-bubble a:link, .comments-bubble a:hover, .comments-bubble a:visited {

color: #FFF;

font-size: 8px;

display: block;

margin-left: 7px;

margin-top: -4px;

padding: 0px;

}



.bar {

height: 15px;

background-image: url(images/bar-bg.gif);

width: 174px;

float: left;

border-left: 1px solid #1C242B;

border-right: 1px solid #1C242B;

border-bottom: 1px solid #1C242B;

padding: 8px;

position: relative ;

}



.bar a:hover {

border-bottom: none;

}



.home-post-wrap2 {

width: 593px;

padding: 10px;

margin-right: 13px;

float: left;

background-color: #FFF;

border: 1px solid #EBEBEB;

margin-bottom: 10px;

}



.readmore {

background-image: url(images/bullet.gif);

background-repeat: no-repeat;

background-position: left;

float: right;

padding-left: 20px;

margin-top: 10px;

}



.readmore a:link, .readmore a:hover {

color: #FFFFFF;
text-decoration:none;

}

.thumbnail-home {

border: 0px;

margin: 0px 0px 0px 0px;

}



h4, h5, h6 { 

font-size: 20px; 

}



.titles { 

font-weight: normal; 

font-size: 24px; 

text-decoration: none;

}



.info-titles a:link, .info-titles a:visited, .info-titles a:active {

text-decoration: none;

font-size: 15px;

font-family: Trebuchet MS;

display: block;

width: 100%;

margin-bottom: 10px;

padding-top: 10px;

color: #84A0B7;

}



.info-titles a:hover {

border-bottom: none;

}



.titles a:link, .titles a:visited, .titles a:active {

text-decoration: none;

font-size: 20px;

font-family: Trebuchet MS;

margin-bottom: 10px;

margin-top: 10px;

display: block;

}



.titles-featured a, .titles-featured a:hover, .titles-featured {

font-size: 30px;

display: block;

margin-bottom: 10px;

margin-top: 5px;

}



pre, blockquote {

overflow: auto;

padding: 0 10px;

margin: 20px 30px;

line-height: 1.8em;

background-color: #313B44;

border: 1px solid #29323A;

}



ul { 

list-style-image: url(images/bullet.gif); 

}



#pages {

float: left;

}



#categories {

width: 949px;

min-height: 46px;

background-image: url(images/nav-bg.gif);

background-repeat: repeat-x;

float: left;

background-color: #144F8C;

border-left: 1px solid #387EC7;

}



#categories ul {

margin: 0px 0px 0px 10px;

padding-left: 0px;

list-style-type: none; 

list-style-image: none; 

float: left;

}



#categories ul li {

float: left; 

display: block; 

padding-left: 0px; 

height: 46px;

}



#categories ul li a:link,#categories ul li a:visited, #categories ul li a:active  {

height: 34px;

display: block;

color: #ff0000;

font-size: 11px;

font-weight: bold;

padding: 12px 10px 0px 10px;

float: left;

margin: 0px 1px;

}





#categories ul li a:hover {

background-image: url(images/nav-bg-hover.gif);

border-right: 1px solid #2066AF;

border-left: 1px solid #144F8C;

margin: 0px 0px;

padding-top: 14px;

height: 32px;

}


#headertop {

width: 950px;

margin-top: 0px;

height: 20px;

background-color: #313B44;

color: #ffffff;

float: right;

text-align: right;
}

#headertop a {

color: #ffffff;

margin-left : 10px;

margin-right : 10px;

textdecoration : none
}


#header {

width: 950px;

margin-top: 0px;

height: 110px;

background-color: #ffffff;


float: left;

}

#headerbot {

width: 950px;

margin-top: 0px;

height: 57px;

background-color: #bc0707;

float: left;

}

#container {

float: right;

width: 950px;

padding-top: 15px;

padding-bottom: 15px;

background-color: #313B44;

border: 1px solid #414E59;

}



#left-div {

width: 716px;

float: left;

margin-top: 5px;

}



#left-inside {

float: left;

padding: 0px 0px 0px 19px;

}



.adwrap {

margin-left: 26px;

}



.adwrap a, .adwrap a:hover, .adwrap a:visited {

margin-right: 5px;

margin-bottom: 5px;

display: block;

width: 125px;

height: 125px;

float: left;

}



#sidebar-wrapper {

width: 222px;

float: left;

margin-bottom: 20px;

}



#sidebar {

float: left;

padding-left: 0px;

padding-right: 0px;

width: 222px;

margin-top: 5px;

}

.slogo {

float: left; 

border: 0px;

margin-left: 20px;

margin-top: 4px;

margin-bottom: 14px;

}



a:focus {

outline: none;

}



#footer {

clear: both;

width: 930px;

height: 76px;

padding-left: 20px;

text-align: left;

color: #FFFFFF;

padding-top: 14px;

margin-left: auto;

margin-right: auto;

font-size: 11px;

}



#footer a {

color: #000000;

font-size: 11px;

}



#footer a:visited {

color: #000000;

}



#footer a:hover {

color: #000000;

text-decoration: none;

}



#pages ul { 

list-style-type: none; 

list-style-image: none; 

float: left; 

padding: 0px 0px 0px 0px; 

margin-right: 10px; 

margin-bottom: 0px;

margin-top: 25px;

}



#pages ul li { 

float: right; 

display: block; 

height: 42px;

padding: 0px;

}



#pages ul li a:link,#pages ul li a:visited, #pages ul li a:active {

float: left; 

color: #FFF;

display: block;

height: 31px;

font-size: 12px;

padding: 11px 20px 0px 20px;

margin: 0px;

}





#pages ul li a:hover {

background-position: top;

background-repeat: no-repeat;

margin: 0px;

height: 31px;

padding: 11px 20px 0px 20px;

}





.sidebar-box {

padding-top: 5px;

padding-bottom: 13px;

margin-bottom: 0px;

float: left;

margin-bottom: 10px;

width: 222px; 

background-color: #1E242A;

background-image: url(images/sidebar-bg.gif);

background-repeat: repeat-x;

}



.sidebar-box2 {

padding-top: 5px;

padding-bottom: 13px;

margin-bottom: 0px;

float: left;

margin-bottom: 10px;

width: 222px; 

background-color: #1E242A;

background-image: url(images/sidebar-bg.gif);

background-repeat: repeat-x;

}



.sidebar-box2 a:hover {

border-bottom: none;

}

.articleinfo {

border-bottom: 1px solid #EEEEEE; padding-bottom: 7px; color: #545454;

}



.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {

display: block; 

color: #FFF; 

width: 176px; 

margin-bottom: 5px;

padding: 3px 3px 3px 10px; 

background-color: #252C33;

border: 1px solid #2D363E;

} 



.sidebar-box ul li {

color: #FFF;

list-style-image: none;

list-style-type: none;

}



.sidebar-box ul {

float: left;

margin-left: 15px;

padding: 0px;

}



.sidebar-box ul li a:hover {

background-color: #2D363E;

border: 1px solid #333D47;

background-image: url(images/sidebar-hover.gif);

background-repeat: no-repeat;

background-position: 170px 8px;

} 



.sidebar-box h3 { 

font-size: 13px; 

color: #FFF; 

font-weight: normal; 

text-transform: lowercase; 

font-family: Trebuchet MS; 

float: left;

display: block;

width: 202px;

padding-left: 10px;

margin: 4px 0px 10px 0px;

}



.sidebar-box2 h3 { 

font-size: 13px; 

color: #FFF; 

font-weight: normal; 

text-transform: lowercase; 

font-family: Trebuchet MS; 

float: left;

display: block;

width: 202px;

padding-left: 10px;

margin: 4px 0px 10px 0px;

}



#commentwrap {

display: block;

width: 570px;

margin-bottom: 20px;

margin-top: 20px;

margin-left: 5px;

}



.commentlist li{

display: block;

float: left;

clear: both;

margin-left: 0px;

margin-bottom: 10px;

}



.commentlist ol {

margin-left: 0px; 

padding-left: 0px;



}

.commentlist {

margin-left: 0px; 

padding-left: 0px;

}



.comment-inside {

background-image: url(images/comment-bg.gif);

padding-left: 40px;

padding-right: 10px;

padding-top: 0px;

padding-bottom: 0px;

margin: 0px 0px 0px 0px;

width: 408px;

float: left;

color: #616161;

}



#commentform {

margin: 1em 0;

margin-left: 20px;

}



#commentform textarea {

background: #313B44;

border: 1px solid #29323A;

width: 370px;

}



#commentform #email {

font-size: 1.1em;

background: #313B44;

border: 1px solid #29323A;

width: 280px;

background-image: url(images/comment-email.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform #author {

font-size: 1.1em;

background: #313B44;

border: 1px solid #29323A;

width: 280px;

background-image: url(images/comment-author.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform #url {

font-size: 1.1em;

background: #313B44;

border: 1px solid #29323A;

width: 280px;

background-image: url(images/comment-website.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform #email:focus {

font-size: 1.1em;

background: #29323A;

border: 1px solid #232C33;

width: 280px;

background-image: url(images/comment-email.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform #author:focus {

font-size: 1.1em;

background: #29323A;

border: 1px solid #232C33;

width: 280px;

background-image: url(images/comment-author.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform #url:focus {

font-size: 1.1em;

background: #29323A;

border: 1px solid #232C33;

width: 280px;

background-image: url(images/comment-website.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform input {

margin-bottom: 3px;

}



.search_bg {

height:35px;

width:260px;

float: left;

margin-top: 10px;

margin-left: 10px;

}



#search {

color:#FFFFFF;

padding:0;

}



#search input {

background: #FFF;

font-size:11px;

color:#B8B8B8;

font-family:Tahoma, arial, verdana, courier;

width:150px;

height:11px;

vertical-align:middle;

padding:10px;

border: 1px solid #E7E7DC;

}



.icons {

margin-top: 0px; 

margin-bottom: -5px;

margin-right: 10px;

}



#search .input {

width:66px;

height:31px;

background:none;

border:none;

vertical-align:middle;

margin:0;

padding:0;

margin-left: 10px;

}



.thumbnail-div {

border-top: 1px solid #1C242B;

border-right: 1px solid #1C242B;

border-left: 1px solid #1C242B;

width: 190px;

height: 159px;

float: left;

}



.single-info {

background-color: #313B44;

border: 1px solid #29323A;

padding: 10px;

width:630px;

float: left;

margin-bottom: 5px;

}



.single-info2 {

background-color: #4889C0;

border: 1px solid #5D9FD7;

padding: 10px;

width: 260px;

float: left;

margin-bottom: 5px;

}





.single-info3 {

background-color: #BC0707;

border: 1px solid #F30505;

padding: 10px;

width: 260px;

float: left;

margin-bottom: 5px;

}





.post-info {

color: #000;

font-size: 10px;

}



.post-inside-2 {

float: left;

width: 450px;

}



.logo {

float: left; 

border: 0px;

margin-left: 4px;

margin-top: 4px;

}



a:focus {

outline: none;

}



.random-content a:link {

font-size: 13px;

}



.random a:link, .random a:visited {

float: left;

display: block;

width: 100%;

}



ul, ol { line-height: 2.0em; }



.titles-featured a, .titles-featured a:hover, .titles-featured {

font-size: 28px;

line-height: 30px;

}



.thumbnail-div-featured {

border: 5px solid #E7F3FF;

width: 580px; 

height: 160px;

}



#featured {

background-color: #FFF;

background-image: url(images/post-bg.gif);

background-repeat: repeat-x;

padding: 10px;

width: 593px;

border: 1px solid #EBEBEB;

margin-bottom: 10px;

}



.featured-content {

float: right;

width: 353px;

margin-right: 5px;

}



.current-category {

background-color: #313B44;

color: #FFF;

border: 1px solid #29323A;

padding: 5px;

display: block;

margin-bottom: 10px;

width: 660px;

}





/* 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;

}



.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 */



/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */



         #lavaLampVariableImage {

            position: relative;

            padding: 4px;

            margin: 3px 0;

			

			float: left;

        }

                #lavaLampVariableImage li {

                    float: left;

                    list-style: none;

                }

                    #lavaLampVariableImage li.back {

                        background: url("images/slider-right.gif") no-repeat top right;

                        width: 24px;

                        z-index: 8;

                        position: absolute;

                    }

                        #lavaLampVariableImage li.back .left {

                            background: url("images/slider-bg2.gif") no-repeat top left;

                            height: 100%;

                            margin-right:24px;

                        }

                        #lavaLampVariableImage li.back .corner {

                            background: url("images/slider-corner.gif") no-repeat bottom right;

							height:27px;

							width:24px;

							position:absolute;

							bottom:0px;

							right:0px;

                        }

                        #lavaLampVariableImage li.back .bottom {

                            background: url("images/slider-bottom.gif") no-repeat bottom left;

							height:27px;

							width:100%;

							position:absolute;

							bottom:0px;

							left:0px;

                        }

                    #lavaLampVariableImage li a {

                        text-decoration: none;

font-size: 14px;

font-weight : bold;

                        color:#fff;

                        outline: none;

                        text-align: center;

                        padding: 12px 10px;

                        letter-spacing: 0;

                        z-index: 10;

                        display: block;

                        float: left;

                        position: relative;

                        overflow: hidden;

                        margin: auto 10px;    

                    }

                        #lavaLampVariableImage li a:hover {

                            color: #FFF;

                            border: none;

                        }

	 #lavaLampVariableImage li a:active,#lavaLampVariableImage li a:visited {

                            color: #fff;

                            border: none;

                        }



.menu {

	margin: 0px 0px 10px 13px;

	padding: 0;

	list-style: none;

}

.menu li {

	padding: 0 ;

	float: left;

	position: relative ;

	display: block;

	margin-right: 7px ;

	margin-bottom: 7px ;

	border: 4px solid #3E4953 ;

	width: 53px ;

	height: 53px ;

}

.menu a {



}

.menu li em {

	background: url(images/hover.png) no-repeat;

	position: absolute;

	width: 236px;

	height: 155px;

	padding-top: 10px;

	padding-left: 10px;

	top: -180px;

	left: -80px;

	font-style: normal;

	z-index: 1000;

	display: none;

	color: #8B8861;

	font-size: 10px;

}