/*  
Theme Name: Gallery3
Theme URI: http://www.wpelements.com/
Description: WPE Gallery is a website gallery style WordPress theme... created by <a href="http://www.wpelements.com">Jason Schuller</a>.
Version: 1.0
Author: Jason Schuller
Author URI: http://www.wpelements.com/
*/

body{
margin:7px 0 0 0;
padding:0;
font-family: "Helvetica", Arial, sans-serif;
font-size: 12px;
line-height: 18px;
background:#fff url(images/bg.jpg) top repeat-x;
}

a{
color:#0D0D0D;
text-decoration:none;
}

a:hover{
color:#383838;
text-decoration:underline;
}

img{
border:none;
}

#wrapper{
width:1060px;
margin:0px auto;
}

/** header **/
#header{
float:left;
color:#FFFFFF;
height:150px;
}

#header a{
color:#FFFFFF;
text-decoration:none;
}

#header a:hover{
color:#999999;
}

#headleft{
float:left;
width:400px;
}

#logo{
margin:25px 0 0 0;
}

#headright{
float:left;
text-align:right;
margin:0 0 0 190px;
}

#advert{
margin:28px 0 0 0;
width:468px;
height:60px;
}

#contentwide{
margin: 5px 35px 0;
font-size: 12px;
width: 1060px;
float: left;
display: inline;
}

#pages{
width:468px;
font-size: 13px;
line-height: 18px;
}

#pages ul{
list-style:none;
margin:0;
padding:0;
text-transform:lowercase;
}

#pages li{
display:inline;
margin:0 0 0 15px;
}

/** content **/
#contentwrapper{
float:left;
}

#content{
float:left;
width:745px;
margin:0 5px 0 0;
}

#navigation{
background:url(images/navbg.gif) top left no-repeat;
width:733px;
height:38px;
float:left;
padding:0 0 0 5px;
}

#navigation h3{
margin:0;
padding:5px 0 15px 0;
font-weight:normal;
font-size:14px;
float:left;
}

#midspace{
height:50px;
width:745px;
float:left;
}

#themeswitch{
float:right;
margin:5px 12px 0 0;
}

/** categories list **/
ul, li {
margin:0;
border:0;
padding:0;
list-style:none;
}

#catlist {
font-size:12px;
padding:0px;
height:20px;
float:left;
margin:3px 0 0 10px;
}

#catlist .menu li {
background:url(images/lm.gif) left top no-repeat;
height:20px;
float:left;
margin-right:10px;
}

#catlist .menu li a {
color:#0D0D0D;
text-decoration:none;
padding:0 10px;
height:20px;
line-height:20px;
display:block;
float:left;
padding:0 26px 0 10px;
background:url(images/rm.gif) right top no-repeat;
width:160px;
}

#catlist .menu li a:hover {
color:#383838;
}

#catlist ul .submenu {
border-top:none;
background:#F6F6F6;
position:relative;
width:195px;
padding:6px 0;
clear:both;
z-index:2;
display:none;
}

#catlist ul .submenu li {
background:none;
display:block;
float:none;
margin:0 6px;
border:0;
height:auto;
line-height:normal;
border-top:solid 1px #DEDEDE;
}

#catlist .submenu li a {
background:none;
display:block;
float:none;
padding:4px 5px;
margin:0;
border:0;
height:auto;
color:#0D0D0D;
line-height:normal;
}

#catlist .submenu li a:hover{
background:none;
}

/** content items **/
#item{
background:url(images/itembg.gif) top left no-repeat;
float:left;
width:358px;
height:235px;
padding:7px 8px 0 8px;
margin:0 0 5px 0;
}

#itemtext{
float:left;
width:340px;
height:235px;
padding:4px 4px 4px 0;
}

#item a{
text-decoration:none;
cursor:pointer;
}

#item h3{
font-size:12px;
margin:0 0 5px 0;
padding:0;
font-weight:normal;
width:140px;
float:left;
}

