/*
Theme Name: Artistica
Theme URI: http://www.wpzoom.com/themes/artistica/
Description: Artistica Theme
Version: 1.2.3
Author: WPZOOM
Author URI: http://www.wpzoom.com
Tags: white, fixed-width, two-columns, widgets
*/


* {padding:0; margin:0; border: none; outline:0; }
body {font-family:Helvetica, Arial, Tahoma, sans-serif; font-size: 62.5%; color: #2f3133; text-align:center; background-color: #fff; }
a {text-decoration:none; color:#2f3133; }
a:hover {text-decoration:none; color: #cc0000; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color:#2f3133; line-height: 1.2em; }
p {margin: 0 0 10px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }

::-moz-selection{background:#333; color:#fff;}
::selection{ background:#333; color:#fff; }

#wrap {width:100%; margin: 0 auto; text-align:left; }
#wrap div.wrap {width: 960px; margin: 0 auto; text-align: left; }
#wrap div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#wrap div.sep {font-size:1px; height: 1px; margin:10px 0; line-height: 1px; border-top: dotted 1px #888; }

#header {padding: 20px 0 30px; }
#logo {text-align: center; }

/* 2. Menu Area */
#menuTop {margin-bottom: 20px; }

#nav {background: #aaa url(images/backMenu.png) repeat-x top left; height: 40px; line-height: 40px; }

#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:18px; z-index:300; width:100%; }
#menuhead {margin-left: 10px; }
#menuhead a {display:block; padding:5px 10px; color:#fff; text-decoration:none; }  
#menuhead a:hover {background-color:#fff; color:#cc0000;}  
#menuhead li {float:left; display: inline; position:relative; line-height: 30px; font-size: 11px; text-transform: uppercase; }
#menuhead li li {line-height: 20px; }  
#menuhead ul {position:absolute; display:none; width:120px; top:39px; left:0;}  
#menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; background-color: #444;}  
#menuhead li ul {width:130px;}  
#menuhead li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #555;}  
#menuhead ul ul {top:auto;}  
#menuhead li ul ul {left:130px; margin:0 0 0 10px;}  
#menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}  
#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block;}

#search { float:right; font-size:10px; height:30px; width: 120px; position: relative; margin-top: 8px; }
#setop {	background: transparent url(images/backSearch.png) repeat-x top left;	border: solid 1px #999;	height:22px; width:105px; font-size: 10px; padding-left: 5px;	}
#searchsubmittop {position: absolute; top:5px; right:12px; }

/* 3. Content Area */
#content {}
.posts {margin-bottom: 10px; }
.posts .post {float: left; display: inline; margin-right: 10px; }
.posts .post-last {margin-right: 0; }
.posts-4 .post-small {width: 150px; }
.posts-5 .post-small {width: 184px; }
.posts h2 {font-size: 11px; text-transform: uppercase; line-height: 16px; }
.posts .cover {margin-bottom: 6px; }
.posts h3 {text-align: center; font-size: 20px; font-weight:bold; text-transform: uppercase; line-height: 24px; margin-bottom: 7px; }

h1 {text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 6px; }
p.postmetadata, .single p.postmetadata {font-size: 10px; font-family: Helvetica, Arial, Tahoma, sans-serif; text-transform: uppercase; line-height: 18px; color: #666; }
div.single p.postmetadata {text-align: center; }

div.single .content-big, .single .content-narrow {float: left; display: inline;}
.single-left .content-big, .single-left .content-narrow {float: right; display: inline;}
div.single .content-big {width: 630px; margin-right: 30px; }
div.single .content-wide {width: 960px; margin-right: 0; }
.single-left .content-big {margin-right: 0; margin-left: 30px; }
.content-narrow {width: 300px; }
div.single {font-family: Georgia, Times, serif; margin-top: 30px; font-size: 14px; line-height: 20px; margin-bottom: 14px; }

div.single .alignleft {float: left; display: inline; margin: 0 15px 10px 0; }
div.single .alignright {float: right; display: inline; margin: 0 0 10px 15px; }
div.single .content-big img {padding: 1px; border: solid 1px #aaa;}
div.single a {text-decoration: underline; }
div.single a:hover {text-decoration: none; }
div.single h1 a {text-decoration: none; }

.navigation {margin: 10px 0; font-size: 18px; text-align: center;  }

div.single h2, .content-narrow .widget h2 {font-size: 24px; }
div.single h3 {font-size: 20px; }
div.single h4 {font-size: 18px; }
div.single h5 {font-size: 16px; }
div.single h6 {font-size: 14px; }

/* Comments */
div.single ol.comments {padding: 1em 0; margin:0; }
div.single ol.comments a {text-decoration: none;}
div.single ol.comments div.comment-body {position: relative; }
div.single ol.comments div.reply {position: absolute; top: 0; right: 0; }
div.single ol.comments li {list-style-type: none; margin: 0 0 1em; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; }
div.single ol.comments li ul.children {padding: 10px 0 0; }
div.single ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }

div.single ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; }
div.single ol.comments .vcard {}
div.single ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
div.single ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
div.single ol.comments cite.author {color: #333;}
div.single ol.comments span.says {display: none; }
div.single ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
div.single ol.comments blockquote {font-size: 12px; line-height: 18px; }
div.single ol.comments p {text-shadow: #fff 1px 1px 1px;}
div.single ol.comments li.comment {background-color: #f1f1f1; }
div.single ol.comments li.bypostauthor { background-color: #e1e1e1; }

.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { background: #336699; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: none; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { background: #cc0000; text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}

#commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; }
#commentform input {clear: left; float: left; display: inline; width: 300px;	padding: 6px 0 2px 5px;	font-size: 12px; margin-bottom: 10px; }
#commentform textarea {	width: 550px; height: 100px;	padding: 2px; margin-bottom: 10px;	}
#commentform input, #commentform textarea {background: #fff url(images/backSearch.png) repeat-x top left;	 border: 1px solid #ccc; color: #333; }
#commentform #submit {font-size: 11px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #336699; color: #fff; border: none; }
#commentform #submit:hover {background-color: #005599; }

div.single p {margin: 14px 0; }
div.single ul, div.single ol {margin-left: 20px; }
div.single li {list-style-position: inside;} 
div.single ul li {list-style-type: square;}
div.single ol li {list-style-type: decimal;} 
div.single blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; }
div.single h2, div.single h3, div.single h4, div.single h5, div.single h6 {margin: 14px 0; }
div.single .content-narrow .widget ul, .single .content-narrow .widget ol {margin-left: 0;}
div.single .content-narrow .widget li {list-style-type: none; }


/* 4. Footer Area */
#footer {margin: 30px 0 30px; font-size: 11px; }
#footer a {text-decoration: underline; }
#footer a:hover {text-decoration: none; }
#footer p {text-align: center; }
#footer ul {display: block; text-align: center; margin-bottom: 5px; }
#footer ul li {display: inline; padding: 0 5px; line-height: 16px;}
#footer p.copy a {color: #444; text-decoration: none;}
#footer p.copy a:hover { }

/* Captions */
.wp-caption {	float: left; display: inline; text-align: center;	padding: 0 5px 5px 5px;	margin: 0 10px 10px 0;}
.wp-caption p { font-family: Helvetica, Arial, Tahoma, sans-serif;	text-align: center;	font-size: 11px;	text-transform: uppercase;}

.content-narrow .widget {font-size: 14px; line-height: 20px; margin-bottom: 20px; }
.content-narrow .widget h2 {text-transform: uppercase; margin-bottom: 10px; }
.content-narrow ul.gallery li {float: left; display: inline; width: 75px; margin-right: 15px; margin-bottom: 15px; }
.content-narrow ul.gallery li img {padding: 1px; border: solid 1px #aaa;}

div.single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;	margin:10px; }
div.single .gallery { margin: auto; text-align:center; clear:both; }
div.single .gallery img { border: solid 4px #eee;}
div.single .gallery-caption { margin-left: 0; }
div.single div.gallery img:hover {border: solid 4px #9acdea; }

/* Shortcodes */
.checklist li {padding-left: 20px; background: transparent url(images/icon_tick.png) no-repeat top left; list-style-type: none !important; }
.arrowlist li {padding-left: 20px; background: transparent url(images/icon_arrow.png) no-repeat top left; list-style-type: none !important; }
.deletelist li {padding-left: 20px; background: transparent url(images/icon_delete.png) no-repeat top left; list-style-type: none !important; }
.scBox {padding: 10px; text-shadow: none !important; color: #444; margin: 10px 0; }
.notice {background-color: #f8f0af; }
.warning {background-color: #f8c0c0; }
.update {background-color: #c0e5f8; }
.highlight {padding: 3px 5px; text-shadow: none; background-color: #f8f0af; color: #333; }
.half {float:left;width:47%;margin:10px 0;margin-right:6%;}
.third {float:left;width:30%;margin:10px 0;margin-right:5%; overflow: hidden;}
.last {margin-right:0; }