#ratings{
float:right;
margin:0 15px 0 0;
}

.date{
float:right;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
padding:3px 14px 0 0;
}

/** blog items **/
#blogitem{
float:left;
margin:0 0 35px 0;
font-size: 13px;
line-height: 18px;
}

#blogitem ul{
display:inline;
}

#blogitem img{
border: 3px solid #eee;
}

#blogitem li{
margin:10px 10px 0 0;
}

#blogitem ul li {
padding: 0 0 5px 20px;
background: url(http://blogthemesplus.com/wp-content/themes/gallery/images/tick.png) 0 1px no-repeat;
}

#blogitem a{
color:#0D0D0D;
font-weight: bold; text-decoration: underline;
}

#blogitem a:hover{
color:#383838;
}

/** page items **/
#pageitem ul{
display:inline;
}

#pageitem li{
margin:10px 10px 0 0;
}

#pageitem ul li {
padding: 0 0 5px 20px;
background: url(http://blogthemesplus.com/wp-content/themes/gallery/images/tick.png) 0 1px no-repeat;
}

#pageitem a{
color:#0D0D0D;
font-weight: bold; text-decoration: underline;
}

#pageitem a:hover{
color:#383838;
}

/** single items **/
#singleitem{
float:left;
padding:2px;
}

#singleitem p{
margin:0 15px 12px 0;
font-size: 13px;
line-height: 18px;
}

#singleitem ul{
display:inline;
}

#singleitem li{
margin:10px 10px 0 0;
}

#singleitem img{
border: 3px solid #eee;
}

#pageitem img{
border: 3px solid #eee;
}

#singleitem ul{
display:inline;
}

#singleitem li{
margin:10px 10px 0 0;
}

#mainimage img{
width:440px;
height:auto;
}

#screenshots{
float:left;
width:450px;
}

#screenshots h3{
font-weight:normal;
margin:10px 0 5px 0;
padding:0;
font-size:16px;
}

#extdes{
margin:10px 0 0 0;
float:left;
}

#extdes ul li {
padding: 0 0 5px 20px;
background: url(http://blogthemesplus.com/wp-content/themes/gallery/images/tick.png) 0 1px no-repeat;
}

#extdes a{
color:#0D0D0D;
font-weight: bold; text-decoration: underline;
}

#extdes a:hover{
color:#383838;
}

#relatedside ul li {
padding: 0 0 5px 20px;
background: url(http://blogthemesplus.com/wp-content/themes/gallery/images/tick.png) 0 1px no-repeat;
}

#themedetails{
float:left;
width:270px;
margin:0 15px 0 0;
}

#themedetails ul{
list-style:none;
margin:0;
padding:0;
display:list-item;
}

#themedetails li{
width:254px;
border-bottom:1px solid #DEDEDE;
margin:8px 0 0 0;
padding:0 0 2px 0;
}

#themedetails h3{
font-weight:normal;
margin:0 0 10px 0;
padding:1px;
font-size:16px;
background:#312E2E;
color:#FFFFFF;
}

#themedetails h4{
font-weight:normal;
margin:20px 0 10px 0;
padding:1px;
font-size:16px;
background:#312E2E;
color:#FFFFFF;
}

#features{
background:#F6F6F6;
border:1px solid #DEDEDE;
margin:0 0 15px 0;
padding:8px;
float:left;
width:254px;
}

.price{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:500;
}

.option{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:500;
}

#postcomments{
float:left;
width:720px;
margin:15px 0 0 0;
padding:15px 0 0 0;
border-top:1px solid #DEDEDE;
}

#postcomments h3{
margin:0;
padding:5px 0 5px 0;
font-weight:normal;
font-size:14px;
}

/** sidebar **/
#sidebar{
float:left;
width:310px;
}

#sidebar h3{
margin:0;
padding:5px 0 15px 0;
font-weight:normal;
font-size:14px;
}

#block{
background:url(images/blockbg.gif) top left no-repeat;
padding:0 5px 0 5px;
width:300px;
margin:0 0 20px 0;
}

#searchform{
background:url(images/blockbg.gif) top left no-repeat;
padding:3px 5px 0 5px;
width:300px;
height:40px;
margin:0 0 10px 0;
}

#searchWrap input {
vertical-align:middle;
background:none;
}

#searchWrap #s {
font-size:1.1em;
border:none;
padding:1px 2px;
margin-right:3px;
width:270px;
}

#tags{
font-family:Georgia, "Times New Roman", Times, serif;
}

#sbitem h3{
margin:0;
padding:0;
}

#sbitem p{
margin:2px 0 15px 0;
padding:0;
color:#666666;
}

/** comments **/
#comment{
width:450px;
font:12px arial,helvetica,verdana,sans-serif;
}

h2.commh2{
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist{
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p{
margin-bottom:10px;
line-height: 20px;
}

ol.commentlist cite{
font-style: normal;
font-weight: bold;
}

ol.commentlist li{
padding: 20px 10px 10px 10px;
}

ol.commentlist li.alt{
padding: 10px 10px 5px 10px !important;
background:#F6F6F6;
border:1px solid #DEDEDE;
}

input#submit{
font-size: 14px;
color:#0D0D0D;
font-family: Arial, Helvetica, sans-serif;
padding:7px 10px;
margin:5px 0 0 0;
text-align:center;
background:#F6F6F6;
border:1px solid #DEDEDE;
cursor:pointer;
}

#comment,#author,#email,#url{
background:#F6F6F6;
border:1px solid #DEDEDE;
padding:2px;
color:#0D0D0D;
}

/** pagination **/
#pagination{
width:745px;
margin:15px 15px 15px 0;
float:left;
text-align:right;
}

#pagination a:hover{
border:none;
}

#pagination img{
border:none;
}

span.navback{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/back.gif) top right no-repeat;
cursor:pointer;
}

span.navforward{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/forward.gif) top right no-repeat;
cursor:pointer;
}

/** footer **/
#footer{
background: url(images/footerbg.jpg) top repeat-x;
height:40px;
padding:5px 0 0 0;
margin:50px 0 0 0;
float:left;
width:100%;
}

#insidefooter{
width:1060px;
margin:0px auto;
}

.button{
background: #222 url(http://blogthemesplus.com/wp-content/themes/gallery/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

#buttons a{
color: #fff;
text-decoration: none;
}

#buttons a:hover{
color: #fff;
text-decoration: none;
}

/* Sizes ---------- */
.small.button {
font-size: 11px;
}
.medium.button {
font-size: 13px;
}
.large.button {
font-size: 15px;
padding: 8px 14px 9px;
}

#tagcontent img{
border: 3px solid #eee;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px; 
}

#tagcontent li{
margin:5px 5px 0 0;
}

#tagcontent ul li {
padding: 0 0 5px 20px;
background: url(http://blogthemesplus.com/wp-content/themes/gallery/images/tick.png) 0 1px no-repeat;
}
 
/* Colors ---------- */
.black.button { background-color: #2b2a29; }
.black.button:hover { background-color: #1a1a1a; }
.green.button { background-color: #91bd09; }
.green.button:hover { background-color: #749a02; }
.blue.button { background-color: #2b9cab; }
.blue.button:hover { background-color: #007d9a; }
.red.button { background-color: #e33100; }
.red.button:hover { background-color: #a92c00; }
.magenta.button{ background-color: #a9014b; }
.magenta.button:hover { background-color: #630030; }
.orange.button { background-color: #ff5c00; }
.orange.button:hover { background-color: #d45500; }
.orangeyellow.button { background-color: #ffb515; }
.orangeyellow.button:hover { background-color: #fc9200; }


.alert {
	background: #f7f7f7;
	text-align: center;
	padding: 10px 25px 10px 25px;
	border-top: 3px solid #CDCDCD;
	border-bottom: 3px solid #CDCDCD;
	}